html{
    overflow-y:scroll;
}
wapper,header,footer,nav,section,div,p{
	margin: 0;
	padding: 0;
}
body{
    margin:0px;          /* ページ全体のmargin */
    padding:0px;         /* ページ全体のpadding */
    overflow: hidden;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
    color:#282a23;
    background-color: #ebebeb;
    font-size:62.5%;
}
html body{
    height:100%;
}
img{
    border-style:none;
    max-width:100%;
}
a, p, li{
    font-size:14em;
}
h1{
    font-size:2.4em;
}

/*---clear解除----*/

.cf:before, .cf:after {
    content: '';
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1; /* for IE6/7 */
}

/*-------------------外枠-------------------*/
#wapper{
    width:100%;
}
#wapper .back_white{
    background:#fff;
}
/*-------------------ヘッダー-------------------*/
#header{
    width:100%;

}
/* ヘッダー上部▽ */
.top_bar{
    width:100%;
    background-color: #191919;
}
.top_bar_inner{
    width:960px;
    padding:10px 0;
    margin:0 auto;
}
.header_logo{
    width: 50%;
    float: left;
    margin-left: 3%;
}
.header_info{
    margin-left: 10%;
    float: left;
    font-family: "HGPｺﾞｼｯｸM";
    color: #fff;
    font-size: 20px;
}
.top_info_strong{
    font-weight: bold;
    line-height: 33px;
}
.info_number{
    font-size: 40px;
}
.info_color{
    color: #ffa200;
}

/* ヘッダー上部▲ */
/* メイントップ画像▽ */
.header_top{
	width: 100%;
	position: relative;
}
.header_top_img{
    width: 100%;
    height:100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.top_img_src1{
	width: 100%;
    height:100%;
	margin: 0px auto;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.top_img{
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: relative;
}

.header_top_img2{
    width:100%;
    height:auto;
    background-size: 100% auto;
    background-repeat:no-repeat;

}

@media (min-width:960px){
    .header_top_img2{
    height:380px;
}
}

@media (max-width:400px){
    .header_top_img2{
    background-size:cover;
}
}

#sekoh{
    background-image:url(../img/sekoh.jpg);
}

#company{
    background-image:url(../img/top_img11.jpg);
}

#vision{
    background-image:url(../img/top_img12.jpg);
}

#recruit{
    background-image:url(../img/recruit.jpg);
}

#faq{
    background-image:url(../img/FAQ.jpg);
}

#contact{
    background-image:url(../img/top_img9.jpg);
}

#request{
    background-image:url(../img/top_img10.jpg);
}



.header_top_img2 p{
    font-size: 60px;
    color: #ffffff;
    text-shadow: 2px 2px 1px #000;
    font-family: 'ＭＳ Ｐゴシック';
    position:absolute;
    top: 50%;
    left: 30%;
}
.header_title{
    height: 230px;
    position: relative;
    margin: 0 auto;
}


/* メイントップ画像▲ */

/* ナビ▽ */
#gl-nav{
    width:100%;
    background-color: rgba(0,59,0,0.6);
    margin-top: -77px;
    position: relative;
    z-index: 999;
}
.nav{
    text-align: center;
    width: 960px;
    margin: 0px auto;
    padding:22px 0;
}
.nav_li{
    float: left;
    width: 16.58%;
    list-style: none;
}
li+ li{
    border-left: 1px solid #fff;
    
}
.nav a span{
    display: block;
    font-size: 14.4px;
    font-family: "メイリオ";
}
.nav ul a{
    display: block;
    font-size: 19.2px;
    font-family: "HGPｺﾞｼｯｸM";
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
li a:hover{
    /*padding-top: -20px;
    height: 80px;
    background: rgba(0,59,0,0.8)*/
    opacity: 0.5;
}

/* ナビ▲ */

/*-------------------ヘッダー-------------------*/



/*-------------------indexコンテンツ-------------------*/
.content_1{
    width: 100%;
    background-color:#ebebeb;
}
.top_1{
    position: relative;
    width:960px;
    height: 480px;
    margin:0px auto 50px;
    padding-top:50px;
}
.top_1 a{
    font-size: 30px;
    position: absolute;
    top: 70%;
    left: 33%;
    font-family: "メイリオ";
    color: #fff;
    background-color: #151c16;
    text-decoration: none;
    border: solid #fff 2px;
    padding: 10px 60px;
}
.top_1 a:hover{
    color: #ffa200;
    border: solid #ffa200 2px;
    background-color: #202320;
}

#top_2{
    background-image: url(../img/top_back_img.png);
    background-repeat: repeat-x;
    height: 400px;
}
.top_2{
    width:960px;
    margin:0 auto;
    height: 400px;
    text-align:center;
}

