@charset "utf-8";

/*===============================================
●common_sp.css  画面の横幅が750px以下
===============================================*/
@media print , screen and (max-width : 750px ){

/*--------------------------------------------
		サイト基本設定
--------------------------------------------*/

body,html {
	max-width: 750px;
    height: 100%;
	color:#333;
    font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
    line-height: 1.7;
	-webkit-text-size-adjust: 100%;
}
a {
	color:#555;
	text-decoration:none;
	display:inline-block;
}
img {
	border: 0;
	max-width:100%;
	height:auto
}
.for_pc {
	display:none !important;
}
.last {
	margin-bottom:0 !important;
}

/*AIG導線のボタン*/
section#link_btn a.btn {
    display: table;
    margin: 0 auto;
        border-radius: 8px;
    background-color: #f45151;
    color: #fff;
   font-size: 16px;
    padding: 12px;
    text-align: center;
}

section#link_btn {
    padding-top: 0px!important;
}

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

#header {
	width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.09);
}
#header .logo {
    float: left;
    width: 65%;
}
#header .logo img {
    vertical-align: middle;
}
#header .hdr_contact {
    float: right;
    width: 30%;
}

/*--------------------------------------------
        Footer / フッター
--------------------------------------------*/

#footer {
    width: 90%;
    text-align: center;
    background: url(../Images/common_bg_blue.jpg) center repeat;
    padding: 30px 5% 20px;
}
#footer dl {
    margin: 0 auto 25px;
}
#footer dl dt {
    border-bottom: #5bc2dc 1px solid;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
#footer dl dd {
    font-size: 3.5vw;
}
#footer .copyright {
    font-size: 3vw;
}
#contact_btn_sp {
    padding: 0 5px 5px;
    z-index: 999999;
}

/*-------------------------------------
    ファーストビュー
--------------------------------------*/

#mainimage {
    width: 100%;
    padding-top: 14%;
}

/*-------------------------------------
    コンテンツ
--------------------------------------*/

/*--　共通CSS　--*/
#contents .inner {
    padding: 50px 0;
}
#contents h2.dot_h2 {
    font-size: 6vw;
    text-align: center;
    line-height: 1.4;
    background: url(../Images/common_icon_h2.png) center bottom no-repeat;
    padding-bottom: 30px;
    margin-top: -15px;
    margin-bottom: 35px;
}
#contents h2.dot_h2 span {
    color: #6dc8e0;
    font-size: 8vw;
}
#contents .sec_inner {
    width: 90%;
    margin: 0 auto;
}

/*--　お問合せ誘導　--*/
.contact {
    text-align: center;
    background: url(../Images/contact_bgbg_sp.jpg) center no-repeat;
    background-size: cover;
    padding: 20px 5%;
}
.contact_top {
    background: none;
}
.contact .for_sp {
    background: #fff;
    border-radius: 8px;
    padding: 5%;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.09);
}
.contact p {
    color: #6dc8e0;
    font-size: 5.5vw;
    font-weight: bold;
    line-height: 1.4;
    margin: 14px 0 10px;
}
.contact ul li:nth-child(2) {
    margin-top: 10px;
}

/*--　お困りごとはありませんか？　--*/
#okomari {
    background: url(../Images/form_bgbg.jpg) center no-repeat;
    background-size: cover;
    z-index: 10;
}
#okomari h2 {
    color: #fff;
    font-size: 4.5vw;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-bottom: 25px;
}
#okomari h2 .txt_color {
    color: #fbf485;
}
#okomari h2 .txt_size {
    font-size: 9vw;
    line-height: 1.4;
    display: block;
    margin-top: 5px;
}
#okomari ul {
    background: #fff;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 23px 5%;
    margin: 0 auto;
}
#okomari ul li {
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 1.5;
    background: url(../Images/common_icon_check.png) left top 3px no-repeat;
    background-size: 20px;
    padding-left: 30px;
    margin-bottom: 14px;
}
#okomari ul li:last-child {
    margin-bottom: 0;
}
#okomari ul li span {
    color: #00c8c8;
}

/*--　お任せください　--*/
#appeal {
    background: url(../Images/common_bg_blue.jpg) center repeat;
}
#appeal h2 {
    text-align: center;
    margin-bottom: 40px;
}
#appeal li {
    width: 100%;
    margin-bottom: 35px;
}
#appeal li:nth-child(3) {
    margin-bottom: 0;
}
#appeal li img {
    width: 100%;
}
#appeal li dl {
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 15px 20px 18px;
}
#appeal li dl dt {
    color: #5bc2dc;
    font-size: 5.5vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

