@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top;max-width:100%;height:auto;-ms-interpolation-mode:bicubic; }
main { display:block; }
pre { white-space:pre-wrap; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */

/*****************************************************************************
 BASICS
 *****************************************************************************/
html {font-size:62.5%;}

body {
	font-family: 'Noto Sans JP', "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	line-height:1.8;
	color:#333;
	font-size:14px;
	font-size:1.4rem;
	-webkit-text-size-adjust: none;
	letter-spacing:0.016em;
	min-width:1080px;
	background:#fff;
}
body,html{height:100%;margin:0 auto;}
body *{box-sizing:border-box;}
a {text-decoration:none;color:#0075a9;outline:none;}
a:hover {text-decoration:none;color:#009e96;}
a:hover img{opacity:0.8;}

/* common */
.inner{width:1080px;max-width:100%;margin:0 auto;position:relative;}
.sp{display:none;}
.txt_center{text-align:center;}
.txt_red{color:#e1231e;}

.fix_link{width:50px;height:210px;position:fixed;top:50%;right:0;z-index:200;transform:translateY(-50%);}
.fix_link a{display:flex;align-items:center;justify-content:center;width:50px;height:210px;background:#7ecef4;color:#fff;font-size:14px;writing-mode:vertical-rl;-ms-writing-mode:tb-rl;transition-duration:0.4s;}
.fix_link a:before{content:"\f0e0";font-family:FontAwesome;writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;}
.fix_link a:hover{background:#448aca;}

main{padding-top:100px;}

@media screen and (max-width: 768px) {
	.pc{display:none;}
	.sp{display:block;}
}

#fixedTop{right:10px;bottom:40px;width:50px;height:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;display:none;background:#448aca;position:fixed;z-index:9999;border-radius:50%;-webkit-transform:translateZ(0);}
#fixedTop:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0.7;}

.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;}

.youtube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.youtube_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.effect-fade{opacity:0;transform:translate(0,45px);transition:all 300ms;}
.effect-fade.effect-scroll{opacity:1;transform:translate(0,0);}



/*--header--*/
.sb-slide{display:none;}
header{background:#fff;position:fixed;width:100%;z-index:10000;}
header .wrap{display:flex;flex-flow:row wrap;justify-content:space-between;}
header h1{width:384px;max-width:100%;height:70px;display:flex;align-items:center;padding:0 30px;}
header h1 a img{width:100%;height:auto;}

header .head_info{display:flex;flex-flow:row wrap;align-items:center;}

header .head_info .phone{padding:0 15px;}
header .head_info .phone dt{font-size:12px;color:#333;font-weight:bold;line-height:16px;}
header .head_info .phone dd a{font-family: 'Oswald', sans-serif;font-weight:400;font-size:42px;color:#333;line-height:44px;}
header .head_info .phone dd a:hover{color:#009e96;}

header .head_info .contact a{display:block;width:90px;height:70px;background:#7ecef4;color:#fff;transition-duration:.4s;}
header .head_info .contact a:hover{background:#009e96;}
header .head_info .contact dl{text-align:center;}
header .head_info .contact dl dt{font-size:10px;font-weight:bold;background:#448aca;width:100%;height:19px;}
header .head_info .contact dl dd{font-size:10px;font-weight:bold;}
header .head_info .contact dl dd i{font-size:30px;}

header nav{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;background:#448aca;height:30px;}
header nav ul{display:flex;flex-flow:row wrap;align-items:center;line-height:1;}
header nav ul li{padding:0 20px;}
header nav ul li:not(:first-child){border-left:1px solid #fff;}
header nav ul li a{color:#fff;font-size:16px;font-weight:bold;}
header nav ul li a:hover{color:#7ecef4;}



/*--footer--*/
footer{background:#fff;color:#0075a9;}
footer a{color:#0075a9;}
footer a:hover{color:#009e96;}

footer nav{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;background:#0075a9;height:30px;}
footer nav ul{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;line-height:1;width:1080px;max-width:100%;}
footer nav ul li{padding:0 15px;}
footer nav ul li:not(:first-child){border-left:1px solid #fff;}
footer nav ul li a{color:#fff;font-size:12px;}
footer nav ul li a:hover{color:#d0ebf9;}

footer .foot_info{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:30px 0 20px;border-bottom:1px solid #0075a9;width:1050px;}
footer .foot_info h1{width:384px;max-width:100%;}

footer .foot_contact{display:flex;flex-flow:row wrap;align-items:center;}
footer .foot_contact .phone{padding:0 15px;}
footer .foot_contact .phone dt{font-size:12px;color:#0075a9;font-weight:bold;line-height:16px;}
footer .foot_contact .phone dt em{font-weight:bold;}
footer .foot_contact .phone dd a{font-family: 'Oswald', sans-serif;font-weight:400;font-size:42px;color:#0075a9;line-height:44px;}
footer .foot_contact .phone dd a:hover{color:#13b5b1;}

footer .foot_contact .contact a{display:block;width:90px;height:70px;background:#fff;color:#0075a9;border:1px solid #0075a9;transition-duration:.4s;}
footer .foot_contact .contact a:hover{color:#13b5b1;}
footer .foot_contact .contact dl{text-align:center;}
footer .foot_contact .contact dl dt{font-size:10px;font-weight:bold;background:#0075a9;width:100%;height:19px;color:#fff;}
footer .foot_contact .contact dl dd{font-size:10px;font-weight:bold;}
footer .foot_contact .contact dl dd i{font-size:30px;}

footer .foot_add{padding:20px 15px 40px;}
footer .foot_add p{font-size:14px;line-height:1.66;}

footer .copyright{width:100%;}
footer .copyright small{display:block;width:1080px;max-width:100%;height:30px;line-height:30px;margin:0 auto;padding:0 15px;font-size:10px;font-family: 'Poppins', sans-serif;letter-spacing:0.2em;text-align:center;color:#0075a9;}









/*****************************************************************************
 Responsive
 *****************************************************************************/

@media screen and (max-width: 768px) {
	*{-webkit-text-size-adjust:100%;-webkit-appearance: none;}
	body{min-width:initial;min-width:auto;}
	.inner{width:100%;}
	img{max-width:100%;height:auto;}
	main{width:100%;padding-top:calc(2.6875vw * 5);}
	.scroll{overflow:auto;white-space:nowrap;}
	.scroll::-webkit-scrollbar{height:5px;}
	.scroll::-webkit-scrollbar-traqck{background:#f1f1f1;}
	.scroll::-webkit-scrollbar-thumb{background:#bcbcbc;}

	.effect-fade{opacity:0;transform:none;transition:all 300ms;}
	.effect-fade.effect-scroll{opacity:1;transform:none;}


	#fixedTop{bottom:10px;}

	/*slidemenu*/
	#sb-site{background:#fff;}
	.sb-slide{
		display:block;
		position:fixed;
		left:0;
		top:0;
		z-index:999;
		font-size:calc(4.6875vw * 1.2);
		line-height:1.2;
		-webkit-transform: translate3d(0, 0, 2px);
		transform: translate3d(0, 0, 2px);
	}
	.sb-slide .menu .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .menu .sb-close {
		display:flex;
	}
	.sb-slide .txt{display:block;margin-top:-5px;font-size:0.8rem;}

	.sb-slidebar ul{padding:3%;}
	.sb-slidebar ul li a {
		display:flex;
		width:100%;
		padding:10px;
		border-bottom: dotted 1px #ccc;
		text-decoration:none;
		text-align:left;
		color:#333;
		font-weight:bold;
	}
	.sb-slidebar ul li a:before{content:"\f0da";font-family:FontAwesome;margin-right:5px;color:#5eb7c1;}
	.sb-slidebar ul li a span{margin-right:5px;}
	.sb-slidebar ul li a em{text-align:right;}
	.sb-slidebar section {
		padding:3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sb-slidebar section p{margin:2% 3%;}
	.sb-slidebar section p a {
		background:#fff;
		display:block;
		cursor:pointer;
		color:#000;
		padding:10px 15px;
		text-decoration:none;
		font-size:1.8rem;
		text-align:center;
		height:50px;
		border:1px solid #333;
		font-weight:bold;
	}
	.sb-slidebar section p a:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";text-decoration:none;}
	.sb-slidebar section iframe {margin:0 0 10%;}
	.sb-slidebar .side_add .phone a{background:#fff;color:#333;border:1px solid #333;font-family: 'Oswald', sans-serif;display:flex;align-items:center;justify-content:center;}


	/*--header--*/
	.sb-slide{width:100%;height:calc(2.6875vw * 5);display:table;overflow:hidden;}
	.sb-slide h1{width:55%;padding:0 3.9062vw;display:table-cell;vertical-align:middle;background:#fff;}
	.sb-slide h1 a{display:block;}
	.sb-slide .phone,
	.sb-slide .contact,
	.sb-slide .menu{display:table-cell;vertical-align:middle;width:15%;position:relative;text-align:center;font-size:calc(4.6875vw * 1.2);color:#fff;}
	.sb-slide .phone{background:#333;}
	.sb-slide .contact{background:#7ecef4;}
	.sb-slide .phone a,
	.sb-slide .contact a{color:#fff;display:block;}
	.sb-slide .menu{background:#448aca;}
	.sb-toggle-right,
	.menu .sb-close{width:100%;height:calc(2.6875vw * 5);display:flex;align-items:center;justify-content:center;}

	/*--footer--*/
	footer .foot_info{padding:30px 15px 20px;}
	footer .foot_info h1{width:33.33%;}

	footer nav{height:auto;padding:10px 15px;}
	footer nav ul{justify-content:flex-start;}
	footer nav ul li{padding:5px 10px;}
	footer nav ul li:not(:first-child){border-left:0;}
	footer nav ul li a{display:flex;align-items:baseline;}
	footer nav ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;}
	footer .copyright small{text-align:center;}


}


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

	footer .foot_info{flex-flow:column wrap;justify-content:center;}
	footer .foot_info h1{width:80%;margin-bottom:15px;}

	footer .foot_add .row{width:50%;padding:15px 15px 20px;}
	footer .foot_add .row:first-child{width:100%;}


}


@media screen and (max-width: 480px) {
	footer nav ul li{width:50%;}







}


@media screen and (max-width: 375px) {
	footer .foot_info{padding:30px 0 20px;}
	footer .foot_info h1{width:100%;padding:0 15px;}

	footer .foot_contact .phone{padding:0;margin-right:10px;}
	footer .foot_contact .phone dt{font-size:10px;}
	footer .foot_contact .phone dd a{font-size:36px;}
}


@media screen and (max-width: 320px) {
	footer .foot_add .row:not(:first-child){display:none;}

}