@charset "utf-8";


/* all
-------------------------------------------------------------------*/
html {
	background:#FFFFFF;
	color:#333333;
	font-family: 'Noto Sans JP',  "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:16px;
	line-height:1.4;
}
html .goti,
html .goti form *{
	font-family:  'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
html .min,
html .min form *{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
html .mont,
html .mont form *{
	font-family:  'Montserrat' , 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body {
	width: 100%;
	font-size: 100%;
	text-align: center;
	min-width:1100px;
}

main{
	overflow:hidden;
	width:100%;
}

.sitewrap {
	width: 1100px;
	min-width:1100px;
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@media screen and (max-width:1100px) {
	body,
	.sitewrap {
		width: 100%;
		min-width:0;
	}	
	.sitewrap > *{
		padding-left:2%;
		padding-right:2%;
	}
}
@media screen and (max-width:767px) {
	html {
		font-size:14px;
	}
	.sitewrap > *{
		padding-left:15px;
		padding-right:15px;
	}
}
/* header
-------------------------------------------------------------------*/
header#fix_menu{
	position: fixed;
	top: 0;
	left:0;
	right:0;
	z-index:999;
	transition:top .4s .2s;
	background: #000;
}
header#fix_menu.fixedMenu{
	position:fixed;
	top: 0;
	background:#000;
}
.menu_top {
   	position:relative;
}
.menu_top #site_ttl {
	float:left;
	padding: 34px 25px;
	white-space:nowrap;
}
.menu_top #site_ttl a,
.menu_top #site_ttl p{
	display:inline-block;
	vertical-align:middle;
	transition:.5s opacity;
}
.menu_top #site_ttl a:hover{
	opacity:0.7;
}
.menu_top #site_ttl p{
	margin-left:10px;
	font-size:12px;
}
.menu_top .right_menu{
	float:right;
	padding: 0;
	text-align:right;
	width: 750px;
}
.menu_top .right_menu li{
	display:inline-block;
	vertical-align:middle;
	width: 39.068%;
}
.menu_top .right_menu li.inquiry{
	width: 31.868%;
	margin-left: -4px;
}
.menu_top .right_menu li a span{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size: 1.625rem;
	font-weight: 500;
}
.menu_top .right_menu li a span.sp_text{
	display:none
}
.menu_top .right_menu li a span.image{
	margin-right:10px
}
.menu_top .right_menu li.inquiry{
	padding-left:0;
}
.menu_top .right_menu li.inquiry a,
.menu_top .right_menu li.tel a{
	padding:10px;
	width:100%;
	height: 93px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	z-index:3;
}
.menu_top .right_menu li.tel a{
	background:#fff;
	color:#000;
	transition:.5s background,.5s color;
    display: flex;
    flex-direction: column;
}
.menu_top .right_menu li.tel a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}

