@charset "utf-8";

/*--- reset */

html {
	overflow-y: scroll; 
}

body,
html {  
    height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote {
	margin: 0;
	padding: 0;
}
	
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:100%;
}


caption {text-align: left;}

q:before,
q:after {
	content: '';}

object,
embed {vertical-align: top;}

h1,
h2,
h3,
h4,
h5,
h6 {font-size: 100%;}

img,
abbr,
acronym,
fieldset {border: 0;}

img{
	vertical-align: bottom;
	line-height: 0;
}

li {list-style-type: none;}
li img{vertical-align: bottom;}
p{
	text-justify: inter-ideograph;
}

a {color: #0a337f; text-decoration:none;}
a:hover{opacity:0.7;}
.underline{text-decoration:underline;}

/* clearfix */
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

/*hr reset*/
hr {
	border: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
.hr01{
	border-bottom:1px #ccc solid;
}

/*font*/
.fs-14{font-size:14px !important;}
.fs-20{font-size:20px !important;}
.fs-32{font-size:32px !important;}
.fs-48{font-size:48px !important;}

.f-center{text-align:center !important;}
.f-left{text-align: left !important;}
.f-right{text-align: right !important;}

.fc-pink{ color:#e50d86;}

.f-bold{font-weight:bold;}

/*margin*/
.mb20{margin:0 0 20px 0;}
.mb40{margin:0 0 40px 0;}
.mb80{margin:0 0 80px 0;}
.img_ml20{margin:0 0 0 20px;}

/*padding*/
.p20{padding:20px;}
.p40{padding:40px;}
.ptb40{padding:40px 0;}
.ptb80{padding:80px 0;}
.pt80b40{padding:80px 0 40px 0;}

/*img*/
.img-auto{
	width:100%;
	height:auto;
}

/*a*/
.p_link{
	color:#e50d86;
	font-weight:600;
}

/*border-box*/
.boder-b{ box-sizing:border-box;}

.y-line{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #fff100 0%) repeat scroll 0 0;
}

/*iphone reset*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
@media screen and (max-width: 768px) {
	body {
		font-size:4vw !important; 
	}
	.img-100{
		width:100%;
		height:auto;
	}
	.img-80{
		width:80%;
		height:auto;
		margin:0 10%;
	}
	.sp-none{display:none;}
	
	/*font*/
	.fs-14{font-size:3.5vw !important;}
	.fs-20{font-size:4.5vw !important;}
	.fs-32{font-size:7vw !important;}
	.fs-48{font-size:10vw !important;}
	
	.f-left-sp{text-align:left !important;}
	
	/*margin*/
	.mt20-sp{margin:20px 0 0 0;}
	.mb20{margin:0 0 10px 0;}
	.mb40{margin:0 0 20px 0;}
	.mb80{margin:0 0 40px 0;}
	.img_ml20{margin:10px 0 0 0;}

	/*padding*/
	.p20{padding:10px 2%;}
	.p40{padding:20px 4%;}
	.ptb40{padding:20px 0;}
	.ptb80{padding:40px 0;}
	.pt80b40{padding:40px 0 20px 0;}
}

/*====================================
 default 
====================================*/
body {
	background: #fff;
	color: #4c2b07;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 16px;
	font-weight:200;
	line-height: 1.75;
	text-align: left;
}
#wrap{
  position:relative;
  height:auto;
}
#wrap:before {
    content: "";
    display: block;
}
#wrap section{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.flex-bt, .flex-bt-all{
	display: -webkit-flex;
    display: flex; 
	-webkit-justify-content: space-between;
    justify-content: space-between;
	flex-wrap: wrap;
}
.flex-chuo{align-items: center;}

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

@media screen and (min-width: 769px) {
	.pc-none{
		display:none;
	}
	a[href^="tel:"] {
		pointer-events: none;
	}
}
@media screen and (max-width: 768px) {
	#wrap section{
		width:94%;
		margin:0 3%;
	}
	.flex-bt{
		display: block;
	}
}