.top_2 img{
    margin:50px 0 40px;
}
.top_2_text{
    font-size: 18px;
    color: #525252;
}
.top_3{
    width:960px;
    margin:0 auto;
    height: 200px;
    text-align: center;
}
.banner_1{
    width:50%;
    float: left;
    margin:30px 0;
}
.banner_2{
    width:50%;
    float: left;
    margin:30px 0;
}
.top_3 img:hover{
    opacity: 0.7;

}
/*-------------------indexコンテンツ-------------------*/


/*-------------------経営理念コンテンツ▽-------------------*/
#philosophy_content{
    width:100%;
}
#philosophy_content .philosophy_top{
    width:960px;
    margin:0 auto;
    background:#fff;
    text-align:center;
    padding:70px 0;
}
#philosophy_content .philosophy_top h1{
    font-size:40px;
}

#philosophy_content .philosophy_gray{
    width:100%;
    background:#ebebeb;
}
#philosophy_content .philosophy_white{
    width:100%;
    background:#fff;
}
#philosophy_content .philosophy_box{
    width:960px;
    margin:0 auto;
    clear:both;
    padding:50px 0px;
}
.philosophy_box .philosophy_box_left{
    width:60%;
    float:left;
    
}
.philosophy_box .philosophy_box_left h2{
    font-size:30px;
    color:#2e5b2e;
}
.philosophy_box .philosophy_box_left p{
    font-size:18px;
    padding:30px 10px 30px 3em;
    line-height:1.5em;
    
}
.philosophy_box .philosophy_box_left .philosophy_inner{
    background:#4c754c;
    width:80%;
    margin:0 10%;
}
.philosophy_box .philosophy_box_left .philosophy_inner p{
    color:#fff;
    padding:20px;
    line-height: 1.5em;
}
.philosophy_box .philosophy_box_right{
    width:40%;
    float:left;
    text-align:center;
}
/*-------------------経営理念コンテンツ▲-------------------*/
/*-------------------施工事例コンテンツ▽-------------------*/
#sekoh_content{
    width: 100%
}
.sekoh_box{
    width: 960px;
    margin: 0 auto;
    clear: both;
    padding: 20px 0;
}
.sekoh_box h2{
    color: #34613b;
    font-size: 24px;
    padding: 40px 0;
}
.sekoh_box h3{
    color: #34613b;
    font-size: 20px;
    padding: 20px 0;
    line-height: 2em;
}
.sekoh_gray{
    width:100%;
    background:#ebebeb;
    position: relative;
}
.sekoh_box_left{
    float: left;
    width: 40%;
}

.sekoh_box_left img{
    width: 100%;
    min-height: 240px;
}

.sekoh_box_right{
    padding-left: 10%;
    float: left;
    width: 50%;
    text-align: left;
    min-height: 50%;
}
.sekoh_empty{
    width: 960px;
    margin: 0 auto;
    clear: both;
    padding: 20px 0;
}
.pagination {
    text-align: center;
    margin: 20px 0px;
}
/*-------------------施工事例コンテンツ▲-------------------*/
/*-------------------会社概要コンテンツ▽-------------------*/
#company_content{
    width:100%;
}
#company_content .company_top{
    width:960px;
    margin:0 auto;
    background:#fff;
    text-align:center;
    padding:70px 0;
}
#company_content .company_top h1{
    font-size:40px;
}


