@charset "UTF-8";

/* リセットCSS */
html, body, div, span, applet, object, 
iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, img, ins, 
kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, 
dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video{
	margin: 0 auto;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
html{
	font-size: 62.5%;
}

section,div{
	box-sizing: border-box;
}
body{
	font-size: 1.4rem;
	color: #333;
	font-family: "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans serif;
	background-image: url(../images/bg_body.jpg);
}
/*ヘッダーからナビまで*/
header {
	width: 100%;
	height: 110px;
	background: #fff;
}
#hInner {
	width: 1000px;
	height: 110px;
	margin: 0 auto;
	padding: 16px 0 14px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#hInner h1{
	margin-left: 0;
}
#hInner #headerTell{
	font-size: 1.2rem;
	text-align: right;
	font-weight: bold;
}
#hInner #hContact{
	margin-right: 0;
	cursor: pointer;
}
#hInner img{
	vertical-align: top;
}
#group1{
	position: fixed;
/*	bottom: 171px;	*/
	bottom: 100px;
	right: 20px;
	border: 1px solid #000;
	cursor: pointer;
	transition: 1s;
}
#group2{
	position: fixed;
/*	bottom: 100px;	*/
	bottom: 29px;
	right: 20px;
	border: 1px solid #000;
	cursor: pointer;
	transition: 1s;
}
#group3{
	position: fixed;
/*	bottom: 29px;	*/
/*	bottom: 411px;	*/
	bottom: 415px;
	right: 20px;
/*	border: 1px solid #000;		*/
	cursor: pointer;
	transition: 1s;
}
#burger{
	display: none;
}
/*ヘッダー分*/
/*アイキャッチとナビ*/
#eyeCatch img{
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: bottom;
}
.hNavi{
	width: 100%;
	height: 70px;
	background-image: url(../images/bg_gnav.png);
}
nav #navInner {
	width: 1000px;
	margin: auto;
	padding: 10px 0;
	height: 50px;
}
nav div ul li {
	list-style: none;
}
/*アイキャッチからナビまで終了*/
/*アイキャッチのスライダー ここから*/
#eyeCatch .slide-arrow{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 100;
}
#eyeCatch .arrow-prev{
    left: 0;
    width: 50px;
}
#eyeCatch .arrow-next{
    right: 0;
    width: 50px;
}
/*アイキャッチのスライダー ここまで*/

/*wrap内*/
.bottom{
	margin-bottom: 45px;
}
#wrap{
	width: 1112px;
	margin: 45px auto 0 auto;
	padding: 45px 106px 45px 106px;
	background: #fff;
	background: url(../images/body_bg2.png);
}
/*トップページ*/
/*sec01*/
#top #wrap #sec01{
	width: 100%;
	height: 500px;
	background: #fff;
	background: url(../images/sec01_bg.png);
	padding: 9px 39px 34px 14px;
}
#top #wrap #sec01 h2{
	padding-left: 11px;
	margin-bottom: 2.6rem;
}
#top #wrap #sec01 .leftBottom{
	padding-left: 8px;
	margin-bottom: 7px;
}
#top #wrap #sec01 div ul li{
	list-style: none;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 3rem;
}
#top #wrap #sec01 div ul li .marginRight{
	margin-right: 1.6rem;
	position: relative;
	top: 3px;
	left: 0;
}
#top #wrap #sec01 #sec01_link{
	margin-right: 0;
}
#top #wrap #sec01 #sec01_link img{
	margin-top: 4rem;
}
/*sec02*/
#top #wrap #sec02 #sec2_main{
	width: 890px;
	height: 400px;
	border: solid #5791c5 5px;
	box-shadow: 0 0 0 5px #0059a7;
	background: url(../images/sec_bg02.jpg);
	background-repeat: no-repeat;
	padding: 15px 20px;
	font-weight: bold;
}
#top #wrap #sec02 #sec2_main h2{
	margin-bottom: 30px;
	position: relative;
	top: 0;
	left: 8px;
}
#top #wrap #sec02 #sec2_main p{
	margin-bottom: 20px;
	line-height: 1.8;
	font-size: 1.6rem;
}
#top #wrap #sec02{
	position: relative;
	height: 550px;
}
#top #wrap #sec02 #sec2_img{
	position: absolute;
	top: 353px;
	left: 0;
}
/*sec03*/
#top #wrap #sec03{
	background: url(../images/sec03_bg.jpg);
	width: 100%;
	height: 419px;
}
#top #wrap #sec03 h2,
#top #wrap #sec03 p{
	text-align: center;
}
/*sec04*/
#top #wrap #sec04{
	background: url(../images/sec04_bg.jpg);
	background-position: 0 80px;
	background-repeat: no-repeat;
	width: 100%;
	height: 629px;
}
#top #wrap #sec04 h2{
	margin-bottom: 1rem;
}
#top #wrap #sec04 h2,
#top #wrap #sec04 p{
	text-align: center;
}
#top #wrap #sec04 #sec04_yane{
	margin-left: 30px;
}
#top #wrap #sec04 #sec04_yane,
#top #wrap #sec04 #sec04_gaiheki,
#top #wrap #sec04 #sec04_waterproof{
	width: 260px;
	height: 390px;
	background: #fff;
	margin-right: 30px;
}
#top #wrap #sec04 #sec04_yane ul,
#top #wrap #sec04 #sec04_gaiheki ul,
#top #wrap #sec04 #sec04_waterproof ul{
	list-style: none;
	margin: 15px 20px 0;
}
#top #wrap #sec04 #sec04_yane ul li,
#top #wrap #sec04 #sec04_gaiheki ul li,
#top #wrap #sec04 #sec04_waterproof ul li{
	margin-bottom: 15px;
}
/*sec05*/
#top #wrap #sec05 h2{
	position: relative;
}
#top #wrap #sec05 h2 a{
	position: absolute;
	top: 9px;
	right: 9px;
}
#top #wrap #sec05 h2 .imgShadow{
	box-shadow: 0 4px #dbdbdb;
}
#top #wrap #sec05 .exList{
	background: url(../images/sec05_bg.jpg);
	width: 23%;
	height: 50%;
	margin-top: 17px;
	border: 1px solid #d7d6d7;
	padding: 10px 10px 0 10px;
}
#top #wrap #sec05 .exList div{
	margin: 8px 0;
}
#top #wrap #sec05 .exList span{
	background: #0059a7;
	color: #fff;
	font-weight: bold;
	padding: 0.3em 0.5em;
}
#top #wrap #sec05 .exList p{
	margin-top: .8em;
}
#top #wrap #sec05 .exList h3{
	font-weight: bold;
	margin-bottom: .4em;
}
#top #wrap #sec05 .exList .exImage{
	text-align: center;
}
.left{
	margin-left: 0;
}
.right{
	margin-right: 0;
}
/*sec06*/
#top #sec06{
	background: url(../images/sec06_bg.jpg);
	width: 900px;
	height: 540px;
	position: relative;
	padding: 10px 20px;
}
#top #sec06 h2{
	margin-top: 35px;
	position: absolute;
	top: 10px;
	right: 30px;
}
#top #sec06 ul{
	height: 409px;
	width: 235px;
	list-style: none;
	margin: 13px 245px auto auto;
}
#top #sec06 ul li{
	margin-right: 1rem;
}
#top #sec06 p{
	margin-top: 3rem;
	text-align: center;
}
/*sec07*/
#top #sec07{
	width: 900px;
	height: auto;
	font-family: "メイリオ", Meiryo;
	padding: 3rem;
	border: 4px double #ccc;
}
#top #sec07 h2{
	text-align: center;
	margin-bottom: 17px;
}
#top #sec07 #sec07p{
	padding: 0 5rem 0 0;
	font-size: 1.3rem;
	text-indent: 1em;
	line-height: 2em;
}
#top #sec07 #sec07flex{
	display: flex;
}
#top #sec07 #sec07flex #sec07human img{
	height: 350px;
	width: auto;
}
#top #sec07 #sec07flex #sec07human p{
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.3em;
}
#top #sec07 #sec07flex #sec07human p #bgBlue{
	background: #002d72;
	border-radius: 4px;
	padding: 0.2em 0.4em;
	color: #fff;
	font-size: 1.2rem;
}
#top #sec07 #sec07flex #sec07human p #small{
	font-size: 1.2rem;
}
/*sec08*/
#top #sec08{
	width: 100%;
	height: 1273px;
	background: #eee;
}
#mail #sec08{
	width: 100%;
	height: auto;
	background: #eee;
}
#top #sec08 #sec08_inner,
#mail #sec08 #sec08_inner{
	width: 610px;
}
#top #sec08 ul,
#mail #sec08 ul{
	list-style: none;
}
#top #sec08 #sec08_inner #listStyle,
#mail #sec08 #sec08_inner #listStyle{
	padding: 30px 0;
}
#top #sec08 #sec08_inner #listStyle li,
#mail #sec08 #sec08_inner #listStyle li{
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 0 0 10px;
}
#top #sec08 #sec08_inner #listStyle li::before,
#mail #sec08 #sec08_inner #listStyle li::before {
	position: relative;
	top: -2px;
	left: -8px;

	display: inline-block;

	width: 2px;
	height: 2px;

	content: '';

	border-radius: 100%;
	background: #333;
}
#top #sec08 #sec08_inner table,
#mail #sec08 #sec08_inner table{
	width: 610px;
	border-collapse: collapse;
}
#top #sec08 #sec08_inner table tr,
#mail #sec08 #sec08_inner table tr{
	border-top: 1px solid #999;
	height: 110px;
	width: 610px;
}
#top #sec08 #sec08_inner table .high,
#mail #sec08 #sec08_inner table .high{
	height: 135px;
}
#top #sec08 #sec08_inner table tr th,
#mail #sec08 #sec08_inner table tr th{
	text-align: left;
	font-weight: bold;
	font-size: 1.6rem;
	vertical-align: top;
	padding-top: 24px;
}
#top #sec08 #sec08_inner table tr td,
#mail #sec08 #sec08_inner table tr td{
	padding-top: 24px;
}
#top #sec08 #sec08_inner table tr th span,
#mail #sec08 #sec08_inner table tr th span{
	color: red;
	font-size: 1.2rem;
}
#top #sec08 #sec08_inner table tr td .tText,
#mail #sec08 #sec08_inner table tr td .tText{
	width: 100%;
	box-sizing: border-box;
	height: 34px;
	margin-bottom: 5px;
}
#top #sec08 #sec08_inner table tr td p,
#mail #sec08 #sec08_inner table tr td p{
	color: #666;
	font-size: 1.2rem;
}
#top #sec08 #sec08_inner table tr .tCenter,
#mail #sec08 #sec08_inner table tr .tCenter{
	text-align: center;
}
#top #sec08 textarea,
#mail #sec08 textarea{
	width: 100%;
	height: 8rem;
	box-sizing: border-box;
}
#top #sec08 #sec08_inner table tr td ul,
#mail #sec08 #sec08_inner table tr td ul{
	height: 100px;
}
#top #sec08 #sec08_inner table tr td ul li,
#mail #sec08 #sec08_inner table tr td ul li{
	margin-left: 0;
	font-weight: bold;
	font-size: 1.3rem;
	margin-bottom: 10px;
}
#top #sec08 #sec08_inner table tr td ul li input,
#mail #sec08 #sec08_inner table tr td ul li input{
	vertical-align: top;
}
#top #sec08 #sec08_inner table tr th button,
#mail #sec08 #sec08_inner table tr th button{
	margin-top: 1.5rem;
	cursor: pointer;
    outline: none;
    border: none;
    background: transparent;
}
/*wrap内終了*/

