@charset "shift_jis";

/*---------------------------------------------------------------------------
	common
----------------------------------------------------------------------------*/
.pc { display: none !important; }
.sp { display: block!important; }

.mt15sp { margin-top: 15px !important; }



/*---------------------------------------------------------------------------
	layout
----------------------------------------------------------------------------*/
#fantasy-sec .fantasy-wrap {
    width: 100%;
    padding: 58px 0 0;
}


/*	header
----------------------------------------------------------------------------*/
#fantasy-sec .fantasy-wrap #header {
    display: block;
}
#fantasy-sec .fantasy-wrap .sec-header {
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
}
#fantasy-sec .fantasy-wrap .sec-header h1 {
    display: block;
    margin: 0 !important;
    padding: 10px 10px 7px 10px;
    background: #444 url(none);
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    text-indent: inherit;
    width: auto;
    height: auto;
}
#fantasy-sec .fantasy-wrap .sec-header h1 a {
    width: 100%;
    height: auto;
    margin-top: 0;
    color: #fff;
}


/*	footer
----------------------------------------------------------------------------*/
dl.sec-footer {
    width: auto;
    margin: 0;
    padding: 15px 20px;
}
dl.sec-footer dd.footer-menu {
    width: auto;
    float: none;
}
dl.sec-footer dd.footer-menu ul {
    width: auto;
    background: none;
    text-align: left;
    padding: 0;
    border-bottom: 2px solid #676767;
}
dl.sec-footer dd.footer-menu ul li {
    float: none;
    background: none;
    padding: 0 7px 0 6px;
    margin: 0 0 10px;
}
dl.sec-footer dd.copyrights {
    width: auto;
    margin: 10px 0 0;
    text-align: left;
    float: none;
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size:12px !important;
}


/*	sidenavi
----------------------------------------------------------------------------*/
.sec-side {
    display: none;
}


/*	contents
----------------------------------------------------------------------------*/
#fantasy-sec .fantasy-wrap .sec-container {
    width: 100%;
    padding: 0;
    background: none;
}

#fantasy-sec .sec-contents-area {
    float: none;
    width: 100%;
    padding: 0;
    border-bottom: 2px solid #8fc31f;
}

#fantasy-sec .sec-contents {
    float: none;
    width: 100%;
    border-radius: 0;
    background: url(../../drivetohawaii/images/sec_inner_bg.png) repeat-y center center / contain;
}

#fantasy-sec .sec-contents .sec-contents-inner {
    padding: 0 20px;
}

#fantasy-sec h2 {
    width: 100%;
    height: calc((107 / 375) * 100vw);
    background: url("../../drivetohawaii/images/sec_h2_tit_sp.png") no-repeat left top / contain;
}

.sec_h3_title {
    top: -25px;
    left: 20px;
    width: calc(100% - 40px);
}

.sec_h3_title .icon {
    height: auto;
}

.sec_h3_title.root .title { width: 125px;}
.sec_h3_title.root .icon { width: 45px; }

.sec_h3_title.method .title { width: 124px; }
.sec_h3_title.method .icon { width: 55px; }

.sec_h3_title.add .title { width: 125px; }
.sec_h3_title.add .icon { width: 54px; }

.sec_h3_title.cost .title { width: 125px; }
.sec_h3_title.cost .icon { width: 57px; }


/*---------------------------------------------------------------------------
　　特集「夢の日本?ハワイ高速道路建設」
----------------------------------------------------------------------------*/

/*	リード文
----------------------------------------------------------------------------*/
#fantasy-sec .sec_wrap_lead .sec-contents-inner {
    padding-top: 20px;
}

.lead_box_txt {
    padding-right: 0;
}

.lead_box_img {
    position: static;
    width: 100%;
    max-width: 242px;
    height: auto;
    margin: 20px auto 0;
}


/*	ルート
----------------------------------------------------------------------------*/
#fantasy-sec .sec_wrap_root {
    margin-top: 55px;
}

#fantasy-sec .sec_wrap_root .sec-contents-inner {
    padding: 55px 20px 35px;
}



/*	工法
----------------------------------------------------------------------------*/
#fantasy-sec .sec_wrap_method {
    margin-top: 55px;
}

#fantasy-sec .sec_wrap_method .sec-contents-inner {
    padding: 55px 20px 35px;
}


/*	付加価値案
----------------------------------------------------------------------------*/
#fantasy-sec .sec_wrap_add {
    margin-top: 55px;
}

#fantasy-sec .sec_wrap_add .sec-contents-inner {
    padding: 55px 20px 35px;
}

.add_flex_box {
    flex-wrap: wrap;
}
.add_flex_box .leftArea {
    width: 100%;
}
.add_flex_box .rightArea {
    width: 100%;
    margin: 20px 0 0;
}


/*	工費（工期）
----------------------------------------------------------------------------*/
#fantasy-sec .sec_wrap_cost {
    margin-top: 55px;
}

#fantasy-sec .sec_wrap_cost .sec-contents-inner {
    padding: 55px 20px 0;
}

.cost_img_box {
    bottom: 0;
    margin: 30px auto 0;
}