#company_content .company_gray{
    width:100%;
    background:#ebebeb;
}
.company_gray .company_box{
    width:960px;
    margin:0 auto;
}
.company_gray .company_box_left{
    width:50%;
    float:left;
}
.company_gray .company_box_right{
    width:45%;
    float:left;
    margin:30px 0;
    padding-left:5%;
}
.company_gray .company_box_right p{
    font-weight:bold;
    line-height: 1.4em;
}
.company_gray .company_box_right .map_p{
    margin-bottom:20px;
}
/*  会社概要table▽  */
table.type04{
    width:90%;
    margin:30px 5%;
    border-collapse:separate;
    border-spacing:0px;
    text-align:left;
    line-height:1.5;
}
table.type04 th{
    width:30%;
    padding:20px 10px;
    font-weight:bold;
    vertical-align:top;
    border-bottom:2px solid #b3b3b3;
}
table.type04 td{
    width:70%;
    padding:20px 10px;
    vertical-align:top;
    border-bottom:2px solid #b3b3b3;
}
/*  会社概要table▲  */

#company_content .company_white{
    width:100%;
    padding-bottom:30px;
}
.company_white .company_box{
    width:960px;
    margin:0 auto 30px;
}
.company_white .company_box_left{
    width:50%;
    float:left;
}
.company_white .company_box_left h2{
    font-size:36px;
    color:#4c754c;
    margin-bottom:20px;
}
.company_white .company_box_left h3{
    font-size:28px;
    color:#4c754c;
    line-height:1.5em;
}
.company_white .company_box_right{
    width:50%;
    float:left;
    text-align:center;
}
.company_white .company_box_right a:hover{
    opacity: 0.7;
}
.company_white .company_bottom_p{
    width:960px;
    margin:0 auto 30px;
    font-size:18px;
    line-height: 1.5em;
}
/*-------------------会社概要コンテンツ▲-------------------*/
/*-------------------採用情報コンテンツ▽-------------------*/
#recruit_content{
    width: 100%;
}
.recruit_top{
    width:960px;
    margin:0 auto;
    background:#fff;
    text-align:center;
    padding:70px 0;
}
.recruit_top h1{
    font-size:40px;
}
.recruit_box{
    width: 960px;
    margin: 0 auto;
    clear: both;
    padding-bottom: 30px; 
}
.recruit_box_left{
    float: left;
    width: 70%;
}
.recruit_box_right{
    float: left;
    width: 30%;
    text-align: center;
}
.recruit_box p{
    font-size:18px;
    padding:0px 10px 30px 3em;
    line-height:1.5em;
    font-weight: bold;
}
.recruit_box h2{
    font-size:30px;
    color:#4c754c;
    margin-bottom:30px;
}
.recruit_gray{
    width:100%;
    background:#ebebeb;
    position: relative;
    padding: 50px 0;
}
.recruit_white{
    width:100%;
    background:#ffffff;
    position: relative;
    padding: 50px 0;
}
.recruit_box h3{
    padding:0px 10px 30px 1.5em;
    font-size: 26px;
}
.recruit_down{
    width:100%;
    position: absolute;
    left:50%;
    right:50%;
}
.recruit_box2{
    width: 960px;
    margin: 0 auto;
}
.recruit_table{
    width: 90%;
    margin: 0 auto;
    clear: both;
    padding-bottom: 30px; 
}
.recruit_table tr{
    border-collapse: collapse;
    border-bottom: 2px solid #6ab80c;
}
.recruit_table th{
    font-weight: bold;
    padding: 40px 20px;
    font-size: 20px;
    min-width: 100px;
}
.recruit_box2 p{
    margin-top: 20px;
    text-align: right;
}
/*-------------------採用情報コンテンツ▲-------------------*/
/*-------------------依頼からの流れコンテンツ▽-------------------*/

