@charset "UTF-8";
/* CSS Document */

html {
	font-size:62.5%;
}
body {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
	font-style: normal;
	line-height: 1.8;
    font-size: 1.6rem;
}
.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
a,
a:active,
a:visited {
	text-decoration:none;
	color:#000;
}
a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
a,
a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
img {
	max-width:100%;
	height: auto;
    vertical-align: bottom;
}
img.vab {
	vertical-align:baseline;
}
img.vam {
	vertical-align: middle;
}
.pr {
	position:relative;
}
.tac {
	text-align:center;
}
.tacPc {
	text-align:center;
}
.tar {
	text-align:right;
}
.tal {
	text-align:left;
}
.zero {
	color: #004da0 !important;
}
.orange {
	color: #ff7a00 !important;
}
.blue {
	color: #00456c !important;
}
.gray {
	color: #595757 !important;
}
.black {
	color: #000 !important;
}
.white {
	color: #fff !important;
}
.yellow {
	color: #ffe33f !important;
}
.bgZero {
	background-color: #004da0;
}
.bgOrange {
	background-color: #ff7a00;
}
.bgBlue {
	background-color: #00456c;
}
.bgBlueL {
	background-color: #eaf4f4;
}
.bgGray {
	background-color: #595757;
}
.bgGrayL {
	background-color: #f2f1f1;
}
.bgWhite {
	background-color: #fff;
}
.contBox {
	width: 90%;
	max-width: 1000px;
	margin:0 auto;
}
.contBox100 {
	width: 100%;
}
.mgnAuto {
	margin: auto;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb60 {
	margin-bottom:60px !important;
}
.mb70 {
	margin-bottom:70px !important;
}
.mb80 {
	margin-bottom:80px !important;
}
.mb90 {
	margin-bottom:90px !important;
}
.mb100 {
	margin-bottom:100px !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt60 {
	margin-top:60px !important;
}
.mt70 {
	margin-top:70px !important;
}
.mt80 {
	margin-top:80px !important;
}
.mt90 {
	margin-top:90px !important;
}
.mt100 {
	margin-top:100px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mr30 {
	margin-right:30px !important;
}
.ml0{
	margin-left:0px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}
.w100 {
	width:100%;
}
.w95 {
	width:95%;
}
.w90 {
	width:90%;
}
.w85 {
	width:85%;
}
.w80 {
	width:80%;
}
.w75 {
	width:75%;
}
.w70 {
	width:70%;
}
.w65 {
	width:65%;
}
.w60 {
	width:60%;
}
.w55 {
	width:55%;
}
.w50 {
	width:50%;
}
.w45 {
	width:45%;
}
.w40 {
	width:40%;
}
.w35 {
	width:35%;
}
.w30 {
	width:30%;
}
.w25 {
	width:25%;
}
.w20 {
	width:20%;
}
.w15 {
	width:15%;
}
.w10 {
	width:10%;
}
.w5 {
	width:5%;
}
.pcCont {
	display:block !important;
}
.pcTabCont {
	display:block !important;
}
.tabOnlyCont {
	display:none !important;
}
.spCont {
	display:none !important;
}
.spOnlyCont {
	display:none !important;
}
.fwb {
    font-weight: bold !important;
}
.fw500 {
    font-weight: 500 !important;
}
.fw600 {
    font-weight: 600 !important;
}
.fw700 {
    font-weight: 700 !important;
}
.fw800 {
    font-weight: 800 !important;
}
.fw900 {
    font-weight: 900 !important;
}
.ls01 {
    letter-spacing: 0.1em;
}
.ls02 {
    letter-spacing: 0.075em;
}
.ls03 {
    letter-spacing: 0.05em;
}
.ls04 {
    letter-spacing: 0.025em;
}
.ls05 {
    letter-spacing: 0.2em;
}
.ls06 {
    letter-spacing: -0.05em;
}
.ls07 {
    letter-spacing: -0.2em;
}
.ls08 {
    letter-spacing: -0.025em;
}
.lh13 {
    line-height: 1.3;
}
.lh14 {
    line-height: 1.4;
}
.lh15 {
    line-height: 1.5;
}
.lh16 {
    line-height: 1.6;
}
@media screen and (max-width: 900px) {
    a:hover {
        filter: alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
    }
    .pcCont {
        display:none !important;
    }
    .tabOnlyCont {
        display:block !important;
    }
    .tacTab {
        text-align: center;
    }
    .tacPc {
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .pcTabCont {
        display:none !important;
    }
    .spCont {
        display:block !important;
    }
}
@media screen and (max-width: 500px) {
    body {
        font-size: 1.5rem;
    }
    .spOnlyCont {
        display:block !important;
    }
    .tabOnlyCont {
        display:none !important;
    }
    .tacSp {
        text-align: center;
    }
    .mb10 {
        margin-bottom:10px !important;
    }
    .mb15 {
        margin-bottom:15px !important;
    } 
    .mb20 {
        margin-bottom:20px !important;
    }
    .mb30 {
        margin-bottom:30px !important;
    }
    .mb40 {
        margin-bottom:30px !important;
    }
    .mb50 {
        margin-bottom:30px !important;
    }
    .mb60 {
        margin-bottom:30px !important;
    }
    .mb70 {
        margin-bottom:40px !important;
    }
    .mb80 {
        margin-bottom:60px !important;
    }
    .mb90 {
        margin-bottom:60px !important;
    }
    .mb100 {
        margin-bottom:60px !important;
    }
    .mt5 {
        margin-top:7px !important;
    }
    .mt10 {
        margin-top:10px !important;
    }
    .mt15 {
        margin-top:10px !important;
    }
    .mt20 {
        margin-top:20px !important;
    }
    .mt30 {
        margin-top:20px !important;
    }
    .mt40 {
        margin-top:20px !important;
    }
    .mt50 {
        margin-top:30px !important;
    }
    .mt60 {
        margin-top:30px !important;
    }
    .mt70 {
        margin-top:40px !important;
    }
    .mt80 {
        margin-top:60px !important;
    }
    .mt90 {
        margin-top:60px !important;
    }
    .mt100 {
        margin-top:60px !important;
    }
}

/* header
-------------------------------------------------------*/

/* main
-------------------------------------------------------*/
main {
	padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
	main {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 500px) {
	main {
        padding-bottom: 5vw;
    }
}
.bgMain {
	background-color: #fef1c9;
}
.mainCta {
	padding: 60px 0;
}
.mainCta a {
	display: block;
	font-size: 3.2rem;
	background: linear-gradient(180deg, #87be22, #03782a);
	padding: 30px 100px;
	width: fit-content;
	margin: auto;
	border-radius: 100px;
	border: 3px solid #fff;
	box-shadow: 3px 3px 10px rgba(0,0,0,.35);
	line-height: 1;
}
.arwCta {
	position: absolute;
	right: 4%;
	top: 50%;
	transform: translateY(-50%);
}
.hukidashi {
	position: absolute;
	top: -40px;
	left: -80px;
	filter: drop-shadow(3px 3px 7.5px rgba(0,0,0,.25));
}
@media screen and (max-width: 900px) {
    .mainCta a {
        padding: 30px 80px;
    }
}
@media screen and (max-width: 768px) {
    .mainCta {
        padding: 12vw 0 4vw;
    }
    .mainCta a {
		font-size: 2.8rem;
		width: 100%;
        padding: 30px 0;
    }
    .hukidashi {
        top: -10vw;
        left: 50%;
        transform: translateX(-50%);
		width: 42.5vw;
    }
}
@media screen and (max-width: 500px) {
    .mainCta {
        padding: 14vw 0 7vw;
    }
    .mainCta a {
		font-size: calc(100vw * 21.5 / 400);
    }
    .arwCta {
        right: 4%;
        width: 2.25vw;
    }
    .hukidashi {
        top: -10vw;
		width: 47.5vw;
    }
}
.airconTxt01 {
	font-size: 2.8rem;
    margin-bottom: 30px;
}
.h21 {
	font-size: 4.1rem;
	-webkit-text-stroke: 10px #fff;
    text-stroke: 10px #fff;
    paint-order: stroke;
    stroke-linejoin: round;
	padding: 10px 0;
	background: url("../img/bg_aircon.png") repeat center center;
	border-top: 2px solid #00456c;
	border-bottom: 2px solid #00456c;
}
.h21 .spn1 {
	color: #ff7a00;
}
.h21 .spn2 {
	color: #22b5e9;
}
.icoAircon {
	position: absolute;
	top: -63px;
	left: 13px;
}
.br1100 {
	display: none;
}
@media screen and (max-width: 1100px) {
    .airconTxt01 {
		width: 100%;
        line-height: 1.3;
		position: relative;
		display: flex;
		align-items: flex-end;
		justify-content: center;
    }
    .airconTxt01::before,.airconTxt01::after {
		content: '';
		display: block;
        width: 3vw;
		aspect-ratio: 3 / 7;
		flex-shrink: 0;
    }
    .airconTxt01::before {
        background: url( "../img/line_left.png") no-repeat;
		background-size: contain;
    }
    .airconTxt01::after {
        background: url( "../img/line_left.png") no-repeat;
		background-size: contain;
		transform: rotateY(180deg);
    }
    .h21 {
        font-size: calc(100vw * 41 / 1100);
	}
	.br1100 {
        display: block;
    }
	.sp1100 {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.airconTxt01 {
		font-size: calc(100vw * 28 / 768);
		margin-bottom: 3vw;
	}
    .h21 {
        line-height: 1.4;
		font-size: calc(100vw * 41 / 768);
    }
    .icoAircon {
        width: 20vw;
        top: -9vw;
        left: 1.5vw;
    }
}
@media screen and (max-width: 500px) {
	.airconTxt01 {
		font-size: calc(100vw * 17 / 400);
		margin-bottom: 3vw;
	}
    .h21 {
		font-size: calc(100vw * 26 / 400);
    }
    .icoAircon {
        width: 19vw;
        top: -9vw;
        left: 0vw;
    }
}
.airconTxt02 {
	font-size: 3.0rem;
}
.airconTxt03 {
	font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
	.airconTxt02 {
        font-size: calc(100vw * 30 / 768);
    }
    .airconTxt03 {
        font-size: calc(100vw * 24 / 768);
    }
}
@media screen and (max-width: 500px) {
	.airconTxt02 {
        font-size: 2.1rem;
    }
    .airconTxt03 {
        font-size: 1.6rem;
    }
}
.airconTxt04 {
	font-size: 2.1rem;
	border-radius: 15px 15px 0 0;
	padding: 15px 0;
}
.illust01 {
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 125px;
}
@media screen and (max-width: 1000px) {
    .illust01 {
        display: none;
    }
}
@media screen and (max-width: 768px) {
	.airconTxt04 {
        font-size: calc(100vw * 21 / 768);
    }
	.spNone {
		display: none;
	}
}
@media screen and (max-width: 500px) {
	.airconTxt04 {
        font-size: calc(100vw * 18 / 400);
    }
	.airconTxt04 small {
		display: block;
        font-size: calc(100vw * 14 / 400);
    }
}
.tacCam {
	text-align: center;
}
.camCont {
	padding: 50px 20px;
}
.h41 {
	font-size: 1.6rem;
	padding: 0 20px;
	background-color: #f8d8be;
	width: fit-content;
	margin: auto;
	border-radius: 50px;
}
.airconTxt05 {
	font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
    .camCont {
        padding: 5vw 5%;
    }
    .tacCam {
        text-align: left;
    }
}
@media screen and (max-width: 500px) {
	.airconTxt05 {
        font-size: calc(100vw * 15 / 400);
    }
}
.illust02 {
	position: absolute;
	bottom: -25px;
	left: -45px;
	width: 115px;
}
@media screen and (max-width: 1000px) {
    .illust02 {
        display: none;
    }
}
.airconTxt06 {
	font-size: 1.4rem;
}
@media screen and (max-width: 500px) {
	.airconTxt06 {
        font-size: calc(100vw * 13 / 400);
    }
}

/* footer
-------------------------------------------------------*/
.corpWrap {
    padding: 80px 0 60px;
	color: #00456c;
}
.corpTxt01 {
    font-size: 1.4rem;
    border: 1px solid #00456c;
    padding: 0.05rem 0.5rem;
    display: inline-block;
}
.fLogoCorp {
}
.corpTxt02 {
    font-size: 1.3rem;
}
.fredial {
    font-size: 4.8rem;
    line-height: 1.2;
	color: #00456c;
}
.corpTxt03 {
    font-size: 1.3rem;
}
.corpTxt03 small {
    font-size: 85%;
}
.corpTxt04 {
	font-size: 1.8rem;
}
.infoFlex {
	display: flex;
	justify-content: center;
}
.infoWrap {
}
.infoWrap:first-child {
	border-right: 1px dashed #00456c;
	padding-right: 25px;
}
.infoWrap:last-child {
	padding-left: 25px;
}
.corpTxt05 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.shiten {
	background-color: #00456c;
	border-radius: 5px;
	font-size: 1.6rem;
	padding: 0 5px;
}
.corpTxt05 a {
	display: flex;
	align-items: center;
	gap: 10px;
}
@media screen and (max-width: 1060px) {
    .infoFlex {
        flex-direction: column;
    }
    .infoWrap:first-child {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px dashed #00456c;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .infoWrap:last-child {
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .corpWrap {
        padding: 40px 0 40px;
    }
    .fLogoCorp {
    }
    .fredial {
        font-size: 4.6rem;
    }
}
@media screen and (max-width: 500px) {
    .corpTxt03 {
        font-size: calc(100vw * 13 / 400);
    }
    .corpTxt04 {
        font-size: calc(100vw * 18 / 400);
    }
    .fredial {
        font-size: calc(100vw * 43 / 400);
    }
    .corpTxt05 {
        flex-flow: wrap;
		gap: 0;
    }
    .shiten {
        font-size: 1.4rem;
    }
}
.fNav {
    display: flex;
    justify-content: center;
	font-size: 1.4rem;
	color: #fff;
}
.fNav li {
    padding: 0 5px;
}
.bgCopy {
	padding: 2.5rem 0;
	background-color: #00456c;
}
.copy {
	font-size: 1.1rem;
}
.fNav a {
	color: #fff;
}
@media screen and (max-width: 500px) {
    .logoFlex p {
    }
    .fNav {
        flex-flow: wrap;
		font-size: 1.3rem;
    }
	.bgCopy {
        padding: 1.5rem 0;
    }
	.spacer {
      width: 100%;
    }
}
.fTca {
	display: none;
    position: sticky;
    bottom: 0;
}
@media screen and (max-width: 768px) {
	.fTca {
        /*bottom: -100px;
        -webkit-transition: ease-out 0.4s;
        -moz-transition: ease-out 0.4s;
        transition: ease-out 0.4s;*/
    }
	/*.fTca.on {
        bottom: 0;
    }*/
	.fTca a {
        display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		background: linear-gradient(180deg, #87be22, #03782a);
		width: 100%;
		padding: 13px 0;
		font-size: 2.2rem;
    }
}
/*.fTca {
	display: none;
    position: sticky;
    bottom: 0;
}
@media screen and (max-width: 768px) {
	.fTca {
    }
	.fTca a {
        display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		background: linear-gradient(180deg, #87be22, #03782a);
		width: 100%;
		padding: 13px 0;
		font-size: 2.2rem;
    }
}*/
@media(min-width: 768px){
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}