@charset "utf-8";
/* CSS Document */
/*======================
	header
===========================================================*/
#header{
	height: 100px;
	width: calc(100% - 15px);
	margin-left: -15px;
	position: fixed;
	display: flex;
	justify-content: space-between;
	padding-right: 40px;
	z-index: 99;
	background: #fff;
	top: 0;
	border-top: 15px solid #ffa400;
  	transition: 0.3s ease;
}
#header::before{
	position: absolute;
	content: '';
	background: url("../img/corner_top.png")no-repeat top/cover;
	width: 40px;
	height: 40px;
	top: -1px;
	right: 0;
    transition: opacity 0.3s ease;
}
#header.scrolled{
	margin-top: -15px;
	transition: 0.3s ease;
}
#header.scrolled::before{
	opacity: 0;
}
.hlogo{
	height: 140px;
	width: 130px;
	background: #ffa400;
	border-radius: 0 0 20px 0;
}
.hlogo a{
	display: flex;
	align-items: center;
}
.hlogo img{
	width: 85%;
	height: 85%;
	object-fit: contain;
}
.m1{
	display: flex;
	justify-content: flex-end;
	height: 100%;
	align-items: center;
}
.gnav ul{
	display: flex;
	padding-right: 20px;
}
.gnav li{
	padding: 0 15px;
	font-size: 20px;
	font-weight: 600;
}
.gnav a:hover{
	color: #ffa400;
}

.hbtn a{
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 90%;
	width: 120px;
	margin: 5px 10px;
	outline: 2px solid #ffa400;
	padding: 5px;
	font-size: 15px;
	color: #ffa400;
	border-radius: 15px;
	transition: .4s;
	font-weight: 600;
}
.hbtn a .icon{
	width: 50%;
	height: 35px;
	position: relative;
	margin: 0 auto;
}
.hbtn a .icon::before{
	position: absolute;
	content: '';
	width: 40px;
	height: 30px;
	background: url("../img/icon_mail.svg")no-repeat center/contain;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.hbtn a .icon.sns::before{
	background: url("../img/instagram.png")no-repeat center/contain;
	top: auto;
	height: 35px;
	bottom:0;
}
.hbtn a:hover{
	background: #FFEFD4;
	transition: .4s;
}
@media(max-width:1023px){
	#header {
		padding-right: 20px;
		height: 80px;		
	}	
	.hlogo{
		height: 120px;
		width: 100px;
		border-radius: 0 0 20px 0;
	}	
	.hbtn a{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		justify-content: center;
	}
	.hbtn p:nth-child(2){
		display: none;
	}	
	.hbtn a .icon::before{
		width: 30px;
		height: 30px;
	}	
	.gnav li{
		padding: 0 10px;
		font-size: clamp(1rem, 0.46rem + 1.23vw, 1.25rem);
	}
}
@media(max-width:699px){
	#header {
		background: transparent;	
	}
	.m1{
		display: none;
	}
}

@media(max-width:499px){
	#header {
		height: 30px;
	}	
	.hlogo{
		height: 90px;
		width: 75px;
	}
	.hlogo img{
		width: auto;
		height: 80px;
		object-fit: contain;
	}	
}
/*======================
	sp-navi
===========================================================*/

.openbtn{
	position: relative;
    width: 50px;
    height:50px;
	border-radius:50%;
	top: 10px;
	border: 1px solid #f00;
	background: #fff;
}
@media(min-width:700px){
	.openbtn{
		display: none;
	}	
}
/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background: #f00;
  }


.openbtn span:nth-of-type(1) {
	top:15px;	
  	width: 45%;
}

.openbtn span:nth-of-type(2) {
	top:23px;
  	width: 35%;
}

.openbtn span:nth-of-type(3) {
	top:31px;
  	width: 20%;
}

/*activeクラスが付与されると線が回転して×になる*/

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-135deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(135deg);
    width: 30%;
}


