@charset "UTF-8";
/* CSSリセットここから */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=Lato:500,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html,body, div, span, applet, object, iframe,
 h1,h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	color:#333333;
	font-size:15px;
	font-weight:500;
}

.text{
	line-height:1.9em;
	font-size:15px;
	}
	
.bold{
	font-weight:bold;
	}
ul,li{
	list-style:none;
	}
a{
	text-decoration:none;
	}
#wrap{
	overflow:hidden;
	position:relative;
	}
body{
	    /*スマホで勝手に文字が大きくなる対策*/
	    -webkit-text-size-adjust: 100%;
		line-height:1;
	}	
.in_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}
}	

.fade-in {
  transition: opacity 0.9s;
  -moz-transition: opacity 0.9s;
  -webkit-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
}

/*ID pタグの文字を大きくしたくない場合*/
	p {
	    /*Androidブラウザフォントバグ対策*/
	    max-height: 999999px;  
	}


.text_green{
	color:#518854;
	font-weight:bold;
	}

.icon-maru{
	margin-right:-3px;
	}			
.indent{
	text-indent:-1.2em;
	padding-left:1.2em;
	}	
.common_btn a{
	display:block;
	width:175px;
	height:100%;
	padding:4px 0 2px 0;
	background: transparent;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7e00+0,ff8f00+50,ffae00+100 */
background: rgb(255,126,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,126,0,1) 0%, rgba(255,180,0,1) 50%, rgba(255,164,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,126,0,1) 0%,rgba(255,180,0,1) 50%,rgba(255,164,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,126,0,1) 0%,rgba(255,180,0,1) 50%,rgba(255,164,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e00', endColorstr='#ffae00',GradientType=1 ); /* IE6-9 */
    background-position: 1% 50%;
    background-size:200% 200%;
    border: none;
border-radius:8px;
text-align:center;
color: #fff !important;
font-size:15px;
font-weight:bold;
position:relative;
	}	
.common_btn a:hover{
background-position: 99% 50%;
    color: #fff !important;
	}			
.common_btn a span{
	position:absolute;
	right:5%;
	top:50%;
	margin-top:-11px;
	}
.common_btn.blue_btn a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f69c00+0,f6b900+100 */
background: rgb(66,131,193,1); /* Old browsers */
background: -moz-linear-gradient(left, rgba(66,131,193,1) 0%, rgba(96,161,223,1) 50%, rgba(92,198,222,1)100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(66,131,193,1) 0%, rgba(96,161,223,1) 50%,rgba(92,198,222,1)100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(66,131,193,1) 0%, rgba(96,161,223,1) 50%,rgba(92,198,222,1)100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69c00', endColorstr='#f6b900',GradientType=1 ); /* IE6-9 */
background-position: 1% 50%;
background-size:200% 200%;
}	
.common_btn.blue_btn a:hover{
background-position: 99% 50%;
    color: #fff !important;
	}		
	

.clear{ clear:both; }
.clearfix{
	*zoom:1;
}
.clearfix:after{
    content:".";
	height:0;
    display:block;
    clear:both;
	overflow:hidden;
}

.text_center{
	text-align:center;
	}
a:hover img{
	opacity:1;
	}
a:hover{
	color:#518854;
	}
a,i{
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  }		

a:hover img.opa{opacity:0.7; transition: all 0.3s ease-in-out 0s;}

p.go_top{
    position: fixed;
    right: 2%;
    bottom: 0;
	z-index:9999;
}

.inline{
	display:inline-block;
	}

.f14{font-size:14px;}

.anchor {
    padding-top: 60px;
    margin-top: -60px;
}


/* MARGIN
----------------------------------------------------------------------- */


.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}

.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}

.mr1pa  {margin-right:1%;}
.ml2pa  {margin-left:2%;}
.ml5pa  {margin-left:5%;}
.ml10pa {margin-left:10%;}
.ml15pa {margin-left:15%;}
.ml20pa {margin-left:20%;}
.ml25pa {margin-left:25%;}
.ml30pa {margin-left:30%;}
.ml40pa {margin-left:40%;}
.ml50pa {margin-left:50%;}
.ml60pa {margin-left:60%;}

.mr1pa  {margin-right:1%;}
.mr2pa  {margin-right:2%;}
.mr5pa  {margin-right:5%;}
.mr10pa {margin-right:10%;}
.mr15pa {margin-right:15%;}
.mr20pa {margin-right:20%;}
.mr25pa {margin-right:25%;}
.mr30pa {margin-right:30%;}
.mr40pa {margin-right:40%;}
.mr50pa {margin-right:50%;}
.mr60pa {margin-right:60%;}


/* PADDING
----------------------------------------------------------------------- */

.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}

.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.pl5  {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}

.pr5  {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}

.pl1pa  {padding-left:1%;}
.pl2pa  {padding-left:2%;}
.pl5pa  {padding-left:5%;}
.pl10pa {padding-left:10%;}
.pl15pa {padding-left:15%;}
.pl20pa {padding-left:20%;}
.pl25pa {padding-left:25%;}
.pl30pa {padding-left:30%;}
.pl40pa {padding-left:40%;}
.pl50pa {padding-left:50%;}
.pl60pa {padding-left:60%;}

.pr1pa  {padding-right:1%;}
.pr2pa  {padding-right:2%;}
.pr5pa  {padding-right:5%;}
.pr10pa {padding-right:10%;}
.pr15pa {padding-right:15%;}
.pr20pa {padding-right:20%;}
.pr25pa {padding-right:25%;}
.pr30pa {padding-right:30%;}
.pr40pa {padding-right:40%;}
.pr50pa {padding-right:50%;}
.pr60pa {padding-right:60%;}

.w100pa{width:100%;}



#loader{
    width: 200px;
    height: 200px;
    display: none;
    position: fixed;
    _position: absolute;     /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -100px;       /* heightの半分のマイナス値 */
    margin-left: -100px;      /* widthの半分のマイナス値 */
    z-index: 100000;             /* #fadeより多い値を入れて下さい */
}
#loader p{
	text-align:center;
	color:#7F6028;
	}
#fade{
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;              /* #loaderより少ない値を入れて下さい */
}



@media print {
	#tatenavi, .go_top { display: none !important;}
}	

@media screen and (max-width : 600px) {
	html,body, div, span, applet, object, iframe,
 h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-weight:normal;
	}
}
				


/*400px以下の時にフォントを小さく設定*/
@media screen and (max-width : 400px) {
html, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	font-size: calc(100% + -0.03vw);
	}
	
}