@charset "utf-8";

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/

/*===================
	背景
===================*/
.work_bg{
	background: url(../img/sub/work_title_bg.jpg) no-repeat center;
	background-size: cover;
}
.flow_bg{
	background: url(../img/sub/flow_title_bg.jpg) no-repeat center;
	background-size: cover;
}
.qa_bg{
	background: url(../img/sub/qa_title_bg.jpg) no-repeat center;
	background-size: cover;
}
.about_bg{
	background: url(../img/sub/about_title_bg.jpg) no-repeat center;
	background-size: cover;
}
.cont_bg{
	background: url(../img/sub/cont_title_bg.jpg) no-repeat center;
	background-size: cover;
}

.campaign_bg{
	background: url(../img/sub/campaign_title_bg.jpg) no-repeat center;
	background-size: cover;
}
/*======================
	工事の流れ
=======================*/
.nflow01_01>ul{
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px;
	background: #EDEAE4;
	padding: 1em 0.5em;
}
.nflow01_01>ul>li{
	box-sizing: border-box;
	border-right: solid 1px #E1DBCC;
	text-align: center;
	line-height: 1.3;
	width: 25%;
	padding: 0.5em;
}
.nflow01_01>ul>li:last-child{
	border-right: none;
}
.nflow01_01>ul>li a{
	text-decoration: none;
	color: #966F35;
}
.nflow01_01>ul>li a:hover{
	text-decoration: underline;
}
.nflow01_02 h3{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	text-shadow:1px 1px 0 #966F35, -1px -1px 0 #966F35,
	-1px 1px 0 #966F35, 1px -1px 0 #966F35,
	0px 1px 0 #966F35,  0 -1px 0 #966F35,
	-1px 0 0 #966F35, 1px 0 0 #966F35;
}
.nflow01_02 h3::before{
	margin-right: 1rem;
}
.nflow01_02 h3::after{
	margin-left: 1rem;
}
.nflow01_02 h3::before,
.nflow01_02 h3::after{
	content: '';
	flex-grow: 1;
	border-top: solid 3.7px #966F35;
}
.nflow01_02 h4{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nflow01_02 h4::before{
	margin-right: 1rem;
}
.nflow01_02 h4::after{
	margin-left: 1rem;
}
.nflow01_02 h4::before,
.nflow01_02 h4::after{
	content: '';
	flex-grow: 1;
	border-top: solid 5px #E1DBCC;
}
.nflow01_03>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow01_04>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nflow01_04>ul>li{
	width: 48%;
	margin: 0 1% 0.5em;
}
.nflow01_05>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow01_06>ul{
	box-sizing: border-box;
	background: #E0DAC9;
	border-radius: 20px;
	padding: 2em;
}
.nflow01_06>ul>li:nth-child(2){
	padding: 1em 0 0;
}
.nflow01_07>ul>li{
	margin: 0 0 1em;
}
.nflow01_08>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow01_09{
	box-sizing: border-box;
	background: #ECE6D7;
	border-radius: 20px;
	padding: 2em;
}
.nflow01_09title{
	position: relative;
	padding-left: 3em;
}
.nflow01_09title::before{
	position: absolute;
	display: inline-block;
	content: '';
	background: url("../img/icon/icon_question.svg") no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	top: 0;
	left: 0;
}
.nflow02_01>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow02_02>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nflow02_02>ul>li{
	width: 48%;
	margin: 0 1% 0.5em;
}
.nflow02_03>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow02_04>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow02_04title{
	display: inline-block;
	border-radius: 50px;
	background: #966F35;
	padding: 0.3em 2em;
}
.nflow02_05>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nflow02_05>ul>li{
	width: 48%;
	margin: 0 1% 0.5em;
}
.nflow02_06>ul>li{
	margin: 0 0 1em;
}
.nflow02_06>ul>li>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow02_06>ul>li>ul>li{
	width: 48%;
	margin: 0 1% 0.5em;
}
.nflow03_01{
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 12px;
	padding: 2em;
}
.nflow03_01>ul>li{
	border-bottom: solid 1px #966F35;
	padding: 1em 0;
}
.nflow03_01>ul>li:last-child{
	border-bottom: none;
}
.nflow03_01>ul>li>ul>li:nth-child(2){
	padding: 1em 0 0;
}
.nflow03_01title{
	display: inline-block;
	border-radius: 50px;
	color: #FFFFFF;
	background: #966F35;
	padding: 0.3em 2em;
}
.nflow03_02>ul>li{
	margin: 0 0 1em;
}
.nflow03_02>ul>li>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow03_02>ul>li>ul>li:nth-child(1){
	width: 48%;
}
.nflow03_02>ul>li>ul>li:nth-child(2){
	width: 48%;
}
.nflow03_02title{
	display: inline-block;
	color: #FFFFFF;
	background: #966F35;
	border-radius: 50px;
	padding: 0.2em 1em;
}
.nflow03_03>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow04_01>ul>li:nth-child(2){
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
}
/*======================
    垰塗装のこだわり
=======================*/
.point_title>ul>li{
	float: none;
	
}

/*======================
	よくある質問
======================*/

.qa01_01block ul li{
	width:100%;
	padding:0.8em 2% 0.8em 10%;
	float: none;
	position: relative;
	box-sizing: border-box;
}


.qa01_01block ul li::before{
	content: '';
	background:url(../img/sub/q_icon.png) no-repeat;
	background-size: contain;
	width:25px;
	height:25px;
	 position: absolute;
    top: 0.8em;
    left: 1%;
	
}

.qa02_01block>ul>li{
	padding:0 0 1.5em 0;
}

.qa02_01_q{
	padding:0.8em 2% 0.8em 10%;
	position: relative;
	box-sizing: border-box;
	
}

.qa02_01_q::before{
	content: '';
	background:url(../img/sub/q_icon.png) no-repeat;
	background-size: contain;
	width:25px;
	height:25px;
	 position: absolute;
    top: 1em;
    left: 0;
	
}

.qa02_01_a{
	padding:0.8em 2% 0.8em 14%;
	position: relative;
	box-sizing: border-box;
	
}
.qa02_01_a::before{
	content: '';
	background:url(../img/sub/a_icon.png) no-repeat;
	background-size: contain;
	width:25px;
	height:25px;
	 position: absolute;
    top: 1em;
    left: 5%;
	
}


/*======================
    会社概要
=======================*/
.about01_01 ul li{/*442 1100*/
	width:80%;
	margin:1em 10%;
	float: left;
}

.about01_01 ul li a{
	width:100%;
	display: block;
	box-sizing: border-box;
	background:#FFFFFF;
	border:#FFFFFF 5px solid;
	padding:0.5em 10% 0.5em 5%;
	color:#A58546;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
	position: relative;
	border-radius: 10px;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.about01_01 ul li a:hover{
	background:#EEEEEE;
}

.about01_01 ul li a::after{
	content: '';
	background:url(../img/sub/icon_arrow_01.svg);
	width:17px;
	height:17px;
	position: absolute;
    top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}

.about02_01 dl{
	padding:1.5em 0;
	border-bottom:#CCCCCC 1px solid;
}

.about02_01 dl dt{
	font-weight: bold;
	font-size: 105%;
	width:21%;
	margin:0 2%;
	float: left;
}

.about02_01 dl dd{
	width:70%;
	margin:0 2.5%;
	float: left;
}

.abou03_01{
	margin:0;
	width:100%;
}

.abou03_01l{/*1600 980*/
	width:100%;
	float: none;
}

.abou03_01r{/*1600 315*/
	width:90%;
	margin:0 5%;
	float: none;
}

.abou05_01img{/*1600 1063*/
	width:100%;
	float: none;
	margin:0;
	position: relative;
	z-index: 1;
}
.abou05_01text{/*720 1600*/
	width:90%;
	float:left;
	margin:-4em 5% 0;/*250px*/
	background:rgba(255,255,255,0.8);
	position: relative;
	z-index: 2;
}

.abou05_01text_block{
	width:100%;
	padding:5em 10%;
	box-sizing: border-box;
}

/*アクセスマップ*/

.map_block {
	position:relative;
	padding-bottom: 46%; /* 100/300*200　*/
	height: 0;
	overflow: hidden;
}
.map_block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*======================
    お問い合わせ
=======================*/

.satei01_01title{
	display: inline-block;
	padding:0.5em 3em;
	background:#EE693F;
	border-radius: 30px;
	color:#FFFFFF;
	font-weight: bold;
}
	

.satei01_02{
	width:100%;
	padding:1em 0;
	border:#E4E3D8 solid 3px;
	background: #FFFFFF;
	border-radius: 50px;
}
	
.satei01_02 select{
	padding:0 1em !important;
	width:96%!important;
	margin:0 2% !important;
	border:none !important;
	outline: none!important;
	background:#FFFFFF!important;
}
	
.satei01_03>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.satei01_03>ul>li{
	width:48%;
	margin:0 1% 0.5em 0;
}
.satei01_04{
	width:100%;
	border-radius: 20px;
	background:#EDE4D6;
	padding:2em;
	box-sizing: border-box;
}

.satei01_05>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.satei01_05>ul>li{
	display: inline-block;
	padding:0 1em;
	
}

.mail03_01 dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	padding:0 0 2em 0;
}
.mail03_01 dl>dt{
	width:100%;
	margin:0 0 1em 0;
	font-weight: bold;
}
.mail03_01 dl>dd{
	width:100%;
}


.cont00_01 ul li{
	width:100%;
	margin:0.5em 0;
	float: none;
	
}
.cont00_01 ul li a{
	text-decoration: none;
	display: block;
	width:94%;
	margin:0 3%;
	background:#F1ECE2;
	border:#F1ECE2 3px solid;
	border-radius: 50px;
	padding:1em 0;
	text-align: center;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.cont00_01 ul li a:hover{
	border:#C2A876 3px solid;
}

.cont02_01{
	border-radius: 15px;
	border:#EAE3CC 1px solid;
	padding:1em 2em 2em;
	box-sizing: border-box;
}
/*メールフォーム*/

.mail01_01 dl{
	padding:1em 0;
}

.mail01_01 dt{
	width:98%;
	padding:0 0 0 1%;
	margin:0.6em 0;
	float:none;
	font-weight:bold;
}

.mail01_01 dd{
	width:98%;
	margin:0 1%;
	float:none;
}
input.text_min,
input.text,
input.text_middle,
select.text,
select.text_min,
select.text_middle,
textarea.text{
	border:#E4E3D8 solid 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50px;
	padding: 1em;
    font-size: 110%;
	margin:0.5em 0;
	width:100%;
}
input.text_min,
select.text_min{
	width:30%;
}
input.text_middle,
select.text_middle{
	width:50%;
}
textarea.text{
	
	padding: 2em;
}

.cont01_02 input{
    width:auto;
	max-width:100%;
	margin:0 auto;
}
    
input[type=checkbox],
input[type=radio] {
margin:0.5em;
  transform: scale(1.5);
}

/*若手ページ追加　20200415*/

.youn01_00title{
	position: relative;
	z-index: 2;
	
}
.youn01_00mainasu{
	position: relative;
	margin:-8em 0 0 0;
	z-index: 1;
}


.youn01_02title{
	position: relative;
	z-index: 4;
	
}
.youn01_02mainasu{
	position: relative;
	margin:0;
	z-index: 3;
}
.youn01_02bg img{
	width:100%;
	
}

.youn01_03bg{
	margin:-5em 0 0 0;
	padding:5em 0 3em 0;
	background: url(../img/sub/youn_02_bg_line.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 1;
}

.youn01_03bg::after{
	content: '';
	width:100px;
	height:100px;
	background:url(../img/sub/youn_02_bg_line_icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom:6em;
	left:2em;
	z-index: -1;
}

.youn03_01bg img{
	width:100%;
}

.youn03_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.youn03_01>ul>li:nth-child(1){/*1140 245*/
	width:35%;
	margin:0 3% 0 0;
}
.youn03_01>ul>li:nth-child(2){/*1140 530*/
	width:62%;
}

.youn03_02block{
	position: relative;
}

.youn03_02>ul>li{
	padding:1em 0;
}

.youn03_02text,
.youn03_02text_02,
.youn03_text_03{/*1140 560*/
	width:90%;
	margin:-5em auto 0;

}
.youn03_02img,
.youn03_02img_02,
.youn03_img_03{/*1100 760*/
	width:70%;
	margin:0 0 0 30%;
}

.youn03_02_p p{
	display: inline;
}

/*よくある質問*/
.qa01_00>ul>li{
	padding:1.5em 0 0;
}

.qa01_01 h3{
	display: inline-block;
	padding:0.7em 0;
	margin:1em 0 0;
	border-radius: 50px;
}

.qa01_01>div>ul>li{
	background:#FFFFFF;
	border-radius: 15px;
	margin:1em 0;

}

.qa01_01>div>ul>li>a{
	display: block;
	width:100%;
	padding:1em 5%;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}
.qa01_01>div>ul>li a dl dt{
	width:100%;
	padding:0;
	float: left;
	font-weight: bold;
}
.qa01_01>div>ul>li a dl dd{
	width:93%;
	margin:0.2em 6% 0 1%;
	float: left;
	font-weight: bold;
}

.qa01_01>div>ul>li>ul>li{
	background:#EEEEEE;
	border-radius: 0 0 15px 15px;
}

.qa01_01>div>ul>li>ul>li>dl{
	width:93%;
	margin:0 2% 0 7%;
	padding:1em 0;
}

.qa01_01>div>ul>li>ul>li>dl>dt{
	width:100%;
	float: left;
	font-weight: bold;
}
.qa01_01>div>ul>li>ul>li>dl>dd{
	width:95%;
	margin:0 5% 0 0;
	float: left;
}


.child {
    display: none;
}
.menu{
	position: relative;
}
.menu:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_plus_qa.svg) no-repeat;
	background-size: contain;
	width:16px;
	height:16px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}

.menu.active:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_mainasu_qa.svg) no-repeat;
	background-size: contain;
	width:16px;
	height:16px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}


