@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: "游ゴシック体","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic, sans-serif;
	background:#ffffff;
	font-size:15px;
	line-height:1.7;
}

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

@media only screen and (min-width: 768px),print {
    body {
        font-size: 16px;
    }
}

.c-font-ss-01{
	font-family: "Avenir", "Avenir Next", Futura, "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}

.c-font-serif{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

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;
}


/*余白*/

@media only screen and (max-width:949.9px) {
    .c-mt-s {margin-top: 16px;}
	.c-t-sp-0 {margin-top: 0;}
	.c-mt-sp-05 { margin-top: 5px; }
	.c-mt-sp-10 { margin-top: 10px; }
	.c-mt-sp-15 { margin-top: 15px; }
	.c-mt-sp-20 { margin-top: 20px; }
	.c-mt-sp-25 { margin-top: 25px; }
	.c-mt-sp-30 { margin-top: 30px; }
	.c-mt-sp-35 { margin-top: 35px; }
	.c-mt-sp-40 { margin-top: 40px; }
	.c-mt-sp-50 { margin-top: 50px; }
	.c-mt-sp-60 { margin-top: 60px; }
	.c-mt-sp-70 { margin-top: 70px; }
	.c-mt-sp-80 { margin-top: 80px; }
	.c-mt-sp-90 { margin-top: 90px; }
	.c-mt-sp-100 { margin-top: 100px; }
}

@media only screen and (min-width: 768px),print { 
    .c-mt-s {margin-top: 24px;}
	.c-pt-m { padding-top:80px; }
	.c-pb-m { padding-bottom:80px; }
	
	.c-mt-md-0 {margin-top: 0;}
	.c-mt-md-05 {margin-top: 5px;}
	.c-mt-md-10 {margin-top: 10px;}
	.c-mt-md-15 {margin-top: 15px;}
	.c-mt-md-20 {margin-top: 20px;}
	.c-mt-md-25 {margin-top: 25px;}
	.c-mt-md-30 {margin-top: 30px;}
	.c-mt-md-35 {margin-top: 35px;}
	.c-mt-md-40 {margin-top: 40px;}
	.c-mt-md-45 {margin-top: 45px;}
	.c-mt-md-50 {margin-top: 50px;}
	.c-mt-md-60 {margin-top: 60px;}
	.c-mt-md-65 {margin-top: 65px;}
	.c-mt-md-70 {margin-top: 70px;}
	.c-mt-md-80 {margin-top: 80px;}
	.c-mt-md-90 {margin-top: 90px;}
	.c-mt-md-100 { margin-top: 100px; }
	.c-mt-md-110 { margin-top: 110px; }
	.c-mt-md-120 { margin-top: 120px; }
    .c-mt-md-130 { margin-top: 130px; }
}

/* テキスト*/

h1, h2, h3, h4, h5 {
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	font-weight: bold;
}
.c-f-mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
} 

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

.c-text-right {
	text-align: right;
}

.c-text-left {
	text-align: justify;
}

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

@media (min-width:768px) { 
	.c-text-md-center {
		text-align:center;
	}
}

@media only screen and (min-width: 950px),print { 
	.c-text-lg-center {
		text-align: center;
	}
	
	.c-text-lg-left {
		text-align: justify;
	}
	
	.c-text-lg-right {
		text-align: right;
	}
}

.c-palt {
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

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


.c-footer {
    text-align: center;
    padding: 30px 25px;
	background: #FFF;
    font-family: "Avenir", "Avenir Next", Futura, "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}

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

}


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

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

.c-container {
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
}

.c-w-1060 {
    max-width: 1060px;
}


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


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

/* .c-fs-X */

.c-fs-ss {
	font-size: 78%; /*14*/
}

.c-fs-s {
	font-size: 88%; /*14*/
}

.c-fs-l {
	font-size: 112%; /*18*/
}

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

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

/* .c-ttl-01 */

.c-ttl-01  {
	font-size: 20px;
	line-height: 1.25;
    font-weight: bold;
    text-align: center;
    padding-bottom: 25px;
    letter-spacing: 0.05em;
}


@media only screen and (min-width: 768px){
	
	.c-ttl-01 {
		font-size: 24px;
        padding-bottom: 0;
	}
    
    .c-fs-md-s {
        font-size: 88%; /*14*/
    }
}

/* .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;
    margin-top: 30px;    
}

.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;
}

.c-btn-01--confirm .c-btn-01-link {
    width: 40%;
    max-width: 200px;
    margin-left: 2%;
    margin-right: 2%;
}


@media only screen and (min-width: 768px){
  .c-btn-01 {
        margin-top: 50px;    
    }  
}


/*--------------------------------------------------------------------------------
	display
--------------------------------------------------------------------------------*/

.c-d-none {
	display:none;
}

.c-d-inline {
	display: inline;
}

.c-d-iblock {
	display: inline-block;
}

.c-flex-reverse {
	flex-direction: row-reverse;
}

@media screen and (min-width:758px) {
	.c-d-md-block {
		display: block;
	}
	.c-d-md-none {
		display: none;
	}
	
	.c-d-md-flex {
		display: flex;
	}
}

@media screen and (min-width:950px) {
	.c-d-lg-block {
		display:block !important;
	}
	
	.c-d-lg-none {
		display: none !important;
	}
	
	.c-d-lg-flex {
		display: flex;
	}
	
	.c-d-lg-inline {
		display: inline;
	}
	
	.c-d-lg-iblock {
		display: inline-block;
	}
}
/*--------------------------------------------------------------------------------
	inview
--------------------------------------------------------------------------------*/


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

.inview-fadein01.inview-act{
	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 {
	margin-left: 30px;
	margin-right: 30px;
    text-align: center;
}
.c-header-inner-nav > ul > li:first-child {
	
}

.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;
}

.c-header-instagram {
    position: absolute;
    top: 18px;
    right: 62px;
}

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

}

.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: 756px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 768px){
	
	.c-subpage-wrapper {
		padding: 70px 80px 80px 80px;
	}
    
    
    .c-subpage-box-01 .c-ttl-01 {
        margin-bottom: 50px;
    }
	
}

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

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

}


/* heading */

.c-subpage-ttl-01 {
	padding: 20px 5px;
    text-align: left;
}

.c-subpage-ttl-01 img {
	width: 40%;
}

@media only screen and (min-width: 768px){
	
	.c-subpage-ttl-01 {
		padding: 40px 50px 80px 50px;
	}
    
    .c-subpage-ttl-01 img {
        width: 219.62px;
    }
}