@charset "utf-8";

/*
GLOBAL
***************************************************************************/
html {
	overflow-y: auto;
	overflow-x: hidden;
}

body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 3.75vw;
	color: #000;
	line-height: 1.8;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.android body {
	font-family: "Sawarabi Mincho", serif;
}

/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
	font-feature-settings: "pkna";
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	line-height: 1.5;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	display: block;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

iframe { border:none; }

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

th {
	text-align: left;
	font-weight: normal;
}

/* ▼LINK▼ */
a {
	color: #7f7f7f;
	text-decoration: underline;
	outline: none;
}

/* ▼IMG▼ */
img, input[type="image"]{
	max-width: 100%;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	border: none;
}

.img_frame {
	position: relative;
	overflow: hidden;
}

.img_frame img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ▼BR▼ */
@media screen and (min-width: 480px){

	.landscape { display:block; }
	.portrait { display:none; }

}

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

	.landscape { display:none; }
	.portrait { display:block; }

}

/*
CONTENTS
***************************************************************************/
#topimg {
	position: relative;
}

#topimg .top_title {
	position: absolute;
	bottom: calc((100vw / 390) * 90);
	left: 0;
	width: 100%;
}

#topimg .top_txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.intro_txt {
	padding: calc((100vw / 320) * 25) calc((100vw / 320) * 20);
}

.txt01 {
	padding: calc((100vw / 320) * 25) calc((100vw / 320) * 40);
	font-size: 4.6875vw;
}

.txt02 {
	padding: calc((100vw / 320) * 25) calc((100vw / 320) * 30);
	font-size: 4.0625vw;
}

.model_sec {
	padding: calc((100vw / 320) * 3);
	background: #000;
}

.model_sec .inner {
	padding-bottom: calc((100vw / 320) * 40);
	background: #f5f5f5;
}

.model_sec .list {
	margin-bottom: calc((100vw / 320) * 15);
}

.model_sec .list li {
	position: relative;
}

.model_sec .list li .btn {
	position: absolute;
	bottom: calc((100vw / 320) * 28);
	right: 0;
	width: 50%;
}

.model_sec .list li:nth-child(2n) .btn { left:0; }

.model_sec .slist {
	margin-bottom: calc((100vw / 320) * 30);
	text-align: center;
}

.model_sec .slist li {
	display: inline-block;
}

.model_sec .slist li:first-child { width:calc((100vw / 320) * 70); }
.model_sec .slist li:last-child { width:calc((100vw / 320) * 90); }

.copy {
	padding: calc((100vw / 320) * 15) calc((100vw / 320) * 5);
	text-align: center;
	font-size: 3.125vw;
	color: #fff;
	background: #000;
}

/*
COMMON SECTION
***************************************************************************/
/* ▼CONTENTS EFFECT▼ */
.delay_fade {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	overflow: hidden;
}