/*====================================
 MAIN
====================================*/
@media screen and (min-width: 769px){
	.main_pc{
		padding:30px 0 0 0;
		background:url(../images/main_bg_pc.jpg) no-repeat;
		background-size: cover;
		min-height:700px;
	}
	.main_pc a:hover{
		opacity:1;
	}
	.main_sp{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.main_pc{
		display:none;
	}
}

/*====================================
 midashi
====================================*/
p{
	font-size:1em;
}

/*H2*/
h2{
	font-size:36px;
	margin:0 0 1em 0;
	line-height:1.4;
	text-align:center;
	font-weight:600;
	position:relative;
}
h2.plan:before, .quality h2:before, .try h2:before{
	content: "";
	display: block;
	position: relative;
	left:50%;
	margin:0 0 10px -102px;
	width: 204px;
	height: 56px;
}
h2.plan:before{
	background: url(../images/rbn_plan.png) center top no-repeat;
	background-size: 204px 56px;
}
.quality h2:before{
	background: url(../images/rbn_quality.png) center top no-repeat;
	background-size: 204px 56px;
}
.try h2:before{
	background: url(../images/rbn_try.png) center top no-repeat;
	background-size: 204px 56px;
}
h2.plan:after, .quality h2:after, .try h2:after, .custom h2:after{
	content: "";
	display: block;
	position: relative;
	background: url(../images/ttl_line.png) center bottom no-repeat;
	background-size: 170px 12px;
	width: 170px;
	height: 12px;
	margin:10px 0 0 -85px;
	left:50%;
}
.arrow_box {
	font-size:24px;
	margin:0 0 1em 0;
	padding:0.25em 1.5em;
	font-weight:600;
	border-radius:6px;
	display:inline-block;
	position: relative;
	background: #e4007f;
	color:#fff;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #e4007f;
	border-width: 6px;
	margin-left: -6px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #e4007f;
	border-width: 10px;
	margin-left: -10px;
}

/*H3*/
h3{
	font-size:30px;
	margin:0 0 40px 0;
	text-align:center;
	font-weight:600;
	position:relative;
}
.service_sub{
	font-size:22px;
	color:#e4007f;
	display:block;
	position:relative;
}
.service_sub:before, .service_sub:after,
.youtube h3:before, .youtube h3:after,
.try h3:before, .try h3:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 20px;
	padding-left:20px;
}
.service_sub:before, .youtube h3:before, .try h3:before{
	background: url(../images/line_pdot_l.png) center top no-repeat;
	background-size: 12px 20px;
}
.service_sub:after, .youtube h3:after, .try h3:after{
	background: url(../images/line_pdot_r.png) center top no-repeat;
	background-size: 12px 20px;
}
.youtube h3{ color:#e4007f;}

/*h4*/
h4{font-size:22px;}

/*komidashi*/
.komidashi{
	font-size:28px;
	margin:0 0 0.25em 0;
	text-align:center;
	font-weight:600;
	position:relative;
	color:#aa5901;
}
.komidashi:before, .komidashi:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 24px;
	padding-left:20px;
}
.komidashi:before{
	background: url(../images/line_br_l.png) center 0 no-repeat;
	background-size: 14px 24px;
}
.komidashi:after{
	background: url(../images/line_br_r.png) center 0 no-repeat;
	background-size: 14px 24px;
}

/*====================================
 contents
====================================*/

