@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 767px) {
#SMP------------------------{}
	#main {
		width: 94%;
		margin:20px auto 0;
		padding-bottom:25VW;
	}

	
	.rep #main,
	.inq #main,
	.faq #main,
	.gal #main,
	.inquiries #main {
		width: 94%;
		margin-top:0!important;
		padding:30px 3% 25VW;
		background-color: #cce1f7;
	}
	.con #main {
		width: 94%;
		margin-top:0!important;
		padding:20px 3% 50px;
	}
	.rep #return {
		display:none;
	}
    
	/*乗り継ぎ利用*/
    .iconc1 {
        padding-left: 18px;
        background-size: 16%;
    }
	.root #main .mtext {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px;
	}
	.root #main li:nth-last-child(1) {
		margin-bottom: 0px;
	}
	.root .main_box {
		overflow: hidden;
		width: auto;
		height: auto;
		padding: 15px;
		margin-bottom: 13px;
		background-color: #fffcdb;
	}
	.root .main_box .mbox_text {
		width: 100%;
		height: auto;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.root .main_box .mbox_text h3 {
		font-size: 20px;
		color:#0068b7;
		padding-bottom: 10px;
		border-bottom: 2px solid ;
		margin: 0px 0px 10px 0px;;
	}
	.root .sub {
		font-size: 12px;
		line-height: 18px;
	}
	.root .map {
		padding-top: 30px;
	}
	.root .map .map_title {
		font-size: 18px;
		font-weight: bold;
		padding-left: 24px;
		margin-bottom: 17px;
		background: url("../img/root_icon02.jpg") no-repeat left top 3px;
	}
	.root .sub_map {
		margin-left: 10px;
		font-weight: normal;
	}
	.root .map .map_pic {
		clear: both;
		width: 100%;
		text-align: center;
	}
	.root .map .root_map {
		margin-bottom: 24px;
	}
	.root .map .root_map li {
		margin: 15px auto;
	}
	.root .map .root_map li:nth-child(1) {
		width: 60vw;
	}
	.root .map .root_map li:nth-child(3) {
		width: 20vw;
	}
	.root .map .root_map li:nth-child(4) {
		width: 60vw;
	}
	#toshin .root_map li:nth-child(4) {
		width: 62vw;
	}
    .root .alert {
        width: 100%;
    }
    .root .map .map_pic p{
        font-size:12px;
        text-align: left;
    }
	/*乗り継ぎ利用*/
    
	/*工事内容*/
	h2 {
		/*width:100%;*/
		/*height:30px;*/
		margin:0px 0 30px;
		font-size:20px;
		line-height:50px;
	}

	.contents__intro {
		width:100%;
		padding:10px 0;
		margin-bottom:15px;
		font-size:16px!important;
		line-height:28px!important;
	}
	.con #main p {
		font-size:14px;
		line-height:1.5em;
	}
	.con #main .read p {
		margin-bottom:10px;
	}
	.con #main h3 {
		width:100%;
		margin-bottom:6px;
		font-size:16px;
	}
	.example_box {
		width: calc(94% - 2px);
		margin:20px auto 0;
		padding:10px 3%;
	}
	.example_box h4{
		margin:0;
		font-size:13px;
	}
	.example_box h5{
		margin:20px 0 0;
		font-size:13px;
	}
	.example_box p{
		width:100%;
		margin:0px auto 25px;
	}
	/*工事内容*/

	/*工事進捗*/
	.rep h2 {
		width:100%;
		height:30px;
		margin:0px 0 15px;
		font-size:16px;
		line-height:30px;
	}
	.report_box {
		width:100%;
		min-height:200px;
		padding:10px 0 20px;
		margin:20px auto 0px;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		background-color:#FFF;
	}
	.report_box h3{
		width:92%;
		height:auto;
		margin-bottom:10px;
		padding:0px 4%;
		border:0;
		color:#000;
		text-align:left;
		font-size:16px;
		line-height:22px;
	}
	.report_box p{
		padding:10px 4% 10px;
		font-size: 13px;
		line-height:20px;
	}
	.report_box ul{
		width:94%;
		margin:20px auto;
	}
	.report_box ul li{
		margin-top:6px;
		padding-bottom: 8px;
		text-indent:-1em;
		padding-left:1em;
		border-bottom: 1px dotted #666;
		font-size: 13px;
		list-style-type: none;
	}
	.report_box ul li:before {
		content: "・"; 
	}
	.report_box ul li a.new{
		background: url(../img/icon_new.gif) right center no-repeat;
		padding-right:40px;
	}
    .report_box ul li img {
        width:auto!important;
        height:auto;
    }

	.blog {
		padding:0px 2%;
		line-height: 1.5em;
	}
	.imagebox {
		margin: 0px auto 0px;
		width:94%;
		justify-content:space-around;
	}
	.imagebox figure {
		width: 100%;
		margin:0 0 20px;
		padding:0;
	}
	.imagebox img {
		width:100%;
		height: auto;
	}
	figcaption {
		text-align: center;
		padding: 8px;
		font-size:13px;
	}
	/*工事進捗*/

	/*faq*/
	.faq_box {
		width:100%;
		padding:6px 0;
		margin:0 auto 30px;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		background-color:#FFF;
	}
	.faq_box dt{
		width:calc(94% - 50px);
		background: url(../img/reader_q.png) left top no-repeat;
		margin-left:3%;
		padding-top: 6px;
		padding-left:50px;
		padding-bottom:6px;
		font-size:16px;
		line-height:24px;
		font-weight:bold;
	}
	.faq_box dd{
		width:calc(94% - 50px);
		background: url(../img/reader_a.png) left top no-repeat;
		margin-left:3%;
		padding-top: 7px;
		padding-left:50px;
		font-size:14px;
		line-height:24px;
	}
	.faq_box dd p{
		margin-top:5px;
	}
    .faq_box table td  {
        font-size:11px;
        line-height:18px
    }
    .faq_box dd p.ex {
        font-size: 10px;
        text-align: right;
    }
    .faq_box table tbody tr td small {
        font-size: 9px!important;
        line-height: 13px!important;
    }
    .faq_box table thead tr td:nth-child(1) {
        width:24%;
    }
    .faq_box table thead tr td:nth-child(2) {
        width:5%;
    }
    .faq_box table tbody tr td:nth-child(2) {
        line-height: 13px!important;
    }
    .faq_box  p {
		margin-bottom:1em;
    }
    .faq_box blockquote {
        margin: 10px 1em 10px;
    }
	
	ul.faq_btn {
        width:100%;
		margin:30px auto 0px;
    }
    ul.faq_btn li{
        width:100%;
		min-height:62px;
		margin:0 auto;
    }
    ul.faq_btn li a{
        width:100%;
        min-height:1em;
		padding:22px 0;
        font-size:18px;
        line-height:20px;
    }
	ul.faq_btn li a{
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
	}
	/*faq*/
	
	/*gallery*/
	.gallery_box {
		width:92%;
		padding:6px 4%;
		margin:0 auto 4%;
	}
	.gallery_box h3 {
        border-left: 30px solid #005bac;
        text-indent: 1em;
		height: 60px;
        margin: 30px auto 20px;
        font-size: 16px;
        line-height: 60px;
    }
	.gallery_box ul{
		width:100%;
		padding:0px 0;
		margin:0 auto 30px;
	}
	.gallery_box ul li{
		margin:0 auto 30px;
	}
	.gallery_box ul.print li:nth-child(1){
		width:100%;
		margin-bottom:40px;
	}
	.gallery_box ul.print li:nth-child(1) img{
		width:45%!important;
	}
	.gallery_box ul.print li:nth-child(2){
		width:100%;
	}
	/*gallery*/
	
	/*お問い合わせ*/
	.inquiries_box {
		width:100%;
		padding:0px 0 15px;
		margin:0px auto 20px;
	}

	.inquiries_box h2{
		width:100%;
		height:50px;
		margin: 0px 0 10px;
		font-size:16px;
		line-height:50px;
	}
	.inquiries_box dl{
		margin:0px 0 0;
	}
	.inquiries_box dt{
		width:240px;
		margin:0 auto;
		text-align:center;
	}
	.inquiries_box dd{
		width:262px;
		text-align:center;
		margin:10px auto 0;
	}
	.inquiries_box dl.qr{
		/*padding-top:18px;2つ入るとき*/
		font-size:18px;
		line-height:18px;
	}
	.inquiries_box .qr dd {
		width:240px;
	}
	.inquiries_box .qr dt{
		width:96%;
		margin-bottom:15px;
	}
	.inquiries_box .qr dt p{
		width:240px;
		margin:0 auto;
	}
	.inquiries_box .qr dt span{
		font-size:16px;
	}
	.inquiries_box .qr dd p{
		width:240px;
		margin-top:25px;
		padding:3px 0px;
		border:1px solid #000;
		text-align:center;
		font-weight:normal;
		font-size:14px;
	}
	.inquiries_box .qr dd img{
		width:120px!important;
		height:auto;
	}
	.inquiries_box dl.url{
		padding-top:22px;
	}
	.inquiries_box dt p{
		margin: 0;
		padding:3px 0;
		font-size:14px;
		line-height:21px;
	}
	.inquiries_box dt span{
		font-size:12px;
	}

	.inquiries #return {
		width:100%;
		margin-top:110px;
	}
	/*お問い合わせ*/
	
	/*.inq #return,
	.faq #return,
	.rep #return {
		width: 100%;
		padding: 0;
	}*/
    .indent-026 {
        margin-left:-2.6em;
    }
    .indent025b {
		padding-left: 0em!important;
        margin-bottom: 0!important;
        text-indent: 0!important;
    }
}