#request_content{
    width:100%;
}
#request_content .request_top{
    width:960px;
    margin:0 auto;
    background:#fff;
    text-align:center;
    padding:70px 0;
}
#request_content .request_top h1{
    font-size:40px;
}


/*  矢印アロー  */

.request_arrow{
    width:960px;
    margin:0 auto;
}

.arrow02{
    margin:0 7.5% 50px 0;
    width:180px;
    height:150px;
    background:#4c754c;
    position:relative;
    float:left;
}

.arrow02:after{
    border-left:50px solid #4c754c;
    border-top:75px solid transparent;
    border-bottom:75px solid transparent;
    content:"";
    position:absolute;
    left:50%;
    top:0;
    margin-left:90px;
}
.arrow03{
    width:200px;
    height:150px;
    background:#4c754c;
    float:left;
}
#request_content .arrow02_p{
    position:relative;
    z-index: 3;
    
    padding:35px 0px 35px 35px;
    font-size:24px;
    font-weight:bolder;
    line-height: 1.4;
    color:#fff;
}
.arrow02_p span{
    color:#ffa200;
    font-size: 30px;
}

#request_content .arrow03_p{
    position:relative;
    z-index: 3;
    
    padding:35px 0px 35px 44px;
    font-size:24px;
    font-weight:bolder;
    line-height: 1.4;
    color:#fff;
}
.arrow03_p span{
    color:#ffa200;
    font-size: 30px;
}
/*  矢印アロー  */


#request_content .request_gray{
    width:100%;
    background:#ebebeb;
    position: relative;
}
.request_gray .request_box{
    width:960px;
    margin:0 auto;
    padding:50px 0;
}
.request_gray .request_box_left{
    width:30%;
    float:left;
}
.request_gray .request_box_right{
    width:70%;
    float:left;
    margin:30px 0 0;
}
.request_gray .request_box_right h2{
    font-size:30px;
    color:#4c754c;
    margin-bottom:30px;
}

#request_content .request_gray .float_down{
    width:100%;
    position: absolute;
    left:50%;
    right:50%;
}


#request_content .request_white{
    width:100%;
    position:relative;
}
.request_white .request_box{
    width:960px;
    margin:0 auto;
    padding:50px 0;
}
.request_white .request_box_left{
    width:30%;
    float:left;
}

.request_white .request_box_right{
    width:70%;
    float:left;
    margin:30px 0 0;
}
.request_white .request_box_right h2{
    font-size: 30px;
    color:#4c754c;
    margin-bottom:30px;
}
#request_content .request_box_right p{
    font-size:18px;
    line-height:1.5em;
}
#request_content .request_white .float_down{
    width:100%;
    position: absolute;
    left:50%;
    right:50%;
    z-index: 2;
}

/*-------------------依頼からの流れコンテンツ▲-------------------*/


/*-------------------よくある質問コンテンツ▽-------------------*/

#question_content{
    width:100%;
}
#question_content .question_top{
    width:960px;
    margin:0 auto;
    background:#fff;
    text-align:center;
    padding:70px 0;
}
#question_content .question_top h1{
    font-size:40px;
}
#question_content .question_box{
    width:870px;
    margin:0px auto;
    color:#4c754c;
    font-size:30px;
    font-weight:bold;
    padding-bottom:30px;
    /*text-decoration:underline;*/
}
#question_content .question_box p{
    margin-bottom:30px;
}
.question_box .answer_p{
    background-image: url(../img/question_answer.png);
    background-repeat:no-repeat;
    padding-left:80px;
    color:#333;
    font-size: 18px;
    line-height:1.7em;
}
/*-------------------よくある質問コンテンツ▲-------------------*/