#g-nav{
    position:fixed;
    z-index: 88;
	top:0;
    right: -120%;
	width:100%;
	max-width: 385px;
    height: 100vh;/*ナビの高さ*/
	background:#fff;
	transition: all 0.6s;
	border: 15px solid;
	border-image: linear-gradient(to bottom, #ffa400, #fff000, #009cff) 1;
	
	
}

#g-nav.panelactive{
    right: 0;
}

#g-nav ul {
	padding-top: 100px;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}

#g-nav li{
	border-bottom: 1px dotted #333;
}
#g-nav li a{
	color: #333;
	text-decoration: none;
	padding:10px;
	padding-left: 3rem;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	position: relative;
}
#g-nav li a::before{
	position: absolute;
	content: '';
	width: 1.8rem;
	height: 1.8rem;
	background: url("../img/icon.png")no-repeat center/contain;
	bottom: 10px;
	left: 10px;
}
.g-nav-cta p{
	width: 90%;
	max-width: 400px;
	margin: 15px auto;
	text-align: center;
	padding: .8rem 0;
	border: 1px solid #f00;
	border-radius: 10px;
	font-size: 1.2rem
}
.g-nav-cta i::before{
	color: #ff9494;
}

@media(max-width:499px){
	.openbtn{
		display: none;
	}
	#g-nav{
		max-width: 500px;
	}	
}

/*== SP_foot_nav ===============*/
.sp_footbtn {
  position: fixed;
  bottom: -100px; /* 初期状態は画面外（非表示） */
  left: 0;
  width: 100%;
  z-index: 999;
  border-top: 2px solid #fff;
  transition: background-color 0.5s ease, bottom 0.4s ease-in-out;
}

.sp_footbtn.visible {
  bottom: 0; /* 表示状態 */
}
.sp_footbtn ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.sp_footbtn li:not(:last-child){
	border-right: 1px solid #fff;
}
.sp_footbtn li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 6px 0;
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-family: "Zen Old Mincho", serif;
}
.sp_footbtn .icon{
	height: 30px;
	width:30px;
	margin: 0 auto;

}
.sp_footbtn .icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media(min-width:500px){
	.sp_footbtn{
		display: none;
	}
}
@media(max-width:400px){
	.sp_footbtn li a{
		font-size: 11px;
	}	
	.sp_footbtn .icon{
		height: 20px;
		width:20px;
		margin: 0 auto;
	}
}





/*======================
	pagetop
===========================================================*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:url("../img/pagetop.png")no-repeat center/contain;
	width: 60px;
	height: 60px;
	transition:all 0.3s;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 15px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}
@media(max-width:499px){
	#page-top{display: none;}
}
/*======================
	footer
===========================================================*/
footer{
	background: #009cff;
	padding: 40px 0 30px;
	color: #fff;
}

footer .comn4 h2{
	max-width: 400px;
}

footer .comn5{
	border-left: 1px solid #fff;
	padding: 0 2rem;
}
.copy{
	background: #009cff;
	color: #fff;
}
.copy p{
	text-align: end;
	font-size: 15px;
}
@media (max-width: 768px) {
	footer{
		text-align: center;
	}
	footer .comn4 h2{
		margin: 0 auto;
	}
	footer .comn5{
		border-left: none;
		padding: 0;
	}	
}
@media(max-width:499px){
	.copy{
		padding-bottom: 50px;
	}	
}
/*======================
	fv
===========================================================*/
.fv{
	width: 95%;
	aspect-ratio: 4 / 3;
	max-height: 83vh;
	margin:110px auto 30px;
}

.slide_wrap,
.slider {
	position:relative;
	width: 100%;
	aspect-ratio: 8 / 5;
	z-index: 1;
	max-height: 83vh;
}
/*　背景画像設定　*/

.slider-item01 {
    background:url("../img/slide04.jpg");
}

.slider-item02 {
    background:url("../img/slide05.jpg");
}

.slider-item03 {
    background:url("../img/slide01.jpg");
}

