@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #document
	 1-2. #header
	 1-3. #container
				1-3-1. #main
				1-3-2. #sub
	 1-4. #footer
	 1-5. #nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

-------------------------------------------------- */

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	min-width: 320px;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 60%;
	line-height: 0;
	position: relative;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	height: 24px;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 10px;
	background-color: #F5F3F0;
}
body{
	font-family: "a-otf-gothic-bbb-pr6n","游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	background-color: #F5F3F0;
	font-weight: 400;
	font-style: normal;
	opacity: 0;
}
.wf-active body{
	opacity: 1;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: 200;
}
table{
	width: 100%;
}
input,textarea,button, select{
	font-family: "a-otf-gothic-bbb-pr6n","游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}




/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 1.4rem;
	color: #4D4D4D;
	letter-spacing: 0.1em;
}
@media (max-width: 559px){
	body{
		font-size: 1.3rem;
	}
}
a{
	color: #4D4D4D;				/* ベースのリンク文字の色を指定 */
	text-decoration: none;	/* ベースのリンク文字の下線の有無を指定 */
}
a:visited{
	color: #4D4D4D;				/* ベースのリンク文字の色を指定 */
}
a:hover{
	color: #4D4D4D;				/* ベースのリンク文字の色を指定 */
	text-decoration: underline;		/* ベースのリンク文字の下線の有無を指定 */
}
a:focus{
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 2.3;			/* ベースの行間を指定 */
}
p{
	line-height: 2.6;			/* ベースの行間を指定 */
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.5;			/* ベースの行間を指定 */
}

@media screen and (max-width: 559px){
	p{
		line-height: 2.461;
	}
}



/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. #document
-------------------------------------------------- */


/* 1-2. #header
-------------------------------------------------- */


/* 1-3. #vcontainer
-------------------------------------------------- */


/* 1-3-1. #main
-------------------------------------------------- */


/* 1-3-2. #sub
-------------------------------------------------- */


/* 1-4. #footer
-------------------------------------------------- */


/* 1-5. #nav-global
-------------------------------------------------- */


/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container{
	padding: 0 20px;
	margin: 0 auto;
	max-width: 1340px;
}


/*2-1-2.  Box      [box-***]*/
.box-noscript{
	border: 2px solid red;
	padding: 2rem;
	margin: 1rem;
}

/*2-1-3.  Table    [tbl-***]*/
.tbl-base {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 2.5rem;
}
.tbl-base thead th{
	vertical-align: middle;
	text-align: center;
	line-height: 2.571em;
	padding: 0.7rem 1rem;
	box-sizing: border-box;
	font-size: 1.4rem;
	color: #313538;
	letter-spacing: 0.1em;
	font-weight: 400;
}
.tbl-base tbody td{
	padding: 0;
	box-sizing: border-box;
	font-size:1.6rem;
	text-align: center;
	color: #464749;
	line-height: 2.75em;
	letter-spacing: 0.18em;
}
.tbl-base tbody tr:nth-child(odd){
	background: #fff;
}
.tbl-base tbody tr:nth-child(even){
	background: #f4f3ef;
}
@media screen and (max-width: 959px){
	.tbl-base {
		overflow-y:auto;
		margin-top: 3.5rem;
	}
	.tbl-base table thead tr th{
		font-size: 1.2rem;
		padding: 1rem;
	}
	.tbl-base table tbody td{
		font-size: 1.4rem;
		line-height: 3;
	}
	.tbl-base table tbody::-webkit-scrollbar {
		width: 0.6rem;
	}
}
/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv2{
	font-size: 6.5rem;
	text-align: center;
	line-height: 1;
	color: #2D2F30;
	letter-spacing: 0.13em;
}
.hdg-lv3{
	font-size: 3rem;
	letter-spacing: 0.18em;
	line-height: 1em;
	text-align: center;
	color: #2D2F30;
}
@media screen and (max-width: 559px) {
	.hdg-lv2{
		font-size: 4.3rem;
		line-height: 1.279em;
	}
	.hdg-lv3{
		font-size: 1.8rem;
	}
}
/*2-1-5.  Nav      [nav-***]*/