.youn04_01img{/*1100 760*/
	width:100%;
	margin:0;
}
.youn04_01img img{/*1100 760*/
	width:100%;
	margin:0;
}


.youn04_01text{
	margin:-5em 0 3em 0;

}

.back_F0ECDB{
	background:#F0ECDB;
}

.youn05_01mainasu{
	margin:-4em 0 0 0;
}



/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

/*======================
	工事の流れ
=======================*/
.nflow01_01>ul{
	padding: 1.5em 1em;
}
.nflow01_01>ul>li{
	border-bottom: none;
	border-right: solid 1px #E1DBCC;
	width: 25%;
	padding: 0;
}
.nflow01_01>ul>li:last-child{
	border-right: none;
}
.nflow01_01>ul>li a{
	text-decoration: none;
	color: #966F35;
}
.nflow01_01>ul>li a:hover{
	text-decoration: underline;
}
.nflow01_02 h3::before{
	margin-right: 0
}
.nflow01_02 h3::before{
	content: '';
	flex-grow: 0;
	border-top: none;
}
.nflow01_02 h4::before{
	margin-right: 0;
}
.nflow01_02 h4::before{
	content: '';
	flex-grow: 0;
	border-top: none;
}
.nflow01_03>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow01_03>ul>li:nth-child(1){
	width: 40%;
}
.nflow01_03>ul>li:nth-child(2){
	width: 54.5454%;
	margin: 0;
}
.nflow01_04>ul{
	justify-content: space-between;
}
.nflow01_04>ul>li{
	width: 32.2727%;
	margin: 0;
}
.nflow01_05>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow01_05>ul>li:nth-child(1){
	width: 52.7272%;
}
.nflow01_05>ul>li:nth-child(2){
	width: 40.9090%;
}
.nflow01_06>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 3.5em 4.5em;
}
.nflow01_06>ul>li:nth-child(1){
	width: 44%;
}
.nflow01_06>ul>li:nth-child(2){
	width: 46%;
}
.nflow01_07>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow01_07>ul>li:nth-child(1){
	width: 40%;
}
.nflow01_07>ul>li:nth-child(2){
	width: 58.3636%;
}
.nflow01_08>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.nflow01_08>ul>li:nth-child(1){
	width: 55.4545%;
}
.nflow01_08>ul>li:nth-child(2){
	width: 40.7272%;
	margin: 0 auto;
	padding: 1em 0 0;
}
.nflow01_09{
	padding: 3em 4em;
}
.nflow01_09title{
	padding-left: 3.5em;
}
.nflow01_09title::before{
	position: absolute;
	display: inline-block;
	content: '';
	background: url("../img/icon/icon_question.svg") no-repeat;
	background-size: contain;
	width: 45px;
	height: 45px;
	top: -25%;
	left: 0;
}
.nflow02_01>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow02_01>ul>li:nth-child(1){
	width: 39.8181%;
}
.nflow02_01>ul>li:nth-child(2){
	width: 51.8181%;
}
.nflow02_02>ul{
	justify-content: space-between;
}
.nflow02_02>ul>li{
	width: 31.3636%;
	margin: 0;
}
.nflow02_03>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow02_03>ul>li:nth-child(1){
	width: 50%;
}
.nflow02_03>ul>li:nth-child(2){
	width: 42.2727%;
}
.nflow02_04>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow02_04>ul>li:nth-child(1){
	width: 32%;
}
.nflow02_04>ul>li:nth-child(2){
	width: 65%;
	margin: 0;
	padding: 1em 0 0;
}
.nflow02_04title{
	margin-right: 1em;
	padding: 0.3em 2em;
}
.nflow02_05>ul>li{
	width: 31.3636%;
	margin: 0 0.5% 3em;
}
.nflow02_06>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow02_06>ul>li{
	width: 31.3636%;
	margin: 0 0.5% 3em;
}
.nflow02_06>ul>li>ul{
	display: block;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.nflow02_06>ul>li>ul>li{
	width: 100%;
	margin: 0;
}
.nflow03_01{
	padding: 2em 4em;
}
.nflow03_01>ul>li{
	border-bottom: solid 1px #966F35;
	padding: 2em 0;
}
.nflow03_01>ul>li>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow03_01>ul>li>ul>li:nth-child(1){
	width: 48%;
}
.nflow03_01>ul>li>ul>li:nth-child(2){
	width: 45%;
}
.nflow03_01title{
	padding: 0.3em 2em;
}
.nflow03_02>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow03_02>ul>li{
	width: 31.3636%;
	margin: 0;
}
.nflow03_02>ul>li>ul{
	display: block;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.nflow03_02>ul>li>ul>li:nth-child(1){
	width: 100%;
}
.nflow03_02>ul>li>ul>li:nth-child(2){
	width: 100%;
}
.nflow03_02title{
	padding: 0.2em 2em;
}
.nflow03_03>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow03_03>ul>li:nth-child(1){
	width: 50%;
}
.nflow03_03>ul>li:nth-child(2){
	width: 44%;
	margin: 0;
}
.nflow04_01>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nflow04_01>ul>li:nth-child(1){
	width: 50%;
}
.nflow04_01>ul>li:nth-child(2){
	width: 41.8181%;
	margin: 0;
}
/*======================
    垰塗装のこだわり
=======================*/
.point_title>ul>li{
	float: left;
	
}
	
	
/*=====================
	よくある質問
=====================*/
	
.qa01_01block ul li{
	width:50%;
	padding:0.8em 2% 0.8em 6%;
	float: left;
}
	
.qa02_01_q::before{
	content: '';
	background:url(../img/sub/q_icon.png) no-repeat;
	background-size: contain;
	width:25px;
	height:25px;
	 position: absolute;
    top: 0.7em;
    left: 2%;
	
}
	
/*=========================
	会社概要
==========================*/
	
.about01_01 ul li{/*442 1100*/
	width:40.181818%;
	margin:1em 4.9%;
	float: left;
}


.abou03_01r{/*1600 315*/
	width:80%;
	margin:0 10%;
	float: none;
}
	
.abou05_01text{/*720 1600*/
	width:80%;
	float:left;
	margin:-7em 0 2em 10%;/*250px*/
	background:rgba(255,255,255,0.8);
}
	
/*===================
    お問い合わせ
====================*/

.cont00_01 ul li{
	width:29.8245%;
	margin:0 1.7543%;
	float: left;
	
}
.satei01_01{
	width:90%;
	margin:0 auto;
}
.satei01_02{
	width:65%;
}
	
	
.satei01_02{
	padding:0;
}
	
.satei01_02 select{
	padding:1em !important;
}
    
.pc_80{
	width: 80%;
	margin:0 auto;
}
	
.mail03_01 dl>dt{
	width:15%;
}
.mail03_01 dl>dd{
	width:65%;
}	
	
.satei01_03>ul>li{
	width:25%;
	margin:0 0 0.5em 0;
}
.satei01_04{
	width:80%;
	padding:2em 5em;
}
	
	
    
/*メールフォーム*/
.mail01_01 dt{
	padding:0;
	margin:0.6em 0;
	width:25%;
	float:left;
	
}
.mail01_01 dd{
	width:73%;
	margin:0 1%;
	float:left;
	
}

input.text,
select.text,
textarea.text{
	width:100%;
}

input.text{
	width:90%;
}


.cont01_02 input{
	width:auto;
	margin:0 auto;
}

/*若手ページ追加　20200415*/

.youn01_00mainasu{
	margin:-18em 0 0 0;
}
	
.youn01_02mainasu{
	margin:-18em 0 0 0;
}
	
.youn01_03bg{
	margin:-10em 0 0 0;
	padding:10em 0 11em 0;
	background: url(../img/sub/youn_02_bg_line.png) no-repeat;
	background-size: 100% 100%;
}
	
.youn01_03bg::after{
	content: '';
	width:216px;
	height:202px;
	background:url(../img/sub/youn_02_bg_line_icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom:7em;
	left:5em;
	z-index: -1;
}
	
.youn03_01>ul>li:nth-child(1){/*1140 245*/
	width:21.49122%;
	margin:0 3% 0 14.9122%;
}
.youn03_01>ul>li:nth-child(2){/*1140 530*/
	width:46.49122%;
}

.youn03_02>ul>li{
	padding:2em 0;
}
	
.youn03_02text{/*1140 560*/
	width:60%;
	margin:0;
	position: absolute;
	top: 60%;
	left: 40%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);

}
.youn03_02img{/*1100 760*/
	width:70%;
	margin:0 0 0 30%;
}

.youn03_02_p p{
	display: block;
	margin:0.1em 0;
}
.youn03_02_p p span{
	display: inline-block;
	padding:0.2em 1em;
	background:#F3F3F3;
	
}

.youn03_02text_02{/*1140 560*/
	width:55%;
	margin:0;
	position: absolute;
	top: 30%;
	left: 80%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);

}
.youn03_02img_02{/*1100 760*/
	width:70%;
	margin:0;
}

.youn03_text_03{/*1140 560*/
	width:60%;
	margin:0;
	position: absolute;
	top: 40%;
	left: 40%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);

}
.youn03_img_03{/*1100 760*/
	width:70%;
	margin:0 0 0 30%;
}

	
.qa01_01>div>ul>li a dl dt{
	width:10%;
	padding:0;
}
.qa01_01>div>ul>li a dl dd{
	width:85%;
	margin:0.2em 3% 0 1%;
}