.slider-item {
	width: 100%;
	aspect-ratio: 8 / 5;
	max-height: 83vh;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
	border-radius: 30px;
}

.catch{
	position: absolute;
	content: '';
	width: 80%;
	max-width: 750px;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}
.catch img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media(max-width:1023px){
	.fv{
		aspect-ratio: 8 / 5;
		max-height: 82vh;
		margin:90px auto 30px;
	}	
}
@media(max-width:499px){
	.fv{
		width: 100%;
		aspect-ratio: 4 / 3;
		max-height: 48vh;
		margin:0 auto 30px;
	}
	.slide_wrap,
	.slider {
		aspect-ratio: 4 / 3;
		max-height: 48vh;
	}
	.slider-item {
		aspect-ratio: 4 /35;
		max-height: 48vh;
		border-radius: 0px;
	}	
}
/*======================
	index
===========================================================*/

.t_about::before{
	position: absolute;
	content: '';
	width: 40vw;
	min-width: 450px;
	height: 100%;
	aspect-ratio: 5 / 4;
	background: url("../img/t_about_bg.jpg")no-repeat right bottom/contain;
	bottom: 0;
	right: 0;
	z-index: -1;
}


.abouttxt{
	text-align: center;
	font-size: clamp(1.125rem, 1.067rem + 0.24vw, 1.25rem);
	padding: 3vw 0;
}
.img_deco{
	position: absolute;
	width: clamp(85px,15vw,185px);
	aspect-ratio: 14 / 9;
	height: auto;
	bottom:-3vw;
	left: 0;
	
}

@media(max-width:599px){
	.abouttxt{
		text-align: left;
	}
	.abouttxt span.ib{
		display: inline!important;
	}
}


.commit_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.commit_img{
	width: 40%;
	position: relative;
}
.commit_img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.commit_img::before{
	position: absolute;
	content: '';
	width: 80px;
	height: 80px;
	top: -30px;
}
 .commit01 .commit_img::before{
	background: url("../img/tomato01.png")no-repeat center/contain;
	left: -30px;
}
 .commit02 .commit_img::before{
	background: url("../img/tomato03.png")no-repeat center/contain;
	right: -30px;
}
 .commit03 .commit_img::before{
	background: url("../img/tomato02.png")no-repeat center/contain;
	left: -30px;
}

 .commit04 .commit_img::before{
	background: url("../img/tomato01.png")no-repeat center/contain;
	left: -15px;
}

.commit01 .commit_img img{
	box-shadow:8px 8px 0 #ffa400;
}
.commit02 .commit_img img{
	box-shadow:-8px 8px 0 #ff0;
}
.commit03 .commit_img img{
	box-shadow:8px 8px 0 #8cc63f;
}
.commit04 .commit_img img{
	box-shadow:-8px 8px 0 #009cff;
}
.commit_txt{
	width: 55%;
}
.commit_ttl{
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}
.commit_ttl .commit_icon{
	width: clamp(65px,16vw,80px);
    height: auto;
}
.commit_ttl h3{
	color: #ffa400;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: clamp(1.25rem, 0.76rem + 1.12vw, 1.6rem);
	padding-left: 15px;
}
.commit_p{
	padding: 2rem;
}

@media(max-width:699px){
	.commit_wrap{
		flex-direction: column;
	}
	.commit_wrap.rever{
		flex-direction: column-reverse;
	}
	.commit_img{
		width: calc(100% - 60px);
		max-width: 500px;
		margin: 10px auto 0;
	}	
	.commit_txt{
		width: 100%;
	}	
	.commit_ttl{
		align-items: center;
		flex-wrap: wrap;
	}	
	.commit_ttl h3 br{
		display: none;
	}
	.commit_img::before{
		width: 60px;
		height: 60px;
	}
	.commit_ttl h3{
		font-size: clamp(1.125rem, 0.977rem + 0.63vw, 1.25rem);
		width: calc(100% - 80px);
	}	
}


.commit_item_ttl{
	width: calc(100% - 80px);
	padding-left: 20px;
}