/*2-1-6.  List     [lst-***]*/


/*2-1-7.  Button   [btn-***]*/
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-basis: 17rem;
	padding: 0.7rem 1rem 0.8rem;
	box-sizing: border-box;
	font-size: 1.2rem;
	color: #fff;
	background-color: #2D2F30;
	border-radius: 0.4rem;
	text-align: center;
	line-height: 1em;
	margin: 0 0.2rem;
	text-decoration: none;
	width: auto;
	transition: opacity .3s ease;
}
.btn:visited{
	color: #fff;
}
.btn:hover{
	text-decoration: none;
	color: #fff;
	opacity: 0.7;
}
.mobile .btn:hover{
	opacity: 1;
}
.btn span{
	display: block;
	width: 100%;
}
.btn--02{
	font-size: 1rem;
}
.btn--02 .btn__number{
	font-size: 1.4rem;
	font-weight: bold;
}
.btn-tel{
	pointer-events: none;
}
.sp .btn-tel{
	pointer-events: auto;
}

/*2-1-8.  Anchor   [acr-***]*/


/*2-1-9.  Text     [txt-***]*/

.txt-lead{
	text-align: center;
	margin-top: 9.8rem;
	font-size: 2.4rem;
	line-height: 1.96em;
	letter-spacing: 0.25em;
	color: #2D2F30;
}
@media screen and (max-width: 559px) {
	.txt-lead{
		font-size: 1.8rem;
		margin-top: 3.2rem;
		letter-spacing: 0.2em;
		line-height: 2.1;
	}
}

.txt-note{
	margin-top: 75px;
}
.txt-note li{
	padding-left: 1rem;
	text-indent: -1rem;
	font-size: 1.2rem;
	margin-bottom: 0.9rem;
}
.txt-note li:before{
	content: "※";
}
@media screen and (max-width: 559px) {
	.txt-note {
		margin-top: 5.6rem;
	}
	.txt-note li {
		font-size: 1rem;
		line-height: 1.8em;
		margin-bottom: 0;
	}
}

.txt-ryumin{
	font-family: "a-otf-ryumin-pr6n","游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-weight: 300;
	font-style: normal;
}
.txt-acumin{
	font-family: "acumin-pro","游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-weight: 200;
	font-style: normal;
}

.txt-copyright {
	font-size: 1rem;
	letter-spacing: 0.18em;
	text-align: center;
	margin-top: 9rem;
	margin-bottom: 10rem;
	color: #2D2F30;
}
.txt-copyright small{
	font-size: 100%;
}
@media screen and (max-width: 559px) {
	.txt-copyright {
		margin-top: 7rem;
	}
}

/*2-1-10. Icon     [icn-***]*/


/*2-1-11. Label    [lbl-***]*/


/*2-1-12. Form     [frm-***]*/


/*2-1-13. Error    [err-***]*/


/*2-1-14. UI*/


/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#header:after,#container:after,#main:after,#sub:after,#footer:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}


/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}


/*2-2-3. Object-Oriented CSS [OOCSS]*/
.no-display{
	display: none;
}
.no-br{
	white-space: nowrap;
}
.no-line-height{
	line-height: 1!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.block{
	display: inline-block;
}

/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}