.delay_fade.active {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.delay_fade.img {
	opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
	transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.delay_fade.img.active {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.delay_fade.top_title {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
}

.delay_fade.top_title.active {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.delay_fade.top_txt {
	opacity: 0;
	transform: translate(-50px,0); 
	-webkit-transform: translate(-50px,0);
	transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition-delay: 2s;
	-webkit-transition-delay: 2s;
}

.delay_fade.top_txt.active {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*
COMMON CONFIG
***************************************************************************/
/* ▼display▼ */
.disp_box { display:-moz-box; display:-webkit-box; display:box; }
.block { display:block; }
.inline { display:inline; }
.iblock { display:inline-block!important; }
.none { display:none!important; }

/* ▼box▼ */
.b_box { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.c_box { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }

.flex1 { -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }

/* ▼position▼ */
.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.balign_c { -moz-box-align:center; -webkit-box-align:center; box-align:center; }
.balign_s { -moz-box-align:stretch; -webkit-box-align:stretch; box-align:stretch; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼width▼ */
.w4per { width:4%!important; }
.w5per { width:5%!important; }
.w8per { width:8%!important; }
.w10per { width:10%!important; }
.w15per { width:15%!important; }
.w20per { width:20%!important; }
.w22per { width:22%!important; }
.w25per { width:25%!important; }
.w30per { width:30%!important; }
.w35per { width:35%!important; }
.w40per { width:40%!important; }
.w50per { width:50%!important; }
.w55per { width:55%!important; }
.w56per { width:56%!important; }
.w60per { width:60%!important; }
.w70per { width:70%!important; }
.w75per { width:75%!important; }
.w80per { width:80%!important; }
.w90per { width:90%!important; }
.w100per { width:100%!important; }

.w50 { width:calc((100vw / 320) * 50)!important; }
.w100 { width:calc((100vw / 320) * 100)!important; }
.w150 { width:calc((100vw / 320) * 150)!important; }
.w200 { width:calc((100vw / 320) * 200)!important; }
.w250 { width:calc((100vw / 320) * 250)!important; }
.w300 { width:calc((100vw / 320) * 300)!important; }

.h200 { height:calc((100vw / 320) * 200)!important; }

.mb50 { margin-bottom:calc((100vw / 320) * 50)!important; }
.mb40 { margin-bottom:calc((100vw / 320) * 40)!important; }
.mb35 { margin-bottom:calc((100vw / 320) * 35)!important; }
.mb30 { margin-bottom:calc((100vw / 320) * 30)!important; }
.mb25 { margin-bottom:calc((100vw / 320) * 25)!important; }
.mb20 { margin-bottom:calc((100vw / 320) * 20)!important; }
.mb15 { margin-bottom:calc((100vw / 320) * 15)!important; }
.mb10 { margin-bottom:calc((100vw / 320) * 10)!important; }
.mb5 { margin-bottom:calc((100vw / 320) * 5)!important; }
.mb0 { margin-bottom:0!important; }

.mt50 { margin-top:calc((100vw / 320) * 50)!important; }
.mt40 { margin-top:calc((100vw / 320) * 40)!important; }
.mt35 { margin-top:calc((100vw / 320) * 35)!important; }
.mt30 { margin-top:calc((100vw / 320) * 30)!important; }
.mt25 { margin-top:calc((100vw / 320) * 25)!important; }
.mt20 { margin-top:calc((100vw / 320) * 20)!important; }
.mt15 { margin-top:calc((100vw / 320) * 15)!important; }
.mt10 { margin-top:calc((100vw / 320) * 10)!important; }
.mt5 { margin-top:calc((100vw / 320) * 5)!important; }
.mt0 { margin-top:0!important; }

.mlr50 { margin-left:calc((100vw / 320) * 50)!important; margin-right:calc((100vw / 320) * 50)!important; }
.mlr40 { margin-left:calc((100vw / 320) * 40)!important; margin-right:calc((100vw / 320) * 40)!important; }
.mlr35 { margin-left:calc((100vw / 320) * 35)!important; margin-right:calc((100vw / 320) * 35)!important; }
.mlr30 { margin-left:calc((100vw / 320) * 30)!important; margin-right:calc((100vw / 320) * 30)!important; }
.mlr25 { margin-left:calc((100vw / 320) * 25)!important; margin-right:calc((100vw / 320) * 25)!important; }
.mlr20 { margin-left:calc((100vw / 320) * 20)!important; margin-right:calc((100vw / 320) * 20)!important; }
.mlr15 { margin-left:calc((100vw / 320) * 15)!important; margin-right:calc((100vw / 320) * 15)!important; }
.mlr10 { margin-left:calc((100vw / 320) * 10)!important; margin-right:calc((100vw / 320) * 10)!important; }
.mlr5 { margin-left:calc((100vw / 320) * 5)!important; margin-right:calc((100vw / 320) * 5)!important; }
.mlr0 { margin-left:0!important; margin-right:0!important; }
.mlr-5 { margin-left:calc((100vw / 320) * -5)!important; margin-right:calc((100vw / 320) * -5)!important; }
.mlr-10 { margin-left:calc((100vw / 320) * -10)!important; margin-right:calc((100vw / 320) * -10)!important; }
.mlr_auto { margin-left:auto!important; margin-right:auto!important; }

.mr40 { margin-right:calc((100vw / 320) * 40)!important; }
.mr30 { margin-right:calc((100vw / 320) * 30)!important; }
.mr25 { margin-right:calc((100vw / 320) * 25)!important; }
.mr20 { margin-right:calc((100vw / 320) * 20)!important; }
.mr15 { margin-right:calc((100vw / 320) * 15)!important; }
.mr10 { margin-right:calc((100vw / 320) * 10)!important; }
.mr5 { margin-right:calc((100vw / 320) * 5)!important; }
.mr0 { margin-right:0!important; }
.mr-5 { margin-right:calc((100vw / 320) * -5)!important; }

.ml40 { margin-left:calc((100vw / 320) * 40)!important; }
.ml30 { margin-left:calc((100vw / 320) * 30)!important; }
.ml25 { margin-left:calc((100vw / 320) * 25)!important; }
.ml20 { margin-left:calc((100vw / 320) * 20)!important; }
.ml15 { margin-left:calc((100vw / 320) * 15)!important; }
.ml10 { margin-left:calc((100vw / 320) * 10)!important; }
.ml5 { margin-left:calc((100vw / 320) * 5)!important; }
.ml0 { margin-left:0!important; }
.ml-5 { margin-left:calc((100vw / 320) * -5)!important; }

.pb50 { padding-bottom:calc((100vw / 320) * 50)!important; }
.pb40 { padding-bottom:calc((100vw / 320) * 40)!important; }
.pb35 { padding-bottom:calc((100vw / 320) * 35)!important; }
.pb30 { padding-bottom:calc((100vw / 320) * 30)!important; }
.pb25 { padding-bottom:calc((100vw / 320) * 25)!important; }
.pb20 { padding-bottom:calc((100vw / 320) * 20)!important; }
.pb15 { padding-bottom:calc((100vw / 320) * 15)!important; }
.pb10 { padding-bottom:calc((100vw / 320) * 10)!important; }
.pb5 { padding-bottom:calc((100vw / 320) * 5)!important; }
.pb0 { padding-bottom:0!important; }

.pt50 { padding-top:calc((100vw / 320) * 50)!important; }
.pt40 { padding-top:calc((100vw / 320) * 40)!important; }
.pt35 { padding-top:calc((100vw / 320) * 35)!important; }
.pt30 { padding-top:calc((100vw / 320) * 30)!important; }
.pt25 { padding-top:calc((100vw / 320) * 25)!important; }
.pt20 { padding-top:calc((100vw / 320) * 20)!important; }
.pt15 { padding-top:calc((100vw / 320) * 15)!important; }
.pt10 { padding-top:calc((100vw / 320) * 10)!important; }
.pt5 { padding-top:calc((100vw / 320) * 5)!important; }
.pt0 { padding-top:0!important; }

.plr50 { padding-left:calc((100vw / 320) * 50)!important; padding-right:calc((100vw / 320) * 50)!important; }
.plr40 { padding-left:calc((100vw / 320) * 40)!important; padding-right:calc((100vw / 320) * 40)!important; }
.plr30 { padding-left:calc((100vw / 320) * 30)!important; padding-right:calc((100vw / 320) * 30)!important; }
.plr25 { padding-left:calc((100vw / 320) * 25)!important; padding-right:calc((100vw / 320) * 25)!important; }
.plr20 { padding-left:calc((100vw / 320) * 20)!important; padding-right:calc((100vw / 320) * 20)!important; }
.plr15 { padding-left:calc((100vw / 320) * 15)!important; padding-right:calc((100vw / 320) * 15)!important; }
.plr10 { padding-left:calc((100vw / 320) * 10)!important; padding-right:calc((100vw / 320) * 10)!important; }
.plr5 { padding-left:calc((100vw / 320) * 5)!important; padding-right:calc((100vw / 320) * 5)!important; }
.plr0 { padding-left:0!important; padding-right:0!important; }
.plr-5 { padding-left:calc((100vw / 320) * -5)!important; padding-right:calc((100vw / 320) * -5)!important; }
.plr-10 { padding-left:calc((100vw / 320) * -10)!important; padding-right:calc((100vw / 320) * -10)!important; }
.plr_auto { padding-left:auto!important; padding-right:auto!important; }

.pr40 { padding-right:calc((100vw / 320) * 40)!important; }
.pr30 { padding-right:calc((100vw / 320) * 30)!important; }
.pr25 { padding-right:calc((100vw / 320) * 25)!important; }
.pr20 { padding-right:calc((100vw / 320) * 20)!important; }
.pr15 { padding-right:calc((100vw / 320) * 15)!important; }
.pr10 { padding-right:calc((100vw / 320) * 10)!important; }
.pr5 { padding-right:calc((100vw / 320) * 5)!important; }
.pr0 { padding-right:0!important; }
.pr-5 { padding-right:calc((100vw / 320) * -5)!important; }

.pl40 { padding-left:calc((100vw / 320) * 40)!important; }
.pl30 { padding-left:calc((100vw / 320) * 30)!important; }
.pl25 { padding-left:calc((100vw / 320) * 25)!important; }
.pl20 { padding-left:calc((100vw / 320) * 20)!important; }
.pl15 { padding-left:calc((100vw / 320) * 15)!important; }
.pl10 { padding-left:calc((100vw / 320) * 10)!important; }
.pl5 { padding-left:calc((100vw / 320) * 5)!important; }
.pl0 { padding-left:0!important; }
.pl-5 { padding-left:calc((100vw / 320) * -5)!important; }

/* ▼font disp▼ */
a.u_line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }
.link_txt {
	padding-right: calc((100vw / 320) * 18);
	color: #151515;
	text-decoration: none;
	background: url(../common_img/icon01.png) right center no-repeat;
	background-size: calc((100vw / 320) * 12);
}

/* ▼text▼ */
.size10 { font-size:3.125vw!important; }
.size11 { font-size:3.4375vw!important; }
.size12 { font-size:3.75vw!important; }
.size13 { font-size:4.0625vw!important; }
.size14 { font-size:4.375vw!important; }
.size15 { font-size:4.6875vw!important; }
.size16 { font-size:5vw!important; }
.size18 { font-size:5.625vw!important; }
.size20 { font-size:6.25vw!important; }
.size24 { font-size:7.5vw!important; }

.bold { font-weight:bold!important; }

.c_gray { color:#7a7a7a!important; }
.c_red { color:#a71c2c!important; }
.c_gold { color:#b6a678!important; }
.c_blue { color:#197187!important; }

.lh2 { line-height:2!important; }
.lh18 { line-height:1.8!important; }
.lh17 { line-height:1.7!important; }
.lh16 { line-height:1.6!important; }
.lh15 { line-height:1.5!important; }
.lh14 { line-height:1.4!important; }
.lh12 { line-height:1.2!important; }

/* ▼frame▼ */

/* ▼line▼ */

/* ▼indent▼ */
.indent1 { margin-left:1em; text-indent:-1em; }
.indent2 { margin-left:2em; text-indent:-2em; }
.indent3 { margin-left:3em; text-indent:-3em; }
.indent4 { margin-left:4em; text-indent:-4em; }
.indent5 { margin-left:5em; text-indent:-5em; }
.indent6 { margin-left:6em; text-indent:-6em; }

/* ▼background▼ */
.bg_lgray { background:#ededed; }
.bg_white { background:#fff; }

/* ▼border▼ */
.no_border { border:none!important; }

/* ▼list▼ */

/* ▼table▼ */

/*PC 対応 20181011 nobunaga*/

 @media screen and (min-width:769px) {
 body {
	font-family: "Sawarabi Mincho", serif;
    width: 768px;
	 font-size: 12px;
	margin: 0 auto !important;}

#topimg .top_title {
    bottom: calc((100vw / 640) * 90);
}
.intro_txt{
	padding: 75px 40px;
    font-size:17px !important;
    letter-spacing: 1px;
}
.txt01{
    padding: 75px;
	letter-spacing: 1px;
	font-size: 25px !important;
}
.txt02 {
    padding: 75px;
	letter-spacing: 1px;
	font-size: 25px !important;
}

	 .mlr25,.mlr30 {
    margin-left: 170px !important;
		 margin-right: 170px !important;
}
	 .mb35, .model_sec .slist, .model_sec .list {
    margin-bottom:80px !important;
	 }
	 .slist {display: flex;
		 justify-content: center;
	 }
	 .model_sec .slist li:first-child{
		 width: 220px;
	 }
	 .model_sec .slist li:last-child {
    width: 280px;
}

	 .model_sec .list li .btn {
    bottom: 55px;
}
	 .model_sec .inner {
    padding-bottom: 80px;
	 }
 .copy{
	padding: 10px;
    font-size: 14px !important;
	 letter-spacing: 1px;}
  }