/*-------------------問い合わせコンテンツ▽-------------------*/

#toiawase_content{
    width:100%;
}
#toiawase_content .toiawase_top, #toiawase_content .toiawase_sub{
    width:960px;
    margin:0 auto;
    background:#fff;
    text-align:center;
    padding:70px 0;
}
#toiawase_content .toiawase_top h1{
    font-size:40px;
}
#toiawase_content .toiawase_sub h1{
    font-size:36px;
    color:#4c754c;
}

#toiawase_content .toiawase_box_top{
    width:960px;
    margin:0 auto 30px;
    border:10px double #777;
}
#toiawase_content .toiawase_box_left, #toiawase_content .toiawase_box_right{
    width:43%;
    float:left;
    padding:2% 3.5%;
}

#toiawase_content .toiawase_box_left p{
    font-size:20px;
    line-height: 1.2em;
}

#toiawase_content .toiawase_box_right p{
    font-weight: bold;
    font-size:24px;
    padding-bottom:10px;
}

#toiawase_content .toiawase_box_right .toiawase_right_p{
    font-size:40px;
    color:#4c754c;
}
#toiawase_content .toiawase_box_right .toiawase_right_p1{
    font-size: 24px;
    color:#4c754c;
}


#toiawase_content .toiawase_gray{
    background:#ebebeb;
}
.toiawase_gray .toiawase_box{
    width:960px;
    margin:0 auto;
}
#toiawase_content .toiawase_white{
    width:800px;
    margin:0 auto;
    font-size:18px;
    line-height:1.5em;
    padding-bottom:30px;
}

#toiawase_content .toiawase_white li{
    margin-bottom:20px;
}


/*  問い合わせtable設定▽  */
#formWrap{
    width:100%;
    margin:50px 0;
    
}
table.type02{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    text-align:left;
    line-height:1.5;
    border-top:1px solid #003b00;
    border-left:1px solid #003b00;
    margin-bottom:30px;
}

table.type02 th{
    width:40%;
    padding:20px 10px;
    vertical-align:top;
    border-right:1px solid #003b00;
    border-bottom:1px solid #003b00;
    background-color:#4c754c;
    color:#fff;
    text-align: center;
    font-size:18px;
    font-weight: normal;
}

table.type02 td{
    width:60%;
    padding:20px 10px;
     vertical-align:top;
    border-right:1px solid #003b00;
    border-bottom:1px solid #003b00;
}

input#submit_button{
    width:150px;
    height:50px;
    background-color:#4c754c;
    font-size: 24px;
    color:#fff;
}
/*  問い合わせtable設定▲  */



/*-------------------問い合わせコンテンツ▲-------------------*/


/*-------------------フッター--------------------*/
#footer{
    width:100%;
    background-color: #434343;
}
.footer_bar{
    width:960px;
    margin:0 auto;
    height: 220px;

}
.footer_info{
    width: 48.5%;
    color: #fff;
    font-family: "HGｺﾞｼｯｸM";
    float: left;
    margin: 3% 0 0% 1.5%;
}
.footer_info_strong{
    font-size: 26px;
    font-weight: bold;
}
.footer_info_text{
    margin-left: 40px;
    line-height: 23px;
    font-size: 18px;
}
.footer_tel_1{
    word-spacing: 120px;
}
.footer_tel_2{
    word-spacing: 40px;
}
.banner_3{
    width:48%;
    height: 114px;
    float: left;
    padding: 7% 0% 0% 2%;
}
.banner_3 img:hover{
    opacity: 0.7;
}
.footer_credit{
    width:100%;
    height: 30px;
    background-color: #003b00;
    text-align: center;
    clear:both;
}
.footer_end{
    width: 960px;
    margin:0px auto;
    line-height:30px;
    text-align: center;
}
.footer_end p{
    font-size: 14px;
    color: #fff;
}