@media screen and (max-width: 320px) {
#SMP------------------------{}/*iPhone SEサイズ*/

	.contents__intro {
		font-size: 14px!important;
    	line-height: 20px!important;
	}
}

@media screen and (min-width: 768px) and (max-width: 834px){
#TABLET------------------------{}
	#main {
		width: 94%;
		margin:24px auto 0px;
	}

	.rep #main,
	.inq #main,
	.faq #main,
	.gal #main,
	.inquiries #main {
		width: 94%;
		margin-top:0!important;
		padding:0 3%;
		background-color: #cce1f7;
	}
	.root #main,
	.con #main,
	.rep #main,
	.faq #main,
	.gal #main,
	.inq #main {
		width: 94%;
		margin-top:0!important;
		padding:20px 3% 110px;
	}
    
	/*乗り継ぎ利用*/
	.root #main .mtext {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	.root #main li:nth-last-child(1) {
		margin-bottom: 0px;
	}
	.root .main_box {
		overflow: hidden;
		width: auto;
		height: auto;
		padding: 30px;
		margin-bottom: 13px;
		background-color: #fffcdb;
	}
	.root .main_box .mbox_text {
		width: 100%;
		height: auto;
		font-size: 18px;
		line-height: 30px;
		margin-right: 32px;
	}
	.root .main_box .mbox_text h3 {
		font-size: 24px;
		color:#0068b7;
		padding-bottom: 10px;
		border-bottom: 2px solid ;
		margin: 0px 0px 10px 0px;;
	}
	.root .main_box .mbox_text h3 br{
		display:none;
	}
	.root .sub {
		font-size: 14px;
		line-height: 26px;
	}
	.root .map {
		padding-top: 30px;
	}
	.root .map .map_title {
		font-size: 18px;
		font-weight: bold;
		padding-left: 24px;
		margin-bottom: 17px;
		background: url("../img/root_icon02.jpg") no-repeat left top 3px;
	}
	.root .sub_map {
		margin-left: 10px;
		font-weight: normal;
	}
	.root .map .map_pic {
		clear: both;
		width: 100%;
		text-align: center;
	}
	.root .map .root_map {
		margin-bottom: 24px;
	}
	.root .map .root_map li {
		margin: 15px auto;
	}
	.root .map .root_map li:nth-child(1) {
		width: 60vw;
	}
	.root .map .root_map li:nth-child(3) {
		width: 20vw;
	}
	.root .map .root_map li:nth-child(4) {
		width: 85vw;
	}
	#toshin .root_map li:nth-child(4) {
		width: 62vw;
	}
    .root .alert {
        width: 100%;
    }
    .root .map .map_pic p{
        margin-top:2px;
        font-size:12px;
        text-align: right;
    }
	/*乗り継ぎ利用*/
    
	/*工事内容*/
	h2 {
		width:100%;
		height:60px;
		margin:0px 0 20px;
		font-size:24px;
		line-height:60px;
	}

	.contents__intro {
		width:100%;
		padding:20px 0;
		margin-bottom:15px;
		font-size:22px;
		line-height:36px;
	}
	.contents__intro br.sp {
		display:none;
	}

	h3 {
		width:100%;
		height:36px;
		margin-bottom:10px;
		font-size:20px;
		line-height:36px;
		text-align:left;
		text-indent:0.5em;
	}
	.example_box {
		width: calc(96% - 2px);
		margin:20px auto 0;
		padding:10px 2%;
	}
	.example_box h4{
		margin:0;
		font-size:20px;
	}
	.example_box h5{
		margin:35px 0 0;
		font-size:20px;
	}
	.example_box p{
		width:100%;
		margin:0px auto 35px;
		font-size:12px;
	}
	/*工事内容*/

	/*工事進捗*/
	.rep h2{
		width:100%;
		height:65px;
		margin: 0px 0 22px;
		font-size:24px;
		line-height:65px;
	}
	.report_box {
		width:100%;
		min-height:400px;
		padding:10px 0 20px;
		margin:20px auto 0px;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		background-color:#FFF;
	}
	.report_box h3{
		width:94%;
		height:auto;
		margin:20px auto 10px;
		padding:0px 0px;
		border:0;
		color:#000;
		text-align:left;
		font-size:16px;
		line-height:22px;
	}
	.report_box p{
		padding:10px 4% 10px;
	}
	.report_box ul{
		width:94%;
		margin:20px auto;
	}
	.report_box ul li{
		margin-top:6px;
		padding-bottom: 8px;
		text-indent:-1em;
		padding-left:1em;
		border-bottom: 1px dotted #666;
		list-style-type: none;
	}
	.report_box ul li:before {
		content: "・"; 
	}
	.report_box ul li a.new{
		background: url(../img/icon_new.gif) right center no-repeat;
		padding-right:40px;
	}

	.blog {
		padding:0px 2%;
		line-height: 1.5em;
	}
	.imagebox {
		margin: 0px auto 0px;
		width:96%;
		justify-content:space-around;
	}
	.imagebox figure {
		float:left;
		width: 48%;
		margin:0 1% 20px 1%;
		padding:0;
	}
	.imagebox img {
		width:100%;
		height: auto;
	}
	figcaption {
		text-align: center;
		padding: 8px;
		font-size:13px;
	}
	div.imagebox:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}
	/*工事進捗*/

	/*faq*/
	.faq_box {
		width:100%;
		padding:6px 0;
		margin:0 auto 30px;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		background-color:#FFF;
	}
	.faq_box dl{
		padding: 25px 0;
	}
	.faq_box dt span br{
		display:none;
	}
	.faq_box dt{
		width:calc(94% - 50px);
		background: url(../img/reader_q.png) left top no-repeat;
		margin-left:3%;
		padding-top: 6px;
		padding-left:50px;
		padding-bottom:18px;
		font-size:18px;
		line-height:32px;
		font-weight:bold;
	}
	.faq_box dd{
		width:calc(94% - 50px);
		background: url(../img/reader_a.png) left top no-repeat;
		margin-left:3%;
		padding-top: 7px;
		padding-left:50px;
		font-size:16px;
		line-height:30px;
	}
	.faq_box dd p{
		margin-top:5px;
	}
	.tboff{
		display:none;
	}
	.faq_box dd p.ex{
		font-size:12px;
        text-align:right;
	}
    .faq_box table tbody tr td:nth-child(2) {
        background: none!important;
    }
	
	ul.faq_btn {
        width:60%;
		margin:30px auto 0px;
    }
    ul.faq_btn li{
        width:100%;
		height:62px;
		margin:0 auto;
    }
    ul.faq_btn li a{
        width:100%;
        min-height:1em;
		padding:22px 0;
        font-size:18px;
        line-height:20px;
    }
	ul.faq_btn li a{
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
	}
	/*faq*/
	
	/*gallery*/
	.gallery_box {
		width:92%;
		padding:6px 4%;
		margin:0 auto 4%;
	}
	.gallery_box h3 {
		width:calc(100% - 30px);
        border-left: 30px solid #005bac;
        text-indent: 1em;
		height: 60px;
        margin: 30px auto 20px;
        font-size: 24px;
        line-height: 60px;
    }
	.gallery_box ul{
		width:100%;
		padding:0px 0;
		margin:0 auto 30px;
	}
	.gallery_box ul li{
		margin:0 auto 30px;
	}
	.gallery_box ul.print li:nth-child(1){
		width:100%;
		margin-bottom:40px;
	}
	.gallery_box ul.print li:nth-child(1) img{
		width:45%!important;
	}
	.gallery_box ul.print li:nth-child(2){
		width:100%;
	}
	/*gallery*/
	
	/*お問い合わせ*/
	.inquiries_box {
		width:100%;
		padding:0px 0 20px;
		margin:0px auto 40px;
	}

	.inquiries_box h2{
		width:100%;
		height:65px;
		margin: 0px 0 22px;
		font-size:24px;
		line-height:65px;
	}
	.inquiries_box dl{
		margin:0px 0 0;
	}
	.inquiries_box dt{
		width:480px;
		margin:0 auto;
		text-align:center;
	}
	.inquiries_box dd{
		width:522px;
		text-align:center;
		margin:20px auto 0;
	}
	.inquiries_box dl.qr{
		padding-top:18px;
		font-size:24px;
		line-height:18px;
	}
	.inquiries_box .qr dd {
		width:480px;
		margin: 0px auto;
	}
	.inquiries_box .qr dt{
		width:100%;
		margin-bottom:50px;
		padding-top:10px;
	}
	.inquiries_box .qr dt p{
		width:480px;
		margin:0 auto 15px;
	}
	.inquiries_box .qr dt span{
		font-size:32px;
		font-weight:bold;
	}
	.inquiries_box .qr dd p{
		width:480px;
		border:1px solid #000;
		text-align:center;
		font-weight:normal;
		padding:6px 0px;
	}
	.inquiries_box .qr dd img{
		width:230px!important;
		height:auto;
	}
	.inquiries_box dl.url{
		padding-top:35px;
		padding-bottom: 15px;
	}
	.inquiries_box dt p{
		margin: 0;
		padding:6px 0;
		font-size:22px;
		line-height:21px;
	}
	.inquiries_box dt span{
		font-size:14px;
	}

	.inquiries #return {
		width:100%;
		margin-top:110px;
	}
	.inquiries_box .tel {
		pointer-events: none;
	}
	#main div:nth-last-child(2) {
		margin-bottom:0;
	}
	.inq #main div:first-child > dl > dt > span{
		font-size:16px;
	}
	/*お問い合わせ*/
	
	.inq #return,
	.faq #return,
	.rep #return {
		width: 100%;
		padding: 0 0% 15px;
	}
}

