﻿.mail {
    font-size:18px !important;
    background: #ffb329;
}
.linkStyle2{
    color: #34cdff;
    transition:all 0.2s;
}
.linkStyle2:hover{
    opacity:0.6;
}
@media all and (-ms-high-contrast: none){
#page8 .contact_tel a{
    padding:14px 40px 14px;
}
}

@media screen and (min-width:769px) and (max-width:1280px){
    section#topCms{
        padding-left:50px;
        padding-right:50px;
    }
}
#cms_5-c .box_txt1::before{
    top:3px !important;
}
.footer_contact p.font_16.txt_color1.font_bold.txt_center.mg_b-10px{
    margin-top:10px;
}
.f_contact_btn{
    margin-top:5px;
}
span.font_16.en{
font-size: 22px;
padding-right:5px;
}
.f_contact_btn a {
    max-width:370px;
    padding: 10px 0px;
    border-radius: 50px;
    transition: .3s;
    font-size: 30px;
    margin-top:10px;
}
.cms_5-c .box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: #81d531;
    left: 13px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
    top: 3px;
}
.border_color2 {
    border-color: #66d9ff;
}
#sp_nav .sp_nav_inner .menu__header .logo3 img {
    max-width: 200px;
}

.cms_5-c .box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
 color: #81d531;
    left: 13px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
#cms_5-c .box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: #81d531;
    top: 8px;
    left: 13px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
#con3 .box .img {
    border: 4px solid #66d9ff;
}
.hvr_bg_color4:hover {
    background-color: #ffb329;
}
#fakeloader .fl{
    max-width:300px;
}
#fakeloader::before{
    background:#66d9ff
}
a.width_200-max.d_block.mg_b-50px{
    max-width:260px;
}
.logo1 {
    max-width: 220px;
    padding-left: 20px;
    padding-right: 20px;
}
#page5 .border_color3{
        border-color: #81d531;
}
.pagetitle h2,.pagetitle p{
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 3px #424344;
}
.pagetitle_img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity:1;
    background-position: 50% 40%;
    background-size: cover;
}
span.font_16.d_block.txt_center.linehight_1.txt_color3.font_bold {
    font-size: 20px;
}
.topCms h3.en.txt_color1{
    display:inline-block;
    position:relative;
}
.topCms h3.en.txt_color1::after {
    width: 60px;
    height: 200px;
    content: "";
    background: url(Dup/img/title_b.png);
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    right: -40px;
    top: -40px;
}
h3.en.txt_color1{
    font-weight:bold;
}
#con3 .title .en {
    font-size: 42px;
    font-weight: bold;
}
h2.font_24.mg_b-50px.mg_t-50px.txt_center.txt_left_tb.font_20_tb.mg_b-20px_tb{
    font-weight:bold;
}
span.topTxt1.font_18.txt_center.bg_color1.txt_white.font_bold.posi_rel {
    font-size: 32px;
    position: relative;
    bottom: 30px;
}
span.txt_color_nomal.font_10.pd_r-10px.font_10_tb {
    color: #81d531;
}
a.pd_l-10px.pd_r-10px.txt_center.txt_color3.bg_color5.txt_white.d_inline_b.hvr_txt_white.hvr_bg_color1.motion03s{
    background: #81d531;
    color:white;
}
a.pd_l-10px.pd_r-10px.txt_center.txt_color3.bg_color5.txt_white.d_inline_b.hvr_txt_white.hvr_bg_color1.motion03s:hover{
    opacity:0.6;
}
.linkStyle {
    color: #81d531;
}
.cate_list li a{
    background: #ffb329;
    color: white;
}
h3.cate_title {
    border-color: #81d531;
}
.con1_squ span.bg_color2 {
    background-color: #ffb329;
}
.con1_inner{
    background: white;
    border-radius: 40px;
    padding: 40px;
    padding-top: 0;
}
h2.font_24.mg_b-50px.mg_t-50px.txt_center.txt_left_tb.font_20_tb.mg_b-20px_tb{
    padding-bottom:0;
    margin-top:30px;
    margin-bottom:30px;
    position:relative;
    
}
#con3 h3.title{
    color: #121212;
    font-size: 22px;
}
h3 span.sl.pd_r-20px{
    padding-right:5px;
}
h3 span.sl.pd_l-20px{
    padding-left:5px;
}
h3 img.txt_color2.width_50{
    width:85px;
}
#con2 p.font_22.font_20_sp.txt_color2{
    font-weight:bold;
    font-size:32px;
}
figure.topimg2::after {
    width: 15vw;
    height: 15vw;
    background-image: url(Dup/img/hight.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    top: -7vw;
    position: absolute;
    right: -7vw;
    max-width: 240px;
}
figure.topimg3::before {
    width: 11vw;
    height: 11vw;
    background-image: url(Dup/img/low.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    top: -6vw;
    position: absolute;
    max-width: 190px;
    right: -4vw;
}
section#con2::after {
    width: 22vw;
    height: 13vw;
    background-image: url(Dup/img/kankisen.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 60px;
}
#con1{
    background: url(Dup/img/bg1.jpg);
    margin-top: -20px;
    background-size: cover;
    background-position: right;
}
#main_b {
    position: absolute;
    top: 29.5vw;
    width: 40vw;
    left: 20px;
}
figure.topimg2,figure.topimg3{
    position:relative;
}
section#con1::before {
    width: 400px;
    height: 330px;
    background-image: url(Dup/img/aircon.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    top: -30px;
    position: absolute;
    right: 0;
}

