@charset "UTF-8";
@import url("https://use.typekit.net/rtg2yhi.css");

/*--------------------------------------------------------------------------------
	reset
--------------------------------------------------------------------------------*/

html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:65%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}



/*--------------------------------------------------------------------------------
	override & common
--------------------------------------------------------------------------------*/

/* override */

a{
	color:#000000;
	text-decoration:none;
	transition: opacity .5s;
}

a:hover {
	opacity: .5;
}

html{
	font-size:62.5%;
	overflow-x: hidden;
}

body{
	font-family: avenir-lt-pro, sans-serif;
    font-weight: 300;
	background:#ffffff;
	font-size:14px;
	line-height:1.4;
}

body *{
	box-sizing:border-box;
}


li{
	list-style:none;
}

img{
	width:100%;
	height:auto;
	vertical-align:middle;
}

.preload{
	transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}



/* formparts */

input[type="text"],
input[type="email"],
input[type="date"],
input[type="tel"],
select{
/*	border:solid 1px #666666;
	border-radius:6px;*/
	padding:10px;
	width:100%;
	font-size:15px;
	line-height:1.2;
	border:none;
	border-radius:0;
	background:#F0F0F0;
}



textarea{
/*	border:solid 1px #666666;
	border-radius:6px;*/
	padding:10px;
	width:100%;
	height:300px;
	font-size:16px;
	line-height:1.5;
	border:none;
	border-radius:0;
	background:#F0F0F0;
}



/* spv / pcv */

.c-pc-v{
	display:none;
}

@media only screen and (min-width: 768px){

	.c-pc-v{
		display:block;
	}

}

.c-sp-v{

}

@media only screen and (min-width: 768px){

	.c-sp-v{
		display:none;
	}

}


/* margin */

.c-pt-0{
	padding-top:0 !important;
}

.c-mb-0{
	margin-bottom:0 !Important;
}

.c-mt-0{
	margin-top:0 !important;
}

.c-mt-10{
	margin-top:10px !important;
}

.c-mt-xl{
	margin-top:100px !important;
}

.c-mt-ll{
	margin-top:80px !important;
}

.c-mt-l{
	margin-top:64px !important;
}

.c-mt-ml{
	margin-top:48px !important;
}

.c-mt-m{
	margin-top:32px !important;
}

.c-mt-ms{
	margin-top:24px !important;
}

.c-mt-s{
	margin-top:16px !important;
}

@media only screen and (min-width: 768px){

	.c-mt-xl{
		margin-top:120px !important;
	}

	.c-mt-ll{
		margin-top:100px !important;
	}

	.c-mt-l{
		margin-top:80px !important;
	}

	.c-mt-ml{
		margin-top:64px !important;
	}

	.c-mt-m{
		margin-top:48px !important;
	}

	.c-mt-ms{
		margin-top:32px !important;
	}

	.c-mt-s{
		margin-top:24px !important;
	}

}



/* align */

.c-align-c{
	text-align:center !important;
}

.c-align-c-pc{

}

@media only screen and (min-width: 768px){

	.c-align-c-pc{
		text-align:center !important;
	}

}

@media only screen and (max-width: 767px){

	.c-align-c-sp{
		text-align:center !important;
		margin-left:auto;
		margin-right:auto;
	}

}

.c-align-r{
	text-align:right !important;
}

.c-align-dc{
	margin-left:auto;
	margin-right:auto;
}

.c-align-dr{
	margin-left:auto;
}

.c-align-dl{
	margin-left:auto;
}


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


.c-footer {
    text-align: center;
    padding: 30px;
	background: #FFF;
}

@media only screen and (min-width: 768px){
	.c-footer {
		padding: 70px 90px;
		display: flex;
		justify-content: space-between;
	}

}


/* c-fixedbtn-01 */

.c-fixedbtn-01 {
	position: fixed;
	width: 160px;
	z-index: 98;
	bottom: 24px;
	left: calc(50% - 80px);
}

.c-fixedbtn-01 > .c-btn-01-link {
	height: 34px;
	line-height: 34px;
}

