@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                  wrap
----------------------------------------------------------------------------*/
/* color
mainColor: #45A8B2;
mainColor: rgba(69, 168, 178, 1);

yellow01: #FCEE21;
yellow01: rgba(252, 238, 33, 1);
yellow02: #EADD1F
yellow02: rgba(234, 221, 31, 1);

orange01: #F7AB00;
orange01: rgba(247, 171, 0, 1);
orange02: #EAA200;
orange02: rgba(234, 162, 0, 1);

gray01: #37414F;
gray01:rgba(55, 65, 79, 1);
gray02: #2C343F;
gray02:rgba(44, 52, 79, 1);
*/
a:link{text-decoration: none;}

header .gradBtn,
.secBox .gradBtn,
.secBox .commonBtn{color: #fff;}
.secBox .gradBtn_yellow{color: #37414F;}

.commonBtn:link{
	width:200px;
	margin:2em auto;
	position:relative;
	background-color:#384250;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	padding:0.7em 0 0.6em;
	border-radius:100px;
	display:block;
	text-align: center;
	text-decoration:none;
}

.gradBtn:link{
	display:inline-block;
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
	padding:0.6em 3.6em;
	line-height:1em;
	border-radius:0;
	background:linear-gradient(180deg,#F7AB00 0%,#F7AB00 50%,#EAA200 50%,#EAA200 100%);
	background: -moz-linear-gradient(-90deg,#F7AB00 0%,#F7AB00 50%,#EAA200 50%,#EAA200 100%); 
	background: -webkit-linear-gradient(-90deg,#F7AB00 0%,#F7AB00 50%,#EAA200 50%,#EAA200 100%);
	position:relative;
	text-decoration:none;
	font-feature-settings:normal;
}

.gradBtn_yellow:link{
	border-radius: 50px;
	color: #37414F;
	padding: 0.8em 3em;
	background:linear-gradient(180deg,#FCEE21 0%,#FCEE21 50%,#EADD1F 50%,#EADD1F 100%);
	background: -moz-linear-gradient(-90deg,#FCEE21 0%,#FCEE21 50%,#EADD1F 50%,#EADD1F 100%); 
	background: -webkit-linear-gradient(-90deg,#FCEE21 0%,#FCEE21 50%,#EADD1F 50%,#EADD1F 100%);
}
.pageTop{ position:fixed; right:1rem; bottom:1rem; z-index:100; margin:0;}
.pageTop a{
	width:50px;
	height:50px;
	background-color:#fff;
	border-radius:50px;
	border:2px solid #F7AB00;
	position:relative;
	color:#F7AB00;
	font-weight:bold;
	display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
	line-height:1em;
	transition:all .3s;
}
.pageTop a:hover{ background-color:#F7AB00; color:#fff; text-decoration:none;}


.bg_dot{margin: auto; background: radial-gradient(rgba(69, 168, 178, 0.3) 10%, transparent 10%); background-size: 15px 15px;}
.bg_diagonal{position: relative;}
.bg_diagonal:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 7px;
    background-image: linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
    background-size: 7px 7px;
    background-attachment: fixed;
    z-index: -1;
    opacity: 0.3;
}

/*年賀バナー*/
.nengaBnrP{text-align: center; margin-bottom: 2rem;}



/*----------------------------------------------------------------------------
***                                                                  Header
----------------------------------------------------------------------------*/
header{}
header .headerInner{max-width: 1600px; padding: 1rem 5%; margin: 0 auto;}
header h1{width: 270px;}
header h1 img{width: 100%;}
header .gradBtn:link{}

/*formPage*/
#formPage header{box-shadow: 0 0 10px 0 #999;}
#formPage header .btnBox{display: none;}



/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
.secBox{}
.secBox .sectionInner{margin: 0 auto; max-width: 1000px; padding: 3rem 0;}
.secBox .sectionInner h2{font-size: 2.2rem; text-align: center; margin: 0 auto 1.4rem;}



/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
footer{background: #000;}
footer .footerInner{max-width: 1000px; margin: 0 auto; padding: 3rem 0;}
footer p{color: #fff;}
footer .footerAboutBox{width: 57%;}
footer .footerAboutBox .txt_border{margin: 2rem auto 1rem; padding-bottom: 1rem; border-bottom: solid 1px #fff; width: 100%;}
footer .footerAboutBox .txt_border2{margin: 1rem auto 1rem; padding-bottom: 1rem; border-bottom: solid 1px #fff; width: 100%;}
footer .footerAboutBox a:link{color: #fff;}
footer .footerAboutBox a:visited{color: #fff;}
footer .footerLinkBox{width: 40%;}
footer .gradBtn_yellow{color: #000;}

footer .footerAboutBox .txt_border2 dt,
footer .footerAboutBox .txt_border2 dd{
	color:#FFF;
	float:left;
}
footer .footerAboutBox .txt_border2 dt{
	font-weight:normal;
	width:30%;
}
footer .footerAboutBox .txt_border2 dd{
	width:65%;
}

footer .footerAboutBox .txt_border2 dd li{
	margin-bottom:0.5em;
}



/*formPage*/
#formPage footer .footerLinkBox{display: none;}
#formPage footer .footerAboutBox{margin: 0 auto; text-align: center; width: 50%;}
#formPage footer .footerAboutBox p{text-align: center;}

/* 800px以下*/
@media screen and (max-width:800px){
	footer .footerInner{width: 90%;}
	footer .footerBox{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	footer .footerLinkBox{width: 100%;}
	footer .footerAboutBox{width: 100%; margin-top: 2rem; text-align: center;}
	

}