.slicknav_menu{
    display:none;
}

/*---------------------------------------------
-----------------レスポンシブ--------------------
-----------------------------------------------*/
@media screen and (min-width: 961px){
    .mobi_only{display: none;}
}
/*-----------------960px以下の場合のCSSを記述↓-----------------*/
@media(max-width:960px){
	.pc_only{display:none;}
    .slicknav_menu{display:block;}
    li+li{border:none;
    }
    #wapper, #header, #footer, .footer_credit, .footer_end{
        width:100%;
        margin:0;
    }
    #footer .footer_info_text{
        margin:0;
        word-spacing: 0;
        font-size: 17px;
    }
    .footer_bar{
        text-align: center;
        width:80%;
        height:auto;
        margin:0 10%;
        background: #434343;
    }
    .footer_info, .banner_3{
        width:100%;
        margin:10px 0;
        padding:0;
    }
    
/*----------------------TOP_content(レスポンシブ)↓----------------------*/
    
    .content_1 .top_1, .content_1 .top_2, .content_1 .top_3{
        width:100%;
        height:auto;
    }
    
    .content_1 .mobi_top_1{
        width:100%;
        margin:30px 0;
        text-align: center;
    }
    .content_1 .mobi_top_1 a:hover{
        opacity: 0.7;
    }
    
    .top_2 .top_2_text{
        width:90%;
        padding:0 5%;
    }
    .top_3 .banner_1, .top_3 .banner_2{
        width:90%;
        height:auto;
        margin:10px 5% 10px;
    }
/*----------------------TOP_content(レスポンシブ)↑----------------------*/
    
    
    
/*---------------------企業理念_content(レスポンシブ)↑----------------------*/
    
    #philosophy_content{
        width:100%;
        margin:0;
    }
    
    .back_white, #philosophy_content .philosophy_top{
        width:100%;
    }
    #philosophy_content .philosophy_top h1{
        font-size:24px;
        line-height:2em;
    }
    
    #philosophy_content .philosophy_box{
        width:100%;
    }
    
    #philosophy_content .philosophy_box_left{
        width:90%;
        margin:0 5%;
    }
    #philosophy_content .philosophy_box_left h2{
        font-size:24px;
    }
    
/*----------------------企業理念_content(レスポンシブ)↑----------------------*/
/*----------------------施工事例_content(レスポンシブ)↓----------------------*/
    .sekoh_box{
        width: 90%;
        margin: 0 auto;
    }
    .sekoh_box_left{
        clear: both;
        width: 100%;
    }
    .sekoh_box_right{
        clear: both;
        width: 100%;
    }
	.sekoh_empty{
        width: 90%;
        margin: 0 auto;
	}    
/*----------------------施工事例_content(レスポンシブ)↑----------------------*/
/*----------------------会社概要_content(レスポンシブ)↓----------------------*/
    
    #company_content{
        width:100%;
        margin:0;
    }
    
    #company_content .company_top{
        width:100%;
    }
    
    .company_gray .company_box, .company_gray .company_box_left {
        width:100%;
    }
    .company_gray .company_box_right{
        width:95%;
    }
    iframe{
        width:95%;
    }
    
    .company_white .company_box{
        width:100%;
    }
    .company_white .company_box_left, .company_white .company_box_right, .company_white .company_bottom_p{
        width:90%;
        margin:0 5% 20px;
    }
    .company_white .company_box_left h2{
        font-size:24px;
    }
    .company_white .company_box_left h3{
        font-size:20px;
    }
    
    