/*-------------------タブレット-----------------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
#main_b {
    position: absolute;
    top: 35.5vw;
    width: 40vw;
    left: 20px;
}
    figure.img.square_img{
        height:420px !important;
    }
    #con3 .box .img{
        border-radius:120px;
    }
    .header .logo1 {
    padding-right: 20px;
    background: white;
    border-radius: 25px;
    padding: 5px 20px;
}
.logo1 {
    max-width: 200px;
}
    section#con2::after {
    width: 32vw;
    height: 20vw;
    }
    section#con1::before {
    width: 270px;
    }
    span.topTxt1.font_18.txt_center.bg_color1.txt_white.font_bold.posi_rel {
    font-size: 22px;
    position: relative;
    bottom: 30px;
}
h2.font_24.mg_b-50px.mg_t-50px.txt_center.txt_left_tb.font_20_tb.mg_b-20px_tb {
    padding-bottom: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.box.width_30per.txt_center.width_90per_tb.width_100per_sp{
    width:90% !important;
    margin:auto;
    margin-bottom:30px;
}
}
/*-------------------ここまで-----------------------------------*/
@media screen and (max-width:667px){
.mail {
    font-size:14px !important;
}
#main_b {
    position: absolute;
    top: 34.5vw;
    width: 40vw;
    left: 10px;
}
    .cms_5-c .box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: #81d531;
    left: 0px;
    }
    
.header .logo1 {
    padding-right: 20px;
    background: white;
    border-radius: 25px;
    padding: 5px 20px;
}
.logo1 {
    max-width: 110px;
}
    h4.font_50.txt_center.linehight_h.en{
        font-size:42px;
    }
h3 span.sl.pd_r-20px {
    padding-right: 0;
}
#con3 .title .sl img {
    width: 40px;
}
h3 span.sl.pd_l-20px {
    padding-left: 0;
}
#con3 .title .en {
    font-size: 21px;
    font-weight: bold;
}
figure.topimg3::before {
    width: 20vw;
    height: 20vw;
    background-image: url(Dup/img/low.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    top: -6vw;
    position: absolute;
    max-width: 190px;
    right: -4vw;
}
figure.topimg2::after {
    width: 25vw;
    height: 25vw;
    background-image: url(Dup/img/hight.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    top: -15vw;
    position: absolute;
    right: -13vw;
    max-width: 240px;
}
h2.font_24.mg_b-50px.mg_t-50px.txt_center.txt_left_tb.font_20_tb.mg_b-20px_tb {
    background: #34cdff;
    padding: 10px;
    border-radius: 20px;
    color:white;
    
}
section#con2::after {
    width: 42vw;
    height: 23vw;
    background-image: url(Dup/img/kankisen.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 30px;
}
span.topTxt1.font_18.txt_center.bg_color1.txt_white.font_bold.posi_rel{
    display:none;
}
section#con1::before {
    width: 200px;
    height: 330px;
    background-image: url(Dup/img/aircon.png);
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    top: -10px;
    position: absolute;
    right: 0;
}
#cms_5-c .box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: #81d531;
    top: 8px;
    left: 0;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
.f_contact_btn a {
    max-width: 370px;
    padding: 10px 0px;
    border-radius: 50px;
    transition: .3s;
    font-size: 20px;
}
span.font_16.en {
    font-size: 16px;
    padding-right: 5px;
}
}
/*-------------------ここまで-----------------------------------*/
@media screen and (min-width:769px){

#main_b {
   
    min-width: 600px;
}
}