@media only screen and (min-width: 768px){
	
	.c-fixedbtn-01 {
		bottom: 57px;
	}
}

/*--------------------------------------------------------------------------------
	frame
--------------------------------------------------------------------------------*/

/* .c-wrapper, .w-XXX */

.c-wrapper {
	width: 84%;
    margin-left: auto;
    margin-right: auto;
	box-sizing: content-box;
}

.c-border-bottom {
	border-bottom: 1px solid #cecece;
}

@media only screen and (min-width: 768px){
	.c-wrapper {
		margin-left: auto;
		margin-right: auto;
	}
	
	.c-w-880 {
		max-width: 880px;
	}
	
	.c-w-1100 {
		max-width: 1100px;
	}
}


/*--------------------------------------------------------------------------------
	heading, text
--------------------------------------------------------------------------------*/

/* .c-fs-X */

.c-fs-ss {
	font-size: 12px;
}

.c-fs-s {
	font-size: 12px;
}

.c-fs-l {
	font-size: 16px;
}

.c-fw-bold {
	font-weight: bold;
}

.c-deco-underline {
	text-decoration: underline;
}

/* .c-ttl-01 */

.c-ttl-01  {
	font-size: 18px;
	line-height: 1.25;
	padding-bottom: 25px;
    font-weight: 300;
}

.c-subpage-box-01 .c-ttl-01 {
	text-align: center;
}

@media only screen and (min-width: 768px){
	
	.c-ttl-01 {
		font-size: 24px;
		padding-bottom: 50px;
	}
}

/* .c-f-din */

.c-f-din {
	font-family: "urw-din", sans-serif;
	font-weight: 400;
	font-style: normal;
}


/* .c-f-din */

.c-att-01 {
	display: flex;
}


/*--------------------------------------------------------------------------------
	btn
--------------------------------------------------------------------------------*/

.c-btn-01 {
	text-align: center;
}

.c-btn-01-link {
	background: #000 !important;
	color: #FFF;
	display: inline-block;
	width: 100%;
	max-width: 315px;
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
}


/*--------------------------------------------------------------------------------
	display
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px){
	.c-d-md-none {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	inview
--------------------------------------------------------------------------------*/

.inview-slideup01{
	opacity:0;
	transform:translate(0,40px);
	transition:.5s;
}

.inview-slideup01.inview-act{
	opacity:1;
	transform:translate(0,0);
}

.inview-fadein01{
	opacity:0;
	transition:.5s ease-in;
}

.inview-fadein01.inview-act{
	opacity:1;
}

.inview-fadein02{
	opacity:0;
	transition:.5s ease-in;
	transition-delay:1000ms;
}

.inview-fadein02.inview-act{
	opacity:1;
}

.inview-textin.inview-act{

}

.inview-textin > span{
	opacity: 0;
}

.inview-textin.inview-act > span{
	animation:text_anime_on 1s ease-out forwards;
}

@keyframes text_anime_on {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.noinview-fadein {
	animation: pageload-fadein .5s ease-in forwards;
}


@keyframes pageload-fadein {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


/*--------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------*/

.c-header {
	position: fixed;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	z-index:99;
}

.c-header-inner {
	width: 100%;
	max-width: 1064px;
	margin: 0 auto;
	position: relative;
}


.c-header-inner-nav {
	display: none;
}

.c-header-inner-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 80px 0 0 0;
    background: #FFF;
}

.c-header-inner-nav > ul {
    font-size: 16px;
    line-height: 1.5;
}

.c-header-inner-nav > ul > li {
	border-bottom: 1px solid #E8E8E8;
	margin-left: 30px;
	margin-right: 30px;
    text-align: center;
}
.c-header-inner-nav > ul > li:first-child {
	border-top: 1px solid #E8E8E8;
}

.c-header-inner-nav > ul > li > a {
    display: block;
    text-align: center;
    color: #000;
	width: 100%;
    padding: 25px 0;
}

.c-header-inner-nav-language-btn {
    padding: 25px 0 25px 22px;
    display: block;
    position: relative;
}

.c-header-inner-nav-language-btn:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    margin-left: 15px;
    left: calc(50% + 3em);
    transform: translateY(-55%) rotate(45deg);
    transition: 0.5s;
    
}