.menu_top .right_menu li.tel .image{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.menu_top .right_menu li.tel .image img{
    width: 16px;
    margin-right: 0px;
}
.menu_top .right_menu li.tel a .flex-c span.tel-icon
{
	padding-left: 1.5rem;
}

.menu_top .right_menu li.tel a .flex-c span.tel-icon:before,
.menu_top .right_menu li.tel a:hover .flex-c span.tel-icon:after
{
    content: "";
    display: block;
    position: absolute;
}

.menu_top .right_menu li.tel a .flex-c span.tel-icon:before{
	background:url(../img/tel.png);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 44%;
    transition: .5s opacity;
    width: 40px;
    height: 60px;
    top: 0;
    bottom: 0;
    left: 0px;
}

.menu_top .right_menu li.tel a:hover .flex-c span.tel-icon:after {
	background:url(../img/tel-hover.png);
    z-index: 1;
	background-repeat: no-repeat;
    background-size: 44%;
    transition: .5s opacity;
    width: 40px;
    height: 60px;
    top: 0;
    bottom: 0;
    left: 0px;
}
.menu_top .right_menu li.tel .text-info{
	font-size: 1em;
	text-align: center;
}
.menu_top .right_menu li.inquiry a{
	border: 2px solid #ffd200;
}
.menu_top .right_menu li.inquiry a:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:-1;
	transition:.5s background;
	background: #ffd200;
}
.menu_top .right_menu li.inquiry a:hover{
	background:#fff;
	text-decoration:none;
}
.menu_top .right_menu li.inquiry a:hover:before{
	background: #fff;
}
.menu_top .right_menu li.inquiry a span:after{
	display:none;
}
.menu_top .right_menu li.inquiry a .image img{
	width: 30px;
}
@media screen and (max-width:1145px) {
	.menu_top #site_ttl p{
		margin-left:10px;
		font-size:12px;
	}
	.menu_top .right_menu{
		width: 560px;
	}
	.menu_top .right_menu li{
		width: 45%;
	}
	.menu_top .right_menu li.inquiry{
		width: 45%;
	}
	.menu_top .right_menu li a span{
		font-size: 1.5rem;
	}
	.menu_top .right_menu li a span.image img{
		max-width:100%;
	}
}
@media screen and (max-width:935px) {
	.menu_top .right_menu{
		width: 428px;
	}
	.menu_top .right_menu li{
		width: 50%;
	}
	.menu_top .right_menu li.inquiry{
		width: 40%;
	}
	.menu_top .right_menu li a span{
		font-size: 1.25rem;
		text-align: center;
	}
	.menu_top .right_menu li + li{
		margin-left:20px;
	}
	.menu_top #site_ttl {
		float:left;
		padding: 34px 14px;
		white-space:nowrap;
	}
}
@media screen and (max-width:767px) {
	header#fix_menu,
	header#fix_menu.fixedMenu{
		top:0;
		transition: none;
		position: fixed;
	}
	header .menu_top{
		padding:0;
	}
	header .menu_top {
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index: 700;
		background: none;
		padding: 0;
		box-sizing: border-box;
		background: #000;
	}
	header .menu_top #site_ttl{
		padding: 6px 15px;
	}
	header .menu_top #site_ttl img{
		max-height: 10px;
		width:auto;
	}
	header .menu_top #site_ttl p{
		display:none;
	}
	.menu_top .right_menu {
		padding: 0;
	}
	.menu_top .right_menu li{
		display: block;
	}
	.menu_top .right_menu li.inquiry{
		display:block;
		margin: 0;
	}
	.menu_top .right_menu li.inquiry a,
	.menu_top .right_menu li.inquiry a:hover{
		background: #fff;
		color: #ffca01;
		padding: 10px;
		font-size: 11px;
	}
	.menu_top .right_menu li.inquiry a{
		flex-wrap:wrap;
		justify-content:center;
	}
	.menu_top .right_menu li.inquiry a span.sp_text{
		font-size: 0.578rem;
		letter-spacing: 0.03em;
		color:#000;
		padding-top:3px;
		display: block;
	}
	.menu_top .right_menu li a span.image{
		margin-right:0;
	}
	header .menu_top .logo a+a{
		margin-left: 6px;
	}
	header .menu_top .logo a img{
		width: 58px;
		height:auto;
		vertical-align:middle;
	}
	header .menu_top .logo a+a img{
		width:181px;
	}
	header .menu_top .logo span{
		font-size:8px;
		vertical-align:middle;
	}
	header .menu_top .menu_fix{
		position:relative;
	}
	header .menu_top .outwrap{
		padding: 5px 10px 5px;
		height: 50px;
	}
	.type_general header .menu_top .outwrap{
		background:rgba(255,255,255,0.6);
	}
	.menu_top .right_menu{
		width: 140px;
		display: flex;
		justify-content: flex-end;
		align-items: stretch;
	}
	.menu_top .right_menu li{
		width: 70px;
		height: 45px;
		position:relative;
	}
	.menu_top .right_menu li.inquiry{
		width: 70px;
		margin-left: auto;
	}
	.menu_top .right_menu li:before{
		content:"";
		width:17px;
		height:24px;
		background:url(../img/head_tel.png);
		position:absolute;
		left:0;
		right:0;
		top: -11px;
		bottom:0;
		margin:auto;
		background-size:contain;
	}
	.menu_top .right_menu li.inquiry a .text{
		display:none;
	}
	.menu_top .right_menu li.tel a{
		background: #fff;
		height: 45px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.menu_top .right_menu li.tel .image {
		width: 35%;
		margin-top: 5px;
	}
	.menu_top .right_menu li.tel .image img{
		width: 100%;
		max-width:100%;
		margin-right: 0px;
	}
	.menu_top .right_menu li.tel a span.text{
		display:none;
	}
	.menu_top .right_menu li.tel a span.sp_text{
		display:flex;
		justify-content:center;
		align-content:flex-end;
		font-size: 0.578rem;
		letter-spacing: 0.03em;
		margin-top: 3px;
	}
	.menu_top .right_menu li.inquiry a:before{
		display:none;
	}
	.menu_top .right_menu li.inquiry a:after{
		z-index:-2;
		background:#ffca01;
	}
	.menu_top .right_menu li a span.image{
		width: 60%;
		margin-top:-5px;
	}
	.menu_top .right_menu li a span.image img{
		max-width: 100%;
	}
	.menu_top .right_menu li.inquiry a span:before{
		width:40px;
		height:31.5px;
		left:-10px;
		background-size:contain;
	}
	.menu_top .right_menu li.inquiry a{
		width: 70px;
		height:45px;
		margin-left: auto;
		background: #ffca01;
	}
	.menu_top .right_menu li.tel .text-info{
		display: none;
	}
}

/* contents
-------------------------------------------------------------------*/

