@media print, screen and (min-width: 769px) {

html{
  min-height: 100%;
  position: relative;
}

body {
font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.8;
	font-size: 16px;
	overflow-x: hidden;
	position: relative;
	min-width: 1200px;
	background-color: #000;
	color: #333 !important;

}

img {max-width: 100%; height: auto;}

.wrap{display: flex; flex-direction: column; min-height: 100vh;}
.spOnly {display: none !important;}

a {transition: color 0.5s, border-color 0.5s linear, background-color 0.5s, opacity 0.5s; }
a:hover {transition: color 0.5s, border-color 0.5s linear, background-color 0.5s, opacity 0.5s; opacity: 0.5;}

/* header */

header { height: 47px; width: 100%; position: relative; background-color: #323232;}	
header h1#site-logo {width:214px; position: absolute; left:41px; bottom:0; z-index: 11;}
header #headLink {position: absolute; right:445px; top:11px;}
header #headLink a {display: block; background-color:#646464; color:#fff; fotn-weight:lighter; padding:2px 15px; font-size:11px;}
header #headContact {position: absolute; right:0; top:14px; line-height:0;}
header #headContact img {width:430px;}
header::before {content:""; display: block; width: 0; height: 0; border-right: 404px solid transparent; border-top: 184px solid #fff; position: absolute; left:0; top:0; z-index: 10;}

.siteWidth {width:1200px; max-width:90%; margin:0 auto; position: relative;}

.wrapper {}

main {width:1200px; max-width:90%; margin:0 auto;}

/*------------------------------------------------------------------------------------------*/
/*トップページ用ここから*/

#mainImage {position: relative;}
#mainImage::before {content:""; display: block; width:100%; padding-top:57%;}
#mainImage #mainVisual {width:100%; position: absolute; top:-30px; z-index:-5;}
#mainImage #mainVisual img {width:100%; height:auto;}
#mainImage #mainCopyArea {width:1200px; max-width:90%; margin:0 auto; position: relative;}
#mainImage #bnrYoutube {position: absolute; bottom:60px; right:-80px; z-index:1; width:461px;}

#sateiForm {border: solid 1px #ccc; background-color: #4b4b4b; background-image: url(../images/sateiForm_bg.png); background-repeat: no-repeat; background-position: right top;  padding:20px 0; margin:0 auto 90px auto; position: relative;}
#sateiForm #triangle-bottomright ,
#sateiForm #triangle-topleft {position: relative;}
#sateiForm #triangle-topleft::before {content: ""; display: block; position: absolute; left: -1px; top:-21px; width: 0; height: 0; border-right: 30px solid transparent; border-top: 30px solid #000; z-index:10;}
#sateiForm #triangle-topleft::after {content:""; display: block; position: absolute; left: 0; top:-21px; width: 0; height: 0; border-right: 30px solid transparent; border-top: 30px solid #fff; z-index:5;}

#sateiForm #triangle-bottomright::before {content: ""; display: block; position: absolute; right: -1px; bottom:-21px; width: 0; height: 0; border-left: 31px solid transparent; border-bottom: 31px solid #000; z-index:10;}
#sateiForm #triangle-bottomright::after {content:""; display: block; position: absolute; right: 0; bottom:-20px; width: 0; height: 0; border-left: 30px solid transparent; border-bottom: 30px solid #fff; z-index:5;}

#sateiForm h3 {text-align: center; margin:0 auto 20px auto;}
#sateiForm #sateiInput {width:1160px; background-color:#fff; margin:0 auto; padding:35px;}
#sateiForm #sateiInput > div {margin:40px auto 0 auto;}
#sateiForm .inputForm {width:515px; position: relative;}
#sateiForm .inputForm:first-child::after {content:""; display: block; width:1px; height:100%; background-color:#7d7d7d; position: absolute; top:0; right:-30px;}

#sateiForm .inputForm h4 {font-size:24px; font-weight: bolder; line-height:1.2; background-color:#c8c8c8; text-align: center; position: relative; margin:0 auto 20px auto; padding:10px 0;}

#sateiForm .inputForm table {width:100%;}
#sateiForm .inputForm table th {padding:10px 10px 10px 0; width:200px;}
#sateiForm .inputForm table td {padding:10px 0 10px 0;}

.errorMessage {color:#dd0000; font-size:13px;}
.submitArea {margin:20px auto; text-align: center;}
#required_confirm {text-align: center;}
#required_confirm span {font-weight: bolder; color:#da1725; font-size:32px;}
#required_msg {color:#ff0000; font-weight: bolder; font-size:24px;}
.submitBtn {display: block; width:435px; border-radius: 5px; height:77px; line-height:77px; margin:20px auto; text-align: center; background-color:#da1725; color:#fff !important; font-weight: bold; font-size:28px; text-decoration: none !important; position: relative;}
.submitBtn::after {content:""; display: block; width:23px; height:23px; background-image: url("../images/arrow.svg"); position: absolute; right:15px; top:27px;}
.backBtn {cursor: pointer; background-color:#fff;}
.backBtn i {margin:0 5px 0 0;}

#customSatei {}
#customSatei h3 {text-align: center; margin:0 auto 30px auto;}

.contentsBox {width:1200px; max-width:90%; margin:80px auto; position: relative;}

.sateiJisseki li {width:580px;}



.TitleType01 {font-size:28px; font-weight: 600; margin:0 auto 20px auto; text-align: center;}

footer {width:100%; margin:100px auto 0 auto;}

footer .footerContact {width:720px; border-left: solid 1px #fff; padding:0 50px;}
footer .footerContact p {color:#fff; font-size:16px; margin-bottom:10px;}

footer .kuhlLink {margin:50px auto 0 auto;}
footer .kuhlLink a {display: block; background-color:#646464; color:#000; text-align: center; padding:5px 0;}
footer .kuhlLink a i {margin:0 5px 0 0;}

footer h2 {margin:50px 50px 0 auto;}
footer h2 img {width:250px;}

footer address {font-size:10px ;color:#fff; margin:20px 0; font-weight: lighter; text-align: center;}

/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここまで */
/* ---------------------------------------------------------------- */

.PcNodisplay{ display:none !important;}

/* -------------------------------------------------- */
/* AfterArrow */

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Pc,.ArrowRG_Pc a,.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB_Pc,.ArrowBG_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT_Pc,.ArrowTG_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Pc:after,.ArrowRG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Pc:after,.ArrowRG02_Pc a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Pc:after,.ArrowBG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Pc:after,.ArrowBG02_Pc a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Pc:after,.ArrowTG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Pc:after,.ArrowTG02_Pc a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Pc:after,.ArrowRG03_Pc a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Pc:after,.ArrowBG03_Pc a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Pc:after,.ArrowTG03_Pc a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Pc:before,.ArrowRG03_Pc a:before{ content:""; display:inline-block;}
.ArrowB03_Pc:before,.ArrowBG03_Pc a:before{ content:""; display:inline-block;}
.ArrowT03_Pc:before,.ArrowTG03_Pc a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBoxPc{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxPcL{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxPcR{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxPcC{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxPcB{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxPcA{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxPcM{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}

/* -------------------------------------------------- */
/* block item Width */

.wid2Col_pc {width: calc(48%) !important;}
.wid3Col_pc {width: calc(100% / 3) !important;}
.wid4Col_pc {width: calc(100% / 4) !important;}
.wid5Col_pc {width: calc(100% / 5) !important;}

.wid10Per_pc {width: 10% !important;}
.wid15Per_pc {width: 15% !important;}
.wid20Per_pc {width: 20% !important;}
.wid25Per_pc {width: 25% !important;}
.wid30Per_pc {width: 30% !important;}
.wid35Per_pc {width: 35% !important;}
.wid40Per_pc {width: 40% !important;}
.wid45Per_pc {width: 45% !important;}
.wid46Per_pc {width: 46% !important;}
.wid47Per_pc {width: 47% !important;}
.wid48Per_pc {width: 48% !important;}
.wid49Per_pc {width: 49% !important;}
.wid50Per_pc {width: 50% !important;}
.wid55Per_pc {width: 55% !important;}
.wid60Per_pc {width: 60% !important;}
.wid65Per_pc {width: 65% !important;}
.wid70Per_pc {width: 70% !important;}
.wid75Per_pc {width: 75% !important;}
.wid80Per_pc {width: 80% !important;}
.wid85Per_pc {width: 85% !important;}
.wid90Per_pc {width: 90% !important;}
.wid95Per_pc {width: 95% !important;}
.wid100Per_pc {width: 100% !important;}

.wid50_pc {width: 50px !important;}
.wid100_pc {width: 100px !important;}
.wid150_pc {width: 150px !important;}
.wid200_pc {width: 200px !important;}
.wid250_pc {width: 250px !important;}
.wid300_pc {width: 300px !important;}
.wid350_pc {width: 350px !important;}
.wid400_pc {width: 400px !important;}
.wid450_pc {width: 450px !important;}
.wid475_pc {width: 475px !important;}
.wid500_pc {width: 500px !important;}
.wid550_pc {width: 550px !important;}
.wid540_pc {width: 540px !important;}
.wid600_pc {width: 600px !important;}
.wid650_pc {width: 650px !important;}
.wid700_pc {width: 700px !important;}
.wid720_pc {width: 720px !important;}
.wid750_pc {width: 750px !important;}
.wid800_pc {width: 800px !important;}
.wid850_pc {width: 850px !important;}
.wid900_pc {width: 900px !important;}
.wid950_pc {width: 950px !important;}


/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_pc {margin: 0px !important;}
.marA5_pc {margin: 5px !important;}
.marA10_pc {margin: 10px !important;}
.marA15_pc {margin: 15px !important;}
.marA20_pc {margin: 20px !important;}
.marA25_pc {margin: 25px !important;}
.marA30_pc {margin: 30px !important;}
.marA40_pc {margin: 40px !important;}
.marA50_pc {margin: 50px !important;}
.marA60_pc {margin: 60px !important;}
.marA70_pc {margin: 70px !important;}
.marA80_pc {margin: 80px !important;}
.marA90_pc {margin: 90px !important;}

/* - Top margin */

.marT0_pc {margin-top: 0px !important;}
.marT5_pc {margin-top: 5px !important;}
.marT10_pc {margin-top: 10px !important;}
.marT15_pc {margin-top: 15px !important;}
.marT20_pc {margin-top: 20px !important;}
.marT25_pc {margin-top: 25px !important;}
.marT30_pc {margin-top: 30px !important;}
.marT40_pc {margin-top: 40px !important;}
.marT50_pc {margin-top: 50px !important;}
.marT60_pc {margin-top: 60px !important;}
.marT70_pc {margin-top: 70px !important;}
.marT80_pc {margin-top: 80px !important;}
.marT90_pc {margin-top: 90px !important;}
.marT100_pc {margin-top: 100px !important;}

/* - Bottom margin */

.marB0_pc {margin-bottom: 0px !important;}
.marB5_pc {margin-bottom: 5px !important;}
.marB10_pc {margin-bottom: 10px !important;}
.marB15_pc {margin-bottom: 15px !important;}
.marB20_pc {margin-bottom: 20px !important;}
.marB25_pc {margin-bottom: 25px !important;}
.marB30_pc {margin-bottom: 30px !important;}
.marB40_pc {margin-bottom: 40px !important;}
.marB50_pc {margin-bottom: 50px !important;}
.marB60_pc {margin-bottom: 60px !important;}
.marB70_pc {margin-bottom: 70px !important;}
.marB80_pc {margin-bottom: 80px !important;}
.marB90_pc {margin-bottom: 90px !important;}
.marB100_pc {margin-bottom: 100px !important;}

/* - Left margin */

.marL0_pc {margin-left: 0px !important;}
.marL5_pc {margin-left: 5px !important;}
.marL10_pc {margin-left: 10px !important;}
.marL15_pc {margin-left: 15px !important;}
.marL20_pc {margin-left: 20px !important;}
.marL25_pc {margin-left: 25px !important;}
.marL30_pc {margin-left: 30px !important;}
.marL40_pc {margin-left: 40px !important;}
.marL50_pc {margin-left: 50px !important;}
.marL60_pc {margin-left: 60px !important;}
.marL70_pc {margin-left: 70px !important;}
.marL80_pc {margin-left: 80px !important;}
.marL90_pc {margin-left: 90px !important;}

/* - Right margin */

.marR0_pc {margin-right: 0px !important;}
.marR5_pc {margin-right: 5px !important;}
.marR10_pc {margin-right: 10px !important;}
.marR15_pc {margin-right: 15px !important;}
.marR20_pc {margin-right: 20px !important;}
.marR25_pc {margin-right: 25px !important;}
.marR30_pc {margin-right: 30px !important;}
.marR40_pc {margin-right: 40px !important;}
.marR50_pc {margin-right: 50px !important;}
.marR60_pc {margin-right: 60px !important;}
.marR70_pc {margin-right: 70px !important;}
.marR80_pc {margin-right: 80px !important;}
.marR90_pc {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_pc {padding: 0px !important;}
.padA5_pc {padding: 5px !important;}
.padA10_pc {padding: 10px !important;}
.padA15_pc {padding: 15px !important;}
.padA20_pc {padding: 20px !important;}
.padA25_pc {padding: 25px !important;}
.padA30_pc {padding: 30px !important;}
.padA40_pc {padding: 40px !important;}
.padA50_pc {padding: 50px !important;}
.padA60_pc {padding: 60px !important;}
.padA70_pc {padding: 70px !important;}
.padA80_pc {padding: 80px !important;}
.padA90_pc {padding: 90px !important;}

/* - Top padding */

.padT0_pc {padding-top: 0px !important;}
.padT5_pc {padding-top: 5px !important;}
.padT10_pc {padding-top: 10px !important;}
.padT15_pc {padding-top: 15px !important;}
.padT20_pc {padding-top: 20px !important;}
.padT25_pc {padding-top: 25px !important;}
.padT30_pc {padding-top: 30px !important;}
.padT40_pc {padding-top: 40px !important;}
.padT50_pc {padding-top: 50px !important;}
.padT60_pc {padding-top: 60px !important;}
.padT70_pc {padding-top: 70px !important;}
.padT80_pc {padding-top: 80px !important;}
.padT90_pc {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_pc {padding-bottom: 0px !important;}
.padB5_pc {padding-bottom: 5px !important;}
.padB10_pc {padding-bottom: 10px !important;}
.padB15_pc {padding-bottom: 15px !important;}
.padB20_pc {padding-bottom: 20px !important;}
.padB25_pc {padding-bottom: 25px !important;}
.padB30_pc {padding-bottom: 30px !important;}
.padB40_pc {padding-bottom: 40px !important;}
.padB50_pc {padding-bottom: 50px !important;}
.padB60_pc {padding-bottom: 60px !important;}
.padB70_pc {padding-bottom: 70px !important;}
.padB80_pc {padding-bottom: 80px !important;}
.padB90_pc {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_pc {padding-left: 0px !important;}
.padL5_pc {padding-left: 5px !important;}
.padL10_pc {padding-left: 10px !important;}
.padL15_pc {padding-left: 15px !important;}
.padL20_pc {padding-left: 20px !important;}
.padL25_pc {padding-left: 25px !important;}
.padL30_pc {padding-left: 30px !important;}
.padL40_pc {padding-left: 40px !important;}
.padL50_pc {padding-left: 50px !important;}
.padL60_pc {padding-left: 60px !important;}
.padL70_pc {padding-left: 70px !important;}
.padL80_pc {padding-left: 80px !important;}
.padL90_pc {padding-left: 90px !important;}

/* - Right padding */

.padR0_pc {padding-right: 0px !important;}
.padR5_pc {padding-right: 5px !important;}
.padR10_pc {padding-right: 10px !important;}
.padR15_pc {padding-right: 15px !important;}
.padR20_pc {padding-right: 20px !important;}
.padR25_pc {padding-right: 25px !important;}
.padR30_pc {padding-right: 30px !important;}
.padR40_pc {padding-right: 40px !important;}
.padR50_pc {padding-right: 50px !important;}
.padR60_pc {padding-right: 60px !important;}
.padR70_pc {padding-right: 70px !important;}
.padR80_pc {padding-right: 80px !important;}
.padR90_pc {padding-right: 90px !important;}

/* - Font size */

.txt10px_pc{font-size: 1.0rem !important;}
.txt11px_pc{font-size: 1.1rem !important;}
.txt12px_pc{font-size: 1.2rem !important;}
.txt13px_pc{font-size: 1.3rem !important;}
.txt14px_pc{font-size: 1.4rem !important;}
.txt15px_pc{font-size: 1.5rem !important;}
.txt16px_pc{font-size: 1.6rem !important;}
.txt17px_pc{font-size: 1.7rem !important;}
.txt18px_pc{font-size: 1.8rem !important;}
.txt19px_pc{font-size: 1.9rem !important;}
.txt20px_pc{font-size: 2.0rem !important;}
.txt21px_pc{font-size: 2.1rem !important;}
.txt22px_pc{font-size: 2.2rem !important;}
.txt23px_pc{font-size: 2.3rem !important;}
.txt24px_pc{font-size: 2.4rem !important;}
.txt25px_pc{font-size: 2.5rem !important;}
.txt26px_pc{font-size: 2.6rem !important;}

/* Float setting */
.flt-L_pc {float: left !important;}
.flt-R_pc {float: right !important;}

/* Align setting */
.ali-L_pc {text-align: left !important;}
.ali-C_pc {text-align: center !important;}
.ali-R_pc {text-align: right !important;}

/*------------------工事中共通------------------*/

.PreparationBox {margin:100px auto; color:#666;}
.PreparationBox i {display: block; font-size:80px; margin: 0 auto 20px; text-align: center; color:#ddd;}
.PreparationBox h3 {font-size:36px; text-align: center; margin:0 auto 10px auto; position: relative; color:#999;}
.PreparationBox p {text-align: center; margin:0 auto;}


/* PCで電話番号リンクを無効に */
a[href*="tel:"] { pointer-events: none !important; cursor: default !important; text-decoration: none !important;}
a[href*="tel:"] i {color:#999; margin:0 5px 0 0}

}