/*footer*/
footer{
	width: 100%;
	background: #5791c5;
	color: #fff;
}
footer #topJ{
	background: #0059a7;
}
footer #topJInner {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	display: block;
}
footer #topJInner a{
	color: #fff;
}
/*flex使用*/
footer #butt {
	width: 900px;
	margin: 0 auto;
	display: flex;
	padding-top: 25px;
}
footer #fIcon{
	width: 413px;
	margin-left: 0;
}
footer a .font,
footer #fIcon p.font{
	font-size: 1.3rem;
	color: #fff;
}
footer #fIcon p{
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin: 1em 0;
}
footer #fIcon a{
	text-decoration: none;
}

footer a #blue{
	color: blue;
	text-decoration: underline;
}
footer #fNavi,
footer #fNavi2{
	margin-right: 0;
}
footer #fNavi ul li,
footer #fNavi2 ul li{
	list-style: none;
	padding-bottom: 1rem;
}
footer #fNavi ul li a,
footer #fNavi2 ul li a{
	color: #fff;
}

footer #copy {
	line-height: 55px;
	text-align: center;
	font-size: 1.2rem;
	display: block;
	background: #0059a7;
	margin-top: 8rem;
}
/*footer終了*/

/*フレックスボックスまとめ*/
.flex{
	display: flex;
	justify-content: space-between;
}
.exFlex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stringFlex{
	display: flex;
	justify-content: start;
	flex-direction: row-reverse;
}
.conFlex{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
/*パンくずリスト*/
.breadcrumb a {
  text-decoration: underline;
}
.breadcrumb a:hover {
  text-decoration: none;
}
.breadcrumb {
  font-size: 1.2rem;
  margin-bottom: 1.3em;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li:not(:last-child):after {
  content: '>';
}
/*fadeIn.jsに関わるcss*/
.effect-fade {
	opacity: 0;
	transform: translate(0, 100px); /* フェードインで動く高さを指定 */
	transition: all 2000ms; /* フェードインにかかる時間を指定 */
}
.effect-scroll {
	opacity: 1;
	transform: translate(0, 0);
}

/*mail.phpページ*/
#mail #sec08 #sec08_inner h3{
	font-size: 3rem;
	font-weight: bold;
}
#mail #sec08 #sec08_inner table tr th{
	width: 208px;
}
#mail #sec08 #sec08_inner table tr td p{
	font-size: 1.6rem;
	color: #111;
	text-align: left;
}
#mail2 #sec08{
	height: 200px;
}
#mail2 #sec08 p{
	font-size: 2rem;
	font-weight: bold;
}
#mail #sec08 #sec08_inner h3{
	font-size: 3rem;
	font-weight: bold;
}

/*お客様の声・施工事例実績まとめ*/
#case .mb30 {
    margin-bottom: 30px;
}
#case #sec01 h2 ,
#case #sec02 h2 {
    margin-bottom: 30px;
    border-bottom: 4px solid #cacaca;
}
#case #sec01 h2 img,
#case #sec02 h2 img {
	vertical-align:top;		/*初期値baselineの隙間考慮*/
}
#case #sec01 .bg_voice {
    background-color: #feecd2;
    border: 1px solid #e1c293;
}
#case #sec01 .flexList {
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-flow: wrap;
}
#case #sec01 .entryList .entry {
    position: relative;
    padding: 10px 10px 15px;
    width: 440px;
    height: 350px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
}
#case #sec01 .entryList_customer {
    color: #f60;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: .5em;
}
#case #sec01 .l-main p {
    line-height: 1.8;
}
#case #sec01 .entryList_title {
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: .5em;
}
#case #sec01 .entryList .entry.is-empty {
    background-image: none;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
}
#case #sec02 .flexList {
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-flow: wrap;
}
#case #sec02 .entryList .entry {
    position: relative;
    padding: 10px 10px 15px;
    width: 210px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
}
#case #sec02 .entryList .bg_case {
    background-image: url(../images/common_bg_case.jpg);
    border: 1px solid #d3d2d3;
}
#case #sec02 .entryList .bg_case a {
    overflow: hidden;
    text-decoration: none;
    color: #000;
    outline: none;
}
#case #sec02 .entryList .entry figure img {
/*    border: 2px solid #fff;	*/
}
#case #sec02 .entryList .entry figure img {
    vertical-align: bottom;
}
#case #sec02 .entryList .entry div {
	margin:0;
}
#case #sec02 .entryList .entry p {
	margin:0;
	line-height: 1.8;
}
#case #sec02 .entryList .entry h3 {
	margin:0;
}

#case #sec02 .entryList .entry div .entry_icon {
    font-size: 1.6rem;
    color: #fff;
    background-color: #0059a7;
    margin: 8px 0;
    padding: .3em .5em;
    font-weight: bold;
    display: inline-block;
}
#case #sec02 .entryList .entry .entryList_title {
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: .5em;
}
#case #sec02 .entryList .entry .entryList_btn {
    margin-top: auto;
    text-align: center;
}
/********** Youtube 再生 ******************************/
#case #sec01 .movie-content-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 56.25%;
}
#case #sec01 .movie-content-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#case #sec01 .movie-content-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
#case #sec01 .sp-spacer {
	display: none;
	width: 1px;
	height: 1px;
}
#case #sekouMap #jissekiMap{
	margin: 0 50px;
}
#case #sekouMap h2 img{
	border-bottom: 4px solid #cacaca;
}
@media screen and (max-width: 768px) {
	#case #sec01 .sp-spacer {
		display: block;
	}
}
/*お客様の声・施工事例実績ここまで*/
/*スタッフ紹介まとめ*/
#staff #wrap {
	padding-bottom:25px;
}
#staff #wrap #sec01 .text {
    padding: 0 25px;
}
#staff #wrap #sec01 .text p {
	padding-top:30px;
}
#staff #wrap #sec02 img {
	vertical-align:top;		/*初期値baselineの隙間考慮*/
}
#staff #wrap #sec02 p {
	margin:0;
	padding:0;
}
#staff #wrap #sec02 #t {
    width: 900px;
    box-sizing: border-box;
}
#staff #wrap #sec02 #t h2 {
	margin:45px 0 20px 0;
}
#staff #wrap #sec02 #t #h2_t2 ,
#staff #wrap #sec02 #t #h2_t3 {
	display: none;
}
#staff #wrap #sec02 #t .staff_btn {
    margin: 4rem 0 0.3rem;
}
#staff #wrap #sec02 #t .staff_btn a {
	text-decoration: none;
}
#staff #wrap #sec02 #t .staff_btn .opa {
	opacity: 0.3;
}
#staff #wrap #sec02 .t_item {		/*画像、それ以外の全体まとまり*/
	display:flex;
	flex-direction:row;
	border:1px solid;
	margin-bottom:20px;
	padding:10px;
}
#staff #wrap #sec02 .t_name {		/*漢字氏名、役職名　の並び*/
	display:flex;
	flex-direction:row;
}

