@charset "utf-8";

/* ---------------------------------------------------------------------------------
base */

*{ box-sizing: border-box;}


@media(max-width:750px){
	
body{ font-size:160%;}

}



img{ vertical-align:bottom;-ms-interpolation-mode: bicubic;}

a{ color:#d2c598;text-decoration: none;}
a:visited{ color:#d2c598;text-decoration: none;}
a:active{ color:#a79a6d;text-decoration:none;}
a:hover{ color:#a79a6d;text-decoration:none;}

html,body{ height:100%; }

body{ background:#e5f2fe; color:#333;
font-family: 'Noto Sans SC', "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  sans-serif;
}
#wrapper{ height:100%;}


header{ text-align: center;}
section{ text-align: center;}


    picture source img{ vertical-align: bottom;}
    picture img{ vertical-align: bottom;}

@media(max-width:750px){

    picture{ width: 100%;}
    picture source{ width: 100%;}
    picture source img{ width: 100%; vertical-align: bottom;}
    picture img{ width: 100%;}
    
}


/* ---------------------------------------------------------------------------------
common */


*{ box-sizing:border-box;}
p{font-size:90%; line-height: 2em;}


a > img{ width:100%;}
.imgbox img{ width:100%;}




#sec01{ background: #fff; }
#sec02{ background: #fff;}
#sec03{background: #fff; }
#sec04{background: #fff; }
#sec05{background: #fff; }
#sec06{background: #fff; }
#sec07{background: #fff; }
#sec08{background: #fff; }
#sec09{ background: #fff;}
#sec10{ background: url(../images/bg.jpg) repeat left top;}
#sec11{background: #fff; }
#sec12{ background: #fff;}
#sec13{ background: #e5f2fe;border-top:50px solid #e5f2fe;
background: rgb(229,242,254);
background: linear-gradient(0deg, rgba(229,242,254,1) 0%, rgba(120,190,255,1) 100%);
}
#sec14{ background: #fff; padding: 100px 0 ;}

#sec13 .innerBox{
width: 60%; margin: 0 auto;background: #fff;max-width: 800px;
box-shadow:0px 0px 6px 3px #bfbfbf;
border-radius:6px;
}


@media(min-width:751px){
#sec01{width: auto; max-width: 1200px; margin: 0 auto;padding-bottom: px;}
#sec02{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: 50px; background:#eee;}
#sec03{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: px;}
#sec04{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: px;}
#sec05{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: px;}
#sec06{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: px;}
#sec07{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: px;}
#sec08{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: px;}
#sec09{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: 150px;}
#sec10{width: auto; max-width: 1200px; margin: 0 auto; padding-top:100px; padding-bottom: 100px;}
    #sec10 picture,#sec10 source,#sec10 img{margin-bottom:70px;}
#sec11{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: px;}
#sec12{width: auto; max-width: 1200px; margin: 0 auto; padding-bottom: 90px;}
#sec13{width: auto;  margin: 0 auto; padding-top:90px; padding-bottom: 90px;
    }


#sec01 img{ width: 100%; max-width: 1200px; }
#sec02 img{ width: 100%; max-width: 1200px; }
#sec03 img{ width: 100%; max-width: 1200px; }
#sec04 img{ width: 100%; max-width: 1200px; }
#sec05 img{ width: 100%; max-width: 1200px; }
#sec06 img{ width: 100%; max-width: 1200px; }
#sec07 img{ width: 100%; max-width: 1200px; }
#sec08 img{ width: 100%; max-width: 1200px; }
#sec09 img{ width: 100%; max-width: 1200px; }
#sec10 img{ width: 80%; max-width: 1200px; }
#sec11 img{ width: 100%; max-width: 1200px; }
#sec12 img{ width: 90%; max-width: 1200px; }
#sec13 img{ width: 90%; max-width: 1200px; }

#sec14 img{box-shadow:0px 0px 6px 3px #ccc;padding:5px 10px;  margin-top: 50px; margin-bottom: 30px; width: 340px}
}

@media(max-width:750px){
#sec01{ padding-bottom: px;}
#sec02{ padding-bottom: 50px;}
#sec03{ padding-bottom: 50px;}
#sec04{ padding-bottom: 50px;}
#sec05{ padding-bottom: 50px;}
#sec06{ padding-bottom: px;}
#sec07{ padding-bottom: px;}
#sec08{ padding-bottom: px;}
#sec09{ padding-bottom: px;}
#sec10{ padding-bottom: 50px;padding-top: 50px;}
    #sec10 picture,#sec10 source,#sec10 img{margin-bottom:30px;}
#sec11{ padding-bottom: px;}
#sec12{ padding-bottom: 50px;}
#sec13{ padding-bottom: 50px;padding-top: 50px;border-top:none;}
#sec14{ background: #fff; padding: 10px 0}

#sec13 .innerBox{width: 80%;}

#sec14 img{box-shadow:0px 0px 6px 3px #bfbfbf; width: 80%; margin-top: 50px; margin-bottom: 30px;}

}


/* ---------------------------------------------------------------------------------
footer */

/* @group footer */

#footer {
	background-color: #F1F9FE;
	margin-top: 0;
	clear: both;
}

#naviFooter {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 950px;
}

#naviFooter.navi {
	clear: both;
	padding-top: 31px;
	padding-bottom: 42px;
	position: static;
}



#naviFooter.navi ul li a {
	background: url(../img/arrow_footer.gif) no-repeat 0 4px;
	padding-left: 10px;
	font-size: 77%;
	text-decoration: none;
		color: #796F67;
}
#naviFooter.navi ul li a:hover {
	
	color: #98908B;

}

#naviFooter.navi ul li.firstChild {
	padding-bottom: 15px;
}

#naviFooter.navi ul ul.menu {
	padding-left: 1em;
}

#naviFooter.navi ul li .nameCat {
	font-size: 77%;
	color: #796F67;
	padding-left: 1em;
	padding-top: 0.2em;
}

#naviFooter.navi ul li .nameCat {
	font-size: 77%;
	color: #796F67;
	padding-left: 1em;
	padding-top: 0.4em;
}

#naviFooterSub {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}

#naviFooterSub.navi {
	padding-top: 20px;
	padding-bottom: 20px;
}

#naviFooterSub.navi .wrapper {
	width: auto;
    max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: static;
}

#naviFooterSub.navi .wrapper ul {
	
}

#naviFooterSub.navi .wrapper ul li {
	float: left;
	border-right: 1px solid #cccccc;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 110%;
}

#naviFooterSub.navi .wrapper ul li.side {
	padding-left: 0;
}

#naviFooterSub.navi .wrapper ul li a {
	font-size: 77%;
	color: #796F67;
	text-decoration: none;
}

#naviFooterSub.navi .wrapper ul li a:hover {
	
	color: #98908B;
}

#footer div.copyright {
	font-size: 77%;
	color: #796F67;
	float: right;
}





@media(max-width:750px){
    #naviFooterSub.navi .wrapper {
	width: auto;
        
    }
#naviFooterSub.navi .wrapper ul li {
	float: none;
    font-size: 130%;
    margin-bottom: 0.4em;
}
#naviFooterSub.navi .wrapper ul li.side {
	padding-left: 15px;
}

#footer div.copyright {
	float: none;
    text-align: center;
}
    
}






















.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:751px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:750px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:750px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:751px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}