@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700);

body,select,textarea {font-family:'Roboto','Noto Sans JP', メイリオ, Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro", sans-serif; color:#333333; font-size:15px; line-height:1.8em;}
*{padding:0; margin:0; letter-spacing:.05em; font-weight:400; position: relative;}

input,select,textarea {outline:0;}

@media screen and (max-width:767px) {
	body,select,textarea {font-size:14px;}
	*{padding:0; margin:0; letter-spacing:0.1em;}
}

body, html {min-height:100vh;}
body {overflow-x:hidden; min-height: 100vh;}
h1,h2,h3,h4,h5 {font-weight:500; font-style:normal; word-wrap:break-word; word-break:break-all;}

a img {
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	opacity:1;
}
a:hover img {
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	opacity:0.8;
}

a[href^="tel:"] { cursor:default; }
a[href^="tel:"]:hover img {
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	opacity:1;
}
::selection {background:#d4dceb;}
::-moz-selection {background:#d4dceb;}

table {width: 100%; border-collapse: collapse;}
th,td {border-collapse: collapse; font-weight: normal; text-align: left; vertical-align: top;}

/*HTML5対応*/
img {border:none; vertical-align:bottom; max-width: 100%;}
section, article, nav, aside, details, figcaption, figure, footer, header, hgroup, menu, main {display:block;}

/*SVG IE対策*/
img[src$=".svg"] {width:100%;}

/*レスポンシブ調整*/
.wrap {max-width:1300px; margin:0 auto; box-sizing:border-box; width:100%;}
.sp {display:none;}

@media screen and (max-width:1380px) {
	.wrap {width:94%;}
}

@media screen and (max-width:767px) {
.sp {display:inline;}
.pc {display:none !important;}
}

/*ボックスサイジング設定*/
*, *:before, *:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/*flexレイアウト*/
.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex_center {align-items: center;}

.flex2 > * {
	width:50%;
	width:-webkit-calc(100%/2);
	width:calc(100%/2);
}

.flex3 > * {
	width:33.33333%;
	width:-webkit-calc(100%/3);
	width:calc(100%/3);
}

.flex4 > * {
	width:25%;
	width:-webkit-calc(100%/4);
	width:calc(100%/4);
}

/*余白指定*/
.pt_0 {padding-top: 0em !important;}
.pt_1 {padding-top: 1em !important;}
.pt_2 {padding-top: 2em !important;}
.pt_3 {padding-top: 3em !important;}
.pt_4 {padding-top: 4em !important;}
.pl_0 {padding-left: 0em !important;}
.pl_1 {padding-left: 1em !important;}
.pl_2 {padding-left: 2em !important;}
.pl_3 {padding-left: 3em !important;}
.pl_4 {padding-left: 4em !important;}
.pr_0 {padding-right: 0em !important;}
.pr_1 {padding-right: 1em !important;}
.pr_2 {padding-right: 2em !important;}
.pr_3 {padding-right: 3em !important;}
.pr_4 {padding-right: 4em !important;}
.pb_0 {padding-bottom: 0em !important;}
.pb_1 {padding-bottom: 1em !important;}
.pb_2 {padding-bottom: 2em !important;}
.pb_3 {padding-bottom: 3em !important;}
.pb_4 {padding-bottom: 4em !important;}

/*余白指定*/
.mt_0 {margin-top: 0em !important;}
.mt_1 {margin-top: 1em !important;}
.mt_2 {margin-top: 2em !important;}
.mt_3 {margin-top: 3em !important;}
.mt_4 {margin-top: 4em !important;}
.ml_0 {margin-left: 0em !important;}
.ml_1 {margin-left: 1em !important;}
.ml_2 {margin-left: 2em !important;}
.ml_3 {margin-left: 3em !important;}
.ml_4 {margin-left: 4em !important;}
.mr_0 {margin-right: 0em !important;}
.mr_1 {margin-right: 1em !important;}
.mr_2 {margin-right: 2em !important;}
.mr_3 {margin-right: 3em !important;}
.mr_4 {margin-right: 4em !important;}
.mb_0 {margin-bottom: 0em !important;}
.mb_1 {margin-bottom: 1em !important;}
.mb_2 {margin-bottom: 2em !important;}
.mb_3 {margin-bottom: 3em !important;}
.mb_4 {margin-bottom: 4em !important;}

/*フォント指定*/
.f0_8 {font-size: 0.8em;}
.f0_9 {font-size: 0.9em;}
.f1_0 {font-size: 1em;}
.f1_1 {font-size: 1.1em;}
.f1_2 {font-size: 1.2em;}
.f1_3 {font-size: 1.3em;}
.f1_4 {font-size: 1.4em;}
.f1_5 {font-size: 1.5em;}
.f1_6 {font-size: 1.6em;}
.f1_7 {font-size: 1.7em;}
.f1_8 {font-size: 1.8em;}
.f1_9 {font-size: 1.9em;}
.f2_0 {font-size: 2em;}
.tx_left {text-align: left;}
.tx_center {text-align: center;}
.tx_right {text-align: right;}
.lh_1_6 {line-height: 1.6em;}
.lh_1_7 {line-height: 1.7em;}
.lh_1_8 {line-height: 1.8em;}
.lh_1_9 {line-height: 1.9em;}
.lh_2_0 {line-height: 2em;}
.lh_2_1 {line-height: 2.1em;}
.lh_2_2 {line-height: 2.2em;}
.lh_2_3 {line-height: 2.3em;}

@media screen and (max-width:767px) {
	.f1_1 {font-size: 1.05em;}
	.f1_2 {font-size: 1.1em;}
	.f1_3 {font-size: 1.15em;}
	.f1_4 {font-size: 1.2em;}
	.f1_5 {font-size: 1.25em;}
	.f1_6 {font-size: 1.3em;}
	.f1_7 {font-size: 1.35em;}
	.f1_8 {font-size: 1.4em;}
	.f1_9 {font-size: 1.45em;}
}