#staff #wrap #sec02 .t_img {		/*本人画像*/
	border:5px solid #fff;
	margin-right:10px;
}
#staff #wrap #sec02 .t_name1 {		/*漢字氏名*/
	margin-left:0;
}
#staff #wrap #sec02 .t_name2 {		/*役職名*/
	font-size:1.3rem;
	margin-left:0;
	line-height:2em;
}
#staff #wrap #sec02 .t_name2 p {		/*役職名*/
	margin-top: 2rem;
}
#staff #wrap #sec02 .t_motto {		/*モットー*/
	font-size:2.2rem;
	margin-bottom:5px;
	font-weight:bold;
	color:#0059a7;
}
#staff #wrap #sec02 .t_honbun {		/*本文*/
	font-size:1.6rem;
}
/*スタッフ紹介まとめここまで*/
/*岐阜雨漏り修理センターの強みまとめ*/
#concept img {
	vertical-align:top;		/*初期値baselineの隙間考慮*/
}
#concept .mb10 {
    margin-bottom: 10px;
}
#concept .mb20 {
    margin-bottom: 20px;
}
#concept .mb25 {
    margin-bottom: 25px;
}
#concept .mb30 {
    margin-bottom: 30px;
}
#concept .mb40 {
    margin-bottom: 40px;
}
#concept .mb60 {
    margin-bottom: 60px;
}
#concept .list_concept {
	list-style:none;
    margin-bottom: 90px;
}
#concept .list_concept > li {
	background:#eee;
    margin-bottom: 50px;
}
#concept .list_concept > li > div {
    line-height: 2;
    padding: 20px 30px;
}
#concept .list_concept > li p {
    line-height: 2;
}
#concept .l-main p {
    line-height: 1.8;
}
#concept .ta_c {
    text-align: center;
}
#concept .list_concept > li p {
    line-height: 2;
}
#concept .list_concept .list02 > div {
	background-image: url(../images/concept_bg02.png);
    background-repeat: no-repeat;
    background-position: 48rem 0;
}
#concept .list_concept > li > div {
    line-height: 2;
    padding: 30px 40px;
}
#concept .list_concept .list02 > div .bg {
    padding-right: 310px;
    margin-bottom: 60px;
}
#concept .list_concept > li p {
    line-height: 2;
}
#concept .l-main p {
    line-height: 1.8;
}
#concept .ta_c {
    text-align: center;
}
#concept .list_concept .list02 > div ul {
    width: 820px;
    margin: 20px auto 0;
}
#concept .flexList {
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-flow: wrap;
}
#concept .list_concept .list02 > div li {
    width: 390px;
    border: 1px solid #0059a7;
    background-color: #fff;
    padding: 14px 11px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.5rem;
    align-items: center;
}
#concept .l-flex {
    display: flex;
    justify-content: space-between;
}
#concept .list_concept .list02 > div li p {
    line-height: 1.7;
}
#concept .l-flex-l .txt {
    order: 2;
}
#concept .l-flex-l .fig {
    padding-left: 0;
    padding-right: 10px;
    order: 1;
}
#concept .l-flex-l .fig img {
    vertical-align: bottom;
}
#concept .list_concept .list05 > div {
    padding: 20px 45px;
}
#concept .l-flex-l .txt {
    order: 2;
}
#concept .list_concept .list05 > div dt {
    font-size: 2rem;
    font-weight: bold;
}
/*岐阜雨漏り修理センターの強みここまで*/
/*雨漏り対策まとめ*/
#step .mb30 {
    margin-bottom: 30px;
}
#step .mb20 {
    margin-bottom: 20px;
}
#step .mb15 {
    margin-bottom: 15px;
}
#step .mb10 {
    margin-bottom: 10px;
}
#step .ta_c {
    text-align: center;
}
#step .sp-Box {
	padding-left:15px;
}
#step .sp-area ul ,
#step .sp-Box ul {
	list-style:none;
	display: flex;
}
#step .box01 {
    text-align: center;
    background-image: url(../images/step_g04.png), url(../images/step_arrow01.png), url(../images/step_arrow01.png);
    background-repeat: no-repeat;
    background-position: 0 100px, 50% 10px, 50% 100%;
    padding: 137px 0 87px;
}
#step .box01 p {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5;
}
#step .box01 ul {
	list-style:none;
    position: relative;
}
#step .box01 li:nth-child(1) {
    top: 96px;
    left: 103px;
}
#step .box01 li:nth-child(2) {
    top: 20px;
    left: 247px;
}
#step .box01 li:nth-child(3) {
    top: 78px;
    left: 454px;
}
#step .box01 li:nth-child(4) {
    top: 19px;
    left: 600px;
}
#step .box01 li {
    position: absolute;
}
#step .box01 p:last-child {
    margin-top: 350px;
}
#step ol {
	list-style:none;
}
#step ol .list01 {
    background-image: url(../images/step_bg01.jpg);
}
#step ol > li {
    background-repeat: no-repeat;
    background-position: 100% 85px;
    margin-bottom: 50px;
}
#step ol .list01 h4 {
    margin-bottom: 30px;
}
#step ol h4 {
/*    background-color: #e1e1e1;
    line-height: 71px;
    font-size: 3rem;
    font-weight: bold;	*/
    margin-bottom: 60px;
}
#step ol p {
    padding: 0 35% 0 15px;
}
#step ol b {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .5em;
    display: block;
}
#step ol .list01 .flexList {
    margin: 20px 0 0 15px;
    -ms-flex-align: center;
    align-items: center;
}
#step ol .list02 {
    background-image: url(../images/step_bg02.png);
    min-height: 365px;
}
#step ol .list03 {
    background-image: url(../images/step_bg03.jpg);
    min-height: 365px;
}
#step aside .flexList {
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-flow: wrap;
}
#step aside ul {
    margin-top: 60px;
	list-style:none;
}
#step .listBtn li {
    width: 230px;
    text-align: center;
    margin-bottom: 2em;
}
#step aside .listBtn a {
    text-decoration: underline;
}
#step aside .listBtn a:hover {
    text-decoration: none;
}
#step aside  a {
    overflow: hidden;
    text-decoration: none;
    color: #000;
    outline: none;
}
#step .listBtn img {
    display: block;
    margin-bottom: .7em;
}
/*雨漏り対策ここまで*/
/*屋根リフォーム・外壁リフォーム・防水リフォームまとめ*/
#roof .mb40 ,
#wall .mb40 ,
#waterproof .mb40 {
    margin-bottom: 40px;
}
#roof .mb45 ,
#wall .mb45 ,
#waterproof .mb45 {
    margin-bottom: 45px;
}
#roof .mb80 ,
#wall .mb80 ,
#waterproof .mb80 {
    margin-bottom: 80px;
}
#roof .box01 ,
#wall .box01 ,
#waterproof .box01 {
    background-image: url(../images/roof_bg01.jpg);
    background-repeat: no-repeat;
    background-position: 0 90px;
    padding-top: 10px;
    height: 675px;
    margin-bottom: 45px;
}
#roof .box01 ul ,
#wall .box01 ul ,
#waterproof .box01 ul {
	list-style:none;
    margin: 50px 0 0 55px;
}
#roof .box01 ul li ,
#wall .box01 ul li ,
#waterproof .box01 ul li {
	margin-bottom:1.8rem;
}
#roof h2 ,
#wall h2 ,
#waterproof h2 {
    margin-bottom: 30px;
}
#roof .w860 ,
#wall .w860 ,
#waterproof .w860 {
    width: 860px;
    margin: 0 auto 30px;
}
#roof .flexList ,
#wall .flexList ,
#waterproof .flexList {
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-flow: wrap;
}

#roof ul ,
#wall ul ,
#waterproof ul {
	list-style:none;
}
#roof .listCheck li:not(:last-child) ,
#wall .listCheck li:not(:last-child) ,
#waterproof .listCheck li:not(:last-child) {
    background-image: url(../images/roof_arrow02.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 117px;
}
#roof .ta_c ,
#wall .ta_c ,
#waterproof .ta_c {
    text-align: center;
}
#roof .list01 > li ,
#wall .list01 > li ,
#waterproof .list01 > li {
    border: 2px solid #0059a7;
    background-color: #fffaea;
    margin-bottom: 30px;
}
#roof .list01 > li > div ,
#wall .list01 > li > div ,
#waterproof .list01 > li > div {
    padding: 25px;
}
#roof .l-flex ,
#wall .l-flex ,
#waterproof .l-flex {
    display: flex;
    justify-content: space-between;
}
#roof .list01 > li > div b ,
#wall .list01 > li > div b ,
#waterproof .list01 > li > div b {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: .5em;
}
#roof .list01 p ,
#wall .list01 p ,
#waterproof .list01 p {
    line-height: 2;
}
#roof .l-flex-l .txt ,
#wall .l-flex-l .txt ,
#waterproof .l-flex-l .txt {
    order: 2;
}
#roof  .list01 .fig ,
#wall  .list01 .fig ,
#waterproof  .list01 .fig {
    margin-right: 15px;
}
#roof .l-flex-l .fig ,
#wall .l-flex-l .fig ,
#waterproof .l-flex-l .fig {
    padding-left: 0;
    padding-right: 10px;
    order: 1;
}
#roof .list02 ,
#wall .list02 ,
#waterproof .list02 {
    width: 720px;
    margin: 0 auto 30px;
}
#roof .list02 li ,
#wall .list02 li ,
#waterproof .list02 li {
    font-size: 1.5rem;
    width: 150px;
    line-height: 1.4;
    text-align: center;
}
/***リフォームページ：施工例***************************/
#roof #wrap #sec01,
#wall #wrap #sec01,
#waterproof #wrap #sec01 {
	width: 900px;
	border: 5px solid #00ffff;
	padding: 10px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}
#roof #wrap #sec01 #picture ,
#wall #wrap #sec01 #picture ,
#waterproof #wrap #sec01 #picture {
	flex-direction: row;
	margin: 0;
}
#roof #wrap #sec01 h4 ,
#wall #wrap #sec01 h4 ,
#waterproof #wrap #sec01 h4{
	margin: 10px auto 0;
}
#roof #wrap #sec01 .pPadding ,
#wall #wrap #sec01 .pPadding ,
#waterproof #wrap #sec01 .pPadding {
	margin-top: 10px;
}
#roof #wrap .sec02 ,
#wall #wrap .sec02 ,
#waterproof #wrap .sec02 {
	margin: 30px 0;
}
#roof #wrap .sec02 .yane01 ,
#roof #wrap .sec02 h2 ,
#wall #wrap .sec02 .yane01 ,
#wall #wrap .sec02 h2 ,
#waterproof #wrap .sec02 .yane01 ,
#waterproof #wrap .sec02 h2 {
	width: 900px;
	display: flex;
	flex-wrap:wrap;
}
#roof #wrap .sec02 .yane01 ,
#wall #wrap .sec02 .yane01 ,
#waterproof #wrap .sec02 .yane01 {
	margin: 15px auto;
}
#roof #wrap .sec02 .yane01 img ,
#wall #wrap .sec02 .yane01 img ,
#waterproof #wrap .sec02 .yane01 img {
	margin-bottom: 10px;
}
#roof #wrap .sec02 .yane01detail ,
#wall #wrap .sec02 .yane01detail ,
#waterproof #wrap .sec02 .yane01detail {
	background-color: #defaf4;
	padding: 15px;
}
#roof #wrap .sec02 .yane01detail h3 ,
#wall #wrap .sec02 .yane01detail h3 ,
#waterproof #wrap .sec02 .yane01detail h3 {
	font-size: 22px;
	color: #fff;
	background-color: #008a8a;
	font-weight: bold;
	height: 50px;
	border-radius: 5px;
	padding-left: 30px;
	padding-top: 11px;
	margin-bottom: 30px;
}
#roof #wrap .sec02 .yane01detail .priceFlex ,
#wall #wrap .sec02 .yane01detail .priceFlex ,
#waterproof #wrap .sec02 .yane01detail .priceFlex {
	background-color: #fff;
	border: 1px solid #020202;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#roof #wrap .sec02 .yane01detail .priceFlexLast ,
#wall #wrap .sec02 .yane01detail .priceFlexLast ,
#waterproof #wrap .sec02 .yane01detail .priceFlexLast {
	margin-bottom: 0px;
}
#roof #wrap .sec02 .yane01detail .priceFlex p ,
#wall #wrap .sec02 .yane01detail .priceFlex p ,
#waterproof #wrap .sec02 .yane01detail .priceFlex p {
	font-weight: bold; 
}
#roof #wrap .sec02 .yane01detail .priceFlex .point ,
#wall #wrap .sec02 .yane01detail .priceFlex .point ,
#waterproof #wrap .sec02 .yane01detail .priceFlex .point {
	margin-top: 28px;
}
#roof #wrap .sec02 .yane01detail .priceFlex .point ,
#roof #wrap .sec02 .yane01detail .priceFlex .green ,
#wall #wrap .sec02 .yane01detail .priceFlex .point ,
#wall #wrap .sec02 .yane01detail .priceFlex .green ,
#waterproof #wrap .sec02 .yane01detail .priceFlex .point ,
#waterproof #wrap .sec02 .yane01detail .priceFlex .green {

	margin-left: 100px;	
}
#roof #wrap .sec02 .yane01detail .Fbox ,
#wall #wrap .sec02 .yane01detail .Fbox ,
#waterproof #wrap .sec02 .yane01detail .Fbox {
	display: flex;
	flex-direction: row;
	width: 870px;
	flex-wrap:wrap;
}
.exBtn{
	position:absolute;
	top:25px;
	left: 40px;
}
#roof #wrap .sec02 .yane01detail img.Fvector ,
#wall #wrap .sec02 .yane01detail img.Fvector ,
#waterproof #wrap .sec02 .yane01detail img.Fvector {
	width: 52px;
	height: 70px;
	margin: 70px 0 0 0;
	
}
#roof #wrap .sec02 .yane01detail .after p,
#roof #wrap .sec02 .yane01detail .after p.small{
/*	text-align: right;	*/
	
}
#roof #wrap .sec02 .yane01detail .after p.Text ,
#wall #wrap .sec02 .yane01detail .after p.Text ,
#waterproof #wrap .sec02 .yane01detail .after p.Text {
	color: #eb5115;
	font-size: 20px;
}