.item_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item_wrap{
	width: 48%;
	display: flex;
	margin-bottom: 30px;
}
.item_img{
	width: 25%;
	margin-right: 30px;
}
.item_img img{
	width: 100%;
	aspect-ratio: 1 / 1;
	height: auto;
	border-radius: 50%;
}
.item_txt{
	width: 70%
}
@media(max-width:699px){
	.item_wrap{
		width: 100%;
	}
}
@media(max-width:580px){
	#item{
		padding-top: 0;
	}
	#item .commit_ttl{
		flex-direction: column;
		
	}
	.commit_item_ttl{
		width: 100%;
		padding-left: 0;
	}
	.commit_item_ttl h3{
		width: 100%;
		padding-left: 0;
	}
}
@media(max-width:500px){
	.item_wrap{
		display: block;
	}
	.item_img{
		width: 40%;
		min-width: 120px;
		margin-right: 30px;
		margin: 0 auto 15px;
	}
	.item_txt{
		width: 100%
	}
}
.link{
	background: url("../img/bg02.jpg");
}

.link::before,
.link::after{
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	bottom: -1px;
	background: url("../img/corner_bottom.png")no-repeat bottom/cover;
}
.link::before{
	transform: scale(-1,-1);
	left: 0;
}
.link::after{
	transform: scale(1,-1);
	right: 0;
}

.link .comn2{
	padding: 0 15px;
}
.link .comn2 a{
	position: relative;
	display: block;
	padding: 2rem 0;
	text-align: center;
	z-index: 0;
	border-radius: 20px;
	overflow: hidden;
}
.link_about a::before,
.link_recruit a::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: url("../img/slide02.jpg")no-repeat center/cover;
	top: 0;
	left: 0;
	z-index: -2;
	transition: .4s;
}
.link_recruit a::before{
	background: url("../img/link_recruit02.jpg")no-repeat center/cover;
}
.link_about a::after,
.link_recruit a::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #333;
	opacity: .3;
	top: 0;
	left: 0;
	z-index: -1;
}
.link .comn2 h3{
	color: #fff;
	text-shadow: 1px 1px 0 #ffa400;
	font-size: 1.7rem;
}
.link .comn2 p{
	color: #ffa400;
	text-shadow: 1px 1px 0 #333;
}

.link .comn2 a:hover::before{
	transform: scale(1.1);
	transition: .4s;
}

/*======================
	Sub共通
===========================================================*/
.subfv{
	padding:10vw 0 11vw;
	position: relative;
	z-index: 0;
}
.subfv::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: url("../img/subbg.jpg")no-repeat center/cover;
	top: 0;
	left: 0;
	z-index: -1;
}
.subfv::after{
	position: absolute;
	content: '';
	height: 15vw;
	max-height: 280px;
	min-height: 85px;
	aspect-ratio: 16 / 9;
	background: url("../img/subbg_tomato.png")no-repeat bottom/contain;
	bottom: clamp(-130px, -5vw, -30px);
	left: 50%;
	transform: translateX(-50%);
	
	
	
}
.pagettl{
	color: #fff;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: center;
	font-size: clamp(28px,8vw,50px);
	text-shadow: 1px 1px 3px #ffa400;
}




/*パンくず*/
.all_breadcrumb {
	width: 90%;
    line-height: 1;
    white-space: nowrap;
	padding-top: 10px;
}
.all_breadcrumb_list {
    padding-bottom: 2px;
    letter-spacing: 0;
    font-size: 0;
}
.all_breadcrumb_list li {
    margin-left: 28px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: clamp(0.688rem, 0.63rem + 0.24vw, 0.813rem);
    color: #999;
}
.all_breadcrumb_list li:first-child {
    margin-left: 2vw;	
}
.all_breadcrumb_list li:after {
    content: "";
    background: #999;
    width: 10px;
    height: 1px;
    position: absolute;
    right: -22px;
    top: 50%;
    display: block;
}
.all_breadcrumb_list a {
    position: relative;
    display: block;
    color: #006837;
}
.all_breadcrumb_list li:last-child {margin-right: 0;}
.all_breadcrumb_list li:last-child:after { display:none; }