/* width */
.w1per  { width:  1% !important; }
.w2per  { width:  2% !important; }
.w3per  { width:  3% !important; }
.w4per  { width:  4% !important; }
.w5per  { width:  5% !important; }
.w6per  { width:  6% !important; }
.w7per  { width:  7% !important; }
.w8per  { width:  8% !important; }
.w9per  { width:  9% !important; }
.w10per { width: 10% !important; }
.w11per { width: 11% !important; }
.w12per { width: 12% !important; }
.w13per { width: 13% !important; }
.w14per { width: 14% !important; }
.w15per { width: 15% !important; }
.w16per { width: 16% !important; }
.w17per { width: 17% !important; }
.w18per { width: 18% !important; }
.w19per { width: 19% !important; }
.w20per { width: 20% !important; }
.w21per { width: 21% !important; }
.w22per { width: 22% !important; }
.w23per { width: 23% !important; }
.w24per { width: 24% !important; }
.w25per { width: 25% !important; }
.w26per { width: 26% !important; }
.w27per { width: 27% !important; }
.w28per { width: 28% !important; }
.w29per { width: 29% !important; }
.w30per { width: 30% !important; }
.w31per { width: 31% !important; }
.w32per { width: 32% !important; }
.w33per { width: 33% !important; }
.w34per { width: 34% !important; }
.w35per { width: 35% !important; }
.w36per { width: 36% !important; }
.w37per { width: 37% !important; }
.w38per { width: 38% !important; }
.w39per { width: 39% !important; }
.w40per { width: 40% !important; }
.w41per { width: 41% !important; }
.w42per { width: 42% !important; }
.w43per { width: 43% !important; }
.w44per { width: 44% !important; }
.w45per { width: 45% !important; }
.w46per { width: 46% !important; }
.w47per { width: 47% !important; }
.w48per { width: 48% !important; }
.w49per { width: 49% !important; }
.w50per { width: 50% !important; }
.w51per { width: 51% !important; }
.w52per { width: 52% !important; }
.w53per { width: 53% !important; }
.w54per { width: 54% !important; }
.w55per { width: 55% !important; }
.w56per { width: 56% !important; }
.w57per { width: 57% !important; }
.w58per { width: 58% !important; }
.w59per { width: 59% !important; }
.w60per { width: 60% !important; }
.w61per { width: 61% !important; }
.w62per { width: 62% !important; }
.w63per { width: 63% !important; }
.w64per { width: 64% !important; }
.w65per { width: 65% !important; }
.w66per { width: 66% !important; }
.w67per { width: 67% !important; }
.w68per { width: 68% !important; }
.w69per { width: 69% !important; }
.w70per { width: 70% !important; }
.w71per { width: 71% !important; }
.w72per { width: 72% !important; }
.w73per { width: 73% !important; }
.w74per { width: 74% !important; }
.w75per { width: 75% !important; }
.w76per { width: 76% !important; }
.w77per { width: 77% !important; }
.w78per { width: 78% !important; }
.w79per { width: 79% !important; }
.w80per { width: 80% !important; }
.w81per { width: 81% !important; }
.w82per { width: 82% !important; }
.w83per { width: 83% !important; }
.w84per { width: 84% !important; }
.w85per { width: 85% !important; }
.w86per { width: 86% !important; }
.w87per { width: 87% !important; }
.w88per { width: 88% !important; }
.w89per { width: 89% !important; }
.w90per { width: 90% !important; }
.w91per { width: 91% !important; }
.w92per { width: 92% !important; }
.w93per { width: 93% !important; }
.w94per { width: 94% !important; }
.w95per { width: 95% !important; }
.w96per { width: 96% !important; }
.w97per { width: 97% !important; }
.w98per { width: 98% !important; }
.w99per { width: 99% !important; }
.w100per{ width: 100% !important; min-width: 100% !important; }
.wauto  { width: auto !important; }
@media only screen and (max-width: 767px){ /* SP */
	.w1per-sp  { width:  1% !important; }
	.w2per-sp  { width:  2% !important; }
	.w3per-sp  { width:  3% !important; }
	.w4per-sp  { width:  4% !important; }
	.w5per-sp  { width:  5% !important; }
	.w6per-sp  { width:  6% !important; }
	.w7per-sp  { width:  7% !important; }
	.w8per-sp  { width:  8% !important; }
	.w9per-sp  { width:  9% !important; }
	.w10per-sp { width: 10% !important; }
	.w11per-sp { width: 11% !important; }
	.w12per-sp { width: 12% !important; }
	.w13per-sp { width: 13% !important; }
	.w14per-sp { width: 14% !important; }
	.w15per-sp { width: 15% !important; }
	.w16per-sp { width: 16% !important; }
	.w17per-sp { width: 17% !important; }
	.w18per-sp { width: 18% !important; }
	.w19per-sp { width: 19% !important; }
	.w20per-sp { width: 20% !important; }
	.w21per-sp { width: 21% !important; }
	.w22per-sp { width: 22% !important; }
	.w23per-sp { width: 23% !important; }
	.w24per-sp { width: 24% !important; }
	.w25per-sp { width: 25% !important; }
	.w26per-sp { width: 26% !important; }
	.w27per-sp { width: 27% !important; }
	.w28per-sp { width: 28% !important; }
	.w29per-sp { width: 29% !important; }
	.w30per-sp { width: 30% !important; }
	.w31per-sp { width: 31% !important; }
	.w32per-sp { width: 32% !important; }
	.w33per-sp { width: 33% !important; }
	.w34per-sp { width: 34% !important; }
	.w35per-sp { width: 35% !important; }
	.w36per-sp { width: 36% !important; }
	.w37per-sp { width: 37% !important; }
	.w38per-sp { width: 38% !important; }
	.w39per-sp { width: 39% !important; }
	.w40per-sp { width: 40% !important; }
	.w41per-sp { width: 41% !important; }
	.w42per-sp { width: 42% !important; }
	.w43per-sp { width: 43% !important; }
	.w44per-sp { width: 44% !important; }
	.w45per-sp { width: 45% !important; }
	.w46per-sp { width: 46% !important; }
	.w47per-sp { width: 47% !important; }
	.w48per-sp { width: 48% !important; }
	.w49per-sp { width: 49% !important; }
	.w50per-sp { width: 50% !important; }
	.w51per-sp { width: 51% !important; }
	.w52per-sp { width: 52% !important; }
	.w53per-sp { width: 53% !important; }
	.w54per-sp { width: 54% !important; }
	.w55per-sp { width: 55% !important; }
	.w56per-sp { width: 56% !important; }
	.w57per-sp { width: 57% !important; }
	.w58per-sp { width: 58% !important; }
	.w59per-sp { width: 59% !important; }
	.w60per-sp { width: 60% !important; }
	.w61per-sp { width: 61% !important; }
	.w62per-sp { width: 62% !important; }
	.w63per-sp { width: 63% !important; }
	.w64per-sp { width: 64% !important; }
	.w65per-sp { width: 65% !important; }
	.w66per-sp { width: 66% !important; }
	.w67per-sp { width: 67% !important; }
	.w68per-sp { width: 68% !important; }
	.w69per-sp { width: 69% !important; }
	.w70per-sp { width: 70% !important; }
	.w71per-sp { width: 71% !important; }
	.w72per-sp { width: 72% !important; }
	.w73per-sp { width: 73% !important; }
	.w74per-sp { width: 74% !important; }
	.w75per-sp { width: 75% !important; }
	.w76per-sp { width: 76% !important; }
	.w77per-sp { width: 77% !important; }
	.w78per-sp { width: 78% !important; }
	.w79per-sp { width: 79% !important; }
	.w80per-sp { width: 80% !important; }
	.w81per-sp { width: 81% !important; }
	.w82per-sp { width: 82% !important; }
	.w83per-sp { width: 83% !important; }
	.w84per-sp { width: 84% !important; }
	.w85per-sp { width: 85% !important; }
	.w86per-sp { width: 86% !important; }
	.w87per-sp { width: 87% !important; }
	.w88per-sp { width: 88% !important; }
	.w89per-sp { width: 89% !important; }
	.w90per-sp { width: 90% !important; }
	.w91per-sp { width: 91% !important; }
	.w92per-sp { width: 92% !important; }
	.w93per-sp { width: 93% !important; }
	.w94per-sp { width: 94% !important; }
	.w95per-sp { width: 95% !important; }
	.w96per-sp { width: 96% !important; }
	.w97per-sp { width: 97% !important; }
	.w98per-sp { width: 98% !important; }
	.w99per-sp { width: 99% !important; }
	.w100per-sp{ width: 100% !important; }
	.wauto-sp  { width: auto !important; }
}