#roof #wrap .sec02 .yane01detail .after p.small ,
#wall #wrap .sec02 .yane01detail .after p.small ,
#waterproof #wrap .sec02 .yane01detail .after p.small {
	font-size: 12px;
}
#roof #wrap .sec02 .yane01detail .priceFlex hr ,
#wall #wrap .sec02 .yane01detail .priceFlex hr ,
#waterproof #wrap .sec02 .yane01detail .priceFlex hr {
	width: 90%;
	margin-bottom:15px;
}
#roof #wrap .sec02 .yane01detail .priceFlex .green ,
#wall #wrap .sec02 .yane01detail .priceFlex .green ,
#waterproof #wrap .sec02 .yane01detail .priceFlex .green {
	color: #3db5b6;
	font-size: 13px;

	margin-bottom: 20px;
}
/*屋根リフォーム・外壁リフォーム・防水リフォームここまで*/
/*サブページ ： ブログ */
#blog #wrap section h2{
	margin-bottom: 24px;
}
#blog #wrap section .three-column{
	display: flex;
	flex-wrap: wrap;
}
#blog #wrap section .three-column .three-column_items{
	display: flex;
	align-items: center;
	width: 290px;
	height: 160px;
	border: 1px solid #5791c5;
	background-image: url(../images/blog_list_bg.jpg);
	margin-bottom: 10px;
}
#blog #wrap section .three-column .three-column_items span .blogTime{
	font-size: 1.6rem;
	font-weight: bold;
	color: #5791c5;
}
#blog #wrap section .three-column section a .blog_thumbnail_img{
	width: 130px;
	height: 130px;
	margin-right: 5px;
	margin-left: 5px;
}
#blog #wrap section section div .blogPager{
	width: 100%;
	color: #333;
	margin-top: 1rem;
	font-size: 1.8rem;
}
#blog #wrap section section div nav ul{
	display: flex;
	list-style: none;
}
#blog #wrap section .three-column section span a .blog_next_img{
	margin-left: 5rem;
}

/*ブログ詳細ページ*/
#blog2 #wrap section #blogH2{
	margin-bottom: 30px;
}
#blog2 #wrap section #main{
	width: 900px;
	padding-bottom: 30px;
	border: 1px solid #5791c5;
	background: #eee;
}
#blog2 #wrap section #main #mainInner{
	width: 840px;
	border: 2px solid #0059a7;
	margin-top: 30px;
	background: #fff;
	padding: 30px;
}
#blog2 #wrap section .rightColumn_title{
	font-size: 2rem;
}
#blog2 #wrap section .rightColumn_titleBig{
	font-size: 3rem;
	font-weight: bold;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: blue;
}
#blog2 #wrap section article #iRes{
	margin-top: 2rem;
	border-top: 3px dotted #5791c5;
	padding-top: 1.5rem;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#blog2 #wrap section article div h1,
#blog2 #wrap section article div h2,
#blog2 #wrap section article div h3,
#blog2 #wrap section article div h4,
#blog2 #wrap section article div h5,
#blog2 #wrap section article div h6,
#blog2 #wrap section article div p{
	line-height: 2;
	margin-bottom: 2%;
}
#blog2 #wrap section article div h1{
	font-size: 3em;
}
#blog2 #wrap section article div h2{
	font-size: 2em;
}
#blog2 #wrap section article div h3{
	font-size: 1.5em;
}
#blog2 #wrap section article div h4{
	font-size: 1.2em
}
#blog2 #wrap section article div p{
	font-size: 1.2em;
}
#blog2 #wrap section article div h6{
	font-size: .83em;
}
#blog2 #wrap section article div img{
	max-width: 100%;
	height: auto;
}
#blog2 #wrap section article div p .swipe img:hover{
	opacity: 0.8;
	transition: 0.3s;
}
/*プライバシーポリシーまとめ*/
#privacypolicy #wrap #mainInner{
	margin:25px 50px 60px 45px;
	
}
#privacypolicy #wrap h3{
	color:#003f98;
	font-size:25px;
	font-family:"HGP教科書体";
	font-weight:bold;
	margin-bottom:15px;
	
}
#privacypolicy #wrap div img{
	padding:0;	
	margin-top:20px;
}
#privacypolicy #wrap #mainInner .text{
	display:block;
	line-height: 1.8em;
	font-stretch:ultra-expanded;
	letter-spacing: 0.02em

}
#privacypolicy #wrap .text{
	font-size:14px;
	margin-bottom:35px;
	font-weight:bold;
	margin-left:5px;

}
#privacypolicy #wrap .text span{
	color:#003f98;
	display:block;
	line-height: 1.8em;
}
#privacypolicy #wrap img{
	margin-top:20px;
}
#privacypolicy #wrap #mainInner #closebtn {
	display:block;
	margin:0 auto;
}
/*プライバシーポリシーここまで*/
/*	価格表ここから*/
#price #mainInnter .bnnerImg{
	margin-bottom: 35px;
}
/*
#price #sec01 img{
	display: block;
	text-align: center;

}
#price #sec01 p{
	margin:50px auto 30px auto;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0.3px;
	line-height: 1.8em
}
#price #wrap p .br-sp{
	display: none;
}
#price #wrap p .br2_sp{
	display: block
}
#price #sec01 p.pBorder{
	border: 1px solid #0059a7;
    padding: 17px 15px;
	margin: 0 90px 0px 90px;
	background: #fdfdfd;
	font-size: 14px ;
	line-height:1.6em;
	font-weight:normal;
	letter-spacing: 0.6px;
	
}
#price #sec02 h2,#price #sec03 h2{
	color: #f7a73d;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #f7a73d;
	padding-bottom: 6px;
	letter-spacing: 0.6px;
	margin: 50px 0 10px 0
	
}
#price #sec02 h3{
	color: #0059a7;
	font-size: 18px;
	letter-spacing: 0.5px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 13px;

}
#price #sec02 table{
	border-collapse: collapse;
	border:1px solid #0059a7;
	margin-bottom: 30px;
}
#price #sec02 table th,#price #sec02 table td{
	border:1px solid #0059a7;
	padding: 7px;
	text-align: center;
}
#price #sec02 table th{
	background-color: #f0f8ff;
	text-align: center;
	font-weight: bold;
}
#price #sec02 table td{
	background-color: #fdfdfd;
}
#price #sec02 table td.fLeft{
	text-align: left;
}
#price #sec02 img{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 17px;
}
#price #sec02 #sec02Inner{
	width: 720px;
	margin: 0 auto;
}
#price #sec02 #sec02Inner p{
	font-size: 14px;
	letter-spacing: 0.3px;
	line-height: 1em;
	padding: 20px 18px;
	border:1px solid #ddd;
	background-color: #fafafa;
}
#price #sec02 #sec02Inner span{
	color: #ff5e5e;
	font-size: 11px;
	text-align: center;
}
#price #sec02 h4{
	color: #0059a7;
	font-size: 14px;
	margin: 25px 0 15px 0;
	font-weight: bold;
	padding-left:10px;

}
#price #sec02 h3,#price #sec03 h3{
	color: #0059a7;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#price #sec03 p{
	font-size: 15px;
}
#price #sec03 img{
	display: block;
	text-align: center;

}
#price #sec03 dl{
	border: 1px solid #0059a7;
	background: #f0f8ff;
	padding: 20px;
	width: 720px;
	margin: 15px auto;
}
#price #sec03 dt{
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 2em;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #0059a7;
	margin-bottom: 10px;
}
#price #sec03 dd{
	line-height: 1.5em;
}
#price #sec03 dd span{
	color: #0059a7;
}
#price #sec03 p.pColor{
	border: 1px solid #ff9320;
    background: #fffcf8;
    padding: 13px;
	margin: 15px auto;
	width: 720px;
	letter-spacing: -1px
}
#price img.Access{
	margin-top:40px;
}
*/
/*価格表ここまで*/
/*会社概要*/
#company #wrap #oathBox #h3img{
	margin: 29px auto 13px;
	display: block;
}
#company #mainInner #mOath{
	margin-top: -30px ;
}
#company #wrap #oathBox{
	background-image: url(../images/sec04_background.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 900px 665px;
	padding-bottom: 102px;
}
#company #wrap #oath{
	display: flex;
 	width: 658px;
	justify-content: space-between;
}
#company #wrap .list_oath{
	border: 1px solid #003f98;
	overflow: hidden;
	height: 130px;
	width: 290px;
	padding: 15px 12px;
	margin-top: 20px;
	background-color: #fff;
	display: flex;
	align-items: center;
}
#company #wrap .oath_flexbox{
	margin: 0px;
}
#company #wrap .list_oath img{
	float: left;
}
#company #wrap .list_oath p{
	float: right;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.7em;
}
#company #wrap .list_oath p span{
	background-color: #ffff01;
	line-height: 10px;
}

#company #wrap #promise img{
	margin: 0px 0px 50px 0px;
}
#company #dCompany dl{
	width: 850px;
	margin: 30px auto;
	max-width: 1160px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}
#company #dCompany dt{
    float: left;
    clear: left;
    width: 30%;
    line-height: 2em;
    padding: 15px 0 15px 85px;
	border-top: 1px solid #ccc;
}
#company #dCompany dd{
	float: left;
    width: 70%;
    border-top: 1px solid #ccc;
    line-height: 2em;
    padding: 15px 0 15px 60px;
}
#company #Accessmap #gMap{
	width: 900px;
	height: 400px;
	margin: 30px 0;
}

