@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');
/* CSS Document */

/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th, 
td { padding:8px; line-height:1.4em;}
input{ }	
.switch {
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }

*{font:0.938em/1.8 ArialMT; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", 'Montserrat',  sans-serif; margin:0; padding:0; }
body{letter-spacing:1px;}

@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.newTop:after,
.infoBox:after,
.infoBox dt:after,
.spCrearBox:after,
.tohtml, 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, strong, sub, sup, tt, var,
b, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* 
                  HTML5
                 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {

}
/* ----------- anchor */
a { color:#000; text-decoration:none;}
a:hover {opacity:0.8;  }
a .imgbt:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

.onlySP { display: none;}

/*----------------------------------------------------
 common
----------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }

/* placeholder */
input::-webkit-input-placeholder {
 font-size: smaller;
}
input:-moz-placeholder {
 font-size: smaller;
}

.pcNone{ display:none}
.spNone{ display:initial}
@media only screen and (max-width:768px){
.pcNone{ display:initial}
.spNone{ display:none}
}

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

.fl { float:left;}
.fr { float:right;}

.mb0 { margin-bottom:0px;}
.mb5 { margin-bottom:5px;}
.mb9 { margin-bottom:9px;}
.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;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

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

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:66%; }
.text11{ font-size:70%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text16{ font-size:115%; }
.text18{ font-size:129%; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}
.textN{ font-weight: normal;}
.textU{ text-decoration:underline;}
.textI{padding-left: 1em; text-indent: -1em;}
.textI2{padding-left: 1.6em; text-indent: -1.6em;}

.red { color:#D80000;}
.blue{ color: #639fdf;}
.green{ color: #008C00;}
.pink{ color: #FF505A;}
.orange{ color: #FF9900;}
.brown{ color:#41342b}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box48p { width: 48%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box65p { width: 65%;}
.box70p { width: 70%;}
.box75p { width: 75%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#171c61; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}