@charset "utf-8";
/* CSS Document */

body, html {
	width:100%
}
html{
	font-size:1px;
}

@media screen and (max-width: 1080px) {
  html {
    font-size: 0.09259259vw;
  }
}
*{
	box-sizing:border-box; 
	outline:none;
}

body{
	padding:0;
	margin:0;
	font-family:"Montserrat","微软雅黑";
	font-size:35rem;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#000;
}

img{
	max-width:100%;
	font-size:0;
	display:inline-block;
	vertical-align:baseline;
}

input,button{
	border:none;
	outline:none;
	width:100%;
	font-size:inherit;
	color:inherit;
	background:none;
}

ul,li,p{
	list-style:none;
	padding:0;
	margin:0;
}

.ft-16{
	font-size: 16rem;
}
.ft-18{
	font-size: 18rem;
}
.ft-20{
	font-size: 20rem;
}
.ft-22{
	font-size: 22rem;
}
.ft-24{
	font-size: 24rem;
}
.ft-26{
	font-size: 26rem;
}
.ft-28{
	font-size: 28rem;
}
.ft-30{
	font-size: 30rem;
}
.ft-32{
	font-size: 32rem;
}
.ft-34{
	font-size: 34rem;
}
.ft-36{
	font-size: 36rem;
}
.ft-38{
	font-size: 38rem;
}
.ft-40{
	font-size: 40rem;
}
.ft-48{
	font-size: 48rem;
}
.ft-50{
	font-size: 50rem;
}
.ft-60{
	font-size: 60rem;
}
.grid{
	display: grid;
}
.g-1{
	grid-template-columns: 1fr;
}
.g-2{
	grid-template-columns: repeat(2,1fr);
}
.g-3{
	grid-template-columns: repeat(3,1fr);
}
.g-4{
	grid-template-columns: repeat(4,1fr);
}
.g-5{
	grid-template-columns: repeat(5,1fr);
}
.b{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.hide{
	overflow: hidden;
}
.hide-x{
	overflow-x:hidden;
}
.scroll{
	overflow:auto;
}
.scrollY{
	overflow-x:hidden;
	overflow-y:auto;
}
.scrollX{
	overflow-y:hidden;
	overflow-x:auto;
}
.flex{
	display: flex;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-center-x {
	display: flex;
	justify-content: center;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-column{
	display: flex;
	flex-direction: column;
}
.flex-col-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex-col-center-y {
	display: flex;
	justify-content: center;
}
.flex-col-center-x {
	display: flex;
	align-items: center;
}
.flex-col-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flex-r-center{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.f-1{
	flex:1;
}
.f-2{
	flex:2;
}
.f-3{
	flex:3;
}
.fixed{
	position: fixed;
}
.abs{
	position:absolute;
}
.relative{
	position: relative;
}
.round{
	border-radius:100%;
	overflow: hidden;
}
.full{
	top:0;
	left: 0;
	width: 100%;
	height: 100%; 
}
.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.app{
	min-height:100vh;
	max-width:1080px;
	margin:auto;
	background-color:#ededed;
}

.container{
	padding:343rem 42rem 170rem;
	background-image:url(../images/cg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100%;
}

.button{
	width:100%;
	border:none;
	outline:none;
	height:140rem;
	line-height:140rem;
	text-align:center;
	font-size:64rem;
	font-weight:bold;
	color:#ab2500;
	border-radius:140rem;
	background:linear-gradient(to bottom,#fef17f,#fe9808);
	display:block;
}

.card{
	background:#ffffff;
	border-radius:36rem;
	margin-bottom:42rem;
}

.card:last-child{
	margin-bottom:0;
}

.card .title{
	width:560rem;
	height:100rem;
	line-height:100rem;
	border-radius:0 0 100rem 100rem;
	font-size:47rem;
	font-weight:bold;
	text-align:center;
	color:#000;
	background:linear-gradient(to bottom,#ffe2b6,#ffb061);
}

.form{
	padding:0 42rem 48rem;
}

.form .row{
	margin-top:42rem;
}

.form .phone{
	padding:34rem 50rem;
	background-color:#f8f6f9;
	border-radius:20rem;
	font-size:45rem;
}

.form .phone:before{
	content:"";
	width:31rem;
	height:45rem;
	background-image:url(../images/phone.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-right:34rem;
}

.form .phone input{
	width:100%;
}

.infomation{
	padding:0 48rem 90rem 92rem;
}

.detail{
	padding:0 62rem 90rem;
}

.content h1{
	text-decoration:underline;
	font-style:italic;
}
.form .row{ gap:21rem;}
.form .row .item{ background-color: #ffe7c8; border-radius: 25rem; height: 144rem; display: flex; align-items: center; justify-content: center; font-size: 53rem; font-weight: 600; position: relative;box-shadow: 0px 0px 8px rgb(0 0 0 / 32%); overflow: hidden;}
.form .row .item .mark { position: absolute; left: 0px; top: 0px; background-color: #f1b183; color: #ffe5c0;font-size: 25rem; line-height: 35rem; padding: 0rem 16rem; border-radius: 0rem 0rem 20rem 0rem;}
.form .row .item .mark em{ font-style: normal; }
.form .row .item.active:before{ content: ""; width: 74rem; height: 74rem; background-image: url(../images/chico1.png); background-repeat: no-repeat; background-size: cover; position: absolute; right: 0px; bottom: 0px;}
.infomation .head{ margin-bottom: 40rem;}
.infomation .content h1{ margin-top: 0px; font-size:52rem;}
.infomation .content{ color: #d12918; line-height:1.5;}
.detail .head{ margin-bottom: 40rem;}
.infomation .content h2{ margin-bottom: 15rem; font-size:45rem;}
.detail .content{line-height:1.6;}

.buttons a{ display:none}
.buttons a.show{ display:block;}

.message{ position:fixed; top:50%; left:50%; background-color:rgba(0,0,0,.7); z-index:1000;transform:translate(-50%,-50%);color:#fff; font-size:14px; border-radius:4px; padding:10px 25px; min-width:110px; max-width:300px; text-align:center; display:none;}