/*会社概要ここまで*/
/*施工実績詳細*/
#case_detail #wrap h2{
	height: 45px;
}
#case_detail #wrap h3{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #0059a7;
	padding-bottom: 3px;
	margin:30px 0 15px 0;
}
#case_detail #wrap #sec01 .c1Flex{
	display: flex;
}
#case_detail #wrap #sec01 #sBefre{
	width: 380px;
	height: 280px;
}
#case_detail #wrap #sec01 table{
	border: 1px solid #62e772; 
	border-collapse: collapse;
	float: left;
	margin-top: 20px;
}
#case_detail #wrap #sec01 table th,
#case_detail #wrap #sec01 table td{
	border: 1px solid #62e772; 
	padding: 4px;
}
#case_detail #wrap #sec01 table th{
	background-color: #62e772;
	color: #fff;
}
#case_detail #wrap #sec01 table td#c1Color{
	background-color: #f1f1f1;
}
#case_detail #wrap #sec02 p#cFloat{
	float: right;
	font-size: 14px;
}
#case_detail #wrap #sec02 p#cFloat span{
	font-size: 30px;
	color: #ff2c4a;
	font-weight: bold;
}
#case_detail #wrap #sec03 .c2Flex ,
#case_detail #wrap #sec04 .c2Flex ,
#case_detail #wrap #sec05 .c2Flex {				/*親要素*/
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
/*親要素のdiv(flex_box)の疑似要素afterに見えないハコをつくります*/
#case_detail #wrap #sec03 .c2Flex::after ,
#case_detail #wrap #sec04 .c2Flex::after ,
#case_detail #wrap #sec05 .c2Flex::after {		/*親要素の疑似要素after*/
	display:block;
	content:"";
	width:33%;
}
#case_detail #wrap #sec03 .c2Flex .fBox ,
#case_detail #wrap #sec04 .c2Flex .fBox ,
#case_detail #wrap #sec05 .c2Flex .fBox {		/*子要素*/
	box-sizing:border-box;		/*自動調整はいる*/
	padding:10px;
	width:33%;
	margin:0;		//リセットCSSのmargin:0 auto;を打ち消しspace-between適用するため。
	display:flex;
	flex-direction:column;
}
#case_detail #wrap #sec03 .c2Flex .fBox img ,
#case_detail #wrap #sec04 .c2Flex .fBox img ,
#case_detail #wrap #sec05 .c2Flex .fBox img {
	width:100%;
	height:200px;
	object-fit: cover;
}
#case_detail #wrap #sec04 .c2Flex .fBox p{
	text-align: center;
	margin:0;

}
#case_detail #wrap #Access{
	margin-top: 40px;
}
/*施工実績詳細ここまで*/

/*施工実績詳細スライダーここから*/

#case_detail #wrap #sec01 .slide-img img {
    margin: 0; /* スライダー間の幅調整 */
    max-width:473px; /* スライダー幅・画像サイズに合わせる */
    height: 390px; /* スライダー高さ・画像サイズに合わせる */
	object-fit: cover;
	width: 473px;
	padding: 9px;
	border: solid 1px #ccc;

} 
/* 暗くする：透過させて下の背景色を見せる場合 */

#case_detail #wrap #sec01 .slick-list{
    position: relative;
    display: block;
	width: 473px;
	height: 390px;
}

#case_detail #wrap #sec01 .slick-slide{
    min-height: 1px;
    opacity: 0.3; /* 暗くする：透過させて下の背景色を見せる場合 */

}
#case_detail #wrap #sec01 .slick-initialized .slick-slide
{
    display: block;
}
#case_detail #wrap #sec01 .slick-active{ /* 中央のスライドを明るく表示 */
    opacity: 1;
    transition: all 1s .5s;
}
/* next・prev */
#case_detail #wrap #sec01 .slide-arrow{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 100;
}
#case_detail #wrap #sec01 .arrow-prev{
    left: 0;
    width: 50px;
}
#case_detail #wrap #sec01 .arrow-next{
	left: 420px;
    width: 50px;
}
#case_detail #wrap #sec01 .arrow-prev:hover,
#case_detail #wrap #sec01 .arrow-next:hover{
    opacity: 1;
    transition: all 0.3s;
    cursor: pointer;
	transform: scale(2,2);
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
/* next・prev */
/*施工実績詳細スライダーここまで*/

.hoverOpacity:hover{
	opacity: 0.8;
	transition: 0.3s;
}
footer a:hover{
	text-decoration: none;
}
/* レスポンシブここから*/
@media screen and (max-width: 640px){
	footer a:hover{
		text-decoration: underline;
	}
	.hoverOpacity:hover{
		opacity: 1;
		transition: 0.3s;
	}
	#blog2 #wrap section article div p .swipe img:hover{
		opacity: 1;
		transition: 0.3s;
	}
	body{
		color: #000;
		min-width: 100%;
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
	}
	header{
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 101;
	}
	header #hInner{
		height: auto;
		width: 100%;
		border-top: 3px solid #0059a7;
	}
	#hInner{
		padding: 10px 0 14px 0;
	}
	header #hInner h1{
		margin-left: 3rem;
	}
	header #hInner h1 img{
		width: 73%;
		height: auto;
	}
	header #hInner #headerTell{
		display: none;
	}
	header #hInner #hContact{
		display: none;
	}
/*ハンバーガーメニュー*/
	#burger{
		display: block;
	}
	#burger #navbtn{
		transition:all 1s;
		width: 40px;
		height: 40px;
		background: #0059a7;
		position:absolute;
		right: 0px;
		top: 0px;
		z-index: 1;
	}
	#burger #navbtn span{
		width: 30px;
		height: 2px;
		background: #fff;
		position: absolute;
	}
	#burger #navbtn span:nth-child(1){
		transition:all 0.6s;
		left: 5px;
		top: 11px;
	}
	#burger #navbtn span:nth-child(2){
		right: 5px;
		top: 19px;
	}
	#burger #navbtn span:nth-child(3){
		transition:all 0.6s;
		right: 5px;
		top: 27px;
	}
	#burger .open span:nth-child(1){
		transform: translateY(8px) rotate(45deg);
	}
	#burger .open span:nth-child(3){
		transform: translateY(-8px) rotate(-45deg);
	}
 	#burger .open span:nth-child(2){
		top: 17px;
		opacity: 0;
	}

 	#burger nav{
		transition: all 1s;
		width: 100vw;
		height: 100%;
		position: fixed;
		right: -100vw;
		top: 0;
		background: #0059a7;
		font-size: 1.4rem;

	}
	#burger nav ul{
		list-style: none;
		margin: 50px 0 0 0 ;
		padding: 0 7vw;
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#burger nav ul li{
		border-bottom: 1px solid #fff;
		position: relative;	
	}
 	#burger nav ul li a{
		text-decoration: none;
		line-height: 2.5em;
		color: #fff;
		margin-left: 10px;
		display: block;
	}
 	#burger nav ul li a img{
		width: 30px;
		height: 30px;
		position:absolute;
		bottom: 3px;
		right: 10px;
	}
 	#burger .opennav{
		transform: translateX(-100vw);
	}

/*ハンバーガーメニューここまで*/
	/* ここからアイキャッチとナビ*/
	.hNavi{
		display: none;
	}
	#eyeCatch{
		margin-top: 80px;
	}
	#eyeCatch img{
	}
	#eyeCatch ul .slide-arrow img{
		width: 5rem!important;
		height: 5rem!important;
	}
	/* アイキャッチとナビここまで↑*/

	#wrap{
		width: 95%;
		background-image: none;
		margin-top: 1rem;
		background: #fff;
		padding: 0;
	}

	/* top sec01 ここから*/
	#top #wrap #sec01{
		background: url(../images/sec01_bg_res.jpg);
		height: auto;
		margin-top: 3rem;
		background-size: 100%;
	}
	#top #wrap #sec01 h2 img{
		width: 100%;
	}
	#top #wrap #sec01 #sec01Logo img{
		width: 100%;
	}
	#top #wrap #sec01 #sec01Logo .leftBottom{
		width: 70%;
	}
	#top #wrap #sec01 .flex{
		flex-direction: column;
	}
	#top #wrap #sec01 .flex ul{
		margin-left: 1rem;
	}
	#top #wrap #sec01 .flex ul li p{
		font-size: 1.3rem;
		display: inline-block;
		text-shadow:
			 1px  1px 1px #111,
			-1px  1px 1px #111,
			 1px -1px 1px #111,
			-1px -1px 1px #111,
			 1px  0px 1px #111,
			 0px  1px 1px #111,
			-1px  0px 1px #111,
			 0px -1px 1px #111;        /* 文字の影 */
	}
	#top #wrap #sec01 .flex #sec01_link img{
		width: 110%;
	}
	/* top sec01 ここまで*/
	/* top sec02 ここから*/
	#top #wrap #sec02 #sec2_main{
		width: auto;
		height: auto;
		box-shadow:none;
		background: none;