/*--　加入までの流れ　--*/
#flow .flow_box {
    background: url(../Images/flow_arrow.png) center bottom no-repeat;
    padding-bottom: 50px;
    margin-bottom: 11px;
}
#flow .flow_box05 {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#flow .flow_box h3 {
    text-align: center;
    background: #def4fb;
    border-radius: 8px 8px 0 0;
    padding: 15px 8%;
}
#flow .flow_box h3 p {
    font-size: 7vw;
}
#flow .flow_box h3 p img {
    vertical-align: sub;
    margin-right: 15px;
}
#flow .flow_box .tArea {
    border: #def4fb 2px solid;
    border-radius: 0 0 8px 8px;
    padding: 20px 5%;
}
#flow .flow_box .tArea dl {
    border-bottom: #6dc8e0 1px solid;
    padding-bottom: 30px;
    margin-bottom: 25px;
}
#flow .flow_box .tArea dl.last {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#flow .flow_box .tArea dl dt,
#flow #info dl dt {
    font-size: 5vw;
    font-weight: bold;
    background: url(../Images/common_icon_check.png) left top 0px no-repeat;
    padding-left: 38px;
    margin-bottom: 10px;
}
#flow .flow_box .tArea dl dd .txt a {
    color: #00c8c8;
    text-decoration: underline;
    font-weight: bold;
}
#flow .flow_box .tArea dl dd .txt a.download {
    color: #f45151;
}
#flow .flow_box .tArea dl dd .txt span {
    color: #00c8c8;
    font-weight: bold;
}
#flow .flow_box .tArea dl dd .gray_box {
    font-size: 4vw;
    background: #efefef;
    padding: 5%;
    margin-top: 10px;
}
#flow #info {
    background: #e0f4f4;
    border-radius: 8px;
    padding: 20px 5%;
    margin-top: 30px;
}
#flow #info h3 {
    color: #00c8c8;
    font-size: 7vw;
    text-align: center;
    margin-bottom: 10px;
}
#flow #info dl dd .txt span {
    color: #f45151;
    font-weight: bold;
}
#flow #info dl dd a {
    color: #f45151;
    text-decoration: underline;
}
#flow #info dl dd .exam {
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    padding: 25px 5%;
    margin-top: 15px;
}
#flow #info dl dd ul li .ttl {
    font-size: 4vw;
    color: #f45151;
    font-weight: bold;
    margin-bottom: 10px;
}
#flow #info dl dd ul li .note {
    font-size: 15px;
    text-align: left;
    margin-top: 8px;
}

/*--　お客様の声　--*/
#voice {
    background: url(../Images/common_bg_blue.jpg) center repeat;
}
#voice .voice_box {
    margin-bottom: 50px;
}
#voice .voice_box .imgArea {
    text-align: center;
    margin-bottom: 30px;
}
#voice .voice_box .tArea {
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 25px;
}
#voice .voice_box .tArea:before {
    content: "";
    position: absolute;
    top: -29px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 20px solid #fff;
}
#voice .voice_box .tArea dt {
    color: #6dc8e0;
    font-size: 5vw;
    font-weight: bold;
    line-height: 1.4;
    background: url(../Images/voice_icon.png) left top 3px no-repeat;
    background-size: 35px;
    border-bottom: #6dc8e0 1px solid;
    padding: 0 0 13px 42px;
    margin-bottom: 14px;
}

/*--　建設業専門　--*/
#specialist .imgArea {
    margin-bottom: 30px;
}
#specialist h2,
#specialist .plus dl dt {
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 15px;
}
#specialist h2 span,
#specialist .plus dl dt span {
    color: #00c8c8;
    font-size: 7vw;
    line-height: 1.3;
}
#specialist .plus {
    background: #f1fefe;
    border-radius: 8px;
    position: relative;
    padding: 40px 8% 20px;
    margin-top: 35px;
}
#specialist .plus img {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
}

/*--　費用について　--*/
#price {
    background: #fffdda;
}
#price .price_top .mainArea {
    text-align: center;
    font-weight: bold;
    background: #fff;
    border-radius: 8px;
    padding: 30px 5%;
}
#price .price_top .mainArea .txt {
    font-size: 5vw;
    line-height: 1.4;
}
#price .price_top .mainArea ul {
    margin: 13px 0 10px;
}
#price .price_top .mainArea ul li,
#price .price_top .mainArea strong {
    font-size: 7vw;
    line-height: 1.3;
}
#price .price_top .mainArea ul li span,
#price .price_top .mainArea strong span {
    font-size: 8vw;
}
#price .price_top .mainArea ul li {
    color: #fff;
    letter-spacing: 0.05em;
    background: #f45151;
    padding: 5px 0 10px;
    margin-bottom: 5px;
}
#price .price_top .mainArea ul li:last-child {
    margin-bottom: 0;
}
#price .price_top .mainArea strong {
    color: #f45151;
    display: block;
}
#price #hayami {
    text-align: center;
    margin: 30px 0;
    background: #fff;
    
}
#price #hayami h3 {
    color: #fff;
    font-size: 5vw;
    letter-spacing: 0.05em;
    background: #666;
    border-radius: 7px 7px 0 0;
    padding: 5px 0;
}
#price #hayami .hayami_situation {
    background: #FFF441;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
