@charset "utf-8";
/* ------------------------------------------------------------ common */
body { background: url(../images/main_bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; }
a:link 		{ color: #111; text-decoration: none; }
a:visited 	{ color: #111; text-decoration: none; }
a:hover,
a:hover img,
input[type="submit"]:hover { color: #111; text-decoration: none;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }

input[type="text"],
select,
textaera	{ border: 1px solid #b5b5b5; }
.marker { background:linear-gradient(transparent 60%, #fff000 0%); }

.inner 	{ width: 94%; margin: 0 auto; }

#main { background: #fff; max-width: 750px; margin: auto; box-shadow: 1px 1px 5px 0px #000; }
#main img { width: 100%; height: auto; }

#main header a { float: left; width: 50%; }
#main header .header-right-wrapper { position: relative; }
#main header .header-right-wrapper span.phone-number {
position: absolute;
font-size: 33px;
width: 300px;
bottom: 19px;
left: 96px;
text-align: left;
font-weight: 900;
color: #004787;
font-family: "Arial",sans-serif;
transform: scale(0.8, 1);
}
#main ul.cfx li { float: left; width: calc(100% / 3); }

#main .contact { position: relative; }
#main .contact a { width: 86.5%; height: auto; margin: auto; position: absolute; bottom: 7.5%; right: 0; left: 0; }
#main .contact .contact-image-wrapper { position: relative; }
#main .contact .contact-image-wrapper span.phone-number {
position: absolute;
font-size: 74px;
width: 626px;
bottom: 14px;
left: 88px;
text-align: left;
font-weight: 900;
color: #fff000;
font-family: "Arial",sans-serif;
transform: scale(0.8, 1);
}
#main .slider-boxes { background: #e3f3ff; padding: 0 0 80px; }
#main .slider-boxes .slider-box { background: #fff; box-shadow: 1px 1px 5px 0px #000; width: 92%; margin: auto; }
#main .slider-boxes .slider-pic { height: 635px; box-sizing: border-box; text-align: center; }
#main .slider-boxes .slider-pic img { width: auto; height: 635px; margin: auto; }
#main .slider-boxes h3 { background: #0f87e3; color: #fff; font-weight: bold; text-align: center; padding: 5% 6%; font-size: 36px; height: 250px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; }
/* #main .slider-boxes p { font-size: 24px; padding: 0 7% 7%; height: 285px; box-sizing: border-box; overflow: hidden; } */
#main .slider-boxes h4 { font-size: 24px; color: #fff; background: #004787; padding: 1% 0; text-align: center; font-weight: bold; }

#main .slick-next::before { font-size: 60px; opacity: inherit; background: url(../images/slider_next.png) center center no-repeat; color: inherit; }
#main .slick-prev::before { font-size: 60px; opacity: inherit; background: url(../images/slider_prev.png) center center no-repeat; color: inherit; }
#main .slick-next { right: 6%; width: 60px; height: 60px; }
#main .slick-prev { z-index: 1; left: 6%; width: 60px; height: 60px; }
#main .slick-dotted.slick-slider { margin: 0; }
#main .slick-dots { bottom: 3%; }

#main footer { font-size: 20px; }
#main footer a.footer-logo { width: 64%; height: auto; margin: auto; display: block; padding: 4% 0 2%; }
#main footer p { text-align: center; padding: 0 0 4%; }
#main footer .cfx { padding: 0 0 4%; }
#main footer .cfx a { display: block; width: 50%; float: left; text-align: center; }
#main footer small { color: #fff; background: #004787; text-align: center; display: block; padding: 1% 0; }

.iziModal_01 img,
.iziModal_02 img,
.iziModal_03 img { width: 100%; height: auto; }
.is_sp {    display: none;	}
.cta_fixed {
    position: fixed;
    left: 0px;
    z-index: 999;
    width: 100%;
    background: rgb(20, 71, 167);
    padding: 0;
}
.cta_fixed .cta-image-wrapper { position: relative; }
.cta_fixed .cta-image-wrapper span.phone-number {
position: absolute;
font-size: 7vw;
width: 64vw;
bottom: 6.5vw;
left: 37vw;
text-align: left;
font-weight: 900;
-webkit-text-stroke: 0.3vw #089c1d;
text-stroke: 0.3vw #089c1d;
color: #ffffff;
font-family: "Arial",sans-serif;
transform: scale(0.8, 1);
}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:767px){
/* ------------------------------------------------------------ common */
#main .slider-boxes h3 { font-size: 15px; height: 125px; }
#main .slider-boxes .slider-pic { height: 300px; }
#main .slider-boxes .slider-pic img { width: auto; height: 300px; }
/* #main .slider-boxes p { height: 150px; font-size: 12px; line-height: 150%; } */
#main .slider-boxes h4 { font-size: 12px; }
#main .slider-boxes .slider-box { width: 87%; }
#main .slider-boxes { padding: 0 0 14%; }
#main .slick-next::before,
#main .slick-prev::before { font-size: 40px; background-size: 95%; }``
#main .slick-next { right: 13%; top: 48%; width: 40px; height: 40px; }
#main .slick-prev { left: 13%; top: 48%; width: 40px; height: 40px; }

#main header .header-right-wrapper span.phone-number {
font-size: 5vw;
width: 40vw;
bottom: 1.5vw;
left: 13vw;
text-align: left;
}
#main .contact .contact-image-wrapper span.phone-number {
font-size: 9.5vw;
width: 78vw;
bottom: 2.5vw;
left: 14vw;
text-align: left;
}
#main footer { font-size: 10px; }

.is_sp { display: block;	}
footer { padding-bottom: 128px; }
}