.qa01_01>div>ul>li>ul>li>dl>dt{
	width:5%;
	padding:0;
}
.qa01_01>div>ul>li>ul>li>dl>dd{
	width:88%;
	margin:0 5% 0 2%;
}

.menu:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_plus_qa.svg) no-repeat;
	background-size: contain;
	width:24px;
	height:24px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}
.menu.active:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_mainasu_qa.svg) no-repeat;
	background-size: contain;
	width:24px;
	height:24px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}
	
	
	
	
.youn04_01img{/*1100 760*/
	width:70%;
	margin:0 0 0 30%;
}
.youn04_01img img{/*1100 760*/
	width:100%;
	margin:0;
}


.youn04_01text{
	margin:-30em 0 0 0;

}

.youn04_01_p p{
	margin:0.1em 0;
}
.youn04_01_p p span{
	display: inline-block;
	padding:0.2em 1em;
	background:rgba(249,247,240,0.8);
	
}

    

}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1140px) {
/**** メインコンテンツ　****/ 
	
/*=====================
	よくある質問
=====================*/
	
.qa01_01block ul li::before{
	content: '';
	background:url(../img/sub/q_icon.png) no-repeat;
	background-size: contain;
	width:37px;
	height:37px;
	 position: absolute;
    top: 0.8em;
    left: 1%;
	
}
.qa02_01_q::before{
	width:37px;
	height:37px;
	 position: absolute;
    top: 0.8em;
    left: 2%;
	
}
.qa02_01_a::before{
	content: '';
	background:url(../img/sub/a_icon.png) no-repeat;
	background-size: contain;
	width:37px;
	height:37px;
	 position: absolute;
    top: 1em;
    left: 5%;
	
}
	
/*======================
	会社概要
=======================*/
	
.abou03_01l{/*1600 980*/
	width:61%;
	float: left;
}

.abou03_01r{/*1600 315*/
	width:19%;
	margin:0 2%;
	float: left;
}
.abou05_01img{/*1600 1063*/
	width:66%;
	float: right;
	margin:0;
}
.abou05_01text{/*720 1600*/
	width:45%;
	float:left;
	margin:-20em 0 0 15%;/*250px*/
	background:rgba(255,255,255,0.8);
}


}

/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1440px) {
/**** メインコンテンツ　****/ 
    

}
	

/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1600px) {
/*=========================
	会社概要
==========================*/

	
}