#price #hayami .hayami_time {
    font-size: 22px;
    color: red;
}
#price #hayami .for_sp {
    background: #fff;
    border-radius: 7px;
    padding: 10px 5% 15px;
}
#price #hayami .for_sp h4 {
    margin-bottom: 8px;
}
#price #hayami .for_sp h4 span {
    font-size: 3.4vw;
    display: block;
}
#price #hayami .for_sp p {
    color: #f45151;
}
#price #hayami .for_sp img {
    width: 100%;
}
#price #hayami a.mitsumori {
    margin-top: 15px;
}
#price .price_btm {
    height: 400px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    background: #fff;
    padding: 15px 5% 15px;
}
#price .price_btm::-webkit-scrollbar {
    height: 5px;
}
#price .price_btm::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
}
#price .price_btm::-webkit-scrollbar-track-piece {
    background: #efefef;
}
#price .price_btm .price_box {
    font-size: 15px;
    margin-bottom: 30px;
}
#price .price_btm .price_box .tArea {
    margin-bottom: 30px;
}
#price .price_btm .price_box h3 {
    font-size: 5.5vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.4;
    background: url(../Images/price_icon01.png) left top 2px no-repeat;
    border-bottom: #6dc8e0 1px solid;
    padding: 0 0 12px 45px;
    margin-bottom: 18px;
}
#price .price_btm .price_box h3 span {
    color: #6dc8e0;
    font-size: 8vw;
    line-height: 1;
}
#price .price_btm .price_box table {
    font-size: 3.5vw;
    line-height: 1.4;
}
#price .price_btm .price_box table {
    margin-bottom: 25px;
}
#price .price_btm .price_box table th {
    font-weight: bold;
    background: #efefef;
    border: #ccc 1px solid;
    padding: 10px 2%;
}
#price .price_btm .price_box table td {
    border: #ccc 1px solid;
    padding: 10px 3%;
}
#price .price_btm .price_box dl {
    margin-bottom: 20px
}
#price .price_btm .price_box dl dt {
    font-size: 5vw;
    font-weight: bold;
    background: url(../Images/price_icon02.png) left top 2px no-repeat;
    background-size: 24px;
    padding-left: 31px;
    margin-bottom: 5px;
}
#price .price_btm .price_box dl dd .list {
    margin-bottom: 12px;
}
#price .price_btm .price_box dl dd .list dt {
    color: #6dc8e0;
    font-size: 17px;
    font-weight: bold;
    background: none;
    padding: 0;
    margin-bottom: 0px;
}
#price .price_btm .price_box p.mgb {
    margin-bottom: 10px;
}
#price .price_btm .price_box p span {
    color: #f45151;
    font-weight: bold;
}

/*--　お問い合わせフォーム　--*/
#form {
    background: url(../Images/form_bgbg.jpg) center no-repeat;
    background-size: cover;
}
#form .for_sp {
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 25px 5%;
}
#form h2 {
    font-size: 6vw;
    text-align: center;
    background: #f1e30a;
    border-radius: 5px;
    padding: 7px 0;
    margin: 15px 0;
}
#form p {
    color: #6dc8e0;
    font-size: 4.5vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 8px;
}
#form .formArea {
    padding-bottom: 20px;
}
#form .formArea iframe {
    width: 100%;
    height: 500px!important;
}
#form dl {
    margin-top: 20px;
}
#form dl dt {
    float: left;
    width: 48%;
    color: #00b900;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}
#form dl dd {
    float: right;
    width: 50%;
}

/*--　よくあるご質問　--*/
#faq li {
	background: #fff;
	margin-bottom: 15px;
}
#faq li dl dt {
    width: 100%;
	display: table;
    position: relative;
    background: #ecf9fd;
}
#faq li dl dt:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
#faq li dl dt.open_btn:after {
    background: url(../Images/faq_icon_off.png) center no-repeat;
    background-size: 100%;
}
#faq li dl dt.open:after {
    background: url(../Images/faq_icon_on.png) center no-repeat;
    background-size: 100%;
}
#faq li dl dd {
    width: 100%;
    background: #f7f6f6;
}
#faq li dl span {
	width: 50px;
    color: #fff;
    font-size: 8vw;
    font-weight: bold;
    font-family: 'Abel', sans-serif;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    display: table-cell;
}
#faq li dl span.icon_q {
    background-color: #6dc8e0;
}
#faq li dl span.icon_a {
    background-color: #f45151;
}
#faq li dl p {
	font-size: 16px;
	text-align: left;
    vertical-align: middle;
	display: table-cell;
    box-sizing: border-box;
    padding: 5%;
}
#faq li dl dt p {
    font-weight: bold;
    line-height: 1.5;
    padding-right: 12%;
}
#faq li dl dd p {
    font-size: 15px;
    line-height: 1.6;
}
#faq li dl dd p a {
	color: #f45151;
    font-weight: bold;
	text-decoration: underline;
}




}