@media screen and (min-width: 835px) {
#PC------------------------{}
	
	#top_body {
		display: block;
		float: none;
		width: 900px;
		margin: 0px auto;
		padding: 0px 30px;
	}
    
	/*乗り継ぎ利用*/
    .root {
        
    }
	.root #main .mtext {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	.root #main li:nth-last-child(1) {
		margin-bottom: 0px;
	}
	.root .main_box {
		overflow: hidden;
		width: auto;
		height: auto;
		padding: 30px;
		margin-bottom: 13px;
		background-color: #fffcdb;
	}
	.root .main_box .mbox_text {
		float: left;
		width: 430px;
		height: auto;
		font-size: 18px;
		line-height: 30px;
		margin-right: 32px;
	}
	.root .main_box .mbox_text h3 {
		font-size: 24px;
		color:#0068b7;
		padding-bottom: 10px;
		border-bottom: 2px solid ;
		margin: 0px 0px 10px 0px;;
	}
	.root .sub {
		font-size: 14px;
		line-height: 26px;
	}
	.root .map {
		margin-top: -35px;
		padding-top: 70px;
	}
	.root .map .map_title {
		font-size: 20px;
		font-weight: bold;
		padding-left: 24px;
		margin-bottom: 17px;
		background: url("../img/root_icon02.jpg") no-repeat left top 4px;
	}
	.root .sub_map {
		margin-left: 10px;
		font-weight: normal;
	}
	.root .map .map_pic {
		clear: both;
		width: 100%;
		text-align: center;
	}
	.root .map .root_map {
		margin-bottom: 24px;
	}
	.root .map .root_map li {
		float: left;
		margin-right: 16px;
	}
	.root .map .root_map li:nth-last-child(1) {
		margin-right: 0px;
	}
	.root .map .root_map li:nth-child(1) {
		width: 320px;
	}
	.root .map .root_map li:nth-child(2) {
		width: 118px;
		font-size: 16px;
	}
	.root .map .root_map li:nth-child(4) {
		width: 430px;
	}
	.root .map .city li:nth-child(1) {
		margin-left: 55px;
	}
	.root .map .city li:nth-child(4) {
		width: 312px;
	}
	.root .map .city li:nth-child(4) img{
		width: 100%;
        height:auto;
	}
    .alert__link {
        margin:50px 0 0;
    }
    .root .map .map_pic p{
        width:660px;
        margin:2px auto 0;
        font-size:12px;
        text-align: right;
    }
	/*乗り継ぎ利用*/

	/*工事内容*/
	h2 {
		width:900px;
		height:60px;
		margin:30px auto 20px;
		font-size:24px;
		line-height:60px;
	}

	.contents__intro {
		width:900px;
		padding:30px 0;
		margin-bottom:45px;
		font-size:24px;
		line-height:36px;
	}

	.contents__img01 {
		margin:26px 0 0 22px;
	}
	.contents__img03 {
		transform: translateY(-53px);
		margin:0 0 -50px -15px;
	}
    
    .read p {
        margin-bottom:20px;
		font-size:18px;
		line-height:30px;
    }

	.example_box {
		width:900px;
		margin-top:30px;
	}
    .example_box li{
        float:left;
		width:430px;
        height:450px;
		margin-right:40px;
	}
    .example_box li:nth-child(2n){
		margin-right:0px;
	}
	.example_box h3{
		margin:10px 0 2px;
		font-size:20px;
	}
	.example_box p{
		font-size:18px;
        line-height:30px;
	}
	/*工事内容*/

	.rep #main,
	.inq #main,
	.faq #main,
	.gal #main,
	.inquiries #main {
		background-color: #cce1f7;
		padding-top:15px ;
	}
	.rep #main h2 {
		margin:30px 30px ;
	}
	.root #main,
	.con #main {
		width: 900px;
		padding:15px 30px ;
	}

	/*faq*/
	.faq_box {
		width:900px;
		padding:6px 0;
		margin:0 auto 30px;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		background-color:#FFF;
	}
	.faq_box dl{
		padding: 12px 0 0;
		margin: 0 auto;
	}
	.faq_box dt{
		width:790px;
		background: url(../img/reader_q.png) left top no-repeat;
		margin-left:30px;
		padding-top: 6px;
		padding-left:50px;
		padding-bottom:18px;
		font-size:18px;
		line-height:32px;
		font-weight:bold;
	}
	.faq_box dd{
		width:790px;
		background: url(../img/reader_a.png) left top no-repeat;
		margin-left:30px;
		padding-top: 1px;
		padding-left:50px;
		padding-bottom: 15px;
		font-size:16px;
		line-height:30px;
	}
	.faq_box dd p{
		margin-top:5px;
	}
	.faq_box dd p.ex{
		font-size:12px;
        text-align:right;
	}
    .faq_box .image_box {
        width:100%;
        margin-bottom:15px;
        text-align:center;
    }
    .faq_box .image_box {
        width:100%;
        margin-bottom:15px;
        text-align:center;
    }
    .faq_box a.tel {
        pointer-events: none;/*リンク無効*/
        text-decoration: none;
    }
    .indent035b {
        padding-left: 1.5em;
    }
	/*faq*/
	
	/*gallery*/
	.gallery_box {
		width:840px;
		padding:6px 30px;
		margin:0 auto 30px;
	}
	.gallery_box h3 {
        border-left: 30px solid #005bac;
        text-indent: 1em;
		height: 60px;
        margin: 30px auto 50px;
        font-size: 24px;
        line-height: 60px;
    }
	.gallery_box ul{
		width:585px;
		padding:0px 0;
		margin:0 auto 30px;
	}
	.gallery_box ul li{
		float:left;
		margin:0 auto 30px;
	}
	.gallery_box ul.print li:nth-child(1){
		width:200px;
		margin-right:40px;
	}
	.gallery_box ul.print li:nth-child(2){
		width:345px;
	}
	#gallery_box_leaf {
        width: 1000px;
	}
	.gallery_box ul.movie li{
		width:48%;
		margin-right:4%;
	}
	.gallery_box ul.movie li:nth-child(2){
		margin-right:0%;
	}
	
	.gal .movie{
  		width: 840px;
		margin-bottom:30px;
	}
	.gal .movie_body{
  		width: 840px!important;
		padding:0px 0 50px!important;
	}
	/*gallery*/

	/*お問い合わせ*/
	.inquiries_box {
		width:790px;
		padding:0px 0 20px;
		margin:30px auto 0px;
	}

	.inquiries_box h2{
		width:790px;
		margin: 0px 0 26px;
		font-size:24px;
		line-height:64px;
	}
	.inquiries_box dl{
		margin:0px 0 0;
	}
	.inquiries_box dt{
		padding-left:95px;
		float:left;
	}
	.inquiries_box dd{
		float:left;
	}
	.inquiries_box dl.qr{
		text-align: center;
    	font-weight: bold;
		padding-top:18px;
		font-size:18px;
		line-height:18px;
	}
	.inquiries_box .qr dt{
		width:200px;
		padding-left:159px;
	}
	.inquiries_box .qr dt p{
		border:0;
		padding:0;
		text-align:center;
		display:inline;
	}
	.inquiries_box .qr dd{
		width:200px;
		/*padding-left:29px;2つ入るとき*/
		padding-left:255px;
	}
	.inquiries_box dl.url{
		padding-top:22px;
	}
	.inquiries_box dt p{
		width:268px;
		margin: 0;
		padding:6px 0;
		font-size:18px;
		line-height:21px;
	}
	.inquiries_box .qr dt p{
		font-weight:bold;
	}
	.inquiries_box dt span{
		font-size:14px;
	}
	
	.inquiries_box .tel {
		pointer-events: none;
	}

	.inquiries #return {
		width:790px;
		margin-top:110px;
	}
	
	ul.faq_btn {
        width:790px;
		margin:30px auto 0px;
    }
    ul.faq_btn li{
        width:430px;
		height:62px;
		margin:0 auto;
    }
    ul.faq_btn li a{
        width:100%;
        height:1em;
		padding:22px 0;
        font-size:18px;
        line-height:20px;
    }
	ul.faq_btn li a{
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
	}
	/*お問い合わせ*/

	/*工事進捗*/
	.report_box {
		width:900px;
		min-height:400px;
		padding:10px 0 20px;
		margin:30px auto 0px;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		background-color:#FFF;
	}
	.report_box h3{
		border:0;
		padding:0px 30px 19px;
		color:#000;
		width:100%;
		text-align:left;
		font-size:23px;
	}
	.report_box p{
		padding:20px 30px 19px;
	}
	.report_box ul{
		width:840px;
		margin:20px auto;
	}
	.report_box ul li{
		min-height:33px;
		margin-top:6px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #666;
		list-style-type: none;
		line-height:32px;
	}
	.report_box ul li:before {
		content: "・"; 
	}
	.report_box ul li a.new{
		background: url(../img/icon_new.gif) right center no-repeat;
		padding-right:40px;
	}

	.blog {
		padding:20px;
		line-height: 1.5em;
	}
	.imagebox {
		margin-top: 20px;
		display: flex;
		width: 100%;
		justify-content:space-around;
	}
	.imagebox img {
		max-width: 350px;
		height: auto;
	}
	figcaption {
		text-align: center;
		padding: 8px;
	}
	/*工事進捗*/
}