/*		background: url(../images/sec_bg02_res.jpg);	*/
	}
	#top #wrap #sec02 #sec2_main h2 img ,
	#top #wrap #sec02 #sec2_main img ,
	#top #wrap #sec02 #sec2_img img {
		width:100%
	}
	#top #wrap #sec02 #sec2_main p{
		text-align: initial;
	}
	#top #wrap #sec02 #sec2_main p br {
		display: none;
	}
	#top #wrap #sec02{
		height: auto;
	}
	#top #wrap #sec02 #sec2_img{
		position: relative;
		top: -3.5rem;
		left: 0;
		margin-bottom: -3.5rem;
	}
	/* top sec02 ここまで*/
	/* top sec03 ここから*/
	#top #wrap #sec03{
		height: auto;
		background: url(../images/sec03_bg_res.png);
		background-size: 100%;
		background-repeat: no-repeat;
	}
	#top #wrap #sec03 h2{
		padding-top: 15vw;	/*カルク使うため教えてもらう*/
	}
	#top #wrap #sec03 h2 img{
		width: 90%;
	}
	#top #wrap #sec03 p{
		padding-bottom: 20vw;	/*カルク使うため教えてもらう*/
	}
	#top #wrap #sec03 p img{
		width: 90%;
	}
	/* top sec03 ここまで*/
	/* top sec04 ここから*/
	#top #wrap #sec04{
		height: auto;
		background: none;
	}
	#top #wrap #sec04 h2{
		background: url(../images/sec04_bg.jpg);
		background-position: bottom;
		margin-bottom: 0;
	}
	#top #wrap #sec04 h2 img{
		width: 95%;
		height: 95%;
	}
	#top #wrap #sec04 .flex{
		flex-wrap: wrap;
		border: 2px solid #000;
		border-top: none;
	}
	#top #wrap #sec04 #sec04_yane,
	#top #wrap #sec04 #sec04_gaiheki,
	#top #wrap #sec04 #sec04_waterproof{
		width: 95%;
		height: auto;
		padding-bottom: 3rem;
		margin: 15px auto 30px auto;
		border: 1px solid #000;
	}
	#top #wrap #sec04 #sec04_yane p img,
	#top #wrap #sec04 #sec04_gaiheki p img,
	#top #wrap #sec04 #sec04_waterproof p img{
		width: 90%;
		max-width: 280px;
		margin-top: 1.6rem;
	}
	#top #wrap #sec04 div div h3 img{
		width: 100%;
	}
	/* top sec04 ここまで*/
	/* top sec05 ここから↓*/
	#top #wrap #sec05 h2{
		width: 95%;
		overflow: hidden;
	}
	
	#top #wrap #sec05 .exFlex{
		width: 95%;
	}
	#top #wrap #sec05 h2 a img{
		display: none;
	}
	#top #wrap #sec05 .left{
		margin-left: auto;
	}
	#top #wrap #sec05 .right{
		margin-right: auto;
	}
	#top #wrap #sec05 .exList{
		width: 48%;
		padding: 10px 20px 0  20px;
	}
	#top #wrap #sec05 .exList a img{
		width: 100%;
	}
	#top #wrap #sec05 .exList .exImage a img{
		width: 100%;
		max-width: 114px;
	}
	/* top sec05 ここまで*/
	/* top sec06 ここから*/
	#top #sec06{
		background: url(../images/sec06_bg_res.jpg);
		width: auto;
		height: auto;
	}
	#top #sec06 h2{
		margin-top: 1rem;
		position: static;
		text-align:center;
	}
	#top #sec06 h2 img {
		width:70%
	}
	#top #sec06 .stringFlex{
		flex-direction:column;
	}
	#top #sec06 ul{
		width: auto;
		height: auto;
		margin:0;
	}
	#top #sec06 ul img {
		width:100%;
	}
	#top #sec06 p {
		margin-top: 2rem;
		text-align: center;
	}
	#top #sec06 p a img {
		width:90%
	}
	/* top sec06 ここまで*/
	/* top sec07 ここから*/
	#top #wrap #sec07{
		width: 100%;
		height: auto;
		border: 4px double #ccc;
		background-origin: border-box;
		padding: 3rem .5rem 1rem .5rem;
	}
	#top #wrap #sec07 h2 img{
		width: 80%;
	}
	#top #wrap #sec07 p{
		padding: 0 5vw;
	}
	#top #wrap #sec07 #sec07flex{
		flex-direction: column;
	}
	#top #wrap #sec07 #sec07flex img{
		width: 100%;
		height: auto;
	}
	#top #sec07 #sec07flex #sec07p{
		margin-bottom: 2rem;
	}
	#top #sec07 #sec07flex #sec07human{
		text-align: center;
	}
	/* top sec07 ここまで*/
	/* top sec08 ここから*/
	#top #wrap #sec08,
	#mail #wrap #sec08{
		height: auto;
	}
	#top #wrap #sec08 h2 img,
	#mail #wrap #sec08 h2 img{
		width: 100%;
	}
	#top #wrap #sec08 #sec08_inner,
	#mail #wrap #sec08 #sec08_inner{
		width: 100%;
	}
	#top #wrap #sec08 #sec08_inner form table,
	#mail #wrap #sec08 #sec08_inner form table{
		width: 100%;
	}
	#top #wrap #sec08 #sec08_inner form table tr,
	#mail #wrap #sec08 #sec08_inner form table tr{
		width: 100%;
	}
	#top #wrap #sec08 #sec08_inner form table tr th,
	#top #wrap #sec08 #sec08_inner form table tr td,
	#mail #wrap #sec08 #sec08_inner form table tr th,
	#mail #wrap #sec08 #sec08_inner form table tr td{
		width: 100%;
		display: block;
	}
	#top #wrap #sec08 #sec08_inner form table tr td .conFlex,
	#mail #wrap #sec08 #sec08_inner form table tr td .conFlex{
		flex-wrap: nowrap;
		height: 100%;
	}
	#top #wrap #sec08 #sec08_inner form table tr td p,
	#mail #wrap #sec08 #sec08_inner form table tr td p{
		margin-bottom: 2.4rem;
	}
	#top #wrap #sec08 #sec08_inner form table tr td #con,
	#mail #wrap #sec08 #sec08_inner form table tr td #con{
		margin-bottom: 2.4rem;
	}
	#top #wrap #sec08 #sec08_inner form table tr th #button,
	#mail #wrap #sec08 #sec08_inner form table tr th #button{
		margin-bottom: 2.4rem;
	}
	/* top sec08 ここまで*/
	/* footer ここから*/
	footer #topJ #topJInner{
		width: 100%;
		height: 100%;
		padding-left: 20px;
		line-height: 3rem;
	}
	footer #butt{
		flex-direction: column;
		width: 100%;
	}
	footer #butt #fIcon{
		order: 3;
		width: 100%;
	}
	footer #butt #fIcon #fImg{
		width: 90%;
		display: block;
	}
	footer #butt #fIcon p{
		text-align: center;
	}
	footer #butt #fNavi{
		margin-left: 0;
		order: 1;
		padding-left: 20px;
	}
	footer #butt #fNavi2{
		margin-left: 0;
		margin-bottom: 20px;
		order: 2;
		padding-left: 20px;
	}
	footer #copy{
		margin-top: 1rem;
	}
	/* footer ここまで*/
	/* price ここから */
	#price #wrap p .br-sp{
		display: block;
	}
	#price #wrap{
		padding: 15px;
	}
	#price #wrap br{
		display: none;
	}	
	#price #sec01 p{
		margin: 10px 0;
		font-weight: normal;
	}
	#price #sec01 p br{
	display: none;
	}
	#price #sec01 p.pBorder{
		margin:0 auto;
	}
	#price #sec02 #sec02Inner span{
		margin: 10px;
	}
	#price #sec03 dl,
	#price #sec03 p,
	#price #sec03 p.pColor,
	#price #sec02 #sec02Inner p,
	#price #sec02 #sec02Inner,
	#price #sec01 p.pBorder,
	#price #sec02,
	#price img,
	#price #sec02 table {
		width:	100%;
		height: auto;
	}
	#price #sec02 #sec02Inner span{
		text-align: center;
	}
	#price #sec02 #sec02Inner p{
		line-height: 1.6em;
	}
	/* price ここまで */

	/* case ここから */
	#case #sec01 .entryList .entry{
		width: 98%;
		height: calc(295px + 145 * (100vw - 320px)/320);
	}
	#case #wrap #sec01 h2,
	#case #wrap #sec02 h2{
		width: 98%;
		overflow: hidden;
	}
	#case #wrap #sec02 div .entry{
		width: 48%;
	}
	#case #wrap #sec02 div .entry a img{
		width: 100%;
	}
	#case #wrap div .btnContact img{
		width: 100%;
	}
	#case #sekouMap{
		display: none;
	}
	/* case ここまで */

	/* company ここから */
	#company #wrap{
		padding: 15px;
	}
	#company #wrap #oathBox #h3img{
		margin: 10px 0 0 0;
	}
	#company #wrap .list_oath,
	#company #wrap #oath,
	#company #wrap .oath_flexbox,
	#company #Accessmap #gMap,
	#company #wrap img
	{
		width: 100%;
		height: 100%;
	}
	#company #wrap .list_oath{
		flex-direction: column;	
	}
	#company #wrap .list_oath img{
		width: auto;
		height: auto;
		float: none;
		margin-bottom: 10px;
	}
	#company #wrap #oathBox{
		background-image: none;
		padding-bottom: 20px;
	}
	#company #wrap .list_oath{
		height: 250px;
	}
	#company #wrap .list_oath2{
		margin-left: 10px;
	}
	#company #wrap .list_oath p{
		float: none;
		text-align: center;
	
	}
	#company #wrap .list_oath p br{
		display: none;
	}
	#company #wrap #promise img{	
   	 margin: 0px 0px 10px 0px;
	}
	#company #dCompany dt{
		font-weight: bold;
		padding- bottom: 20px;
	}
	#company #dCompany dd,
	#company #dCompany dt{
		float: none;
		width: 100%;
		padding: 0 0 0 15px;
	}
	#company #dCompany dl{
		width: 100%;
		height: 100%;
		font-size: 14px;
		font-family: "メイリオ";
		font-weight: normal;
	}	
	#company #dCompany dd{
		border: none;
	}
	#iframe{
		width: 100%;
	}
	/* company ここまで */

	/* staff ここから */
	#staff #eyeCatch{
		margin-top:70px;
	}
	#staff #wrap {
		margin-top:15px;
	}
	#staff #wrap #sec01 img ,
	#staff #wrap #sec02 img {
		width:100%;
	}
	#staff #wrap #sec01 .text {
		padding:0 15px;
	}
	#staff #wrap #sec01 .text p {
		padding-top:1rem;
	}
	#staff #wrap #sec02 #t {
		padding-top:1rem;
		width:auto;
	}
	#staff #wrap #sec02 #t .staff_btn {
		display: none;
	}
	#staff #wrap #sec02 #t #h2_t2 ,
	#staff #wrap #sec02 #t #h2_t3 {
		display: block;
	}
	#staff #wrap #sec02 #t #t3 {
		padding-bottom: 1rem;
	}
	#staff #wrap #sec02 .t_item {
		flex-direction:column;
		margin:0 1rem 1rem;
		padding:1rem;
	}
	#staff #wrap #sec02 .t_img {
		margin:0px;
	}
	#staff #wrap #sec02 .t_name2 {
		font-size:1.1rem;
		margin-right: 1rem;
	}
	/* staff ここまで */

	/* blog ここから */
	#blog #wrap section h2,
	#blog2 #wrap section h2{
		width: 95%;
		overflow: hidden;
	}
	#blog #wrap section .three-column section span a .blog_next_img{
		margin-left: auto;
		margin-right: 1rem;
		display: block;
	}
	#blog #wrap section .three-column .three-column_items{
		width: 95%;
	}
	#blog2 #wrap section #main{
		width: 100%;
	}
	#blog2 #wrap section #main #mainInner{
		width: 95%;
	}
	#blog2 #wrap section article #iRes div iframe{
		min-width: auto !important;
		border: none !important;
	}
	/* blog ここまで */
	/* concept ここから */
	#concept {
		background-image: none;
	}
	#concept img {
		width:100%;
	}
	#concept .mb40 {
	    margin-bottom: 30px;
	}
	#concept .mb60 {
	    margin-bottom: 30px;
	}
	#concept #wrap {
		    margin: 1rem auto 2rem auto;
	}
	#concept .list_concept {
	    margin-bottom: 30px;
	}
	#concept .list_concept > li {
	    margin-bottom: 30px;
	}
	#concept .list_concept .list02 > div {
		background-image: none;
	}
	#concept .list_concept > li > div {
	    padding: 2rem 1rem;
	}
	#concept .list_concept .list02 > div .bg {
	    padding-right: 0;
	    margin-bottom: 2rem;
	}
	#concept .list_concept .list02 > div ul {
	    width: 100%;
	}
	#concept .list_concept .list02 > div .flexList .l-flex img {
		width:100%;
	}
	#concept .list_concept .list02 > div li {
	    margin-bottom: 10px;
	}
	#concept .list02 .l-flex {
	    display: flex;
	    justify-content: space-between;
	}
	#concept .list05 .l-flex {
	    display: flex;
		flex-direction: column;
	}
	#concept .list_concept .list02 > div li p {
		width:80%;
	}
	#concept .list05 .l-flex-l .fig {
		padding:1rem;
	}
	#concept .list_concept .list05 > div {
	    padding: 1rem;
	}
	/* concept ここまで */

	/* step ここから */
	#step {
		background-image: none;
	}
	#step img {
		width:100%;
	}
	#step .mb30 {
		margin-bottom: 1rem;
	}
	#step #wrap {
		    margin: 1rem auto 2rem auto;
	}
	#step .sp-Box {
		padding:1rem;
	}
	#step .sp-Box ul {
		flex-direction:column;
	}
	#step .sp-area ul {
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#step .sp-area ul li {
		margin:0 0 .5rem 0;
		width:49%;

	}
	#step .box01 {
	    background-image: url(../images/step_g04_res.jpg);
	    background-size: contain;
	    background-position: 0 1rem;
		padding: 1rem 0 3rem;
	}
	#step .box01 .mb15 img {
		width:100%;
	}
	#step .box01 .txt_p1 ,
	#step .box01 .txt_p2 {
	    font-size: 1.3rem;
	    line-height: 1.2;
		margin: 1rem 3rem;
	}
	#step .box01 ul {
		display:none;
	}
	#step .box01 p:last-child {
		margin-top: calc(288px + 388 * (100vw - 320px)/320);
	}
	#step ol .list01 {
	    background-image: none; 
	}
	#step ol > li {
	    margin-bottom: 1rem;
	}
	#step ol .list01 h4 {
	    margin-bottom: 1rem;
	}
	#step ol h4 {
	    margin-bottom: 0;
	}
	#step ol p {
	    font-size: 1.5rem;
	    padding: 0;
	}
	#step ol .list01 .flexList {
	    margin: 2rem 1rem;
	}
	#step ol .list02 {
	    background-image: none;
	    min-height: 0;
	}
	#step ol .list03 {
	    background-image: none;
	    min-height: 0;
	}
	#step aside ul {
	    margin-top: 2rem;
	}
	#step .listBtn li {
	    width: 45%;
		margin-bottom: 2em;
	}
	/* step ここまで */

	/* roof,wall,waterproof ここから */
	#roof ,
	#wall ,
	#waterproof {
	    background-image: none;
	}
	#roof img ,
	#wall img ,
	#waterproof img  {
		width:100%;
	}
	#roof #wrap ,
	#wall #wrap ,
	#waterproof #wrap {
   		margin: 1rem auto 2rem auto;
	}
	#roof .mb40 ,
	#wall .mb40 ,
	#waterproof .mb40 {
	    margin-bottom: 1rem;
	}
	#roof .mb45 ,
	#wall .mb45 ,
	#waterproof .mb45 {
	    margin-bottom: 1rem;
	}
	#roof .mb80 ,
	#wall .mb80 ,
	#waterproof .mb80 {
	    margin-bottom: 0;
	}
	#roof .mb80 img ,
	#wall .mb80 img ,
	#waterproof .mb80 img {
		vertical-align: top;
	}
	#roof .box01 ,
	#wall .box01 ,
	#waterproof .box01 {
	    background-image: none;
	    padding-top: 0;
	    height: auto;
	    margin-bottom: 3rem;
	}
	#roof .box01 ul ,
	#wall .box01 ul ,
	#waterproof .box01 ul {
		margin:0;
		padding:1rem;
		border: 2px solid #000;
		border-top:none;
	}
	#roof .box01 ul li ,
	#wall .box01 ul li ,
	#waterproof .box01 ul li {
		margin:1rem 0;
	}
	#roof h2 ,
	#wall h2 ,
	#waterproof h2 {
	    margin-bottom: 1.5rem;
	}
	#roof .w860 ,
	#wall .w860 ,
	#waterproof .w860 {
	    width: auto;
	    margin: 0 auto 3rem;
	}
	#roof .listCheck ,
	#wall .listCheck ,
	#waterproof .listCheck {
	    -webkit-flex-wrap: unset;
	    flex-flow: unset;
	}
	#roof .listCheck li:not(:last-child) ,
	#wall .listCheck li:not(:last-child) ,
	#waterproof .listCheck li:not(:last-child) {
	    padding-right: 3rem;
		background-size: 3rem;
	}
	#roof .list01 > li > div ,
	#wall .list01 > li > div ,
	#waterproof .list01 > li > div {
	    padding: 1rem 1rem 2rem;
	}
	#roof .l-flex ,
	#wall .l-flex ,
	#waterproof .l-flex {
		flex-direction:column;
	}
	#roof .list01 > li > div b ,
	#wall .list01 > li > div b ,
	#waterproof .list01 > li > div b {
	    font-size: 2rem;
	}
	#roof .list01 h3 ,
	#wall .list01 h3 ,
	#waterproof .list01 h3 {
		width:90%;
		margin:0;
	}
	#roof .list01 p ,
	#wall .list01 p ,
	#waterproof .list01 p {
	    line-height: 2rem;
		margin-bottom: 1rem;
	}
	#roof  .list01 .fig ,
	#wall  .list01 .fig ,
	#waterproof  .list01 .fig {
	    margin-right: 0;
	}
	#roof .l-flex-l .fig ,
	#wall .l-flex-l .fig ,
	#waterproof .l-flex-l .fig {
		padding:1rem 0;
	}
	#roof .list02 ,
	#wall .list02 ,
	#waterproof .list02 {
	    width: auto;
		margin: 0 auto 1rem;
	}
	#roof .list02 li ,
	#wall .list02 li ,
	#waterproof .list02 li {
		margin-bottom:1rem;
	}
	/* roof,wall,waterproof ここまで */

	/* case ここから */
	/* case ここまで */	
	/*case_detailここから*/
	#case_detail #wrap{
		padding: 15px;
	}#case_detail #wrap #sec01 .slick-slider,
	#case_detail #wrap #sec01 .slick-list{
		width: 100%;
	}
	#case_detail #wrap img{
		width: 100%;
	}
	#case_detail #wrap #sec03 .c2Flex .fBox img,
	#case_detail #wrap #sec03 .c2Flex .fBox img, 
	#case_detail #wrap #sec04 .c2Flex .fBox img, 
	#case_detail #wrap #sec05 .c2Flex .fBox img{
		width: 100%;
		height: 70%;
	
	}
	#case_detail #wrap #sec01 .c1Flex{
		display: block;
	}
	#case_detail #wrap #sec01 table{
		margin-bottom: 20px;
	}
	#case_detail #wrap #sec01 .c1FlexBox p{
		text-align: left;
		clear: both;
	}

	#case_detail #wrap #sec01 .arrow-next{	
		left:calc(100% - 50px);
	}
	/* case_detail ここまで */

	/* privacypolicy ここから */
	#privacypolicy #wrap,
	#privacypolicy #wrap h3,
	#privacypolicy #wrap #mainInner #wrap{
		padding: 15px;
	}
	#privacypolicy #wrap #mainInner{
		margin: 25px 0px 20px 0px;
	}
	#privacypolicy #wrap .text{
		margin-bottom: 0px;
	}
	#case_detail #wrap #sec01 #sBefre,
	#privacypolicy #wrap img{
		width: 100%;
		height: 100%;
	}
	#privacypolicy #wrap br{
		display: none;
	}
	#privacypolicy #wrap .res{
		display: block;
	}	
	#privacypolicy #wrap h3 {
		font-size: 18px;
	}
	#privacypolicy #wrap #mainInner #closebtn {
		margin:30px auto 0;
	}
	/* privacypolicy ここまで */

	/* mail ここから */
	#mail #wrap #sec08,
	#mail2 #wrap #sec08{
		margin-top: 80px;
	}
	/* mail ここまで */
    .slide-img img {
        width: 84vw; /* レスポンシブ時のスライド幅調整 */
        height: auto;
    }
    .slick-slider,
    .slick-list{
        width: 100vw;
    }
    .arrow-prev,
    .arrow-next{
    width: 30px;
    height: auto;
    opacity: 1;
    }
}
@media screen and (max-width: 400px){
	#eyeCatch{
		margin-top: calc(70px + 10 * (100vw - 320px)/80);
	}
}
/* レスポンシブここまで*/



