@charset "UTF-8";

/*======*/
body,html{margin:0px;padding:0px;cursor:default;text-align:center;color:#011f34;}
body {font-family:"メイリオ",ＭＳ Ｐゴシック,Osaka;min-width:1200px;margin:0px;padding:0px;zoom: 1.0;-moz-transform: scale(1.0);}
	@media all and (max-width: 1024px) {
		body {font-family: Verdana, sans-serif;-webkit-text-size-adjust: none;overflow-x:hidden;min-width:100%;}
	}
a{cursor:pointer;outline:none;text-decoration:none;}
input,textarea,option,select{font-size:13px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:none;}
h1,h2,h3,h4,h5,p,ul,li{font-weight:normal;color:#011f34;}
img,div{vertical-align:top;border:0px;}
ul,li{list-style-type:none;text-align:center;margin:0px;padding:0px;vertical-align:top;}
a:hover img{opacity:0.9;filter: alpha(opacity=95);}
	@media all and (min-width: 1025px) {
		body,html{font-size:13px;line-height:23px;}
		h1,h2,h3,h4,h5,p,ul,li{font-size:13px;line-height:23px;}
		.pc_none{display:none;}
		.menu_icon{display:none !important;}
		#container{background: url(../img/common/bg_new_20230307.jpg) no-repeat top center;background-size:2000px 899px;}
		#container.etc{background: url(../img/common/bg_new_20230307.jpg) no-repeat top center;background-size:2000px 600px;}
		.main_contents_box{padding-bottom:60px;}
	}
	@media all and (max-width: 1024px) {
		body,html{font-size:12px;line-height:21px;}
		h1,h2,h3,h4,h5,p,ul,li{font-size:12px;line-height:21px;}
		.smart_none{display:none;}
		body{background:url(../img/common/bg_new_20230307.jpg) top center no-repeat;background-size:120% auto;}
		.main_contents_box{width:100%;height:auto;margin:0px auto;padding-bottom:40px;}
		.etc .main_contents_box{width:96%;height:auto;margin:0px auto;padding-bottom:40px;}
	}

/*===overlay===*/
.overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
}
.btn_area {
	width: 400px;
	padding: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	text-align: center;
	z-index: 2
}
.btn_area .ttl {
	font-weight: bold;
	text-align: center;
	width: 60%;
	margin:0 auto;
}
.btn_area p {
	padding: 15px;
	text-align: left;
	line-height: 1.6;
}
.btn_area button {
	display: block;
	margin:20px auto 0 auto;
	background: #e61e62;
	color: #fff;
	padding: 20px 40px;
	border-radius:50px;
	border: none;
	width: 90%;
	transition: .3s;
}
.btn_area button:hover {
	opacity: 0.7;
}



/*======*/
header{width:100%;height:auto;margin:0px auto;padding:0px;}
.header{width:100%;height:auto;margin:0px auto;padding:0px;}
.logospace{width:1200px;height:auto;margin:0px auto;padding:0px;}
.logospace h1{width:315px;height:auto;margin:0px auto;padding:616px 0px 54px 0px;}
	@media all and (min-width: 1025px) {
		#container.index .logospace h1{width:315px;height:auto;margin:0px auto;padding:36px 0px 24px 0px;}
		#container.etc .logospace h1{width:315px;height:auto;margin:0px auto;padding:36px 0px 54px 0px;}
	}
	@media all and (max-width: 1024px) {
		header{height:auto;}
		.logospace{width:100%;height:auto;position:relative;}
		.logospace h1{width:80%;padding:25px 0px 10px 0px;position:unset;max-width:500px;}
		.logospace h1{width:200px;height:auto;margin:0px auto;padding:36px 0px 24px 0px;}
		#container.index .logospace h1{padding:20px 0px;}
		#container.etc .logospace h1{width:200px;height:auto;margin:0px auto;padding:30px 0px 20px 0px;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}

/*======*/
	@media all and (min-width: 1025px) {
		ul.topimage{width:100%;height:auto;margin:0px auto;padding-bottom:30px;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		ul.topimage li{width:33.333%;height:auto;margin:0px auto;padding:0px;}
	}
	@media all and (max-width: 1024px) {
		ul.slider1{padding-bottom:30px;}
		.owl-controls{display:none !important;}
	}

/*======*/
.h2_etc{width:auto;height:auto;margin:0px auto;padding:30px 0px;}
.h2_etc h2{font-size:20px;letter-spacing:1px;line-height:100%;color:#ffffff;font-weight:bold;}
.h2_etc span{display:block;width:auto;height:auto;margin:0px auto;padding:3px 0px 0px 0px;font-size:11px;letter-spacing:1px;line-height:100%;color:#0D4E91;}
	@media all and (max-width: 1024px) {
		.h2_etc{padding:20px 0px;}
		.h2_etc h2{font-size:18px;color:#011f34;}
	}

/*======*/
footer{width:100%;height:auto;margin:0px auto;padding:0px;background: linear-gradient(to right,  #0d4e91 0%,#0a5c9a 50%,#0d4e91 100%);}
.footer{width:100%;height:auto;margin:0px auto;padding:0px;}
.footer ul{width:100%;height:auto;margin:0px auto;padding:10px 0px 0px 0px;}
.footer li{width:auto;height:auto;margin:0px;padding:0px 8px;display:inline-block;}
footer .logo{margin:0px auto;padding:30px 0px;width:213px;height:auto;}
footer .copy{margin:0px auto;padding:5px 0px;width:100%;height:auto;color:#ffffff;}
	@media all and (min-width: 1025px) {
		footer span.menu{display:none;}
		footer a:link{color:#ffffff;text-decoration:none;}
		footer a:visited{color:#ffffff;text-decoration:none;}
		footer a:hover{color:#03a5d6;text-decoration:underline;}
		footer a:active{color:#ffffff;text-decoration:none;}
		.footer li a{position: relative;display: block;padding:10px 0px;}
		.footer li:nth-of-type(1) a:before{content:"";padding:0px 8px 0px 0px;margin:0px;}
		.footer li a:before{content:"・";display:inline-block;font-size:12px;color:#ffffff;padding:0px 8px 0px 0px;margin:0px;}
	}
	@media all and (max-width: 1024px) {
		footer .copy{padding:5px 0px 63px 0px;}
		footer .copy a{text-decoration:none;color:#ffffff;}
		footer .logo{margin:0px auto;padding:15px 0px;width:180px;height:auto;}
		.footer li{width:45%;margin:0px 2%;padding:4px 0px;}
		.footer li a{display: block;padding:5px 0px;background: rgba(245,236,239,0.3);color:#ffffff;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
		footer .copy span{display:none;}
	}
	@media all and (max-width: 480px) {
		footer .copy{font-size:11px;}
		footer .copy span{display:none;}
	}


/*======*/
.pan{width:1200px;height:auto;display:block;margin:0px auto;padding:6px 0px;}
.pan ul{width:100%;height:auto;margin:0px auto;padding:0px;text-align:left;}
.pan li{height:auto;margin:0px auto;padding:0px;font-size:12px;color:#0D4E91;display:inline-block;}
.pan li a:after {content:"　>　";}
.pan li a{display:block;}
	@media all and (min-width: 1025px) {
		.pan a:link{color:#0D4E91;text-decoration:none;}
		.pan a:visited{color:#0D4E91;text-decoration:none;}
		.pan a:hover{color:#03a5d6;text-decoration:underline;}
		.pan a:active{color:#0D4E91;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		.pan a{color:#0D4E91;text-decoration:none;}
		.pan{width:96%;}
		.pan li a:after {content:">";}
		.pan li{font-size:11px;}
	}
	
/*======*/
.footer_contact{width:100%;height:auto;margin:0px auto;padding:30px 0px;background:#f4f4f4;}
.footer_contact ul{width:100%;height:auto;margin:0px auto;padding:0px;}
	@media all and (min-width: 1025px) {
		.footer_contact a:link{color:#2e2e2e;text-decoration:none;}
		.footer_contact a:visited{color:#2e2e2e;text-decoration:none;}
		.footer_contact a:hover{color:#cb2c72;text-decoration:none;}
		.footer_contact a:active{color:#2e2e2e;text-decoration:none;}
		.footer_contact ul li{width:19%;height:auto;margin:0px 1%;padding:6px 0px 9px 61px;text-align:left;display:inline-block;font-weight:bold;font-size:12px;}
		.footer_contact ul li span{display:block;width:auto;height:auto;margin:0px auto;padding:0px;text-align:left;font-weight:normal;color:#2e2e2e;font-size:12px;line-height:100%;}
		.footer_contact ul li:nth-of-type(1) {background: url(../img/footer/tel.png) no-repeat top left;background-size:auto 100%;}
		.footer_contact ul li:nth-of-type(2) {display:none;}
		.footer_contact ul li:nth-of-type(3) {background: url(../img/footer/line.png) no-repeat top left;background-size:auto 100%;}
		.footer_contact ul li:nth-of-type(4) {background: url(../img/footer/web.png) no-repeat top left;background-size:auto 100%;}
	}
	@media all and (max-width: 1024px) {
		.footer_contact a{color:#2e2e2e;text-decoration:none;}
		.footer_contact ul li{width:70%;height:auto;margin:0px auto;padding:6px 0px 9px 61px;text-align:left;display:inline-block;font-weight:bold;font-size:12px;}
		.footer_contact ul li span{display:block;width:auto;height:auto;margin:0px auto;padding:0px;text-align:left;font-weight:normal;color:#2e2e2e;font-size:12px;line-height:100%;}
		.footer_contact ul li:nth-of-type(1) {display:none;}
		.footer_contact ul li:nth-of-type(2) {background: url(../img/footer/tel.png) no-repeat top left;background-size:auto 100%;}
		.footer_contact ul li:nth-of-type(3) {background: url(../img/footer/line.png) no-repeat top left;background-size:auto 100%;margin:10px auto;}
		.footer_contact ul li:nth-of-type(4) {background: url(../img/footer/web.png) no-repeat top left;background-size:auto 100%;}
	}

@media all and (max-width: 1024px) {
	/*===モバイル用メニュー===*/
	p.menu_icon {width:48px;height:42px;position: fixed;top:10px;right:0px;z-index:100;margin:0px auto;padding:0px;}
	menu.mobile_menu{width:100%;height:100%;position: fixed;top:0px;left:0px;display: none;z-index:200;margin:0px auto;padding:0px;background: linear-gradient(to right,  #0d4e91 0%,#0a5c9a 50%,#0d4e91 100%);}
	div.mobile_menu{position: relative;top:-50%;transition: 0.2s ease-in;transition-delay: 0.2s;}
	div.mobile_menu_title{width:100%;height:auto;text-align:right;margin:0px auto;padding:0px;position: relative;}
	div.mobile_menu_title p.close_icon{width:100%;height:auto;text-align:right;margin:0px auto;padding-top:10px;}
	div.mobile_menu_title p.close_icon img{width:48px;height:42px;}
	p.close_icon:hover{cursor: pointer;}
	ul.mobile_menu{width:100%;height:auto;margin:0px auto;padding:15px 0px 0px 0px;}
	ul.mobile_menu li{width:45%;margin:0px 2%;padding:4px 0px;display:inline-block;}
	ul.mobile_menu li a{display: block;padding:5px 0px;background: rgba(245,236,239,0.3);color:#ffffff;}
}

/*===fixed===*/
#fixedTop {left:0px;top: -150px;width:100%;height:auto;position: fixed;z-index: 999;background: linear-gradient(to right,  #0d4e91 0%,#0a5c9a 50%,#0d4e91 100%);}
#fixedTop nav{width:100%;height:auto;margin:0px auto;padding:0px;}
#fixedTop nav ul{width:1200px;height:auto;margin:0px auto;padding:0px;}
#fixedTop nav ul li{width:auto;height:auto;margin:0px;padding:0px 8px;display:inline-block;}
#fixedTop nav ul li a{position: relative;display: block;padding:15px 0px;}
#fixedTop nav ul li:nth-of-type(1) a:before{content:"";padding:0px 8px 0px 0px;margin:0px;}
#fixedTop nav ul li a:before{content:"・";display:inline-block;font-size:12px;color:#5b1936;padding:0px 8px 0px 0px;margin:0px;}
#fixedTop nav ul li a:link{color:#ffffff;text-decoration:none;}
#fixedTop nav ul li a:visited{color:#ffffff;text-decoration:none;}
#fixedTop nav ul li a:hover{color:#03a5d6;text-decoration:underline;}
#fixedTop nav ul li a:active{color:#ffffff;text-decoration:none;}
	@media all and (max-width: 1024px) {
		#fixedTop {display:none;}
	}

@media all and (max-width: 1024px) {
	#footerMenu {width: 100%;height: 0px;position: fixed;z-index: 300;bottom: 0;overflow: none;left: 0;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;webkit-transition: all 0.4s ease-in-out;padding:0px;background:rgba(255,255,255,0.5);}
	#footerMenu.show {height:auto;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;padding:0px;}
	#footerMenu ul{width:98%;height:auto;margin:0px auto;padding:6px 0px;}
	#footerMenu a{display:block;padding:0px 0px;color:#ffffff;}
	#footerMenu ul li{width:32.2%;height:auto;margin:0px 0.5%;padding:0px 0px;display:inline-block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
	#footerMenu ul li:nth-of-type(1) {background:#682442;}
	#footerMenu ul li:nth-of-type(2) {background:#6ace7d;}
	#footerMenu ul li:nth-of-type(3) {background:#e6649e;}
	#footerMenu ul li a span{display:inline-block;padding:10px 0px 10px 30px;}
	#footerMenu ul li:nth-of-type(1) a span{background:url(../img/footer/tel.png) no-repeat;background-size:auto 24px;background-position:0px 50%;}
	#footerMenu ul li:nth-of-type(2) a span{background:url(../img/footer/line.png) no-repeat;background-size:auto 24px;background-position:0px 50%;}
	#footerMenu ul li:nth-of-type(3) a span{background:url(../img/footer/web.png) no-repeat;background-size:auto 24px;background-position:0px 50%;}
}