/*1366*768ディスプレイで印刷物モーダルが見切れる不具合対策*/
@media screen and (min-width: 835px) and (max-width: 1376px){
	#gallery_box_leaf {
		height:90vh;
		max-height:667px!important;
	}
	.lity-image img {
  		max-height: 90VH!important;
	}
}

/*1366*768ディスプレイで印刷物モーダルが見切れる不具合対策*/

.return {
    width:100%;
    text-align:right;
    margin:20px 0 40px;
    font-size:14px;
}
.return a{
    padding-left:14px;
    background: url("../img/retrun_reader.gif") left center no-repeat;
}

/*工事内容*/
h2 {
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	background-color:#005bac;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

.contents__intro {
	background-color: #eaf6fd;
	text-align:center;
	font-weight:bold;
	color:#0068b7;
}
.red {
	color:#F00;
}


.example_box {
}
.example_box h4{
	font-weight:bold;
}
.example_box p{
}
/*工事内容*/


/*お問い合わせ*/
.inquiries_box {
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	background-color:#FFF;
}

.inquiries_box h2{
	border-radius:14px 14px 0px 0px;
	-moz-border-radius:14px 14px 0px 0px;
	-webkit-border-radius:14p 14px 0px 0px;
	background-color: #005bac;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
.inquiries_box dt p{
	border:1px solid #000;
	text-align:center;
	font-weight:normal;
}
/*お問い合わせ*/

/*Q&A*/
.faq_box h3 {
    border:0;
    padding:0;
    margin:15px 0 0;
    text-indent:0;
}
.faq_box table thead {
    text-align:center;
    background-color:#d8d8d8;
}
.faq_box table thead tr td:nth-child(1) {
    color:#FFF;
    background-color:#b44193;
}
.faq_box table thead tr td:nth-child(3) {
    color:#FFF;
    background-color:#00a0e9;
}
.faq_box table tbody tr td:nth-child(2) {
    text-align:center;
    line-height:22px
}
.faq_box table tbody tr td small {
    font-size:14px;
    line-height:22px
}
ul.faq_btn li a{
    display: block;
    color:#FFF;
    width:100%;
    text-decoration: none;
    background: url("../img/reader.png") right 18px center no-repeat;
    background-color: #004ba0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
    text-align: center;
}
ul.faq_btn li a:hover{
    background-color: #2869b2;
}

.faq dd , .faq dt {/*辻の文字化け対策　一点しんにょうにしたい*/
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}

.indent010 {
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:1em;
}
.indent025 {
	text-indent:-2.6em;
	padding-left:2.6em;
	margin-bottom:1em;
}
.indent025b {
    padding-left: 11.8em;
    margin-bottom: 1em;
    text-indent: -9.2em;
}
.indent025c {
	padding-left: 12.3em;
  	margin-bottom: 1em;
  	text-indent: -9.7em;
}
.indent030 {
	text-indent:-3.0em;
	padding-left:3.0em;
	margin-bottom:1em;
}
.faq legend {
	border:1px solid #000;
	padding:1em 2em;
	width: 70%;
	margin-bottom:2em;
}
/*Q&A*/

/*gallery*/
.gallery_box {
    border-radius:14px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    background-color:#FFF;
}
.gallery_box h3 {
    background-color: #b2d1f2;
    color: #000;
    text-align: left;
    font-weight: bold;
}
.gallery_box ul li{
    text-align: center;
}
.gallery_box ul li img{
    margin-bottom:5px;
	width:100%;
	height:auto;
}

#gallery_box_leaf {
    overflow-x: scroll;
}
#gallery_box_leaf img {
    height:100%;
    width: auto;
}
a.btn_download {
    width:7em;
    margin: 15px auto;
    padding:0px 15px;
    display: block;
    background-color: #fff;
    text-align: center;
    color: #37b6af;
    border:2px solid #37b6af;
    line-height: 30px;
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-decoration: none;
}
/*gallery*/