/*屋根リフォーム、外壁リフォーム、防水リフォーム　newここから*/
@media screen and (max-width: 640px){
	#roof #wrap p .br-sp ,
	#wall #wrap p .br-sp ,
	#waterproof #wrap p .br-sp {
		display: block;
	}
	#roof #wrap ,
	#wall #wrap ,
	#waterproof #wrap {
		padding: 15px;
	}
	#roof #wrap br ,
	#wall #wrap br ,
	#waterproof #wrap br {
		display: none;
	}	
	#roof #sec01 p ,
	#wall #sec01 p ,
	#waterproof #sec01 p {
		margin: 10px 0;
		font-weight: normal;
	}
	#roof #sec01 p br ,
	#wall #sec01 p br ,
	#waterproof #sec01 p br {
		display: none;
	}
	#roof #sec01 p.pBorder ,
	#wall #sec01 p.pBorder ,
	#waterproof #sec01 p.pBorder {
		margin:0 auto;
	}
	#roof #sec02 #sec02Inner span ,
	#wall #sec02 #sec02Inner span ,
	#waterproof #sec02 #sec02Inner span {
		margin: 10px;
	}
	#roof #sec03 dl,
	#roof #sec03 p,
	#roof #sec03 p.pColor,
	#roof #sec02 #sec02Inner p,
	#roof #sec02 #sec02Inner,
	#roof #sec01 p.pBorder,
	#roof #sec02,
	#roof img,
	#roof #sec02 table ,
	#wall #sec03 dl,
	#wall #sec03 p,
	#wall #sec03 p.pColor,
	#wall #sec02 #sec02Inner p,
	#wall #sec02 #sec02Inner,
	#wall #sec01 p.pBorder,
	#wall #sec02,
	#wall img,
	#wall #sec02 table ,
	#waterproof #sec03 dl,
	#waterproof #sec03 p,
	#waterproof #sec03 p.pColor,
	#waterproof #sec02 #sec02Inner p,
	#waterproof #sec02 #sec02Inner,
	#waterproof #sec01 p.pBorder,
	#waterproof #sec02,
	#waterproof img,
	#waterproof #sec02 table {
		width:	100%;
		height: auto;
	}
	#roof #sec02 #sec02Inner span ,
	#wall #sec02 #sec02Inner span ,
	#waterproof #sec02 #sec02Inner span {
		text-align: center;
	}
	#roof #sec02 #sec02Inner p ,
	#wall #sec02 #sec02Inner p ,
	#waterproof #sec02 #sec02Inner p {
		line-height: 1.6em;
	}
