@charset "utf-8";


/* --------------------------------------------------
	Resetting default margin and padding
-------------------------------------------------- */

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
html {
	font-size: 62.5%;
}
@media screen and (max-width: 750px) {
html {
	font-size: 1.3333333333vw;
}
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	font-feature-settings: "palt";
	color: #000;
	background: url("../img/bg.jpg") center center no-repeat fixed #e7f0fa;
	background-size: cover;
}

@media (max-width: 1024px) {
body {
	background: #e7f0fa;
}
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td,input,a,textarea,select,span,nav,section,header
{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input,
textarea {
	margin: 0;
	font-size: 100%;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	outline: none;
}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: 500;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}




/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}



/* link
------------------------------------------------ */
a {
	color: #000;
	text-decoration:none;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}

a:hover {
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}


.op,
.op a,
.op img,
.op input {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.op:hover,
.op a:hover,
.op:hover img,
.op:hover input {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
@media (max-width: 767px) {
.op:hover,
.op a:hover,
.op:hover img,
.op:hover input {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
}



/* !fs
------------------------------------------------ */
.visible-pc {
	display: block !important;
}
.visible-tab {
	display: none !important;
}
.visible-ts {
	display: none !important;
}
.visible-pc-only {
	display: block !important;
}


@media (max-width: 1024px) {
.visible-tab {
	display: block !important;
}
.visible-pc-only {
	display: none!important;
}
}
@media (max-width: 767px) {
.visible-pc {
	display: none !important;
}
.visible-ts {
	display: block !important;
}
}


/* !fonts
------------------------------------------------ */
.fwb {
	font-weight: 700;
}
.fwm {
	font-weight: 500;
}

.vat {
	vertical-align: top !important;
}
.vam {
	vertical-align: middle !important;
}
.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}


/* !ff
------------------------------------------------ */
.ff_mont {
	font-family: "Montserrat", sans-serif;
}
.ff_figtree {
	font-family: "Figtree", sans-serif;
}
.ff_jakarta {
	font-family: "Plus Jakarta Sans", sans-serif;
}



/* wrapper
----------------------------------------------- */
#wrapper {
	overflow: hidden;
}

article {
	overflow: hidden;
	max-width: 75rem;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 2;
}

@media (max-width: 1400px) {
article {
	max-width: 75rem;
	margin: 0 0 0 calc(100% - 101rem);
}
}

.bg_txt {
	position: fixed;
	left: 0;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 130px;
	letter-spacing: 0.05em;
	font-family: "Figtree", sans-serif;
	color: #fff;
	line-height: 1;
	font-weight: 700;
	padding: 0 0 0 min(5vw,80px);
	transform: translateY(-50%);
	z-index: 0;
}

@media (max-width: 1024px) {
article {
	max-width: 780px;
	margin: 0 auto;
}
.bg_txt {
	display: none;
}
}


/* header
----------------------------------------------- */
#header {
	position: relative;
	z-index: 3;
}
#header .header_pc {
	position: fixed;
	top: 50%;
	left: calc(50% + 41rem);
	transform: translateY(-50%);
	width: 25rem;
	z-index: 2;
}
@media (max-width: 1400px) {
#header .header_pc {
	left: auto;
	right: 2rem;
	width: 22rem;
}
}
#header .header_pc .pc_menu {
	background: rgba(255,255,255,0.8);
	padding: 1.2rem 3.5rem;
	margin: 0 0 2rem;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
	border-radius: 1.5rem;
}
#header .header_pc .pc_menu li+li {
	background: url("../img/line_menu.png") 0 0 repeat-x;
}
#header .header_pc .pc_menu li a {
	padding: 1.3rem 0.5rem;
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
}
#header .header_pc .pc_menu li a:hover {
	opacity: 0.5;
}
#header .header_recruit a {
	display: block;
}
#header .header_recruit a:hover {
	transform: translateY(5px);
}

.navbar-toggle {
	display: none;
}
.navbar-collapse {
	display: none;
}


@media (max-width: 1024px) {
#header .header_pc {
	position: fixed;
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
	padding: 3.5rem 0;
	transform: translateY(100%);
	width: 100%;
	z-index: 2;
	display: flex;
	justify-content: center;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}