/* btn
-------------------------------------------------------------------*/
.btn_col{
	display:flex;
	justify-content:center;
	align-items:stretch;
	max-width: 950px;
	margin: 0 auto;
}
.btn_col .btn{
	width: 47%;
}
.btn_col .btn + .btn{
	margin-left:1em;
}
.btn_col .btn a{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	max-width: 415px;
	height: 90px;
	background:#ffd200;
	color: #000;
	margin: 0 auto;
	flex-direction: column;
	transition:.5s background,.5s color;
	border: 1px solid #ffd200;
	border-radius:9px;
}
.btn_col .btn a span{
	font-size: 1.25rem;
	font-weight: bold;
	position:relative;
}
.btn_col .btn.mail a span{
	padding-left: 1.25em;
}
.btn_col .btn.mail a span:before{
	content:"";
	display:block;
	position:absolute;
	width: 42px;
	height: 34px;
	top:0;
	bottom:0;
	left: -15px;
}
.btn_col .btn.mail a span:before{
	background:url(../img/mail.png);
	background-repeat: no-repeat;
	background-size: 78%;
	z-index:1;
	transition:.5s opacity;
}
.btn_col .btn.tel a span{
	font-size: 1rem;
	padding-left: 1.5rem;
}
.btn_col .btn.tel a span.tel_number{
	font-size: 1.5rem;
	font-weight: bold;
}
.btn_col .btn a:hover{
	text-decoration:none;
	background:#fff;
	color:#000;
}