/************************************/
	#roof #wrap #sec01 ,
	#wall #wrap #sec01 ,
	#waterproof #wrap #sec01 {
		width: 100%;
	}
	#roof #wrap #sec01 #picture ,
	#wall #wrap #sec01 #picture ,
	#waterproof #wrap #sec01 #picture {
		order: 1;
		margin-top: 1rem;
	}
	#roof #wrap .sec02 h2 img ,
	#wall #wrap .sec02 h2 img ,
	#waterproof #wrap .sec02 h2 img {
		width: auto;
	}
	#roof #wrap .sec02 h2#h2_res img ,			/*屋根リフォームの施工例*/
	#wall #wrap .sec02 h2#h2_res img ,			/*外壁リフォームの施工例*/
	#waterproof #wrap .sec02 h2#h2_res img {	/*防水リフォームの施工例*/
		width:100%;
	}
	#roof #wrap .sec02 h2 ,
	#wall #wrap .sec02 h2 ,
	#waterproof #wrap .sec02 h2 {
		overflow: hidden;
	}
	#roof #wrap .sec02 .yane01 ,
	#roof #wrap .sec02 h2 ,
	#wall #wrap .sec02 .yane01 ,
	#wall #wrap .sec02 h2 ,
	#waterproof #wrap .sec02 .yane01 ,
	#waterproof #wrap .sec02 h2 {
		width: 100%;
	}
	#roof #wrap .sec02 .yane01detail h3 ,
	#wall #wrap .sec02 .yane01detail h3 ,
	#waterproof #wrap .sec02 .yane01detail h3 {
		font-size: calc(19px + 3 * (100vw - 320px)/320);
	}
	#roof #wrap .sec02 .yane01detail img.Fvector ,
	#wall #wrap .sec02 .yane01detail img.Fvector ,
	#waterproof #wrap .sec02 .yane01detail img.Fvector {
		margin: auto;
		transform: rotate(90deg);
	}
	#roof #wrap .sec02 .yane01detail .Fbox ,
	#wall #wrap .sec02 .yane01detail .Fbox ,
	#waterproof #wrap .sec02 .yane01detail .Fbox {
		width: 100%;
		flex-direction: column;
		justify-content: center;
	}
	#roof #wrap .sec02 div .priceFlex .exBtn ,
	#wall #wrap .sec02 div .priceFlex .exBtn ,
	#waterproof #wrap .sec02 div .priceFlex .exBtn {
		width: 54px;
		height: 54px;
		top: 2rem;
		left: 1rem;
	}
	#roof #wrap .sec02 .yane01detail .priceFlex .Fbox .before img ,
	#roof #wrap .sec02 .yane01detail .priceFlex .Fbox .after img ,
	#wall #wrap .sec02 .yane01detail .priceFlex .Fbox .before img ,
	#wall #wrap .sec02 .yane01detail .priceFlex .Fbox .after img ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .Fbox .before img ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .Fbox .after img {
		padding: 0 5%;
	}
	#roof #wrap .sec02 .yane01detail .priceFlex .Fbox .after p ,
	#wall #wrap .sec02 .yane01detail .priceFlex .Fbox .after p ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .Fbox .after p {
		text-align: left;
		padding: 0 5%;
	}
	#roof #wrap .sec02 .yane01detail .priceFlex .Fbox .after .Text ,
	#wall #wrap .sec02 .yane01detail .priceFlex .Fbox .after .Text ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .Fbox .after .Text {
		text-align: center;
	}
	#roof #wrap .sec02 .yane01detail .priceFlex .Fbox .after p.small ,
	#wall #wrap .sec02 .yane01detail .priceFlex .Fbox .after p.small ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .Fbox .after p.small {
		text-align: right;
	}
	#roof #wrap .sec02 .yane01detail .priceFlex .Fbox .before p ,
	#wall #wrap .sec02 .yane01detail .priceFlex .Fbox .before p ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .Fbox .before p {
		padding: 0 5%;
	}
	#roof #wrap .sec02 .yane01detail .priceFlex .point ,
	#wall #wrap .sec02 .yane01detail .priceFlex .point ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .point {
		max-width: 100%;
		width: 70%;
		margin-top: 20px;
	}
	#roof #wrap .sec02 .yane01detail .priceFlex .point ,
	#roof #wrap .sec02 .yane01detail .priceFlex .green ,
	#wall #wrap .sec02 .yane01detail .priceFlex .point ,
	#wall #wrap .sec02 .yane01detail .priceFlex .green ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .point ,
	#waterproof #wrap .sec02 .yane01detail .priceFlex .green {
		margin-left: 7rem;
	}
}
/*屋根リフォーム、外壁リフォーム、防水リフォーム　newここまで*/

/*価格表　new*/
#price #wrap #sec01{
	width: 900px;
	border: 5px solid #00ffff;
	padding: 10px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}
#price #wrap #sec01 #picture{
	flex-direction: row;
	margin: 0;
}
#price #wrap #sec01 h4{
	margin: 10px auto 0;
}
#price #wrap #sec01 .pPadding{
	margin-top: 10px;
}
#price #wrap .sec02{
	margin: 30px 0 80px 0;
}
#price #wrap .sec02 .yane01,
#price #wrap .sec02 h2{
	width: 900px;
	display: flex;
	flex-wrap:wrap;
}
#price #wrap .sec02 .yane01{
	margin: 15px auto;
}
#price #wrap .sec02 .yane01 img{
	margin-bottom: 10px;
}
#price #wrap .sec02 .yane01detail{
	background-color: #defaf4;
	padding: 15px;
}
#price #wrap .sec02 .yane01detail h3{
	font-size: 22px;
	color: #fff;
	background-color: #008a8a;
	font-weight: bold;
	height: 50px;
	border-radius: 5px;
	padding-left: 30px;
	padding-top: 11px;
	margin-bottom: 30px;
}
#price #wrap .sec02 .yane01detail .priceFlex{
	background-color: #fff;
	border: 1px solid #020202;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#price #wrap .sec02 .yane01detail .priceFlex p{
	font-weight: bold; 
}
#price #wrap .sec02 .yane01detail .priceFlex .point{
	margin-top: 28px;
}
#price #wrap .sec02 .yane01detail .priceFlex .point,
#price #wrap .sec02 .yane01detail .priceFlex .green{

	margin-left: 100px;	
}
#price #wrap .sec02 .yane01detail .Fbox{
	display: flex;
	flex-direction: row;
	width: 870px;
	flex-wrap:wrap;
}
.exBtn{
	position:absolute;
	top:25px;
	left: 40px;
}
#price #wrap .sec02 .yane01detail img.Fvector{
	width: 52px;
	height: 70px;
	margin: 70px 0 0 0;
	
}
#price #wrap .sec02 .yane01detail .after p,
#price #wrap .sec02 .yane01detail .after p.small{
	text-align: right;
	
}
#price #wrap .sec02 .yane01detail .after p.Text{
	color: #eb5115;
	font-size: 20px;
}

#price #wrap .sec02 .yane01detail .after p.small{
	font-size: 12px;
}
#price #wrap .sec02 .yane01detail .priceFlex hr{
	width: 90%;
	margin-bottom:15px;
}
#price #wrap .sec02 .yane01detail .priceFlex .green{
	color: #3db5b6;
	font-size: 13px;

	margin-bottom: 20px;
}


@media screen and (max-width: 640px){
	#price #wrap #sec01{
		width: 100%;
	}
	#price #wrap #sec01 #picture{
		order: 1;
		margin-top: 1rem;
	}
	#price #wrap .sec02 h2 img{
		width: auto;
	}
	#price #wrap .sec02 h2{
		overflow: hidden;
	}
	#price #wrap .sec02 .yane01,
	#price #wrap .sec02 h2{
		width: 100%;
	}
	#price #wrap .sec02 .yane01detail h3{
		font-size: calc(19px + 3 * (100vw - 320px)/320);
	}
	#price #wrap .sec02 .yane01detail img.Fvector{
		margin: auto;
		transform: rotate(90deg);
	}
	#price #wrap .sec02 .yane01detail .Fbox{
		width: 100%;
		flex-direction: column;
		justify-content: center;
	}
	#price #wrap .sec02 div .priceFlex .exBtn{
		width: 54px;
		height: 54px;
		top: 2rem;
		left: 1rem;
	}
	#price #wrap .sec02 .yane01detail .priceFlex .Fbox .before img,
	#price #wrap .sec02 .yane01detail .priceFlex .Fbox .after img{
		padding: 0 5%;
	}
	#price #wrap .sec02 .yane01detail .priceFlex .Fbox .after p{
		text-align: left;
		padding: 0 5%;
	}
	#price #wrap .sec02 .yane01detail .priceFlex .Fbox .after .Text{
		text-align: center;
	}
	#price #wrap .sec02 .yane01detail .priceFlex .Fbox .after p.small{
		text-align: right;
	}
	#price #wrap .sec02 .yane01detail .priceFlex .Fbox .before p{
		padding: 0 5%;
	}
	#price #wrap .sec02 .yane01detail .priceFlex .point{
		max-width: 100%;
		width: 70%;
		margin-top: 20px;
	}
	#price #wrap .sec02 .yane01detail .priceFlex .point,
	#price #wrap .sec02 .yane01detail .priceFlex .green{
		margin-left: 7rem;
	}
}

.top2 #wrap #sec01 #sec01_link img{
	
}
/*ＬＩＮＥ公式アカウントアイコンモダールウィンドウ*/
.line_text {
	text-align: center;
}
.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: rgba(0, 0, 0, .4);		/*全体背景色：透過*/
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 600px;
    position: relative;
    margin: 10% auto;
    padding: 20px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
/*
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
*/
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #2b93d2;
}
/*ＬＩＮＥ公式アカウントアイコンモダールウィンドウ*/