/*bg*/
.bg-yellow{background:#fff8eb;}
.bg-white{background:#fff; border-radius:6px;}
.bg-pdot{background:url(../images/bg_pdot.jpg) repeat;}
.bg-ydot{background:url(../images/bg_ydot.jpg) repeat;}
.bg-bblock{background:url(../images/bg_bblock.jpg) repeat;}

/*type */
.type li a{
	width:320px;
	height:178px;
	font-size:22px;
	line-height:1.3;
	font-weight:bold;
	color:#4c2b07;
	display:block;
}
.type li a span{
	font-size:26px;
	color:#e4007f;
}
.type li:nth-child(1){
	background:url(../images/type_01.png) no-repeat 0 0;
	width:320px;
	height:178px;
}
.type li:nth-child(2){
	background:url(../images/type_02.png) no-repeat 0 0;
	width:320px;
	height:178px;
}
.type li:nth-child(3){
	background:url(../images/type_03.png) no-repeat 0 0;
	width:320px;
	height:178px;
}
@media screen and (min-width: 769px){
	.type li:nth-child(1) a{
		padding:20px 0 0 150px;
	}
	.type li:nth-child(2) a{
		padding:40px 0 0 130px;
	}
	.type li:nth-child(3) a{
		padding:40px 0 0 125px;
	}
}

/*contact*/
.contact p{
	font-size:22px;
	font-weight:600;
	color:#fff;
	text-align:center;
}
.contact p span{
	border-bottom:3px #fff dotted;
}
.contact h2{
	font-size:40px;
	margin:0 0 40px 0;
	color:#fff;
	text-align:center;
}
.contact h2 span{
	font-size:30px;
}
.contact ul{
	padding:40px 4%;
	background:#fff;
	border:5px #feaad6 solid;
	border-radius:6px;
}
.contact li p{
	width:50%;
	margin:0 25%;
}
.contact li:nth-child(2){
	margin:20px 0 0 0;
	padding:20px 0 0 0;
}
.contact .taiken_btn a{
	font-size:32px;
	line-height:96px;
	height:96px;
	border-radius:96px;
	width:100%;
	color:#fff;
	background:#ffb300;
	display:block;
}
.contact .arrow_box {
	font-size:22px;
	margin:0 0 1em 0;
	padding:0.25em 1.5em;
	font-weight:600;
	border-radius:6px;
	display:inline-block;
	position: relative;
	background: #fff;
	color:#4c2b07;
}
.contact .arrow_box span{
	font-size:26px;
	color:#e4007f;
}
.contact .arrow_box:after, .contact .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.contact .arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 6px;
	margin-left: -6px;
}
.contact .arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}


/*reccomend*/
.reccomend .point p{
	font-size:22px;
	padding:0.25em 1.5em;
	margin:0 0 20px 0;
	font-weight:bold;
	display:inline-block;
	background:#fff;
	border-radius:50px;
}
.reccomend .point p span{
    -webkit-text-emphasis: filled circle #e4007f;
   text-emphasis: filled circle #e4007f;
}
/*service*/
.service_list{
	padding:40px;
	background:url(../images/bg_gdot.jpg) repeat;
}
.service_list li{
	width:10%;
	margin:20px 0 0 0;
	font-size:14px;
	line-height:1.3;
	text-align:center;
}
.service_list li img{
	width:100%;
	height:auto;
}
.service li:nth-child(1){
	width:60%;
}
.service li:nth-child(2){
	width:38%;
}
/*threehour*/
.threehour ul{
	align-items: flex-start !important;
}
.threehour li:nth-child(1){
	padding:20px 2%;
	text-align:center;
	width:47%;
}
.threehour li:nth-child(2){
	text-align:center;
	width:47%;
}
.threehour li:nth-child(2) div{
	margin:0 0 20px 0;
	padding:10px 2%;
}
.threehour ul{
	align-items: center;
}
.threehour li h4{
	margin:0 0 0.5em 0;
}
.threehour li h4 .line{
	border-bottom: dotted #e4007f 3px;
}
.threehour li h4 .time{
	font-size:18px;
	padding:2px 0.5em;
	margin:0 0 0 0.5em;
	color:#fff;
	background:#446cb3;
	border-radius:50px;
}

/*quality*/
.hosho li{
	font-size:22px;
	font-weight:bold;
	width:31%;
	text-align:center;
}
.hosho li img{
	display:block;
	width:100%;
	height:auto;
}