.c-header-inner-nav-language-btn.is_open:after {
    transform: rotate(225deg);
    top: 0;
}

.c-header-inner-nav-language-ul {
    width: 100%;
    display: none;
}

.c-header-inner-nav-language-ul > li {
    width: 100%;
    padding: 0 0 15px ;
    position: relative;
}

.c-header-inner-nav-language-ul > li:last-child {
    padding: 0 0 25px 0;
}

.c-header-inner-nav-language-ul > li >span:after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1.4em;
    background:url("../../img/common/icn-check.svg") no-repeat center center;
    position: absolute;
    top: 0;
    left: calc(50% + 3em);
}

/* navbtn */

.c-header-navbtn{
	position:fixed;
	top:18px;
	right:18px;
	z-index:110;
}

@media only screen and (min-width: 768px){
	.c-header-navbtn{
		top:25px;
		right:30px;
	}

}

.c-header-navbtn-link{
	overflow: hidden;
	display: block;
	position: relative;
	width: 27px;
	height: 27px;
	cursor: pointer;
}

.c-header-navbtn-link span,
.c-header-navbtn-link:before,
.c-header-navbtn-link:after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	/*right: 0;*/
	width: 27px;
	height: 2px;
	margin: auto;
	background: #999;
}

.c-header-navbtn-link:before {
	width: 27px;
}

.c-header-navbtn-link span {
	width: 18px;
}

.c-header-navbtn-link:after {
	width: 9px;
}

/*
.c-header.is-scroll .c-header-navbtn-link span,
.c-header.is-scroll .c-header-navbtn-link:before,
.c-header.is-scroll .c-header-navbtn-link:after{
	background: #999;
}

.c-header.is-scroll.js-act .c-header-navbtn-link span,
.c-header.is-scroll.js-act .c-header-navbtn-link:before,
.c-header.is-scroll.js-act .c-header-navbtn-link:after{
	background: #999;
}
*/

.c-header-navbtn-link span{
	overflow: hidden;
	transition: opacity 150ms 50ms;
}

.c-header-navbtn-link:before{
	transform: translate(0, -10px);
	content: "";
	transition: transform 400ms;
}

.c-header-navbtn-link:after{
	transform: translate(0, 10px);
	content: "";
	transition: transform 400ms;
}

.c-header-navbtn-link.js-act span{
	opacity: 0;
	transition: opacity 150ms;
}

.c-header-navbtn-link.js-act:before{
	transform: rotate(45deg);
	right: 0;
}

.c-header-navbtn-link.js-act:after{
	transform: rotate(-45deg);
	width: 27px;
}


/*--------------------------------------------------------------------------------
	subpage
--------------------------------------------------------------------------------*/


/* frame */

.c-subpage {
	background: #EFEFEF;
}

.c-subpage main {
	padding: 0 10px;
}

.c-subpage footer {
	background: none;
}

.c-subpage-wrapper {
	padding: 30px 25px;
	background: #FFF;
	border-radius: 10px;
	max-width: 1064px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.c-subpage-box-01 {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 768px){
	
	.c-subpage-wrapper {
		padding: 60px 80px 80px 80px;
	}
	
}

.c-border-top {
	border-top: 1px solid #CECECE;
}

@media only screen and (min-width: 1100px){
	
	.c-subpage-wrapper {
		padding: 60px 120px 120px 120px;
	}

}


/* heading */

.c-subpage-ttl-01 {
	padding: 50px 0 40px 0;
	text-align: center;
}

.c-subpage-ttl-01 img {
	width: 70%;
	max-width: 420px;
}

@media only screen and (min-width: 768px){
	
	.c-subpage-ttl-01 {
		padding: 85px 0 65px 0;
	}
}



.grecaptcha-badge {
    display: none;
}

.grecaptcha-on .grecaptcha-badge {
    display: block;
}