@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900&display=swap');



/* ベースレイアウト設定-------------------------------------------------------------------------------------------------------------------- */


html{font-size:100%;}


body {
	font-family: 'Noto Sans JP', sans-serif;
	color:#1a1a1a;
	height:100%;
	line-height:1.7;
	background:#ffffff;
	-webkit-text-size-adjust: none;
	font-weight:400;
}

.mac body{font-weight:300;}



.strong,
strong{ font-weight:700; color:#333;}
.mincho{ font-family: 'Noto Serif JP', serif;}
.font-rounded {font-family: 'M PLUS Rounded 1c', sans-serif;}



/* ページ幅 */
.wrap{margin:auto; max-width: 1080px;width:100%;}

@media screen and (max-width: 1080px) {
	.wrap{margin:auto;width:90%!important;;}
}

@media screen and (max-width: 479px) {

.sp_wide{margin:auto; width:96%!important;}

}



/* 基本要素-------------------------------------------------------------------------------------------------------------------- */


/* マウスオーバー */

a:hover{  color:#00a445;}
a img:hover{ opacity:0.85;}

a{color:#0099CC;}



/* 太字テキスト */

.tx-b,.tx-bb{color:#00a445;}


/*基本要素要素マージン*/

p{ margin-bottom:1.2rem;}



/* フォント */

.strong300{ font-weight:300;}
.strong400{ font-weight:400;}
.strong500{ font-weight:500;}
.strong700{ font-weight:700;}


/* 行高さ */

.lineheight10{ line-height:1 !important;}
.lineheight11{ line-height:1.1 !important;}
.lineheight12{ line-height:1.2 !important;}
.lineheight13{ line-height:1.3 !important;}
.lineheight14{ line-height:1.4 !important;}
.lineheight15{ line-height:1.5 !important;}
.lineheight16{ line-height:1.6 !important;}
.lineheight17{ line-height:1.7 !important;}
.lineheight18{ line-height:1.8 !important;}
.lineheight19{ line-height:1.9 !important;}
.lineheight20{ line-height:2 !important;}



/* 画像レイアウト */

img{ max-width:100%; height:auto;}





/*　テキストレイアウト ------------------------------------------------------------------------------------------------------------------------*/

.alignleft{ text-align:left;}
.alignright{ text-align:right;}
.aligncenter{ text-align:center;}

@media screen and (min-width:1080px) {
/* 画面サイズが1080px以上に効かせる場合（PCのみに効かせる） */

.alignleft_PC{ text-align:left;}
.alignright_PC{ text-align:right;}
.aligncenter_PC{ text-align:center;}


}


@media screen and (min-width:480px) {
/* 画面サイズが480px以上に効かせる場合（PCとタブレットに効かせる） */

.alignleft_PCTB{ text-align:left;}
.alignright_PCTB{ text-align:right;}
.aligncenter_PCTB{ text-align:center;}


}


@media screen and ( max-width:1079px) {
/* 画面サイズが1079px以上に効かせる場合（タブレットとSPに効かせる） */

.alignleft_TBSP{ text-align:left;}
.alignright_TBSP{ text-align:right;}
.aligncenter_TBSP{ text-align:center;}

}

@media screen and (max-width:479px) {
/* 画面サイズが479px以下に効かせる場合（SPのみに効かせる） */

.alignleft_SP{ text-align:left;}
.alignright_SP{ text-align:right;}
.aligncenter_SP{ text-align:center;}

}



/* 改行・表示 ------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:1080px) {
/* 画面サイズが1080px以上に効かせる場合 */

.is_PC{ display:block ;}
.is_TB{ display:none !important;}
.is_PCTB{ display:block !important;}
.is_TBSP{ display: none !important;}
.is_SP{ display:none !important;}

}


@media screen and (min-width:480px) and (max-width:1079px) {
/* 画面サイズが480px以上1079pxまでに効かせる場合 */

.is_PC{ display:none !important;}
.is_TB{ display:block !important;}
.is_PCTB{ display:block !important;}
.is_TBSP{ display: block !important;}
.is_SP{ display:none !important;}
}



@media screen and (max-width:479px) {
/* 画面サイズが479px以下に効かせる場合 */

.is_PC{ display:none !important;}
.is_TB{ display:none !important;}
.is_PCTB{ display:none !important;}
.is_TBSP{ display: block !important;}
.is_SP{ display:block !important;}

}