.quality_voice{
	padding:40px;
}
.quality_voice li:nth-child(1){
	width:40%;
	margin:0 4% 0 0;
}
.quality_voice li:nth-child(2){
	width:56%;
}
.quality_voice dl:nth-child(1){
	margin:0 0 20px 0;
}
.quality_voice dl{
	padding:4%;
	background:#fff;
}
.quality_voice dt{
	font-size:22px;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	line-height:1.3;
	font-weight:bold;
	color:#e4007f;
	border-bottom: dotted #e4007f 3px;
}
.quality_voice dt span{
	font-size:16px;
	color:#4c2b07;
}
.media{
	border:4px #eee solid;
}
.ninsho{
	padding:40px;
	background:url(../images/bg_gdot.jpg) repeat;
}
.ninsho li:nth-child(1){
	width:70%;
}
.ninsho li:nth-child(2){
	width:27%;
}
.ninsho h4{
	color:#e4007f;
}

/*fuan*/
.fuan p{
	position:relative;
	top:-50px;
}

/*trial*/
.trial li:nth-child(1){
	width:27%;
}
.trial li:nth-child(2){
	width:73%;
}
.trial dl{
	padding:40px;
}
.trial dt{
	padding:0px 20px;
	margin:0 0 0.5em 0;
	background:#e4007f;
	color:#fff;
}
.trial h5{
	font-size:16px;
	font-weight:bold;
}
.trial h5 span{
	font-size:14px;
	padding:2px 0.5em;
	margin:0 0.5em;
	color:#fff;
	background:#446cb3;
	border-radius:50px;
}
.trial dl p{
	padding:0.5em 0 0 0;
	margin:0.5em 0 0 0;
	border-top:1px #eee solid;
}
.trial .order1 {
  order: 1;
}
 
.trial .order2 {
  order: 2;
}

/*youtube*/
.youtube_wrap{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	}
.youtube_wrap iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/*try*/
.try h3{
	color:#e4007f;
}
.omoi{
	padding:40px;
	border:5px #feaad6 solid;
	border-radius:10px;
}
.reason{
	background:#ffecf6;
	padding:20px;
}
.reason h4{
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	text-align:center;
	color:#e4007f;
	border-bottom: dotted #e4007f 3px;
}
.reason li{
	padding:20px 2%;
	width:28%;
	background:#fff;
	text-align:center;
}

/*staff*/
.staff{
	padding:80px 0 160px 0;
}
.staff li{
	width:30%;
	margin:0 0 40px 0;
}
.staff h4{
	margin:1em 0;
	text-align:center;
	line-height:1.3;
}
.staff h4 span{
	font-size:20px;
}

/*caution*/
.caution li{
	list-style-type:disc;
	margin:0 0 0 1em;
	padding:0 0 0 0.5em;
}
/*footer*/
footer{
	padding:20px 0;
	font-size:14px;
	text-align:center;
	color:#4c2b07;
	background:#fff;
}

/*pagescroll*/
#scrollUp {
    bottom: 100px;
    right: 0;
	opacity:0.9;
}

/*202011追加*/
.promise{
	display: -webkit-flex;
    display: flex; 
	-webkit-justify-content:center;
    justify-content:center;
	flex-wrap: wrap;
}
.promise li{
	font-size:18px;
	line-height:1.4;
	width:16%;
	color:#e4007f;
	text-align:center;
	font-weight:bold;
}
.promise li img{
	margin:0 0 10px 0;
}
.notice{
	padding:20px;
	text-align:center;
	background:#f5f5f5;
	border-radius:6px;
}
.otoku li{
	padding:10px 1%;
	font-size:118%;
	line-height:1.3;
	font-weight:bold;
	color:#e50d86;
	text-align:center;
	border:5px solid #feb1d9;
	box-sizing:border-box;
	border-radius:6px;
}
.otoku li:nth-child(1){
	width:14%;
}
.otoku li:nth-child(2){
	width:12%;
}
.otoku li:nth-child(3){
	width:18%;
}
.otoku li:nth-child(4){
	width:9%;
}
.otoku li:nth-child(5){
	width:23%;
}
.otoku li:nth-child(6){
	width:16%;
}

.komidashi2 {
	text-align:center;
}
.komidashi2 p{
	padding:0.25em 1em;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	background:#4c2b07;
	border-radius:100px;
}