.show #header .header_pc {
	transform: translateY(0);
}
#header .header_pc .pc_menu {
	display: none;
}
#header .header_recruit a:hover {
	transform: translateY(0);
}
#header .header_recruit {
	max-width: 690px;
	padding: 0 3rem;
}
	
	
.navbar-toggle {
	position: fixed;
	right: 3rem;
	top: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: #000;
	width: 50px;
	height: 25px;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
	border-radius: 5rem;
	z-index: 99;
}
.navbar-toggle .toggle_menu {
	width: 20px;
	height: 4px;
	position: relative;
}
.navbar-toggle .toggle_menu span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 1px;
}
.navbar-toggle .toggle_menu span:nth-of-type(1) {
	top:0;
}

.navbar-toggle .toggle_menu span:nth-of-type(2) {
	top:3px;
}

.navbar-toggle.on .toggle_menu span:nth-of-type(1) {
	top:0;
	transform: translateY(1px) rotate(30deg);
}
	
.navbar-toggle.on .toggle_menu span:nth-of-type(2) {
	top:3px;
	transform: translateY(-2px) rotate(-30deg);
}


.navbar-collapse {
	display: none;
	position: fixed;
	background: url("../img/bg_menu.png") 0 0 repeat;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 80;
}
.navbar-collapse .navbar_box {
	position: absolute;
	top: 2.4rem;
	right: 1.5rem;
	width: min(36rem,180px);
	background: #fff;
	padding: 50px 13px 18px;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
	border-radius: 1.5rem;
}
.navbar-collapse.on .navbar_box {
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}
.navbar-collapse .navbar_list {
	
}
.navbar-collapse .navbar_list li {
	background: url("../img/line_menu.png") 0 bottom repeat-x;
	background-size: 5px auto;
}
.navbar-collapse .navbar_list li a {
	line-height: 1.2;
	font-size: min(2.4rem,12px);
	font-weight: 700;
	color: #000;
	padding: 20px 15px;
	display: block;
}
}


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





/* H
----------------------------------------------- */





