@charset "utf-8";
h1.pages_title_01{font-size:2.4rem;font-weight:500;padding:5px 0;width:420px;margin:auto;letter-spacing: 0.1em;text-align: center;border: 1px solid #6a3906;border-radius: 30px 30px 30px 30px;}
.top_tx h1 {font-size:2rem;text-align: center;padding:40px 0;line-height: 2;letter-spacing: 0.1em;}
.top_cont_01{width:1130px;align-items:stretch;}
.top_cont_01 div{width:315px;display:flex;flex-direction: column;align-items: center;justify-content:flex-start;padding-top:75px;}
.top_cont_01 div span {width:300px;display:inline-block;}

.top_cont_01 div p{font-size:1.3rem;letter-spacing:0.1em;line-height:1.8;width:100%;}
.top_cont_01 h2 {font-size:20px;padding:35px 0 30px;letter-spacing: 0.1em;}
.top_cont_01 a{display:block;width:170px;padding:45px 0 75px;margin-top:auto;}

.top_cont_02{padding:55px 0 60px;width:1200px;align-items: flex-start;}
.top_cont_02 h1{font-size:20px;letter-spacing: 0.1em;}
.news_box{width:1040px;}
.news_box dl{align-items: flex-start;padding:25px 0;border-bottom:1px dotted #7f4f21; }
.news_box dl:nth-child(1){padding-top:0;}
.news_box dl dt{width:12em;}
.news_box dl dd{flex:1;}
.news_box dl dd,.news_box dl dt{font-size:1.3rem;letter-spacing: 0.1em;line-height:1.7;}
.top_cont_03 {position: relative; text-align: center;}
.top_cont_03>div {position:absolute;top:190px;}
.top_cont_03 h1 {display:inline-block;font-size:25px;font-weight:500;padding:5px 50px;border:1px solid #6a3906;margin-bottom:30px;}
.top_cont_03 p:nth-child(2){font-size:25px;}
.top_cont_03 p:nth-child(2) span{font-size:25px;font-weight:500;}
.top_cont_03 p:nth-child(3){font-size:16px;padding-top:0px; letter-spacing: 0.1em; line-height: 2.2; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

.top_cont_04 {position: relative; text-align: left; font-color: #fff;}
.top_cont_04>div {position:absolute; top:50px; left:50%; line-height: 3em;}
.top_cont_04 h1 {display:inline-block; letter-spacing: .2em;color: #fff; font-size:22px;font-weight:500;padding:5px 50px;border:.5px solid #ffffff;margin-bottom:30px;}
.top_cont_04 p:nth-child(2){font-size:13px; letter-spacing: .1em; color: #fff;}
.top_cont_04 p:nth-child(2) span{font-size:25px;font-weight:500;color: #fff;}
.top_cont_04 p:nth-child(3){font-size:16px; color: #fff; padding-top:0px; letter-spacing: 0.1em; line-height: 2.2; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";padding-top: 30px;}

.top_cont_05 {width: 100%; vertical-align: middle;;}




#restoration_top h2{font-size:2.8rem;font-weight: 500;text-align: center;letter-spacing: 0.1em;padding-bottom:30px;}
.restoration_cont_01{width:1200px;padding:30px 0 40px;}
.restoration_cont_01 div{width:380px;text-align:center;}
.restoration_cont_01 div p{padding-top:25px;line-height:1.7;}
.rc_03_inner dl{padding-bottom:25px;}
a.contact{text-decoration: underline;}
a.contact:hover{opacity: 0.8;}


.agent_cont_03,.restoration_cont_03{padding:80px 0 90px;margin:auto;width:1000px; }
.ac_03_inner,.rc_03_inner{padding:80px 0 0 0;text-align: center;}
.ac_03_inner dl,.rc_03_inner dl{line-height:1.9;padding-bottom:50px;text-align: left;}
.ac_03_inner dl dd span,.rc_03_inner dl dd span{display:block;font-size:1.9rem;font-weight:500;padding-bottom:0.2em;line-height: 1.7;}
.ac_03_inner dl dd,.rc_03_inner dl dd{flex: 1;padding-left:40px;}
.ac_03_inner>a,.rc_03_inner>a{display:inline-block;color:#ea5514;text-align: center;font-size:1.8rem;padding-top:50px;margin:auto;}
.ac_03_inner>a:hover,.rc_03_inner>a:hover{color:#6a3906;}
.agent_cont_04{padding-top:80px;width:1000px;margin:auto;}
dl.qa{margin-top:10px;}
span.qat{width:47px;padding-right:40px;}
dl.qa dt,dl.qa dd{display:flex;align-items: center;padding:20px 30px 20px 30px;}
dl.qa_02 dd{align-items: flex-start;}
dl.qa_02 dd span:nth-child(1){padding-top:0.5em;}
dl.qa dt {background:#f2e4d2;margin-bottom:1px;}
dl.qa dt span:nth-child(2){font-size:2.1rem;font-weight:500;letter-spacing: 0.1em;}
dl.qa dd {background:#f0f1f1;margin-bottom:15px;}
dl.qa dd span:nth-child(2){font-size:1.7rem;font-weight:300;line-height: 1.9;flex:1;}



/* slider */

/*==================================================
スライダーのためのcss
===================================*/
#slider {
    width: 100%;
		height: 100%;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
		padding-top:56.57vw;
		
}

/*========= レイアウトのためのCSS ===============*/

.slide_tx{
	position: absolute;
	top:7vw;
	left:50%;
	margin-left: -25vw;
	z-index:100;
	width:50vw;
}

.slide_container{position: relative;}


@media only screen and (min-width: 768px) {  /*  ---------   pc  --------------*/


}


@media only screen and (max-width: 768px) {  /*  ---------   sp  --------------*/	
.top_tx h1{font-size:15px;padding:5vw 0;line-height:1.8;}
.top_cont_01 div{width:90%;}
.top_cont_01{flex-direction: column;align-content: center;}
.top_cont_01 div span{width:80%;max-width:300px;}
.top_cont_01 h2{padding:5vw 0;}
.top_cont_01 a{padding:10vw 20vw;}

.top_cont_02{padding:5vw 0 10vw;}
.top_cont_02 h1{width:100%;text-align:center;padding-bottom:5vw;}
 .news_box dl dt{width: 100%;padding-bottom:1vw;font-size:1.1em;}
 .top_cont_03>div{position: absolute;top:0;left:0;text-align: center;padding: 110px 20px 20px;}
 .top_cont_03 h1{font-size:18px;padding:5px 35px;margin-bottom:5vw;}
 .top_cont_03 p:nth-child(2),.top_cont_03 p:nth-child(2) span{font-size:18px;width:90vw;margin:auto;line-height: 1.7;}
 .top_cont_03 p:nth-child(2) span{font-weight:600;}
 .top_cont_03 p:nth-child(3){font-size:1.4rem;padding-top:0vw;line-height:2.1;}



h1.pages_title_01{max-width:400px;width:80%;font-size:1.8rem;}


/* agent */
.pages_tx h1{letter-spacing: inherit;font-weight: 300;}	
.agent_cont_01,.restoration_cont_01{padding:5vw 0 8vw;justify-content: space-around;align-items: flex-start;}
.agent_cont_01 span,.restoration_cont_01 div{max-width:380px;width:48%;}
.agent_cont_01 span:last-child{margin-top:2vw;}
.agent_cont_02>p>span{max-width:535px;width:60%;}

.ac_02_inner{width:100%;align-items: flex-start;padding:10vw 0;}
.ac_02_inner>div{width:47%;}
.ac_02_inner>div p:nth-child(2){font-size:1.8rem;letter-spacing: inherit;}
.ac_02_inner>div p:nth-child(3){font-size:1.4rem;letter-spacing: inherit;line-height: 1.7;text-align: center;}
.ac_02_inner>div p:nth-child(2),.ac_02_inner>div p:nth-child(3){padding-top:5vw;}
.agent_cont_03,.ac_03_inner, .rc_03_inner{padding-top:10vw;}
.ac_03_inner dl dd, .rc_03_inner dl dd{width:100%;flex:inherit;padding:20px;font-size:0.9em;}
.ac_03_inner dl dt{width:50%;max-width:350px;}
.ac_03_inner dl dd span, .rc_03_inner dl dd span{font-size:1.6rem;padding-top:3vw;}
.ac_03_inner dl, .rc_03_inner dl{padding-bottom:5vw;}
.ac_03_inner>a, .rc_03_inner>a{padding-top:5vw;}


.agent_cont_04{padding-top: 10vw;}
dl.qa{margin:0 0 2vw;}

dl.qa dt span:nth-child(2),dl.qa dd span:nth-child(2){font-size:1.5rem;width:86%;display: inline-block;flex: inherit;line-height: 1.6;}
dl.qa dt, dl.qa dd{justify-content: space-between;}
dl.qa dt, dl.qa dd{padding:1em 1em;}
span.qat{width:10%;padding:0;}
dl.qa dd{align-items: flex-start;}
dl.qa dd span:nth-child(1){padding-top:0.5em;}
.agent_cont_04>h1.pages_title_01{margin-bottom:0vw;}
.ac_03_inner>a, .rc_03_inner>a{font-size:1.5rem;}


.top_cont_04 {position: relative; text-align: left; font-color: #fff;}
.top_cont_04>div {position:absolute; top:50px; left:35%;right: 5%; line-height: 3em;}
.top_cont_04 h1 {display:inline-block; letter-spacing: .1em;color: #fff; font-size:16px;font-weight:500;padding:5px 50px;border:1px solid #ffffff;margin-bottom:30px;}
.top_cont_04 p:nth-child(2){font-size:13px; letter-spacing: .1em; color: #fff;}
.top_cont_04 p:nth-child(2) span{font-size:25px;font-weight:500;color: #fff;}
.top_cont_04 p:nth-child(3){font-size:12px; color: #fff; padding-top:0px; letter-spacing: 0.1em; line-height: 1.7; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";padding-top: 30px;}

/* slider */

/*==================================================
スライダーのためのcss
===================================*/
#slider {
    width: 100%;
		height: 100%;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
		padding-top:106.66vw;
}

.slide_tx{position: absolute;
	top:7.5vw;
	left:50%;
	margin-left:-45vw;
	z-index:100;
	width:90vw;
}


}