/* color-----------------------------------------------------------------------*/
.txt_color1{color: #94adda;} /* メインカラー */
.txt_color2{color: #f8fbff;} /* サブカラー */
.txt_color3{color: #94adda;} /* アクセントカラー1 */
.txt_color4{color: #fffff9;} /* アクセントカラー2 */
/* background-color */
.bg_color1{background-color: #fffff9;} /* メインカラー */
.bg_color2{background-color: #f8fbff;} /* サブカラー */
.bg_color3{background-color: #94adda;} /* アクセントカラー1 */
.bg_color4{background-color: #fffff9;} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1{border-color: #e3e3e3;}
.border_color2{border-color: #f8fbff;}
.border_color3{border-color: #e3e3e3;}
.border_color4{border-color: #fffff9;}
/* hover ----------------------*/
.hvr_txt_color1:hover{color: #fffff9;} /* メインカラー */
.hvr_txt_color2:hover{color: #f8fbff;} /* サブカラー */
.hvr_txt_color3:hover{color: #94adda !important;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fffff9;} /* アクセントカラー2 */
/* background-color */
.hvr_bg_color1:hover{background-color: #fffff9;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f8fbff;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #bbbbb0;} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fffff9;} /* アクセントカラー2 */
/* border-color ※!important */
.hvr_border_color1:hover{border-color: #fffff9 !important;}
.hvr_border_color2:hover{border-color: #f8fbff !important;}
.hvr_border_color3:hover{border-color: #fdfdf0 !important;}
.hvr_border_color4:hover{border-color: #fffff9 !important;}

.arrow img { background: #d0dbef;}
#header li a {
    border-color: #888b91;
    color: #888b91}
.button_container span {background: #888b91;}
.intro_img div {
    top: -11.8%;
    -webkit-text-stroke: 0.7px #94adda;}
.intro_img a::before {border: solid 1px rgba(148,173,218,0.7);}
.modal_txt_wrap {color: #4d4d4d;}
.cms_5-b .cate_box .open_bt .box_title1::before,#cms_5-b .cate_box .open_bt .box_title1::before { color: #94adda !important;}

.hvr_txt_color3:hover{color: #94adda !important;} /* アクセントカラー1 */
#page_title::before {background: rgba(215,214,203,0.2);}
#main_img .swiper-wrapper::before { background-image: radial-gradient(rgba(197,185,154,40%) 40%, transparent 40%);}
/* color-----------------------------------------------------------------------*/

/* font -----------------------------------------------------------------------*/
.intro_box .font_un,.font_un {font-family: 'Merriweather', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;}
html {font-size: 15px;}
.opacity08,.opacity07 { opacity: 1;}
.intro_item p {transform: rotate(0.05deg);}
/* font -----------------------------------------------------------------------*/

/* all -----------------------------------------------------------------------*/
div#logo2 a img {
    margin: 0 auto;
    display: block;}
.s_footer_copy, .s_footer_copy a {color: #4d4d4d;}

.h_box_mail a {
    padding-top: 6px !important;
    padding-bottom: 3px;}
.cate_list li {
    max-width: 200px;
    min-width: 200px;
    box-sizing: border-box;}
/*#s_content3 -----------------------------------------------------------------------*/
#s_content3 .intro_item { background: rgba(255,255,249,0.4);}
span.bg_img {
    background: url(dup/img/bg_img.jpg);
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -1;}
#s_content3 .intro_item {
    background: rgba(255,255,249,0.4);
    border: solid 1px #f5f5f5;}
/*#s_content3 -----------------------------------------------------------------------*/


/*top -----------------------------------------------------------------------*/
.catch {
    display: inline-flex;
    text-shadow: 1px 2px 7px #94adda;
    font-family: 'Zen Old Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.catch02 {top:50%;
    transform:translate(-50%, -108px) !important;
    text-shadow: 1px 2px 7px #94adda;
    font-size:35px;}

.intro_img a span {background-color: #fffff1 ;}

li.sf_contact_mail a {
    background: #f8fbff;
    color: #06c755;
    font-size: 20px;
    padding: 20px 0px;
    border: solid 1px #06c755;
}
@media screen and (max-width: 1600px){
.catch02 {
    font-size: 30px;
    transform: translate(-50%, -99px) !important;}
.catch{font-size:35px;}
}

@media screen and (max-width: 1400px){
.catch02 {
    font-size: 26px;
    transform: translate(-50%, -85px) !important;}
.catch{font-size:28px;}
}

@media screen and (max-width: 1100px){
.catch02 {
    font-size: 19px;
    transform: translate(-50%, -85px) !important;}
.catch{font-size:21px;}
}

li.sf_contact_mail a:hover {background: #94adda;}
/*top -----------------------------------------------------------------------*/

/*cms -----------------------------------------------------------------------*/
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 {  font-weight: 500;}
.cms_5-b .box_txt1,#cms_5-b .box_txt1 {font-size: 16px;}
section#cms_5-b .box_txt1:first-letter {
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
    padding-right: 5px;
    color: #888b91;}
.cms_5-b .box_txt1,#cms_5-b .box_txt1 {font-size: 16px;}
.cms_5-b .box_item,#cms_5-b .box_item {background: #fffff8;}

/*linkStyle*/
a.linkStyle {
    color: #94adda;
    transition: 0.5s;}
a.linkStyle:hover {color: #94adda;}
ul.pager li a { background: #c4d4f1 !important;}
ul.pager li a:hover {background: #bbcded !important;}

ul.cate_list li a {background: #bfbfb9;}

#cms_3-c .box_item {background: #fffff8;}
#cms_6-c .circle, #cms_6-c span.arrow { display: none;}

.mg_b-80px{margin-bottom:80px;}
/*cms -----------------------------------------------------------------------*/

/*kasou -----------------------------------------------------------------------*/
.phone_wrap, .phone_wrap a, .phone_wrap a span {
    color: #94adda;
    border-color: #94adda;}
.phone_txt h4 span {
    background: #94adda;
    font-weight: 600;}
section#page9 a {background: #94adda;}
section#page9 a:hover {background: #b1c1df;}

/* お問い合わせ ---------------------------------------------------------------------------------------------*/
.phone_txt h4 {
    max-width: 120px;
    width: 100%;
    background: #94adda;
    border-radius: 6px;
    padding: 0 5px;
}
/* お問い合わせ ---------------------------------------------------------------------------------------------*/

/*kasou -----------------------------------------------------------------------*/

/*contact【調整用】----------------------------------------------------------------------*/
@media screen and (max-width: 1400px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 5px) !important;
    font-size: calc(1rem + 5px) !important;
    padding: 25px 10px;}}
@media screen and (max-width: 1200px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 4px) !important;
    font-size: calc(1rem + 4px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;}}

/*【タブレット】*/
@media screen and (max-width: 768px){
    p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 0px) !important;
    font-size: calc(1rem + 0px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;
}}

/*【スマホ】*/
@media screen and (max-width: 667px){
p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 1px) !important;
    font-size: calc(1rem + 1px) !important;
    padding: 20px 5px;
    letter-spacing: 2px;}
}


@media screen and (max-width: 320px){
p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 0px) !important;
    font-size: calc(1rem + 0px) !important;
    padding: 20px 5px;
    letter-spacing: 1px;}
}
/*contact【調整用】----------------------------------------------------------------------*/

/*【タブレット】*/
@media screen and (max-width: 768px){
    div#logo2 img { max-width: 140px;}
    h1#logo img {max-width: 185px;}
    .mg_b-80px{margin-bottom:60px;}
    .catch {
            display: block;
            max-width: 100%;
            width: 100%;}
    .catch02 {
            font-size: 23px;
            transform: translate(-50%, -70px) !important;}
    .c2_box_txt h2 {
        font-size: -webkit-calc(1rem + 3px);
        font-size: calc(1rem + 3px);}
    ul#footer_nav li {padding: 10px 18px;}
    img.intro_txt { width: 600px;}
    .cate_list li {
    max-width: 25%;
    min-width: 160px;
    box-sizing: border-box;}
}

/*【スマホ】*/
@media screen and (max-width: 667px){
.catch {font-size: 15px;
    text-shadow: 1px 1px 3px #416199;}
.catch02 {
    font-size: 19px;
    transform: translate(-50%, -55px) !important;
    text-shadow: 1px 1px 3px #416199;}    
.c2_box_txt h2 {
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
    margin: 10px 0 15px;}
.cms_5-b .box_txt1, #cms_5-b .box_txt1 { font-size: 14px;}
.button_container.active .top,.button_container.active .bottom {background: #888b91;}
#cms_3-c .box_item {padding-top: 5px;
    padding-bottom: 10px;}
section#cms_6-c .cate_box {padding: 20px 20px 30px !important;}
.mg_b-80px {margin-bottom: 40px;}
img.intro_txt {width: 330px;}
.cate_list li {
    max-width: 100%;
    min-width: 160px;
    box-sizing: border-box;}
h1#logo {max-width: 170px;}
}



/*IE*/
@media all and (-ms-high-contrast: none){
.intro_img div {color: rgba(169, 188, 223, 1) !important;}
#page8 .phone_wrap a {
    padding-top: 27px !important;
    padding-bottom: 20px !important;}
.h_box_mail a {
    padding-top: 8px !important;
    padding-bottom: 2px;}
li.sf_contact_mail a {padding: 20px 0px 17px;}

}


/*20220221*/
.catch {
    width: 100% !important;
    bottom: 0%;
    left: 0%;
    top: auto;
    text-align: left;
    display: block;
    transform: translate(0% ,0%) !important;
}
.catch02 {
    width: 100% !important;
    bottom: 7%;
    left: 0%;
    top: auto;
    text-align: left;
    display: block;
    transform: translate(0% ,0%) !important;
}
    
/*【タブレット】*/
@media screen and (max-width: 768px){
    .catch02 {bottom: 8%;}
}


/*【スマホ】*/
@media screen and (max-width: 667px){

.catch02 {
    bottom: 8%;
    font-size: 11px;
    letter-spacing: 0.5px;
}
.catch {
    font-size: 11px;
    letter-spacing: 0;}
}



/*20220301*/
/*【タブレット】*/
@media screen and (max-width: 768px){
.catch {font-size: 24px;}
.catch02 {
    font-size: 20px;
    bottom: 9%;}
}


/*【スマホ】*/
@media screen and (max-width: 667px){
    .catch {font-size: 17px;
            bottom: -1%}
    .catch02 {
                font-size: 14px;
                bottom: 11%;}
    
}