/* animate
----------------------------------------------- */
@keyframes fadeInLeftLit {
	from {
		opacity: 0;
		transform: translate3d(-30px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInLeftLit {
	animation-name: fadeInLeftLit;
}

@keyframes fadeInRightLit {
	from {
		opacity: 0;
		transform: translate3d(30px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInRightLit {
	animation-name: fadeInRightLit;
}

@keyframes fadeInUpLit {
	from {
		opacity: 0;
		transform: translate3d(0, 30px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInUpLit {
	animation-name: fadeInUpLit;
}





/* main
----------------------------------------------- */
.main {
	width: 100%;
	height: 130.4rem;
	position: relative;
}
.main .main_abs {
	position: absolute;
	opacity: 0;
	animation-fill-mode: both;
	z-index: 0;
}
.main .main_pic01 {
	left: -4.6rem;
	top: 10.2rem;
	width: 26.1rem;
	animation: bounceIn 1s 0s both;
}
.main .main_pic02 {
	left: 26rem;
	top: 4rem;
	width: 25.1rem;
	animation: bounceIn 1s 1.2s both;
}
.main .main_pic03 {
	right: -4.6rem;
	top: 15rem;
	width: 24.4rem;
	animation: bounceIn 1s 0.3s both;
}
.main .main_pic04 {
	left: 5rem;
	top: 36rem;
	width: 19.2rem;
	animation: bounceIn 1s 1.8s both;
}
.main .main_pic05 {
	left: 29rem;
	top: 32.2rem;
	width: 24.8rem;
	animation: bounceIn 1s 2.4s both;
}
.main .main_pic06 {
	right: -5rem;
	top: 40rem;
	width: 20.8rem;
	animation: bounceIn 1s 0.9s both;
}
.main .main_pic07 {
	left: 3.7rem;
	bottom: 6rem;
	width: 25.1rem;
	animation: bounceIn 1s 0.6s both;
}
.main .main_pic08 {
	left: 29.8rem;
	bottom: 1.3rem;
	width: 17.1rem;
	animation: bounceIn 1s 2.1s both;
}
.main .main_pic09 {
	right: 3.5rem;
	bottom: 10rem;
	width: 24.4rem;
	animation: bounceIn 1s 1.5s both;
}
.main .main_bnr {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 34.3rem;
	text-align: center;
	display: flex;
	justify-content: center;
	z-index: 0;
}
.main .main_bnr a:hover {
	transform: translateY(5px);
}
.main .main_bnr img {
	width: 59.4rem;
}
.main .main_tit {
	position: absolute;
	left: 0;
	bottom: 59rem;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 0;
}
.main .main_tit .tit_in {
	clip-path: polygon(0 0,0 0,0 100%,0 100%);
}
.main .main_tit.animated .tit_in {
	animation: clipReveal 1s forwards;
	animation-delay: 2.4s;
}
@keyframes clipReveal {
	from {
			clip-path: polygon(0 0,0 0,0 100%,0 100%);
	}
	to {
			clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
	}
}

.main .main_tit img {
	width: 50.3rem;
}
.main .main_det {
	position: absolute;
	left: 0;
	bottom: 50.5rem;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 0;
}
.main .main_det img {
	width: 49.3rem;
}
.main .main_dec {
	position: absolute;
	z-index: 0;
}
.main .main_dec01 {
	top: 5rem;
	left: 20.6rem;
	width: 4rem;
}
.main .main_dec02 {
	top: 7.8rem;
	right: 18rem;
	width: 3.2rem;
}
.main .main_dec03 {
	top: 10.7rem;
	right: 8.2rem;
	width: 6.3rem;
}
.main .main_dec04 {
	top: 14.6rem;
	right: 10rem;
	width: 3.3rem;
}
.main .main_dec05 {
	top: 32.2rem;
	left: 23.7rem;
	width: 2.7rem;
}
.main .main_dec06 {
	top: 26.5rem;
	right: 21.8rem;
	width: 4.2rem;
}
.main .main_dec07 {
	top: 64rem;
	left: 4.3rem;
	width: 4.2rem;
}
.main .main_dec08 {
	top: 64.2rem;
	right: 3.6rem;
	width: 2.5rem;
}
.main .main_dec09 {
	top: 74rem;
	left: 7rem;
	width: 2.2rem;
}
.main .main_dec10 {
	top: 72.2rem;
	right: 5rem;
	width: 3.8rem;
}
.main .main_dec11 {
	bottom: 20.8rem;
	left: 33rem;
	width: 3.8rem;
}
.main .main_dec12 {
	bottom: 26.8rem;
	right: 30rem;
	width: 2.5rem;
}
.main .main_txt {
	position: absolute;
	width: 17.4rem;
	bottom: 0;
	right: 5.5rem;
	z-index: 0;
}


@media (max-width: 767px) {
.main .main_bnr a:hover {
	transform: translateY(0);
}
}



/* advantage
----------------------------------------------- */
.advantage {
	margin: 6.5rem 0 0;
}
.advantage .advan_hd {
	text-align: center;
	margin: 0 0 4.5rem;
}
.advantage .advan_hd img {
	width: 44.5rem;
}
.advantage .advan_box {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 1.6rem;
	padding: 0 4.3rem;
}
.advantage .advan_box li {
	width: 21rem;
	max-width: calc((100% - 3.2rem)/3);
}




/* voice
----------------------------------------------- */
.voice {
	margin: 9.5rem 0 0;
}
.voice .voice_hd {
	text-align: center;
	margin: 0 0 7.5rem;
}
.voice .voice_hd img {
	width: 21.9rem;
}
.voice .voice_box {
	padding: 0 3rem;
	display: flex;
	flex-direction: column;
	gap: 7.6rem 0;
}
.voice .voice_box .voice_item {
	background: #55e3dc;
	padding: 4.8rem 5rem 3.8rem;
	width: 100%;
	position: relative;
}
.voice .voice_box .voice_item .item_dot {
	position: absolute;
	z-index: 1;
}
.voice .voice_box .voice_mess {
	display: flex;
	align-items: center;
	gap: 0 2rem;
	margin: 0 0 2rem;
}
.voice .voice_box .voice_mess .voice_img {
	width: 27.7rem;
	flex-shrink: 0;
}
.voice .voice_box .voice_mess .voice_name {
	flex: 1;
	text-align: center;
}
.voice .voice_box .voice_01 .voice_name img {
	width: 8.8rem;
}
.voice .voice_box .voice_02 .voice_name img {
	width: 17.3rem;
}
.voice .voice_box .voice_03 .voice_name img {
	width: 22rem;
}
.voice .voice_box .voice_04 .voice_name img {
	width: 22.2rem;
}
.voice .voice_box .voice_05 .voice_name img {
	width: 17.5rem;
}
.voice .voice_box .voice_txt {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.66;
	text-align: justify;
	text-justify: inter-ideograph;
}
.voice .voice_box .voice_cap {
	margin: 3rem 0 0;
	padding: 2rem 1rem;
	background: #fff;
	text-align: center;
	font-size: 2.4rem;
	color: #19cac6;
	line-height: 1.2;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
	border-radius: 5rem;
}
.voice .voice_box .voice_item:nth-child(odd) {
	-webkit-border-radius: 7rem 7rem 0 7rem;
	-moz-border-radius: 7rem 7rem 0 7rem;
	-ms-border-radius: 7rem 7rem 0 7rem;
	-o-border-radius: 7rem 7rem 0 7rem;
	border-radius: 7rem 7rem 0 7rem;
}
.voice .voice_box .voice_item:nth-child(odd) .item_dot {
	right: 5rem;
	top: -4.4rem;
	width: 7.6rem;
}
.voice .voice_box .voice_item:nth-child(even) {
	-webkit-border-radius: 7rem 7rem 7rem 0;
	-moz-border-radius: 7rem 7rem 7rem 0;
	-ms-border-radius: 7rem 7rem 7rem 0;
	-o-border-radius: 7rem 7rem 7rem 0;
	border-radius: 7rem 7rem 7rem 0;
}
.voice .voice_box .voice_item:nth-child(even) .item_dot {
	left: 5rem;
	top: -3rem;
	width: 9rem;
}
.voice .voice_box .voice_item:nth-child(even) .voice_mess {
	flex-direction: row-reverse;
	margin: 0 0 4rem;
}



/* comparison
----------------------------------------------- */
.comparison {
	margin: 12rem 0 0;
}
.comparison .compar_hd {
	text-align: center;
	margin: 0 0 5rem;
}
.comparison .compar_hd img {
	width: 32.8rem;
}
.comparison .compar_tab {
	padding: 0 3rem;
	text-align: center;
}



/* bg_yellow
----------------------------------------------- */
.bg_yellow {
	margin: 13rem 0 0;
	background: #ffd716;
	padding: 10rem 0;
}

@media (max-width: 1024px) {

}
@media (max-width: 767px) {

}



/* flow
----------------------------------------------- */
.flow {
	
}
.flow .flow_hd {
	text-align: center;
	margin: 0 0 6rem;
}
.flow .flow_hd img {
	width: 16.7rem;
}
.flow .flow_det {
	text-align: center;
	margin: 0 0 11.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.flow .flow_img {
	
}



/* faq
----------------------------------------------- */
.faq {
	margin: 13.6rem 0 0;
}
.faq .faq_hd {
	text-align: center;
	margin: 0 0 8rem;
}
.faq .faq_hd img {
	width: 17.8rem;
}
.faq .faq_box {
	padding: 0 3rem;
	display: flex;
	flex-direction: column;
	gap: 4rem 0;
}
.faq .faq_item {
	background: #fff;
	padding: 7rem 6rem 5.5rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
	border-radius: 2rem;
}
.faq .faq_item .item_q {
	display: flex;
	align-items: center;
	padding: 0 4rem 0 0;
	cursor: pointer;
	position: relative;
}
.faq .faq_item .item_q:before {
	position: absolute;
	content: "";
	background: #000;
	width: 30px;
	height: 4px;
	right: 0;
	top: 28px;
	z-index: 0;
}
.faq .faq_item .item_q:after {
	position: absolute;
	content: "";
	background: #000;
	width: 4px;
	height: 30px;
	right: 13px;
	top: 15px;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 0;
}
.faq .faq_item .item_q.on:after {
	transform: rotate(90deg);
}
.faq .faq_item .item_q .q_ico {
	font-family: "Figtree", sans-serif;
	font-size: 5rem;
	line-height: 1;
	font-weight: 700;
	width: 7rem;
	padding: 0.5rem 0 0;
	flex-shrink: 0;
	align-self: flex-start;
}
.faq .faq_item .item_q .q_txt {
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.65;
}
.faq .faq_item .item_a {
	display: none;
	padding: 6rem 0 3rem;
}
.faq .faq_item .item_a .a_txt {
	font-size: 3rem;
	line-height: 1.86;
	font-weight: 700;
}

@media (max-width: 600px) {
.faq .faq_item .item_q:before {
	width: 20px;
	height: 2px;
	top: 20px;
}
.faq .faq_item .item_q:after {
	width: 2px;
	height: 20px;
	right: 9px;
	top: 11px;
}
}
@media (max-width: 400px) {
.faq .faq_item .item_q:before {
	width: 16px;
	height: 2px;
	top: 14px;
}
.faq .faq_item .item_q:after {
	width: 2px;
	height: 16px;
	right: 7px;
	top: 7px;
}
}



/* bg_green
----------------------------------------------- */
.bg_green {
	background: #88db46;
	padding: 6rem 0;
}
@media (max-width: 1024px) {
.bg_green {
	padding: 6rem 0 20rem;
}
}
.price {
	display: flex;
	justify-content: center;
	gap: 0 2.6rem;
}
.price li img {
	width: 17.9rem;
}
.price_none {
	margin: 2.4rem 0 0;
	display: flex;
	justify-content: center;
}
.price_none .none_img img {
	width: 40rem;
}



/* conditions
----------------------------------------------- */
.conditions {
	margin: 0.5rem auto 0;
	max-width: 58rem;
}
.conditions .condi_tit {
	background: url("../img/dot_line.png") 0 bottom repeat-x;
	background-size: 1.2rem 0.2rem;
	padding: 0 0 1.5rem;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 0 0 3.5rem;
}
.conditions .condi_list {
	display: flex;
	flex-direction: column;
	gap: 1.2rem 0;
}
.conditions .condi_list li {
	position: relative;
	font-size: 2.8rem;
	font-weight: 700;
	padding: 0 0 0 3rem;
}
.conditions .condi_list li:before {
	position: absolute;
	content: "";
	background: #ffd716;
	width: 1.4rem;
	height: 1.4rem;
	left: 0;
	top: 50%;
	margin-top: -0.7rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
}
.conditions .condi_pop {
	margin: 3rem -3rem 0 0;
	display: flex;
	justify-content: flex-end;
}
.conditions .condi_pop .pop_img {
	display: block;
}
.conditions .condi_pop .pop_img img {
	width: 29.2rem;
}
.conditions .condi_bnr {
	margin: 0.5rem 0 0;
}


.conditions .condi_bnr a {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	color: #fff;
	background: #000;
	height: 17rem;
	font-size: 2.6rem;
	line-height: 1.54;
	font-weight: 700;
	padding: 1rem 7.5rem;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	-ms-border-radius: 10rem;
	-o-border-radius: 10rem;
	border-radius: 10rem;
	position: relative;
}
.conditions .condi_bnr a:hover {
	color: #000;
}
.conditions .condi_bnr a .box_cont {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.conditions .condi_bnr a .box_cont img {
	width: 7.7rem;
}
.conditions .condi_bnr a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: transform .5s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 1);
	transform-origin: right top;
	background: #fff;
	z-index: 0;
}
.conditions .condi_bnr a:hover:before {
	transform-origin:left top;
	transform:scale(1, 1);
}
@media (max-width: 767px) {
.conditions .condi_bnr a:before {
	display: none;
}
.conditions .condi_bnr a:hover {
	color: #fff;
}
}




/* footer
----------------------------------------------- */
.footer {
	margin: 7rem 0 0;
}
.footer .footer_btn {
	display: flex;
	justify-content: center;
}
.footer .footer_btn a {
	display: flex;
	width: 42rem;
	height: 12rem;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	background: #fff;
	position: relative;
	padding: 0 7rem 0 6rem;
	-webkit-border-radius: 7rem;
	-moz-border-radius: 7rem;
	-ms-border-radius: 7rem;
	-o-border-radius: 7rem;
	border-radius: 7rem;
}
.footer .footer_btn a:before {
	position: absolute;
	content: "";
	background: url("../img/ico_blank.png") center center no-repeat;
	background-size: 1.8rem 1.8rem;
	right: 4.5rem;
	top: 0;
	height: 100%;
	width: 1.8rem;
	z-index: 0;
}
.footer .footer_btn a:hover {
	opacity: 0.5;
}
.footer .copyright {
	text-align: center;
	margin: 5rem 0 0;
	font-size: 2.4rem;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
}


@media (max-width: 767px) {
.footer .footer_btn a:hover {
	opacity: 1;
}
}