/*----------------------会社概要_content(レスポンシブ)↑----------------------*/
/*----------------------採用情報_content(レスポンシブ)↑----------------------*/
    
    #recruit_content{
        width:100%;
        margin:0;
    }
    .recruit_top{
        width:100%;
    }
    .recruit_box{
        width: 100%;
        margin: 0;
    }
    .recruit_box_left{
        clear: both;
        width: 100%;
    }
    .recruit_box_right{
        clear: both;
        width: 100%;
    }
    .recruit_top h1{
        font-size:24px;
        line-height:2em;
    }
    .recruit_box h3{
        font-size:22px;
    }
    .recruit_box p{
        font-size:16px;
        font-weight: normal;
    }
    .recruit_box2{
        width: 100%;
    }
    .recruit_table th{
        font-size: 14px;
    }
/*----------------------採用情報_content(レスポンシブ)↑----------------------*/ 
/*----------------------よくある質問_content(レスポンシブ)↓----------------------*/
    
    #question_content .question_top{
        width:100%;
    }
    #question_content .question_top h1{
        font-size: 26px;
    }
    #question_content .question_box{
        width:90%;
        margin:0 5% 0px;
        font-size:24px;
        font-weight: bold;
    }
    
    .question_box .answer_p{
        padding-left:60px;
    }
/*----------------------よくある質問_content(レスポンシブ)↑----------------------*/
    
    
/*----------------------作業の流れ_content(レスポンシブ)↓----------------------*/
    
    #request_content .request_top{
        width:100%;
    }
    #request_content .request_top h1{
        font-size:30px;
    }
    
    .request_arrow{
        width:90%;
        margin:0 5%;
    }
    .arrow02{
        width:35%;
        margin:0 15% 50px 0;
    }
    .arrow02:after{
        margin-left:50%;
    }
    .arrow03{
        width:35%;
        margin:0 15% 50px 0;
    }
    
    
    @media(max-width:580px){
        .arrow02{
            width:75%;
            margin:0 15% 30px 0;
        }
        #request_content .arrow02_p{
            padding:35px 0px 35px 25%;
        }
        .arrow03{
            width:75%;
            margin:0 15% 30px 0;
        }
        #request_content .arrow03_p{
            padding:35px 0px 35px 25%;
        }
    }
    
    .request_gray .request_box, .request_white .request_box{
        width:100%;
    }
    .request_gray .request_box_right, .request_white .request_box_right{
        width:90%;
        margin:30px 5% 0;
    }
/*----------------------作業の流れ_content(レスポンシブ)↑----------------------*/
    
    
/*----------------------お問い合せ_content(レスポンシブ)↑----------------------*/
    
    #toiawase_content .toiawase_top, #toiawase_content .toiawase_sub{
        width:90%;
        margin:0 5%;
    }
    #toiawase_content .toiawase_top h1{
        font-size:28px;
    }
    #toiawase_content .toiawase_sub h1{
        font-size:26px;
    }
    
    #toiawase_content .toiawase_box_top{
        width:90%;
        margin:0 4% 30px;
    }
    #toiawase_content .toiawase_box_left, #toiawase_content .toiawase_box_right{
        width:90%;
        margin:0 5%;
        padding:10px 0 10px;
    }
    #toiawase_content .toiawase_box_right{
        text-align:center;
    }
    #toiawase_content .toiawase_box_right .toiawase_right_p{
        font-size:30px;
    }
    
    .toiawase_gray .toiawase_box{
        width:90%;
        margin:0 5%;
    }
    
    table.type02 th{
        width:80%;
        padding:10px 10%;
    }
    table.type02 td{
        width:95%;
        padding:10px 2.5%;
    }
    
    #toiawase_content .toiawase_white{
        width:80%;
        margin:0 10% 0px;
    }

/*----------------------お問い合せ_content(レスポンシブ)↑----------------------*/
/*----------------------全体（レスポンシブ）↓----------------------------------*/    
    .header_top_img2 p{
        font-size: 40px;
        position:absolute;
        top: 45%;
        left: 10%;
    }
    
    .header_title{
        text-align: center;
    }
/*----------------------全体（レスポンシブ）↑----------------------------------*/  
}