/*====================================
 SP版
====================================*/
@media screen and (max-width: 768px) {
	/*---------midashi-------*/
	p{
		font-size:1em;
	}
	
	/*H2*/
	h2{
		font-size:8vw;
		margin:0 0 0.5em 0;
	}
	h2.plan:before, .quality h2:before, .try h2:before{
		content: "";
		display: block;
		position: relative;
		left:50%;
		margin-left:-82px;
		width: 163px;
		height: 45px;
	}
	h2.plan:before{
		background: url(../images/rbn_plan.png) center top no-repeat;
		background-size:163px 45px;
	}
	.quality h2:before{
		background: url(../images/rbn_quality.png) center top no-repeat;
		background-size:163px 45px;
	}
	.try h2:before{
		background: url(../images/rbn_try.png) center top no-repeat;
		background-size:163px 45px;
	}
	.arrow_box {
		font-size:6vw;
		line-height:1.5;
		margin:0 0 0.5em 0;
		padding:0.25em 0.5em;
	}
	
	/*H3*/
	h3{
		font-size:6.5vw;
		line-height:1.3;
		margin:0 0 20px 0;
	}
	.service_sub{
		font-size:5.5vw;
	}
	.service_sub:before, .service_sub:after,
	.youtube h3:before, .youtube h3:after,
	.try h3:before, .try h3:after{
		content: "";
		display: inline-block;
		position: absolute;
		width: 9px;
		height: 14px;
		bottom:5px;
	}
	.service_sub:before, .youtube h3:before, .try h3:before{
		background: url(../images/line_pdot_l.png) center top no-repeat;
		background-size: 9px 14px;
		left:0;
	}
	.service_sub:after, .youtube h3:after, .try h3:after{
		background: url(../images/line_pdot_r.png) center top no-repeat;
		background-size: 9px 14px;
		right:0;
	}
	
	/*h4*/
	h4{font-size:5.5vw;}
	
	/*komidashi*/
	.komidashi{
		font-size:6vw;
		line-height:1.3;
	}
	.komidashi:before, .komidashi:after{
		content: "";
		display: inline-block;
		position: absolute;
		width: 10px;
		height: 15px;
		bottom:5px;
	}
	.komidashi:before{
		background: url(../images/line_br_l.png) center top no-repeat;
		background-size: 10px 15px;
		left:0;
	}
	.komidashi:after{
		background: url(../images/line_br_r.png) center top no-repeat;
		background-size: 10px 15px;
		right:0;
	}
	#scrollUp{
		bottom:50px;
	}
	#scrollUp img{
		width:50px;
	}
	/*type */
	.type li{
		margin:0 0 10px 0;
	}
	.type li a{
		width:55%;
	}
	.type li:nth-child(1) a{
		padding:20px 0 0 45%;
	}
	.type li:nth-child(2) a, .type li:nth-child(3) a{
		padding:40px 0 0 42%;
	}
	.type li a span{
		font-size:7vw;
	}
	.type li:nth-child(1){
		background:url(../images/type_01.png) no-repeat center 0;
		background-size: contain;
		width:100%;
	}
	.type li:nth-child(2){
		background:url(../images/type_02.png) no-repeat center 0;
		background-size: contain;
		width:100%;
	}
	.type li:nth-child(3){
		background:url(../images/type_03.png) no-repeat center 0;
		background-size: contain;
		width:100%;
	}

	/*contact*/
	.contact p{
		font-size:5.5vw;
		margin:0 0 10px 0;
	}
	.contact h2{
		font-size:10vw;
		line-height:1.3;
		margin:0 0 20px 0;
	}
	.contact h2 span{
		font-size:7vw;
	}
	.contact ul{
		padding:10px 4%;
	}
	.contact li p{
		width:100%;
		margin:0;
	}
	.contact li:nth-child(2){
		margin:10px 0 0 0;
		padding:10px 0;
	}
	.contact .taiken_btn a{
		margin:10px 0 0 0;
		font-size:8vw;
		line-height:70px;
		height:70px;
	}
	.contact .arrow_box {
		font-size:6vw;
		line-height:1.5;
		margin:0 0 0.5em 0;
		padding:0.25em 0.5em;
	}
	.contact .arrow_box span{
		font-size:6vw;
	}

	/*reccomend*/
	.reccomend .point p{
		font-size:5.5vw;
		padding:0.25em 1.5em;
		margin:0 0 10px 0;
		display:block;
	}
	.reccomend li{
		margin:0 0 10px 0;
	}
	/*service*/
	.service_list{
		padding:20px 4%;
	}
	.service_list li{
		width:23%;
		margin:10px 0 0 0;
		font-size:3.5vw;
	}
	.service li:nth-child(1), .service li:nth-child(2){
		width:100%;
	}
	/*threehour*/
	.threehour h3{
		line-height:1.3;
	}
	.threehour li{
		margin:0 0 10px 0;
	}
	.threehour li:nth-child(1){
		padding:10px 4%;
		width:92%;
	}
	.threehour li:nth-child(2){
		padding:10px 0;
		width:100%;
	}
	.threehour li:nth-child(2) div{
		padding:10px 4%;
	}
	.threehour li h4{
		margin:0 0 0.25em 0;
	}
	.threehour li h4 .time{
		font-size:5.5vw;
		padding:2px 0.25em;
		margin:0 0 0 0.25em;
	}
	/*quality*/
	.hosho li{
		font-size:5.5vw;
		margin:0 0 10px 0;
		width:100%;
	}
	.hosho li img{
		width:80%;
		margin:0 10%;
	}

	.quality_voice{
		padding:20px 4%;
	}
	.quality_voice li:nth-child(1), .quality_voice li:nth-child(2){
		width:100%;
		margin:0 ;
	}
	.quality_voice dl:nth-child(1){
		margin:0 0 10px 0;
	}
	.quality_voice dt{
		font-size:5.5vw;
		margin:0 0 0.25em 0;
		padding:0 0 0.25em 0;
	}
	.quality_voice dt span{
		font-size:4vw;
	}
	.ninsho{
		padding:20px 4%;
	}
	.ninsho li:nth-child(1), .ninsho li:nth-child(2){
		width:100%;
	}
	.ninsho li:nth-child(2){
		width:100%;
		background:#fff;
	}
	.ninsho img{
		width:70%;
		height:auto;
		padding:0 15%;
	}
	/*fuan*/
	.fuan p{
		top:-20px;
	}
	/*trial*/
	.trial li:nth-child(1){
		width:70%;
		margin:0 15%;
	}
	.trial li:nth-child(2){
		width:100%;
	}
	.trial dl{
		padding:20px 4%;
	}
	.trial dt{
		padding:0px 5%;
		margin:0 0 0.25em 0;
	}
	.trial h5{
		font-size:4vw;
	}
	.trial h5 span{
		font-size:3.5vw;
		padding:2px 0.25em;
		margin:0 0.25em;
	}
	.trial dl p{
		padding:0.25em 0 0 0;
		margin:0.25em 0 0 0;
	}
	.trial .order1 {
	  order: 2;
	}
	 
	.trial .order2 {
	  order: 1;
	}
	/*try*/
	.omoi{
		padding:20px 4%;
	}
	.reason{
		padding:10px 4%;
	}
	.reason h4{
		margin:0 0 0.25em 0;
		padding:0 0 0.25em 0;
	}
	.reason li{
		padding:10px 4%;
		margin:10px 0 0 0;
		width:92%;
	}
	/*staff*/
	.staff{
		padding:40px 0 80px 0;
	}
	.staff li{
		width:100%;
		margin:10px 0 0 0;
	}
	.staff h4{
		margin:0.5em 0;
	}
	.staff h4 span{
		font-size:5vw;
	}
	/*footer*/
	footer{
		padding:10px 0;
		font-size:3.5vw;
	}
	/*caution*/
	.caution li{
		margin:0 2em 0 3em;
		padding:0;
	}
	/*202011追加*/
	.promise li{
		font-size:4.5vw;
		width:45%;
	}
	.otoku li{
		margin:0 0 10px 0;
	}
	.otoku li:nth-child(1), .otoku li:nth-child(2), .otoku li:nth-child(3),
	.otoku li:nth-child(4), .otoku li:nth-child(5), .otoku li:nth-child(6){
		width:98%;
	}
	
}