@charset "utf-8";
/* CSS Document */
/*フォントスタイルここから*/
.gothic{font-family: heisei-kaku-gothic-std, sans-serif;}
.mincho{font-family:heisei-mincho-std, serif;}
.balboa{font-family: balboa-plus-fill, sans-serif;}
/*フォントスタイルここまで*/

/*ADOBEフォントちらつき対策ここから*/
body {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/*ADOBEフォントちらつき対策ここまで*/

*, *::before, *::after{box-sizing: border-box;}

html{font-size: 62.5%; height: 100%; position: relative;}

body{font-family: heisei-kaku-gothic-std,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;font-size: 14px;font-size: 1.4rem;color:#1c1c1c;margin: 0 auto; line-height: 1.4;position:relative;}

main{overflow: hidden;}

img,iframe {max-width: 100%;width: 100%;}

a{text-decoration: none;color: #1c1c1c;}
/*a:hover{opacity: 0.7;}*/

/*ショートコードここから*/
.clear{clear: both;}
.marker_bl{background:linear-gradient(#fff 70%, #5abfff 0%);}
.bold{font-weight: bold;}
.border{border:1px solid #ccc;}
.red{color:#f00;}
.blue{color:#00a1e7;}
.yellow{color:#ffef05;}
.wht{color:#ffffff;}
.grey{color:#717171;}
.btn{
	position: relative;
    border-top: 4px solid #ffef05;
    background: #fff;
    text-align: center;
    width: 300px;
    display: block;
    padding: 15px 0;
    font-weight: bold;
}
.btn:after{
	content: "";
    position: absolute;
    top:40%;
    right: 15px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #261a03;
    border-right: 2px solid #261a03;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (max-width:1024px) {
	.btn{
		padding: 5% 0;
	    margin: 0;
	}
}
.btn_wrap{
	display: flex;
    justify-content: space-around;
    width: 800px;
    margin:0px auto;
}
@media screen and (max-width: 1024px) {
	.btn_wrap{
		display:block;
	    width:auto;
	    margin:0 auto 10%;
	}
}
/*ショートコードここまで*/

/* 点滅ここから*/
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/* 点滅ここまで*/

/*デバイス切り替えここから*/
@media screen and (max-width: 1024px) {
	.pc {display:none !important;}
}
@media print,screen and (min-width: 1025px) {
	.sp {display:none !important;}
}
/*デバイス切り替えここまで*/

/*レイアウト共通ここから*/
.sec1,.sec2,.sec3,.sec4,.sec5,.sec6{
	padding:50px 0 80px;
}
.sec_inner{
	max-width: 1200px;
	margin:0 auto;
}

@media screen and (max-width: 1024px) {
	.sec1,.sec2,.sec3,.sec4,.sec5,.sec6{
		padding:8% 0;
	}
	.lastsec{
		padding-bottom: 16%;
	}
}
/*レイアウト共通ここまで*/

/*タイトル共通スタイルここから*/
p.txt{
	text-align: center;
    margin: 30px 0 50px;
}
.heading{
	text-align: center;
	margin-bottom: 5%;
}
.heading h4{
	font-size:3rem;
	color:#00a1e7;
	font-family: balboa-plus-fill, sans-serif;
}
.heading p{
	font-size: 1.2rem;
}

@media screen and (max-width: 1024px) {
	.heading{
		margin-bottom: 10%;
	}
}

.under_heading{
	text-align: center;
	color: #f28599;
	margin-bottom:35px;
}
.under_heading h3{
	font-size: 2.5rem;
	font-weight: bold;
}
.under_heading p{
	font-family:copperplate, serif;
}
@media screen and (max-width: 1024px) {
	.under_heading h3{
		font-size: 2rem;
	}
}

.headline{
    font-size:5rem;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.3;
    font-family:heisei-mincho-std, serif;
}
.headline strong{
	font-weight: bold;
	color:#00a1e7;
}
.headline span{
	font-size: 4rem;
    font-weight: bold;
}
@media screen and (max-width: 1024px) {
	.headline{
		text-align: center;
		font-size:4rem;
		letter-spacing:1px;
		margin: 0 auto 8%;
	}
	.headline span{
		font-size: 3rem;
	}
}

@media screen and (max-width: 1024px) {
	body{font-size: 1.3rem;}
	.sec_inner{
		width: 96%;
		margin:0 auto;
	}
}
@media screen and (min-width: 960px){
	a[href^="tel:"] {
    	pointer-events: none;
	}
}
/*タイトル共通タイトルスタイルここまで*/

/*ヘッダーここから*/
header {
  	position: relative;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 0px 8px 3px rgba(120,120,120,1);
    align-items: center;
    z-index: 9999;
}
header .logo_area{
	margin-left: 20px;
}
header .logo_area h1{
	font-size: 1rem;
}
header .logo_area h2{
	width: 406px;
	margin-top: 10px;
}
header .contact_area{
	display: flex;
	align-items: center;
}
header .contact_area p{
    position: relative;
    text-align: center;
    padding: 0px 25px 0 65px;
    border-left: 1px solid #ccc;
    line-height: 1;
}
header .contact_area p:before{
	content: "";
    display: inline-block;
    width: 45px;
    height: 35px;
    background: url(../img/common/icon_tel.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 8px;
    left: 20px;
}
header .contact_area p strong{
	font-size: 4rem;
}
header .contact_area a{
	display: block;
    padding: 17px 20px;
    height: 86px;
    width: 130px;
    text-align: center;
    font-family: balboa-plus-fill, sans-serif;
    font-size: 1.6rem;
}
header .contact_area a:nth-of-type(1){
	background: rgb(6,162,232);
	background: -webkit-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: -o-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: linear-gradient(to right, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	color: #fff;
}
header .contact_area a:nth-of-type(2){
	background: rgb(29,29,29);
	background: -webkit-linear-gradient(left, rgba(29,29,29,1) 50%, rgba(142,142,142,1) 100%);
	background: -o-linear-gradient(left, rgba(29,29,29,1) 50%, rgba(142,142,142,1) 100%);
	background: linear-gradient(to right, rgba(29,29,29,1) 50%, rgba(142,142,142,1) 100%);
	color: #ffef05;
}
header .contact_area img{
	margin: 0 auto 5px;
    display: block;
    width: 40%;
}
@media screen and (max-width: 1024px) {
	header{
		display: flex;
		height: 60px;
		align-items: center;
		width: 100%;
	}
	header h2{
		width: 65%;
    	margin: 0 auto;
    	max-width: 400px;
	}
	header button{
		width: 60px;
		height: 60px;
		border: 0;
		background: rgb(6,162,232);
		background: -webkit-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
		background: -o-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
		background: linear-gradient(to right, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	}
	header button img{
		width: 30px;
	}
	header button:last-of-type{
		position: absolute;
		top:0;
		right: 0;
	}
	header h1{
		color: #fff;
	    font-size: 1rem;
	    width: auto;
	    margin: 0 2% 2%;
	    padding-top: 2%;
	}
	header nav ul.menu li{
		width:auto;
		padding:5% 0;
		border-top: 1px solid #fff;
	}
	header nav ul.menu li:last-child{
		border-bottom: 1px solid #fff;
	}
	header nav ul.menu li a{
		position: relative;
		display: flex;
		align-items: center;
		color: #fff;
		text-align: left;
	    line-height: 1.2;
	    font-weight: bold;
	    margin-left: 3%;
	    border-right:0;
	}
	header nav ul.menu li a:after{
		content: "";
	    position: absolute;
	    top:40%;
	    right: 15px;
	    width:8px;
	    height:8px;
	    border-top: 2px solid #fff;
	    border-right: 2px solid #fff;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	header nav ul.menu li a span{
		font-size: 1.2rem;
		margin-left: 2%;
		color:#fff;
	}
}
/*ヘッダーここまで*/

/*メインビジュアルここから*/
.mv{
	border-bottom:2px solid #1c1c1c;
}
/*メインビジュアルここまで*/

/*PC用メニューここから*/
nav.main_nav{
	border-bottom: 1px solid #ccc;
}
nav.main_nav ul{
	display: flex;
	max-width: 1200px;
	margin:0 auto;
}
nav.main_nav ul li{
	width:17%;
	padding: 10px 0;
}
nav.main_nav ul li a{
	display: block;
    text-align: center;
    line-height: 1.2;
    border-right: 1px solid #ccc;
}
nav.main_nav ul li:first-child a{
	border-left: 1px solid #ccc;
}
nav.main_nav ul li a span{
	font-size: 1rem;
	color: #00a1e7;
}
nav.main_nav ul li a:hover{
	font-weight: bold;
}
nav.main_nav ul li a img{
	width: 30px;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
/*PC用メニューここまで*/

/*フッターここから*/
footer{
	background: #1c1c1c;
	color: #fff;
}
footer .footer_wrap{
	max-width:1080px;
	margin:0 auto 30px;
}
footer .footer_wrap .access_area{
	display: flex;
    border-bottom: 1px dotted #fff;
    justify-content: space-between;
    padding: 30px 0px;
}
footer .footer_wrap .info_area h3{
	font-size: 1rem
}
footer .footer_wrap .info_area h2 img{
	width: 440px;
    margin: 15px 0;
}
footer .footer_wrap .info_area address{
	font-style: normal;
}
footer .footer_wrap .access_area .access{
	max-width: 500px;
    width: 100%;
}
footer .footer_wrap .access_area .access .btn_area{
	display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
footer .footer_wrap .access_area .access .btn_area a{
	background: #ffffff;
    display: block;
    text-align: center;
    line-height: 1.2;
    padding: 5px 0;
    width: 48%;
    height: 60px;
    position: relative;
    font-size: 1.2rem;
}
footer .footer_wrap .access_area .access .btn_area a:last-of-type{
	background: rgb(6,162,232);
	background: -webkit-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: -o-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: linear-gradient(to right, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
}
footer .footer_wrap .access_area .access .btn_area a:after{
	content: "";
    position: absolute;
    top:40%;
    right: 15px;
    width:8px;
    height:8px;
    border-top: 2px solid #261a03;
    border-right: 2px solid #261a03;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
footer .footer_wrap .access_area .access .btn_area a:last-of-type:after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
footer .footer_wrap .access_area .access .btn_area a span{
	font-size: 3rem;
	font-weight: bold;
	color: #00a1e7;
}
footer .footer_wrap .access_area .access .btn_area a img{
	padding: 9px 0;
    width:160px;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width:375px) {
	footer .footer_wrap .access_area .access .btn_area a img{
	    width:130px;
	    padding: 12px 0;
	}
}

footer .footer_wrap nav ul{
	text-align: center;
	margin:30px 0 50px;
}
footer .footer_wrap nav ul li{
	display: inline-block;
}
footer .footer_wrap nav a{
	color: #fff;
	padding: 0px 20px;
    border-right: 1px solid #fff;
}
footer .footer_wrap nav li:nth-of-type(6) a{
    border-right: 0;
}
footer p.copy{
	font-size: 1rem;
	text-align: center;
	background: #00a1e7;
	color: #fff;
}
@media screen and (max-width: 1024px) {
	footer{
		width: 100%;
		padding-bottom: 14%;
	}
	footer .footer_wrap{
		max-width:100%;
		margin:0 auto 5%;
	}
	footer .footer_wrap .access_area{
		display: block;
	    padding: 6% 0 8%;
	    width: auto;
	    margin: 0 3%;
	}
	footer .footer_wrap .info_area{
	    width: auto;
	    text-align: center;
	}
	footer .footer_wrap .info_area h2 img {
	    width: auto;
	    margin: 0 0 3%;
	}
	footer .footer_wrap .access_area .access{
		max-width: 100%;
	    width: 100%;
	    margin-top: 4%;
	}
	footer .footer_wrap .access_area .access .btn_area{
		display: flex;
	    justify-content: space-between;
	    margin-top: 8px;
	}
	footer .footer_wrap .access_area .access .btn_area a{
		font-size: 1rem;
		margin-left:0;
	}
	footer .footer_wrap nav ul{
		text-align:left;
		margin: 0 0 5%;
	}
	footer .footer_wrap nav ul li{
		display: block;
		border-bottom: 1px solid #fff;
    	padding: 3% 0;
	}
	footer .footer_wrap nav a{
		position: relative;
		color: #fff;
	    padding:0 5%;
	    border-right: 0;
	    display: flex;
	    align-items: center;
	}
	footer .footer_wrap nav a:after{
		content: "";
	    position: absolute;
	    top:40%;
	    right: 15px;
	    width:8px;
	    height:8px;
	    border-top: 2px solid #fff;
	    border-right: 2px solid #fff;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	footer .footer_wrap nav a span{
		font-size: 1.2rem;
		margin-left: 3%;
	}
	footer p.copy{
		background: #1c1c1c;
	}
}
/*フッターここまで*/

/*パンくずリスト*/
.bread_wrap{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	background:#1c1c1c;
}
.bread_wrap a,.bread_wrap a:visited{
	color:#fff;
	display:inline];
}
.bread_wrap ol{
	font-size: 1.2rem;
	max-width: 1200px;
	margin: 0 auto;
}
.bread_wrap ol li:first-child{
	background: url(../img/common/icon_bread.png) no-repeat;
	background-position: left center;
	background-size: 15px;
	padding-left: 20px;
	margin-left: 10px;
	list-style: none;
}
.bread_wrap ol li{
	display: inline-block;
	color:#fff;
}
.bread_wrap ol li:after{
	content: ">";
	color:#fff;
}
.bread_wrap ol li:last-child:after{
	content:"";
}
@media screen and (max-width: 1024px){
	/*.bread_wrap ol li:last-child{
		margin-left:4%;
	}*/
}
/*パンくずリストここまで*/

/*トップに戻るボタンここから*/
p.gotop{
	position: fixed;right: 0;bottom: -50px;
}
p.gotop a{
	padding: 0;
    display: block;
    background-color: #00a1e7;
    position: relative;
    width: 70px;
    height: 70px;
}
p.gotop a:before{
	position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*トップに戻るボタンここまで*/

/*スマホ固定メニューここから*/
.fixd_menu{
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 9999;
	text-align: center;
}
.fixd_menu ul{
	display: -webkit-flex;
	display: flex; 
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-moz-box-pack: justify;
	-ms-box-pack: justify;
	box-pack: justify;
	flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: transparent;
	padding: 0;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	border-top: 0;
}
.fixd_menu ul li{
	width: 34%;
	text-align: center;
}
.fixd_menu ul li:nth-child(1){
	background: rgb(6,162,232);
	background: -webkit-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: -o-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: linear-gradient(to right, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
}
.fixd_menu ul li:nth-child(2){
	background: rgb(29,29,29);
	background: -webkit-linear-gradient(left, rgba(29,29,29,1) 50%, rgba(142,142,142,1) 100%);
	background: -o-linear-gradient(left, rgba(29,29,29,1) 50%, rgba(142,142,142,1) 100%);
	background: linear-gradient(to right, rgba(29,29,29,1) 50%, rgba(142,142,142,1) 100%);
	color: #ffef05;
}
.fixd_menu ul li:nth-child(3){
	background: rgb(6,162,232);
	background: -webkit-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: -o-linear-gradient(left, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
	background: linear-gradient(to right, rgba(6,162,232,1) 50%, rgba(158,195,253,1) 100%);
}
.fixd_menu ul li{
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}
.fixd_menu ul li a{
	position: relative;
	display:block;
    justify-content: center;
    align-items: center;
    padding: 4% 0;
}
.fixd_menu ul li p{
	color: #fff;
	font-weight: bold;
    font-size:1.2rem;
    line-height: 1;
}
.fixd_menu ul li:nth-child(2) p{
	color:#ffef05;
}
.fixd_menu ul li img{
	width: 20%;
    margin-right: 0;
    margin-bottom: 4%;
}

@media screen and (max-width:375px) {
	.fixd_menu ul li a{
	    padding: 2% 0 3%;
	}
}

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

}
/*スマホ固定メニューここまで*/