.btn_col .btn.tel a span.tel_number {
    padding-left: 0.5em;
}
.btn_col .btn.tel a span.tel_number:before{
	content: "";
	display: block;
	position: absolute;
	width: 23px;
	height: 46px;
	top: 5px;
	bottom: 0;
	left: -31px;
}
.btn_col .btn.tel a span.tel_number:before{
	background:url(../img/tel.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index:1;
	transition:.5s opacity;
}
@media screen and (max-width:767px) {
	.btn_col{
		flex-wrap:wrap;
		padding: 0;
	}
	.btn_col .btn{
		width:100%;
	}
	.btn_col .btn + .btn{
		margin-top: 20px;
		margin-left:0;
	}
	.btn_col .btn a{
		height: 52px;
		width: 100%;
	}
	.btn_col .btn.mail a span{
		padding-left: 0.86em;
		font-size: 0.86rem;
	}
	.btn_col .btn.tel a span{
		font-size: 0.86rem;
	}
	.btn_col .btn.tel a span.tel_number{
		font-size: 1.14rem;
	}
	.btn_col .btn.mail a span:before{
		width: 24px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.btn_col .btn.tel a span.tel_number:before {
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 1;
		transition: .5s opacity;
	}
	.btn_col .btn.tel a span.tel_number:before{
		width: 16px;
		height: 34px;
		top: 5px;
		bottom: 0;
		left: -31px;
	}
}

/* main_visual
-------------------------------------------------------------------*/
main{
	display: block;
	padding-top: 93px;
}
.main_visual{
	background: url(../img/mianvisual.jpg);
	background-size: cover;
	padding-top: 140px;
	z-index: 1;
	position: relative;
	padding-bottom: 200px;
	background-repeat: no-repeat;
}
.main_visual .h_style1{
	font-size:2.375rem;
	font-weight:500;
	margin-bottom:45px;
	text-align:center;
	color:#fff;
}
.main_visual .h1_image01,
.main_visual .h1_image02{
	margin-bottom: 10px;
	padding:0 10px;
}.main_visual .h1_image01{
	margin-bottom: 90px;
}
.main_visual img{
	max-width:100%;
	height:auto;
}
.main_visual .main_text{
	font-size:2.875rem;
	font-weight:bold;
	color:#fff;
}
.uneekor_cta{
	border: 1px solid #fff000;
	border-radius: 2px;
	padding: 30px;
	max-width: 1140px;
	margin: 0 auto;
	background:rgba(0,0,0,0.8);
	z-index:10;
	left: 0;
	right: 0;
	width: calc(100% - 20px);
}
.uneekor_cta p{
	text-align:center;
	font-size:1.5rem;
	margin-bottom:1em;
	color:#fff;
}
.main_visual .uneekor_cta{
	position: absolute;
	bottom: -12%;
}
.intro .uneekor_cta{
	border:0;
	background:transparent;
}
.intro .uneekor_cta p{color: #000;}
@media screen and (max-width:1200px) {
	.main_visual .uneekor_cta{
		width:calc(100% - 20px);
	}
}
@media screen and (max-width:767px) {
	main{
		margin-top: 44px;
		padding-top: 0;
	}
	.main_visual{
		background: url(../img/mianvisual_sp.jpg) #000;
		background-size: contain;
		background-repeat: no-repeat;
		padding: 24% 15px 10%;
	}
	.main_visual .sitewrap{
		overflow:visible;
	}
	.main_visual .h_style1{
		font-size:1.25rem;
		margin-bottom:20px;
	}
	.main_visual .h1_image01{
		margin-bottom: 70px;
	}
	.main_visual .h1_image01 img,
	.main_visual .h1_image02 img{
		max-width:100%;
		height:auto;
	}
	.main_visual .h1_image02{
		margin-bottom: 55px;
	}
	.main_visual .main_text{
		font-size: 1.64rem;
		font-weight:bold;
		color:#fff;
	}
	.uneekor_cta{
		padding: 20px 15px;
		width: calc(100% - 20px);
	}
	.uneekor_cta p{
		font-size: 0.875rem;
	}
	.main_visual .uneekor_cta{
		position: relative;
		bottom: 0;
}
}
/* intro_goods
-------------------------------------------------------------------*/
.bg_black{
	background:#000;
	border-top:15px solid #ffd200;
	position: relative;
	z-index: 0;
	padding-top: 150px;
}
.intro_goods{
	padding-bottom:180px;
	padding-top: 140px;
	position:relative;
	z-index:0;
}
.intro_goods:before{
	content:"";
	width:1224px;
	height:784px;
	background:url(../img/intro_goods01.png);
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	top: -8%;
	left: 20%;
	right:0;
	margin:auto;
	z-index:1;
}
.intro_goods:after{
	content:"";
	max-width:1230px;
	height:200px;
	width:64%;
	position:absolute;
	left:0;
	top: 4%;
	background:#ffd200;
	z-index:0;
}
.intro_goods .title{
	position:relative;
	z-index:1;
	margin-bottom: 140px;
}
.intro_goods .title .intro_style{
	font-size:3.875rem;
	font-weight:bold;
	color:#000;
}
.intro_goods .text{
	max-width: 510px;
	margin-bottom:90px;
}
.intro_goods .text p{
	font-size:1.25rem;
	line-height:2.5;
	color:#fff;
}
.intro_goods .figure{
	margin-bottom:100px;
}
.intro_goods .figure img{
	max-width:100%;
}

@media screen and (max-width:1400px) {
	.intro_goods:before{
		width:1000px;
		height: 641px;
	}
}
@media screen and (max-width:1200px) {
	.intro_goods:before{
		width:800px;
		height: 513px;
	}
}
@media screen and (max-width:900px) {
	.intro_goods:before{
		width:600px;
		height: 383px;
		left: 0;
	}
	.intro_goods .text{
		max-width:100%;
	}
}
@media screen and (max-width:768px) {
	.intro_goods:before{
		display:none;
	}
	.intro_goods:after{
		width:100%;
		height: 45px;
		top:0;
	}
	.intro_goods{
		padding-bottom: 60px;
		padding-top: 0;
	}
	.bg_black{
		border-top:none;
		padding-top: 0;
	}
	.intro_goods .title .intro_style{
		font-size:1.29rem;
		text-align:center;
		padding: 10px 0;
	}
	.intro_goods .title{
		margin-bottom: 15px;
	}
	.intro_goods .text{
		margin-bottom:25px;
	}
	.intro_goods .text p{
		font-size:0.86rem;
		line-height:1.5;
	}
	.intro_goods .figure{
		margin-bottom:27px;
	}
}

/* comparison
-------------------------------------------------------------------*/
.comparison{
	padding-bottom:180px;
	padding-top: 89px;
	position:relative;
	z-index:0;
}
.comparison:before{
	content:"";
	max-width:1230px;
	height: 263px;
	width: 74%;
	position:absolute;
	right:0;
	top: 2%;
	background:#ffd200;
	z-index:0;
}
.comparison .title{
	position:relative;
	z-index: 1;
	margin-bottom: 30px;
}
.comparison .title .intro_style{
	font-size:3.875rem;
	font-weight:bold;
	color:#000;
	text-align:center;
	padding-left:5em;
}
.comparison .image{
	position:relative;
	z-index:2;
}
.comparison .image img{
	max-width:100%;
}
@media screen and (max-width:1100px) {
	.comparison .image{
		overflow:auto;
	}
	.comparison .image img{
		max-width:1100px;
	}
}
@media screen and (max-width:768px) {
	.comparison .image img{
		max-width:700px;
	}
	.comparison:before{
		width:100%;
		height: 45px;
		top:0;
	}
	.comparison{
		padding-bottom: 60px;
		padding-top: 0;
	}
	.comparison .title .intro_style{
		font-size:1.29rem;
		text-align:center;
		padding: 10px 0;
	}
}

/* reason
-------------------------------------------------------------------*/
.reason{
	padding-bottom:180px;
	padding-top: 89px;
	position:relative;
	z-index:0;
}
.reason:before{
	content:"";
	max-width:1230px;
	height: 236px;
	width:64%;
	position:absolute;
	left:0;
	top: 1.5%;
	background:#ffd200;
	z-index:0;
}
.reason .title{
	position:relative;
	z-index: 1;
	margin-bottom: 100px;
}
.reason .title .intro_style{
	font-size:3.875rem;
	font-weight:bold;
	color:#000;
}
.reason .reason_title .point{
	margin-bottom:50px;
}
.reason .reason_title .reason_style{
	font-size:3.125rem;
	font-weight:bold;
	color:#fff;
	margin-bottom:85px;
}
.reason .text p{
	font-size:1.25rem;
	line-height:2.5;
	color:#fff;
}
.reason .reason01{
	margin-bottom:520px;
	position:relative;
}
.reason .reason01 .reason_title{
	position:relative;
}
.reason .reason01 .reason_title:before{
	content:"";
	width:358px;
	height:531px;
	background:url(../img/reason01_01.png);
	position:absolute;
	left:0;
	top: -40px;
}
.reason .reason01 .text{
	max-width:520px;
}
.reason .reason01 .point_image{
	position:absolute;
	right:0;
	top:-25%;
}
.reason .reason02{
	margin-bottom:520px;
	position:relative;
}
.reason .reason02 .reason_title{
	position:relative;
}
.reason .reason02 .reason_title:before{
	content:"";
	width: 411px;
	height: 532px;
	background: url(../img/reason02_01.png);
	position:absolute;
	right: 20px;
	top: -40px;
}
.reason .reason02 .text{
	max-width:520px;
	margin-left:auto;
}
.reason .reason02 .reason_title{
	max-width: 48%;
	margin-left:auto;
}
.reason .reason02 .point_image{
	position:absolute;
	left:0;
	top:-1%;
}
.reason .reason03{
	margin-bottom: 450px;
	position:relative;
}
.reason .reason03 .reason_title{
	position:relative;
}
.reason .reason03 .reason_title:before{
	content:"";
	width: 409px;
	height: 398px;
	background:url(../img/reason03_01.png);
	position:absolute;
	left:0;
	top: -40px;
}
.reason .reason03 .text{
	max-width:520px;
}
.reason .reason03 .point_image{
	position:absolute;
	right: 0;
	top: -5%;
}
.reason .point_image img{
	max-width:100%;
}

@media screen and (max-width:1900px) {
	.reason .point_image img{
		max-width:90%;
		margin-left:auto;
	}
	.reason .reason01 .point_image,
	.reason .reason03 .point_image{
		right: -3%;
	}
	.reason .reason02 .point_image{
		left:-3%;
	}
}
@media screen and (max-width:1700px) {
	.reason .point_image img{
		max-width:70%;
	}
	.reason .reason01 .point_image,
	.reason .reason03 .point_image{
		right: -9%;
	}
	.reason .reason02 .point_image{
		left:-9%;
	}
	.reason .reason01 .point_image{
		top:0;
	}
}
@media screen and (max-width:1400px) {
	.reason .point_image img{
		max-width:50%;
	}
	.reason .reason01 .point_image,
	.reason .reason03 .point_image{
		right: -18%;
	}
	.reason .reason02 .point_image{
		left:-18%;
	}
	.reason .reason01 .point_image{
		top:0;
	}
	.reason .reason01,
	.reason .reason02,
	.reason .reason03{
		margin-bottom:320px;
	}
}
@media screen and (max-width:1100px) {
	.reason .reason01 .point_image,
	.reason .reason03 .point_image{
		right: -27%;
	}
	.reason .reason02 .point_image{
		left:-23%;
	}
	.reason .text p{
		font-size:0.86rem;
		line-height:1.5;
	}
	.reason .reason01 .text{
		max-width:470px;
	}
}
@media screen and (max-width:768px) {
	.reason .image img{
		max-width:700px;
	}
	.reason:before{
		width:100%;
		height: 45px;
		top:0;
	}
	.reason{
		padding:0 10px 60px;
	}
	.reason .title .intro_style{
		font-size:1.29rem;
		text-align:center;
		padding: 10px 0;
	}
	.reason .reason01 .point_image,
	.reason .reason02 .point_image,
	.reason .reason03 .point_image{
		position:relative;
		right:0;
	}
	.reason .reason02 .point_image{
		left:0;
	}
	.reason .reason_title .point{
		display:none;
	}
	.reason .reason_title .reason_style{
		font-size:1.29rem;
		text-align:center;
		margin-bottom:42px;
	}
	.reason .title{
		margin-bottom: 40px;
	}
	.reason .reason01 .reason_title:before,
	.reason .reason02 .reason_title:before,
	.reason .reason03 .reason_title:before{
		content:"";
		width: 26.67%;
		height: 125%;
		left: 20px;
		top: -22px;
		background-size:contain;
		background-repeat: no-repeat;
	}
	.reason .text p{
		font-size: 0.86rem;
	}
	.reason .reason01 .text,
	.reason .reason02 .text,
	.reason .reason03 .text{
		max-width:100%;
		margin-bottom:40px;
	}
	.reason .point_image img{
		max-width:100%;
	}
	.reason .reason01,
	.reason .reason02{
		margin-bottom:76px;
	}
	.reason .reason03{
		margin-bottom:36px;
	}
	.reason .reason02 .reason_title{
		max-width: 100%;
	}
}

/* uneekor_movie
-------------------------------------------------------------------*/
.uneekor_movie{
	margin-bottom:240px;
}
.uneekor_movie .h_style2{
	position:relative;
	text-align:center;
	font-size:3.125rem;
	font-weight:bold;
	margin-bottom:100px;
	color:#fff;
}
.uneekor_movie .h_style2:before{
	content:"";
	width:107px;
	height:9px;
	background:#ffd200;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:auto;
}
.uneekor_movie .movie{
	text-align:center;
	max-width: 960px;
	margin: 0 auto 70px;
}
.uneekor_movie p{
	max-width:970px;
	font-size:1.25rem;
	color:#fff;
	line-height:2.5;
}
@media screen and (max-width:768px) {
	.uneekor_movie{
		margin-bottom:50px;
		padding: 0 10px;
	}
	.uneekor_movie .h_style2{
		font-size:1.29rem;
		margin-bottom:40px;
	}
	.uneekor_movie .h_style2:before{
		width:54px;
		height:5px;
		bottom:-10px;
	}
	.uneekor_movie .movie{
		max-width: 100%;
		margin: 0 auto 35px;
	}
	.uneekor_movie p{
		max-width:100%;
		font-size:0.86rem;
		color:#fff;
		line-height:1.5;
	}
}

/* uneekor_movie
-------------------------------------------------------------------*/
.photo{
	position: relative;
	margin-bottom: 190px;
	padding:0 15px;
}
.photo .photo_wrap{
	max-width:1600px;
	margin:0 auto;
	padding: 0 74px;
}
.photo .photo_wrap .col{
	position:relative;
}
.photo .photo_wrap .col .prev_icon{
	position:absolute;
	left:-80px;
	top:0;
	bottom:0;
	margin:auto;
	z-index: 1;
}
.photo .photo_wrap .col .next_icon{
	position:absolute;
	right:-80px;
	top:0;
	bottom:0;
	margin:auto;
}
.photo .h_style2{
	position:relative;
	text-align:center;
	font-size:3.125rem;
	font-weight:bold;
	margin-bottom: 91px;
	color:#fff;
}
.photo .h_style2:before{
	content:"";
	width:107px;
	height:9px;
	background:#ffd200;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:auto;
}
.photo .col .img{
	margin:0 10px;
}
.photo .col .img img{
	max-width:100%;
}

@media screen and (max-width:768px) {
	.photo{
		margin-bottom:50px;
		padding: 0 10px;
	}
	.photo .h_style2{
		font-size:1.29rem;
		margin-bottom:40px;
	}
	.photo .h_style2:before{
		width:54px;
		height:5px;
		bottom:-10px;
	}
	.photo .col{
		padding:0 10px;
	}
	.photo .col .img{
		width:100%;
	}
	.photo .col .img img{
		max-width:100%;
	}
	.photo .col .img + .img{
		margin-top:10px;
	}
	.photo .photo_wrap .col .prev_icon{
		left:-20px;
		width:32px;
		height: 58px;
	}
	.photo .photo_wrap .col .next_icon{
		right:-20px;
		width:32px;
		height: 58px;
	}
	.photo .photo_wrap{
		padding: 0 22px;
	}
}

/* am
-------------------------------------------------------------------*/
.am{
	background-image: url(../img/am_bg.png);
	padding:120px 0 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}
.am .am_style{
	font-size:3.125rem;
	font-weight:bold;
	margin-bottom:115px;
	color:#fff;
}
.am p{
	max-width:545px;
	font-size:1.25rem;
	line-height:2.5;
	color:#fff;
}
@media screen and (max-width:768px) {
	.am{
		background-image: url(../img/am_bg_sp.png);
		padding:30px 0;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.am .am_style{
		font-size:1.29rem;
		margin-bottom: 40px;
		text-align: center;
	}
	.am p{
		max-width:100%;
		font-size:0.86rem;
		line-height:2;
	}
}
















/* faq
-------------------------------------------------------------------*/
.faq{
	padding: 70px 0 140px;
	background:#dbdbdb;
}
.faq .h_style2{
	text-align:center;
	font-size: 3.125rem;
	font-weight:bold;
	line-height:1.875;
	margin-bottom: 61px;
	position:relative;
	color:#000;
}

.faq .faq_wrap{
	position:relative;
}
.faq .faq_wrap dl{
	position:relative;
}
.faq .faq_wrap dl + dl{
	margin-top:10px;
}
.faq .faq_wrap dt{
	background:#fff;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding: 13.5px 80px 13.5px 34px;
	position: relative;
}
.faq .faq_wrap dd{
	background: #ffd200;
	padding: 13.5px 0 13.5px 34px;
	position: relative;
}
.faq .faq_wrap dd .col{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.faq .faq_wrap dt:before{
	content:"";
	width:40px;
	height:4px;
	background: #000;
	position:absolute;
	right: 34px;
	top:0;
	bottom:0;
	margin:auto;
}
.faq .faq_wrap dt:after{
	content:"";
	width:4px;
	height:40px;
	background: #000;
	position:absolute;
	right: 51px;
	top:0;
	bottom:0;
	margin:auto;
	transition: .5s transform;
}
.faq .faq_wrap dt.opened:after{
	transform:rotate(270deg);
}
.faq .faq_wrap dt p,
.faq .faq_wrap dd p{
	width: calc(100% - 25px);
}
.faq .faq_wrap dt p.question,
.faq .faq_wrap dd p.answer{
	width:25px;
	margin-right:25px;
}
.faq .faq_wrap dt p.ququestion img,
.faq .faq_wrap dd p.anwser img{
	max-width:100%;
}
.faq .faq_wrap dd p{
	color: #000;
}
.faq .faq_wrap dt + dd{
	border-top:2px solid #dbdbdb;
}
@media screen and (max-width:767px) {
	.faq{
		padding:30px 0 40px;
	}
	.faq .h_style2{
		font-size: 1.29rem;
		margin-bottom: 25px;
		margin: 0 0 25px;
	}
	.faq .h_style2:before{
		max-width:55%;
	}
	.faq .faq_wrap dt{
		padding: 0px 40px 0px 14px;
	}
	.faq .faq_wrap dt:before{
		width:25px;
		height:4px;
		right: 10px;
	}
	.faq .faq_wrap dt:after{
		width:4px;
		height:25px;
		right: 20px;
	}
	.faq .faq_wrap dd{
		background: #ffd200;
		padding: 3.5px 0 3.5px 14px;
	}
	.faq .faq_wrap dt p.question,
	.faq .faq_wrap dd p.answer{
		width:25px;
		margin-right:15px;
	}
	.faq .faq_wrap dt p.question img,
	.faq .faq_wrap dd p.answer img{
		max-width:100%;
	}
}

/* flow
-------------------------------------------------------------------*/
.flow{
	padding: 80px 0 160px;
}
.flow .h_style2{
	text-align:center;
	font-size: 3.125rem;
	font-weight:bold;
	line-height:1.875;
	margin-bottom: 65px;
	position:relative;
	color:#000;
}

.flow .flow_wrap{
	display:flex;
	justify-content: center;
	align-items:stretch;
	flex-wrap:wrap;
	padding: 0 10px;
}
.flow .flow_wrap .flow_item{
	width: 14.8%;
	margin-right: 24px;
	background:#eeffc0;
	padding: 15px 23px;
	position:relative;
}
.flow .flow_wrap .flow_item:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 31px 0 31px 24px;
	border-color: transparent transparent transparent #eeffc0;
	position:absolute;
	top:0;
	bottom:0;
	right:-24px;
	margin:auto;
}
.flow .flow_wrap .flow_item.item02:before{
	border-color: transparent transparent transparent #e6faa7;
}
.flow .flow_wrap .flow_item.item03:before{
	border-color: transparent transparent transparent #d9fa75;
}
.flow .flow_wrap .flow_item.item04:before{
	border-color: transparent transparent transparent #d1ff48;
}
.flow .flow_wrap .flow_item.item05:before{
	border-color: transparent transparent transparent #caff2c;
}
.flow .flow_wrap .flow_item.item06:before{
	display:none;
}
.flow .flow_wrap .flow_item .img img{
	max-width:100%;
	height: 86px;
}
.flow .flow_wrap .flow_item.item02{
	background:#e6faa7;
}
.flow .flow_wrap .flow_item.item03{
	background:#d9fa75;
}
.flow .flow_wrap .flow_item.item04{
	background:#d1ff48;
}
.flow .flow_wrap .flow_item.item05{
	background:#caff2c;
}
.flow .flow_wrap .flow_item.item06{
	margin-right:0;
	background:#b4ff03;
}
.flow .flow_wrap .h_style3{
	font-size:1.75rem;
	font-weight:500;
	height: 70px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.flow .flow_wrap .img{
	text-align:center;
	margin-bottom:30px;
}
@media screen and (max-width:1100px) {
	.flow .flow_wrap .flow_item{
		width: 14%;
		padding:10px 15px;
	}
	.flow .flow_wrap .h_style3{
		font-size:1.25rem;
	}
}
@media screen and (max-width:1000px) {
	.flow .flow_wrap .h_style3{
		font-size:1rem;
	}
	.flow .flow_wrap .flow_item{
		width: 14%;
		padding:10px;
	}
	.flow .flow_wrap .flow_item .img img{
		height: 64px;
	}
}
@media screen and (max-width:800px) {
	.flow .flow_wrap .flow_item{
		width: 13%;
		padding:10px;
	}
}
@media screen and (max-width:767px) {
	.flow{
		padding:30px 0 40px;
	}
	.flow .h_style2{
		font-size: 1.29rem;
		margin-bottom: 25px;
		margin: 0 0 25px;
	}
	.flow .h_style2:before{
		max-width:55%;
	}
	.flow .flow_wrap .flow_item{
		width: 100%;
		margin-right: 0px;
		margin-bottom:24px;
		padding: 10px;
	}
	.flow .flow_wrap .flow_item:before{
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 18px 35px 0 35px;
		border-color: #eeffc0 transparent transparent transparent;
		position:absolute;
		top:auto;
		bottom:-18px;
		right:0;
		left:0;
	}
	.flow .flow_wrap .flow_item.item02:before{
		border-color: #e6faa7 transparent transparent transparent;
	}
	.flow .flow_wrap .flow_item.item03:before{
		border-color: #d9fa75 transparent transparent transparent;
	}
	.flow .flow_wrap .flow_item.item04:before{
		border-color: #d1ff48 transparent transparent transparent;
	}
	.flow .flow_wrap .flow_item.item05:before{
		border-color: #caff2c transparent transparent transparent;
	}
	.flow .flow_wrap .flow_item.item06:before{
		display:none;
	}
	.flow .flow_wrap .flow_item .img img{
		max-width:100%;
		height: 86px;
	}
	.flow .flow_wrap .flow_item.item02{
		background:#e6faa7;
	}
	.flow .flow_wrap .flow_item.item03{
		background:#d9fa75;
	}
	.flow .flow_wrap .flow_item.item04{
		background:#d1ff48;
	}
	.flow .flow_wrap .flow_item.item05{
		background:#caff2c;
	}
	.flow .flow_wrap .flow_item.item06{
		margin-right:0;
		background:#b4ff03;
	}
	.flow .flow_wrap .h_style3{
		font-size: 1.07rem;
		height: auto;
		text-align: left;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.flow .flow_wrap p{
		width:70%;
	}
	.flow .flow_wrap .img{
		text-align:center;
		position: absolute;
		right: 9%;
		top: 50%;
		bottom: 0;
		margin: auto;
		transform: translateY(-50%);
	}
	.flow .flow_wrap .flow_item .img img{
		height: 100%;
	}
}



/* intro
-------------------------------------------------------------------*/
.intro{
	padding:120px 0 90px;
	background:url(../img/intro_bg.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
}
.intro .h_style2{
	font-size:2.5rem;
	font-weight:bold;
	color:#2084bb;
	line-height:1.55;
	text-align:center;
	margin-bottom:100px;
}
.intro .col{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom: 80px;
	background: #fff;
}
.intro .col .img{
	width:50%;
}
.intro .col .img img{
	max-width:100%;
}
.intro .col .text{
	width:50%;
	padding:40px;
	background:#fff;
}
.intro .h_style3{
	font-size:1.75rem;
	font-weight:bold;
	color:#398a4a;
	line-height:1.65;
	margin-bottom:45px;
}
@media screen and (max-width:1100px) {
	.intro{
		padding:120px 2% 90px;
	}
	.intro .col{
		padding:0;
	}
	.intro .col .text{
		padding:20px;
	}
}
@media screen and (max-width:767px) {
	.intro{
		padding: 30px 0 45px;
		background:url(../img/intro_bg_sp.png);
		background-size: contain;
		background-repeat:no-repeat;
		background-position: top;
	}
	.intro .h_style2{
		font-size:1.07rem;
		margin-bottom:26px;
	}
	.intro .col{
		flex-wrap:wrap;
		margin-bottom: 5px;
		background: transparent;
	}
	.intro .col .img{
		width:70%;
	}
	.intro .col .text{
		width:100%;
		padding: 15px 10px;
	}
	.intro .h_style3{
		font-size:1.07rem;
		margin-bottom:25px;
		text-align:center;
	}
}







/* footer
-------------------------------------------------------------------*/
#pageTop {
	position: fixed;
	bottom: 15px;
	right: 5%;
	width: 70px;
	z-index: 500;
}
footer{
	padding: 226px 0 75px;
	position:relative;
	background:url(../img/footer_bg.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
}
.foot_col{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.foot_left{
	margin-bottom:10px;
	width: 45%;
}
.foot_logo{
	margin-bottom:25px;
	display:block;
} 
.foot_left .adress p{
	color:#fff;
	font-size:0.8125rem;
	margin-bottom:10px;
}
.foot_left .co_btn{
	margin-top:30px;
}
.foot_left .co_btn a{
	background:#d0d0d0;
	color:#515151;
	width:117px;
	height:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:.5s transform;
}
.foot_left .co_btn a:hover{
	transform:translateY(5px);
	text-decoration:none;
}
.foot_right{
	float:right;
	width:871px;
	font-size:14px;
	text-align:right;
}
.foot_right p{
	color:#fff;
	font-size:0.6875rem;
	line-height:2.36;
}
main a.page_link {
	margin-top: -60px;
	padding-top: 60px;
	display: block;
	position:relative;
	z-index:-10;
}
@media screen and (max-width:1340px) {
	#pageTop {
		bottom: 115px;
	}
}
@media screen and (max-width:767px) {
	#pageTop {
	    width: 49px;
		right:10px;
		bottom:10px;
	}
	footer{padding: 100px 0 30px;background: #1a1a1a;position: relative;}
	#foot_left,
	#foot_right ul{ display:none;}
	#foot_right{ 
		text-align:center; 
		width:auto;
		float:none;
	}
	.foot_col{
		flex-wrap:wrap;
	}
	.foot_left{
		margin-bottom:10px;
		width: 100%;
	}
	.foot_left .foot_logo{
		text-align:center;
		margin-bottom: 0;
	}
	.foot_left .foot_logo img{
		max-width:55%;
		margin:0 auto;
	}
	#foot_right small{
		font-size:10px;
	}
	.foot_left .adress p{
		display:none;
	}
	.foot_right p.ann{
		display:none;
	}
	.foot_right p.copyright{
		text-align:center;
		font-size:0.64rem;
	}
	.foot_left .co_btn{
		position:absolute;
		top: 30px;
		left:0;
		right:0;
		margin:auto;
	}
	.foot_left .co_btn a{
		margin:0 auto;
	}
}