/* 2-2-4. Grid System [grid-***] */
.wrp-grid, .row{
	box-sizing: border-box;
}
.wrp-grid:after, .row:after{
	clear: both;
	content: " ";
	display: table;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
	box-sizing: border-box;
	float: left;
}

/* 1. 12 Column Grid 0px - 767px
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 767px){
	.wrp-grid{
		margin-left: -8px;
		margin-right: -7px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
	.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
		width: 100%;
		padding: 0 7px 0 8px;
	}
	.grid-1--sp{
		width: 8.33333%;
	}
	.grid-2--sp{
		width: 16.66667%;
	}
	.grid-3--sp{
		width: 25%;
	}
	.grid-4--sp{
		width: 33.3333333%;
	}
	.grid-5--sp{
		width: 41.66667%;
	}
	.grid-6--sp{
		width: 50%;
	}
	.grid-7--sp{
		width: 58.33333%;
	}
	.grid-8--sp{
		width: 66.66667%;
	}
	.grid-9--sp{
		width: 75%;
	}
	.grid-10--sp{
		width: 83.33333%;
	}
	.grid-11--sp{
		width: 91.66667%;
	}
	.grid-12--sp{
		width: 100%;
	}
}
/* 2. 12 Column Grid 768px - Infinity
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 768px){
	.wrp-grid{
		margin-left: -15px;
		margin-right: -15px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
		padding: 0 15px;
	}
	.grid-1{
		width: 8.33333333333%;
	}
	.grid-2{
		width: 16.6666666667%;
	}
	.grid-3{
		width: 25%;
	}
	.grid-4{
		width: 33.3333333333%;
	}
	.grid-5{
		width: 41.6666666667%;
	}
	.grid-6{
		width: 50%;
	}
	.grid-7{
		width: 58.3333333333%;
	}
	.grid-8{
		width: 66.6666666667%;
	}
	.grid-9{
		width: 75%;
	}
	.grid-10{
		width: 83.3333333333%;
	}
	.grid-11{
		width: 91.6666666667%;
	}
	.grid-12{
		width: 100%;
	}
}

/* 2-2-5. WebFont [FontAwesome] */


/* 2-2-6. Visibility [visible-***] */
@media only screen and (max-width : 767px){
	.visible-sp{
		display: block;
	}
	.visible-pc{
		display: none;
	}
}
@media only screen and (min-width : 768px){
	.visible-sp{
		display: none;
	}
	.visible-pc{
		display: block;
	}
}


/* 2-2-7. Background [bg-***] */


/* 2-3. State [is-***]
-------------------------------------------------- */
.is-open{
	display: block;
}
.is-close{
	display: none;
}
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.45;
}
.is-active{

}



/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */
.is-overlay{
	z-index: 10;
}

/* 2-5. Project
-------------------------------------------------- */
.sec-error{
	max-width: 80rem;
	text-align: center;
	margin: 0 auto;
	margin-top: 10vw;
}
.sec-error h2{
	margin-bottom: 3rem;
}
.sec-error p{
	line-height: 1.6;
}
.sec-error__title {
	margin-bottom: 5rem;
}
.sec-error__title img {
	max-width: 25rem;
}
.sec-error .wrp-button{
	margin-top: 2;
	max-width: 30rem;
	margin: 5rem auto 0;
}
.sec-error .wrp-button .btn{
	padding: 2rem;
}