@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

トップページ

------------------------------------------------------------ */

.wrapper{
	background: #FFDE35;
	padding: 0 50px 80px;
	overflow: hidden;
}

.inviewfadeInUp{
	opacity: 0;
	transform: translate(0, 60px);
	transition: 1s;
}

.fadeInUp{
	opacity: 1.0;
	transform: translate(0, 0);
}

/* ボタン
---------------------------------------------- */
/*--btn_contact01--*/
.btn_contact01 > div{
	font-weight: 700;
	color: #FFF;
}

.btn_contact01 a{
	width: 100%;
	min-width: 335px;
	max-width: 500px;
	display: inline-block;
	font-weight: 700;
	color: #FFF;
	transition: opacity .3s;
}

.btn_contact01 .inner{
	background: #F56F00;
	padding: 29px 5px;
	border-radius: 10px 10px 0 0;
	text-align: center;
}

.btn_contact01 .inner .txt{
    font-size: 2.2rem;
    line-height: 1;
	margin-bottom: 15px;
}

.btn_contact01 .inner .txt span{
	display: inline-block;
	font-size: 1.7rem;
	margin: 0 0 0 10px;
}

.btn_contact01 .inner .wrap_tel{
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn_contact01 .inner .wrap_tel svg{
	display: inline-block;
	width: 28px;
	height: 52px;
	margin-top: 2px;
	fill: #FFF;
}

.btn_contact01 .inner .wrap_tel .num{
	font-family: 'Roboto';
	font-size: 5.6rem;
	line-height: 0.8;
}

.btn_contact01 .catch{
	display: flex;
	background: #3E3A39;
	border-radius: 0 0 10px 10px;
}

.btn_contact01 .catch p{
	width: 50%;
	padding: 10px 10px;
	text-align: center;
}

.btn_contact01 .catch p:nth-of-type(1){border-right: 1px solid #656161;}	

/*--btn_mail--*/
.btn_mail a{
	width: 100%;
	min-width: 335px;
	max-width: 500px;
	font-weight: 700;
	background: #FFDE35;
	color: #000;
	display: flex;
	justify-content: center;
    align-items: center;
	font-size: 2.2rem;
	padding: 14px 27px;
	border-radius: 10px;
	transition: background .3s;
}

.btn_mail a:hover{background: #FFE45A;}

.btn_mail a svg{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin-right: 10px;
}

/*--btn_line--*/
.btn_line a{
	width: 100%;
	min-width: 335px;
	max-width: 500px;
	font-weight: 700;
	background: #0AAC1D;
	color: #FFF;
	display: flex;
	justify-content: center;
    align-items: center;
	font-size: 2.2rem;
	padding: 14px 27px;
	border-radius: 10px;
	transition: background .3s;
}

.btn_line a:hover{background: #28C13A;}

.btn_line a svg{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin-right: 10px;
}

/* メインビジュアル
---------------------------------------------- */
.main{
  	background: #FFDE35;
	padding: 30px 30px 60px;
}

.main img{
    width: 100%;
    height: auto;
}

/* まずは、お問い合わせください！
---------------------------------------------- */
.wrapper > .btn_contact01{display: none;}

/* SUTEMA専科の強み
---------------------------------------------- */
.sec_forte{
	max-width: 1020px;
	background: #FFF;
	padding: 57px 20px 57px;
	margin: 0 auto 70px;
	border: 4px solid #000;
	border-radius: 20px;
}

.sec_forte h2{
	text-align: center;
	margin-bottom: 40px;
}

.sec_forte h2 img{
	width: 100%;
	max-width: 358.12px;
	height: auto;
}

.sec_forte .txt{
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: center;
}

/* 業務内容一覧
---------------------------------------------- */
.sec_work{
	max-width: 1020px;
	margin: 0 auto 100px;
}

.wrap_work{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -15px;
}

.work{
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
}

.work .inner{
	background: #FFF;
	padding: min(3.205vw, 40px) 10px;
	border: 4px solid #4ABFD7;
	border-radius: 20px;
	height: 100%;
	display: flex;
    align-items: center;
    flex-direction: column;
	position: relative;
}

.work .ico{
	width: 72px;
	height: 72px;
	font-weight: 700;
	font-size: 2.8rem;
	color: #FFF;
	padding-top: 10px;
	text-align: center;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 0;
}

.work .ico::after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #4ABFD7;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.work .image{
	width: 56.25%;
	margin: 0 auto 25px;
}

.work .image img{
	width: 100%;
	height: auto;
}

.work .txt{
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #333;
}

.work .txt p{text-align: center;}

.txt_work{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
}

.txt_work br{display: none;}

/* バナー
---------------------------------------------- */
.bannar_home01{
	max-width: 1020px;
	margin: 0 auto 50px;
}

.bannar_home01 a{
	display: block;
	transition: opacity .3s;
}

.bannar_home01 a:hover{opacity: 0.8;}

.bannar_home01 a img{
	width: 100%;
	height: auto;
}

.bannar_home01 a img:nth-of-type(2){display: none;}

/* 以下のような場面でお役立てください！
---------------------------------------------- */
.sec_case{
	max-width: 1020px;
	margin: 0 auto;
}

.sec_case > h2{
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 75px;
	position: relative;
}

.sec_case > h2::before,
.sec_case > h2::after{
	content: "";
	display: inline-block;
	width: 164px;
	height: 55px;
	background: #FFDE35;
	position: absolute;
    top: 15px;
}

.sec_case > h2::before{
	border-top: 10px solid #FFF;
	border-left: 10px solid #FFF;
	border-radius: 20px 0 0 0;
    left: 0;
}

.sec_case > h2::after{
	border-top: 10px solid #FFF;
	border-right: 10px solid #FFF;
	border-radius: 0 20px 0 0;
    right: 0;
}

.sec_case > h2 br{display: none;}

.case{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.case .image{
	width: 324px;
	flex: none;
}

.case .image img{
	width: 100%;
	height: auto;
}

.case .image02{display: none;}

.case .col_l{
	width: 320px;
	opacity: 0;
	transform: translateX(-100px);
}

.case .col_r{
	width: 320px;
	opacity: 0;
	transform: translateX(100px);
}

.case .col_l .inner:nth-of-type(1){margin-left: 40px;}

.case .col_r .inner:nth-of-type(2){margin-left: 40px;}

.case .inner{
	width: 280px;
	min-height: 195px;
	background: #FFF;
	padding: 0px 40px;
	margin-bottom: 80px;
	border-radius: 20px 0 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.case .inner:last-child{margin-bottom: 0;}

.case .inner h3{
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 20px;
	text-align: center;
}

.case .inner h3 span{display: inline-block;}

.case .inner .txt{line-height: 1.6;}

.frame_btm{
	width: 100%;
	height: 65px;
	margin-bottom: 50px;
	position: relative;
}

.frame_btm::before,
.frame_btm::after{
	content: "";
	display: inline-block;
	width: 164px;
	height: 55px;
	background: #FFDE35;
	position: absolute;
	bottom: 0;
}

.frame_btm::before{
	border-bottom: 10px solid #FFF;
	border-left: 10px solid #FFF;
	border-radius: 0 0 0 20px;
	left: 0;
}

.frame_btm::after{
	border-bottom: 10px solid #FFF;
	border-right: 10px solid #FFF;
	border-radius: 0 0 20px 0;
	right: 0;
}

.sec_case .catch{text-align: center;}

.sec_case .catch h2{
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 1.4;
	margin-bottom: 15px;
}

.sec_case .catch h2 br{display: none;}

.sec_case .catch .txt{line-height: 1.6;}

/*--フェード--*/
.case .col_l.fade,
.case .col_r.fade{
	opacity: 0;
	transition: opacity 1s, transform 1s;
}

.case .col_l.fade.fadein,
.case .col_r.fade.fadein{
	opacity: 1;
	transform: translateX(0);
}

.case .col_l.fadein{
	opacity: 1;
	transform: translateX(0);
	transition-delay: 0.5s;
}

.case .col_r.fadein{
	opacity: 1;
	transform: translateX(0);
	transition-delay: 1s;
}

/* ボタンエリア
---------------------------------------------- */
.btn_area{
	max-width: 1120px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 50px 70px;
}

.btn_area .col_l{width: calc(50% - 10px);}

.btn_area .col_l .sp{display: none;}

.btn_area .col_r{width: calc(50% - 10px);}

.btn_area .col_r .btn_mail{margin-bottom: 30px;}

/* 料金のご案内
---------------------------------------------- */
.sec_price{
	background: #4ABFD7;
	padding: 70px 50px 90px;
}

.sec_price .heading01{color: #FFF;}

.sec_price .content{
	max-width: 1020px;
	margin: 0 auto;
}

.wrap_price{
	margin: 0 -15px 15px;
	display: flex;
}

.wrap_price .item{
	width: 33.333%;
	padding: 0 15px;
	font-weight: 700;
}

.wrap_price .plan_name{margin-bottom: 20px;}

.wrap_price .plan_name p{
	font-family: 'Roboto';
	font-size: 5.6rem;
	line-height: 0.9;
}

.wrap_price .plan_name span{
	display: block;
	font-size: 1.8rem;
}

.wrap_price .item .item_inner{
	background: #FFF;
	padding: 40px 0;
	border-radius: 20px;
	text-align: center;
}

.wrap_price .item .item_inner .inner{
	padding: 0 40px;
	margin-bottom: 20px;
}

.wrap_price .item .item_inner .inner h3{
	font-size: 1.8rem;
	line-height: 1;
	color: #FFF;
	background: #F56F00;
	padding: 6px 0;
	margin-bottom: 4px;
	border-radius: 30px;
}

.wrap_price .item .item_inner .inner p{
	font-size: 1.6rem;
	line-height: 1.2;
}

.wrap_price .item .item_inner .image{
	width: 200px;
	margin: 0 auto 20px;
}

.wrap_price .item .item_inner .image img{
	width: 100%;
	height: auto;
}

.wrap_price .item .item_inner .price{
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}

.wrap_price .item .item_inner .price .txt_price01{
	font-family: 'Roboto';
	font-size: 5.6rem;
	line-height: 1;
}

.wrap_price .item .item_inner .price .txt_price02{
	display: flex;
    flex-direction: column;
	line-height: 1.2;
}

.wrap_price .item .item_inner .price .txt_price02 span.tax{font-size: 1.8rem;}

.wrap_price .item .item_inner .price .txt_price02 span.yen{font-size: 2rem;}

.sec_price .txt_price_btm{
	color: #AEAEAE;
	font-size: 1.4rem;
	line-height: 1.4;
}

.sec_price .note{
	color: #FFF;
	line-height: 1.4;
	margin-bottom: 35px;
	text-indent: -1em;
	padding-left: 1em;
}

.cube{
	background: #FFF;
	padding: 60px 0;
	border: 4px solid #000;
	border-radius: 20px;
	margin-bottom: 30px;
}

.cube .inner{
	margin-bottom: 30px;
	text-align: center;
}

.cube .inner h3{
	display: inline-block;
	font-weight: 700;
	font-size: 2.4rem;
	margin-bottom: 13px;
	background: linear-gradient(transparent 66.66%, #FFDE35 33.33%);
}

.cube .image{
	width: 254px;
	margin: 0 auto;
}

.cube .image img{
	width: 214px;
	height: auto;
}

.txt_cube{
	text-align: center;
	color: #FFF;
}

.txt_cube h3{
	font-size: 2.4rem;
	font-weight: 700;
}

/* よくあるご質問
---------------------------------------------- */
.sec_faq{
	max-width: 1120px;
	margin: 0 auto;
	padding: 80px 50px;
}

.faq{margin-bottom: 40px;}

.faq:last-of-type{margin-bottom: 0;}

.question{
	padding: 0 70px;
	margin-bottom: 15px;
	position: relative;
	color: #FFF;
}

.question::before{
	content: "";
	display: inline-block;
	background: url("../img/ico_question01@2x.png") no-repeat center;
	background-size: contain;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
}

.question .inner{
	background: #4ABFD7;
	font-size: 1.8rem;
	border-radius: 10px;
	padding: 19px 20px;
}

.answer{
	padding: 0 70px;
	position: relative;
	color: #FFF;
}

.answer::after{
	content: "";
	display: inline-block;
	background: url("../img/ico_answer01@2x.png") no-repeat center;
	background-size: contain;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	right: 0;
}

.answer .inner{
	background: #F56F00;
	border-radius: 10px;
	padding: 19px 20px;
}

/* LINE
---------------------------------------------- */
.wrap_line{
	background: #00BA01;
	padding: 0 50px;
}

.wrap_line a{
	display: block;
	max-width: 905px;
	margin: 0 auto;
}

.line{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 40px;
}

.line .image01{
	width: 160px;
	margin-right: 20px;
	flex: none;
}

.line .image01 img{
	width: 100%;
	height: auto;
}

.line_inner{
	font-weight: 700;
	font-size: 5rem;
	line-height: 1.2;
	color: #FFF;
}

.line_inner .txt_line01 span{color: #FFDE35;}

.line .image02{
	width: 231px;
	flex: none;
}

.line .image02 img{
	width: 100%;
	height: auto;
}

/* お問い合わせ
---------------------------------------------- */
.sec_contact{
	background: #FFDE35;
	padding: 80px 50px 0;
}

.wrap_contact{
	background: #FFF;
	max-width: 1040px;
	padding: 60px 80px 80px;
	margin: 0 auto;
}

.wrap_contact h2{text-align: center;}

.txt_contact{
	text-align: center;
	margin-bottom: 50px;
}

/*--個別設定--*/
.sec_contact.input .form tr.live th,
.sec_contact.input .form tr.live td,
.sec_contact.input .form tr.elevator th,
.sec_contact.input .form tr.elevator td{padding: 22px 0;}

.sec_contact.input .form tr.inquiry th,
.sec_contact.input .form tr.inquiry td{padding-bottom: 30px;}

.form tr.inquiry th{vertical-align: top;}

.form tr.inquiry .optional{
    top: 15px;
    margin-top: 0;
}

/*--個人情報保護方針--*/
.wrap_privacy{
	border-top: 1px solid #E0E0E0;
	padding-top: 30px;
}

.txt_privacy{
	font-weight: 700;
	line-height: 1;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
	margin-bottom: 10px;
}

.txt_privacy h3{margin-right: 10px;}

.txt_privacy p{font-size: 1.2rem;}

#privacy{
    border: 1px solid #D2D2C4;
	border-radius: 10px;
    height: 180px;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.6;
}

#privacy p{margin-bottom: 20px;}

#privacy p:last-of-type{margin-bottom: 0;}

#privacy ul{margin-bottom: 10px;} 

/* 確認画面
---------------------------------------------- */
.sec_contact.conf .wrap_contact h2{margin-bottom: 50px;}

/* 完了画面
---------------------------------------------- */
.sec_contact.comp .wrap_contact h2{margin-bottom: 50px;}

.wrap_contact .completion{text-align: center;}

.completion .inner{margin-bottom: 60px;}

/* エラー画面
---------------------------------------------- */
.sec_contact.err .wrap_contact h2{margin-bottom: 50px;}

.wrap_contact .error_screen{text-align: center;}

.error_screen .inner{margin-bottom: 60px;}


@media only screen and (max-width:1115px){ /* 表示領域が1115px以下の場合に適用するスタイル */
	
	/* 以下のような場面でお役立てください！
	---------------------------------------------- */
	.sec_case > h2::before,
	.sec_case > h2::after{
		width: 100px;
    	height: 30px;
	}
	
	.frame_btm::before,
	.frame_btm::after{
		width: 100px;
    	height: 30px;
	}
	
	/* LINE
	---------------------------------------------- */
	.line_inner{font-size: 4rem;}
	
	
}/*--@media--*/


@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */
	
	/* まずは、お問い合わせください！
	---------------------------------------------- */
	.wrapper > .btn_contact01{
		display: block;
		padding: 20px 0 40px;
		text-align: center;
	}
	
	/* ボタン
	---------------------------------------------- */
	/*--btn_contact01--*/
	.btn_contact01 .inner{padding: 20px 5px 15px;}

	.btn_contact01 .inner .txt{
		font-size: 1.6rem;
		margin-bottom: 10px;
	}

	.btn_contact01 .inner .txt span{
		font-size: 1.2rem;
		margin: 0 0 0 5px;
	}

	.btn_contact01 .inner .wrap_tel svg{
		width: 21.54px;
		height: 40px;
		margin: 0 5px 0 0;
	}

	.btn_contact01 .inner .wrap_tel .num{font-size: 4.2rem;}

	.btn_contact01 .catch{font-size: 1.4rem;}
	
	/*--btn_mail--*/
	.btn_mail a{
		font-size: 1.8rem;
		padding: 9px 0;
		border-radius: 15px;
	}

	.btn_mail a svg{
		display: inline-block;
		width: 34px;
		height: 34px;
		margin-right: 5px;
	}

	/*--btn_line--*/
	.btn_line a{
		font-size: 1.8rem;
		padding: 14px 0;
		border-radius: 15px;
	}

	.btn_line a svg{
		display: inline-block;
		width: 34px;
		height: 34px;
		margin-right: 5px;
	}
	
	/* 業務内容一覧
	---------------------------------------------- */
	.sec_work{margin-bottom: 40px;}
	
	.wrap_work{margin:0;}

	.work{
		width: calc(50% - 7.5px);
		padding: 0;
		margin-bottom: 15px;
	}
	
	.work .inner{
		background: #FFF;
		padding: 5px 0 30px;
		border: 4px solid #4ABFD7;
	}
		
	.work .txt{font-size: 1.4rem;}
	
	.work .txt br{display: block;}
	
	.work .ico{
		width: 40px;
		height: 40px;
		font-size: 1.8rem;
		padding-top: 4px;
	}
	
	.work .image{
		width: 62.5%;
		margin-bottom: 15px;
	}
	
	.txt_work{
		font-size: 2rem;
		line-height: 1.4;
	}
	
	.txt_work br{display: block;}
	
	/* バナー
	---------------------------------------------- */
	.bannar_home01{max-width: 460px;}
	
	.bannar_home01 a img:nth-of-type(1){display: none;}
	
	.bannar_home01 a img:nth-of-type(2){display: block;}
	
	/* SUTEMA専科の強み
	---------------------------------------------- */
	.sec_forte{
		padding: 50px 20px;
		margin-bottom: 50px;
	}
	
	.sec_forte br{display: none;}
	
	/* 以下のような場面でお役立てください！
	---------------------------------------------- */
	.sec_case > h2{
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
	
	.sec_case > h2::before,
	.sec_case > h2::after{
		width: 50px;
		height: 50px;
		top: 10px;
	}

	.sec_case > h2::before{
		border-top: 6px solid #FFF;
		border-left: 6px solid #FFF;
	}

	.sec_case > h2::after{
		border-top: 6px solid #FFF;
		border-right: 6px solid #FFF;
	}
	
	.sec_case > h2 br{display: block;}
	
	.case{flex-wrap: wrap;}
	
	.case .col_l,
	.case .col_r{width: calc(50% - 7.5px);}
	
	.case .col_l{margin-right: 7.5px;}
	
	.case .col_r{margin-left: 7.5px;}
	
	.case .col_l .inner:nth-of-type(1){margin-left: 0;}
	
	.case .col_r .inner:nth-of-type(2){margin-left: 0;}
	
	.case .inner{
		width: 100%;
		height: auto;
		min-height: unset;
		padding: 20px;
		margin-bottom: 15px;
		justify-content: flex-start;
	}

	.case .inner h3{
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	
	.case .inner h3 span{display: block;}
	
	.case .image{
		width: 47.761%;
		margin-top: 20px;
	}
	
	.case .image01{display: none;}
	
	.case .image02{display: block;}
	
	.frame_btm{height: 50px;}

	.frame_btm::before,
	.frame_btm::after{
		width: 44px;
		height: 44px;
	}

	.frame_btm::before{
		border-bottom: 6px solid #FFF;
		border-left: 6px solid #FFF;
	}

	.frame_btm::after{
		border-bottom: 6px solid #FFF;
		border-right: 6px solid #FFF;
	}
	
	.sec_case .catch h2{font-size: 2.4rem;}
	
	.sec_case .catch h2 br{display: block;}
	
	/* ボタンエリア
	---------------------------------------------- */
	.btn_area{
		display: block;
		padding: 40px 20px;
	}
	
	.btn_area .col_l,
	.btn_area .col_r{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.btn_area .col_l{margin-bottom: 20px;}

	.btn_area .col_l .pc{display: none;}

	.btn_area .col_l .sp{display: block;}

	.btn_area .col_r{flex-direction: column;}

	.btn_area .col_r .btn_mail{margin-bottom: 10px;}
	
	/* 料金のご案内
	---------------------------------------------- */
	.wrap_price{margin: 0 -7.5px 15px;}

	.wrap_price .item{padding: 0 7.5px;}
	
	.wrap_price .item .item_inner{padding: 20px 0;}

	.wrap_price .item .item_inner .inner{padding: 0 20px;}

	.wrap_price .item .item_inner .inner h3{
		min-width: unset;
		width: 100%;
		font-size: 1.6rem;
		padding: 5px 3px;
		display: inline-block;
	}
	
	.wrap_price .item .item_inner .image{width: 170px;}
	
	.wrap_price .item .item_inner .price{margin-bottom: 15px;}
	
	.wrap_price .item .item_inner .price .txt_price01{font-size: 4.5rem;}

	.wrap_price .item .item_inner .price .txt_price02 span.tax{font-size: 1.4rem;}

	.wrap_price .item .item_inner .price .txt_price02 span.yen{font-size: 1.6rem;}

	/* LINE
	---------------------------------------------- */
	.line_inner{font-size: 3.4rem;}

	/* お問い合わせ
	---------------------------------------------- */
	.wrap_contact{padding: 60px 50px 80px;}
	
	/*--個別設定--*/
	.sec_contact.input .form tr.live th,
	.sec_contact.input .form tr.live td,
	.sec_contact.input .form tr.elevator th,
	.sec_contact.input .form tr.inquiry th{padding: 0 0 15px;}

	.sec_contact.input .form tr.elevator td{padding: 0 0 20px;}
	
	.sec_contact.input .form tr.inquiry td{padding-bottom: 0;}

	.form tr.inquiry th{vertical-align: unset;}

	.form tr.inquiry .optional{
		top: unset;
		margin-top: 0;
	}

	/*--個人情報保護方針--*/
	.wrap_privacy{
		padding-top: 20px;
		margin-top: 25px
	}

	.txt_privacy{display: block;}

	.txt_privacy h3{margin: 0 0 5px 0;}
	
	.txt_privacy p{line-height: 1.2;}

	#privacy{ height: 180px;}

	#privacy p{margin-bottom: 15px;}
	
	/* 確認画面
	---------------------------------------------- */
	.sec_contact.conf .wrap_contact h2{margin-bottom: 30px;}

	/* 完了画面
	---------------------------------------------- */
	.sec_contact.comp .wrap_contact h2{margin-bottom: 30px;}
	
	.completion .inner{margin-bottom: 40px;}

	/* エラー画面
	---------------------------------------------- */
	.sec_contact.err .wrap_contact h2{margin-bottom: 30px;}
	
	.error_screen .inner{margin-bottom: 40px;}
	

}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */
	
	.wrapper{padding: 0 20px 60px;}
	
	/* メインビジュアル
	---------------------------------------------- */
	.main{padding: 23px 20px 0;}
	
	/* SUTEMA専科の強み
	---------------------------------------------- */
	.sec_forte h2{margin-bottom: 30px;}
	
	.sec_forte h2 img{max-width: 250.68px;}
	
	/* 業務内容一覧
	---------------------------------------------- */
	.work .image{margin-bottom: 10px;}
	
	.work .inner{padding: 5px 6px 20px;}
	
	/* 以下のような場面でお役立てください！
	---------------------------------------------- */
	.frame_btm{margin-bottom: 30px;}
	
	.sec_case .catch .txt br{display: none;}
	
	/* 料金のご案内
	---------------------------------------------- */
	.sec_price{padding: 60px 25px;}

	.wrap_price{
		margin: 0 0 15px;
		display: block;
	}

	.wrap_price .item{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	
	.wrap_price .item:last-of-type{margin-bottom: 0;}

	.wrap_price .item .item_inner{padding: 40px 0;}

	.wrap_price .item .item_inner .inner{padding: 0 40px;}

	.wrap_price .item .item_inner .inner h3{font-size: 1.8rem;}
	
	.wrap_price .item .item_inner .inner p{font-size: 1.6rem;}

	.wrap_price .item .item_inner .image{width: 200px;}
	
	.wrap_price .item .item_inner .price .txt_price01{font-size: 5.6rem;}

	.wrap_price .item .item_inner .price .txt_price02 span.tax{font-size: 1.8rem;}

	.wrap_price .item .item_inner .price .txt_price02 span.yen{font-size: 2rem;}

	.sec_price .note{margin-bottom: 40px;}

	.cube{padding: 40px 20px;}

	.cube .inner h3{font-size: 2rem;}
	
	.txt_cube{line-height: 1.4;}
	
	.txt_cube h3{
		font-size: 2rem;
		margin-bottom: 10px;
	}
	
	/* よくあるご質問
	---------------------------------------------- */
	.sec_faq{padding: 60px 10px;}

	.faq{margin-bottom: 30px;}

	.question{
		padding: 0 40px;
		margin-bottom: 10px;
		line-height: 1.4
	}

	.question::before{
		width: 32px;
		height: 32px;
	}

	.question .inner{padding: 10px 20px;}

	.answer{
		padding: 0 40px;
		line-height: 1.4
	}

	.answer::after{
		width: 32px;
		height: 32px;
	}

	.answer .inner{padding: 10px 20px;}

	/* LINE
	---------------------------------------------- */
	.wrap_line{padding: 40px 0 0;}

	.wrap_line a{
		display: block;
		max-width: 905px;
		margin: 0 auto;
	}

	.line{
		display: block;
		padding-top: 0;
	}

	.line .image01{
		width: 100px;
		margin: 0 auto 30px;
	}

	.line_inner{
		font-size: 3.6rem;
		line-height: 1.4;
		margin-bottom: 12px;
		text-align: center;
	}

	.line .image02{
		width: 172px;
		margin: 0 auto;
	}
	
	/* お問い合わせ
	---------------------------------------------- */
	.sec_contact{
		background: #FFF;
		padding: 40px 20px 60px;
	}

	.wrap_contact{padding: 0;}

	.wrap_contact h2{margin-bottom: 15px;}

	.txt_contact{margin-bottom: 30px;}
	
	
}/*--@media--*/


@media only screen and (max-width:380px){ /* 表示領域が380px以下の場合に適用するスタイル */
	
	/* ボタン
	---------------------------------------------- */
	.btn_contact01 a{min-width: 290px;}

	.btn_contact01 .inner .wrap_tel .num{font-size: 3.4rem;}
	
	/*--btn_mail--*/
	.btn_mail a{min-width: 290px;}

	/*--btn_line--*/
	.btn_line a{min-width: 290px;}

	/* 以下のような場面でお役立てください！
	---------------------------------------------- */
	.sec_case > h2{font-size: 2rem;}
	
	.sec_case > h2::before,
	.sec_case > h2::after{
		width: 40px;
		height: 40px;
	}
	
	.case .inner{padding: 10px 15px;}
	
	.frame_btm{height: 46px;}

	.frame_btm::before,
	.frame_btm::after{
		width: 40px;
		height: 40px;
	}
	
	/* 料金のご案内
	---------------------------------------------- */
	.cube .image{width: 224px;}

	.cube .image img{width: 184px;}

	/* LINE
	---------------------------------------------- */
	.line_inner{font-size: 3rem;}
	
	
}/*--@media--*/