/*======================
	about
===========================================================*/
#about .rel{
	padding-top:clamp(60px, 10vw,100px);
}
.aboutimg{
	position: absolute;
	top: 0;
	width: 80%;
	max-width: 860px;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: url("../img/about.jpg")no-repeat center 40%/cover;
	z-index: -1;
	border-radius: 20px;
}

.about_txt{
	width: 75%;
	max-width: 800px;
	background: #fff;
	border-radius: 20px;
	margin-top:6vw;
	margin-left: auto;
	padding: 5rem 2.5rem 0;
}

.info_table tr{
	border: 1px solid #eee;
}
.info_table th{
	padding: .8rem 1rem;
	width: 28%;
	font-weight: 400;
	background: #ffa400;
	color: #fff;
	font-size: clamp(0.938rem, 0.851rem + 0.37vw, 1.125rem);
}
.info_table td{
	padding: .8rem 1rem;
	font-size: clamp(0.938rem, 0.851rem + 0.37vw, 1.125rem);
}
.map{
	height: 100%;
	min-height: 45vh;
}
.map iframe{
	min-height: 45vh;
	object-fit: cover;
}

@media(max-width:610px){
	#about .mg50{
		margin-bottom: 0!important;
	}
	.aboutimg{
		position: relative;
		width: 100%;
	}

	.about_txt{
		width: 90%;
		margin: -8vw auto 0;
		padding: 3rem 1.5rem 0;
	}	
}


/*======================
	recruit
===========================================================*/

#recruit_top .rel{
	padding-top: clamp(80px,10vw,120px);
}
.recruitimg{
	position: absolute;
	top: 0;
	width: 80%;
	max-width: 860px;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: url("../img/link_recruit02.jpg")no-repeat center/cover;
	z-index: -1;
	border-radius: 20px;
}

.recruit_txt{
	width: 75%;
	max-width: 800px;
	background: #fff;
	border-radius: 20px;
	margin-top:9vw;
	margin-left: auto;
	padding: 5rem 2.5rem 0;
}

@media(max-width:610px){
	#recruit_top .rel{
		padding-top: 0;
	}	
	.recruitimg{
		position: relative;
		width: 100%;
	}

	.recruit_txt{
		width: 90%;
		margin: -8vw auto 0;
		padding: 3rem 1.5rem 0;
	}	
}

.rec_table tr{
	border: 1px solid #ffa400;
}
.rec_table th{
	padding: 1rem 1.3rem;
	font-weight: 400;
	width: 28%;
	background: #FFEDD6;
	border-right:1px solid #ffa400;
}
.rec_table td{
	padding: 1rem 1.3rem;
}
@media(max-width:610px){
.rec_table th{
	display: block;
	width: 100%;
	padding: .3rem 1rem;
	border-right: 0;
}
.rec_table td{
	display: block;
	width: 100%;
	padding: .3rem 1.3rem .5rem;
	background: #fff;
}	
}


/*======================
	Contact
===========================================================*/

/*TEL 問い合わせ*/
.contact_tel { 
	background:#ffa400; 
	color:#fff; 
	border-radius:6px; 
	max-width:480px;
	text-align: center;
	margin: 0 auto;
}
.contact_tel a { 
	color: #fff; 
	text-decoration: none; 
	font-weight:700; 
	display:block; 
	width: 100%;
	height: 100%;
	padding:24px; 
}
#telNumber{
	padding-bottom: 24px;
}
#telNumber strong{ 
	margin-top:-24px; 
	color:#fff; 
	transition: opacity .18s ease;
	font-size: 2rem;
}
.tel-number.hidden { opacity:0; height:0; overflow:hidden; pointer-events:none; }
.tel-number.visible { opacity:1; height:auto; pointer-events:auto; }

@media (max-width: 600px) {
	.contact_tel a{ 
		padding:24px 0; 
		font-size: clamp(1.125rem, 1.05rem + 0.32vw, 1.17rem)
	}
}
.mailform {
	margin: 40px auto 0;
}
@media (max-width: 850px) {
	.mailform {
		margin: 50px auto 0;
	}
}
@media (max-width: 450px) {
	.mailform {
		margin-top: 0;
	}
}
.mailform .row {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}
.mailform .row:not(.last) {
	border-bottom: 0.9px dotted #56361e;
}
.mailform .row div {
	text-align: left;
}
.mailform .row div:nth-child(1) {
	width: 28%;
	font-size: 0.9rem;
}
.mailform .row div:nth-child(2) {
	width: 70%;
	line-height: 1.5;
}
.mailform .row span {
	color: #fff;
	background: #ffa400;
	padding: 5px;
	margin-right: 5px;
	font-size: 11px;
	border-radius: 3px;
}
.mailsp {
	background: #fff !important;
	border: 1px solid #ffa400;
	color: #ffa400 !important;
}
.mailform .row small {
	display: block;
	margin-top: 3px;
}
.mailform label {
	color: #56361e;
}
.mailform .box, .mailform textarea {
	border: 1px solid #ddd;
	padding: 5px;
	width: 100% !important;
	border-radius: 0;
	-webkit-appearance: none;
	margin-bottom: 5px;
	background: #fff;
}
.mailform button {
	display: block;
	text-align: center;
	margin: 0 auto;
	white-space: nowrap;
	border: 1px solid transparent;
	color: #fff;
	background: #ffa400;
	padding: 21px 0;
	width: 270px;
	transition: .4s;
	border-radius: 50px;
}
.mailform button:hover {
	background-color: #fff;
	color: #ffa400;
	border: 1px solid #ffa400;
	opacity: 1;
}
.mailform button::before {
	font-family: "Font Awesome 6 Free";
	content: "\f0e0";
	font-weight: bold;
	margin-right: 10px;
}
@media (max-width: 800px) {
	.mailform .row {
		padding: 20px 0;
		flex-direction: column;
	}
	.mailform .row div:nth-child(1) {
		width: 100%;
		margin-bottom: 20px;
	}
	.mailform .row div:nth-child(2) {
		width: 100%;
	}
}
@media (max-width: 550px) {
	.mail_s {
		padding: 60px 0;
	}
	.mail_s .maintitle {
		margin-bottom: 20px;
	}
	.mailform button {
		width: 220px;
		padding: 11.5px;
	}
	.selection small {
		font-size: 0.8rem;
	}
}
/*プライバシーポリシー*/
.cotitle {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 12px;
}
.cotitle i {
	color: #ffa400;
}
.privacy {
	margin-top: 70px;
}
.scroll_flame {
	border: 2px solid #ffa400;
	border-radius: 10px;
	background: #fff;
	padding: 20px 15px;
}
.scroll_flame_in {
	height: 250px;
	overflow-y: scroll;
	padding: 0 5px;
}
.scroll_flame p {
	font-size: 93%;
}
.scroll_flame p span {
	font-weight: 700;
}
@media(max-width:550px) {
	.cotitle {
		font-size: 1.15rem;
	}
	.privacy {
		margin-top: 35px;
	}
	.scroll_flame {
		padding: 15px 10px;
	}
	.scroll_flame p {
		font-size: 90%;
	}
}
/*スクロールバー*/
.scroll_flame_in::-webkit-scrollbar {
	overflow: hidden;
	width: 1px;
	background: #fafafa;
}
.scroll_flame_in::-webkit-scrollbar-button {
	display: none;
}
.scroll_flame_in::-webkit-scrollbar-thumb, .scroll_flame_in::-webkit-scrollbar-corner {
	background: #56361e;
}
.scroll_flame_in::-webkit-scrollbar-thumb, .scroll_flame_in::-webkit-scrollbar-corner {
	background: #56361e;
}