﻿.bg_color1 {background-color: #8ed9d9;}
.bg_color2 { background-color: #e0f5f5;}
.bg_color3 {background-color: #e2aa43;}
.border_color1 {border-color: #8ed9d9;}
.border_color3 {border-color: #e2aa43;}
.border_color4 {border-color: #f7d89e;}
.txt_color1 {color: #8ed9d9;}
.txt_color3 {color: #e2aa43;}
.hvr_bg_color3:hover { background-color: #e2aa43;}
.hvr_border_color3:hover {border-color: #e2aa43;}
.hvr_txt_color3:hover {color: #e2aa43;}
/* ----------　all　---------- */

.linkStyle{
	color:#e2aa43;
}
.linkStyle:hover{
	color:#e2aa43;
	opacity: 0.7;
	transition: all 0.5s;
}
body,.font_un{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    
}
#s_content2 .c2_box:first-child .c2_box_txt h2,#s_content1 .intro_item,#s_content2 .c2_box:last-child .c2_box_txt h2{
    position: relative;
}
#main_img .main_img_txt:before,#s_content2 .c2_box:first-child .c2_box_txt h2:before,#s_content2 .c2_box:last-child .c2_box_txt h2:before  {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}


/* ----------　TOP　---------- */
.intro_title .intro_catch{
        width: 70%;
    max-width: 350px;
    margin-bottom: 20px;
}

.intro_title h2{
    min-width: 30%;
    font-size: -webkit-calc(1rem + 30px);
    font-size: calc(1rem + 30px);
}
#main_img .main_img_txt{
    font-size: 25px;
}
#main_img .main_img_txt span.title span span{
    font-size: 55px;
}

#main_img .main_img_txt:before{
    width: 350px;
    height: 220px;
    background-image: url(Dup/img/dec1.png);
    left: -160px;
    bottom: 80px;
}

/*
#s_content1 .intro_item:before {
    width: 350px;
    height: 250px;
    background-image: url(Dup/img/dec4.png);
    top: -200px;
    right: 0;
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
*/
#s_content2 .c2_box:first-child .c2_box_txt h2:before {
    width: 85px;
    height: 85px;
    background-image: url(Dup/img/dec3.png);
    left: 0;
    right: 0;
    top: -80px;
    margin: auto;
}
#s_content2 .c2_box:last-child .c2_box_txt h2:before {
    width: 75px;
    height: 75px;
    background-image: url(Dup/img/dec2.png);
    left: 0;
    right: 0;
    top: -85px;
    margin: auto;
}
#s_content2 .modal_bg{
        background-color: #ffffff;
}
#s_content2 .c2_box .c2_box_txt h2{
    color: #e2aa43;
}
#s_content2 .c2_box .c2_box_txt p{
    color: #4d4d4d;
}
footer #sf .sf_contact li a{
        color: #e2aa43;
}
/* ----------　1200px以下　---------- */
@media screen and (max-width: 1200px){
.intro_title h2 {
    width: 40%;
    font-size: -webkit-calc(1rem + 20px);
    font-size: calc(1rem + 20px);
}
.intro_title .intro_catch {
    width: 60%;
}
#main_img .main_img_txt {
    width: 50%;
}
#main_img .main_img_txt span.title span span {
    font-size: 45px;
}  
}
/* ----------　1100px以下　---------- */
@media screen and (max-width: 1100px){
.intro_title .intro_catch{
    width: 55%;
}
.intro_title h2{
    min-width: 45%;
}    
}
/* ----------　900px以下　---------- */
@media screen and (max-width: 900px){
#main_img .main_img_txt {
    width: 60%;
}
#s_content1 .intro_item .intro_title{
    flex-direction: column-reverse;
}
.intro_title h2 {
    min-width: 100%;
}
.intro_title .intro_catch {
    width: 70%;

}
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#cms_2-a .cate_title,#cms_2-b .cate_title {
padding-top: 15px;
  }
#cms_5-a .cate_title span:last-child{
      padding-top: 5px;
  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
 #main_img .main_img_txt{
    top: 65%;
    width: 70%;
}    
#main_img .main_img_txt span.title span span {
    font-size: -webkit-calc(1rem + 30px)!important;
    font-size: calc(1rem + 30px)!important;
}
 #main_img .main_img_txt:before {
    width: 250px;
    height: 150px;
    left: 100px;
    right: 0;
    margin: auto;
    bottom: 120px;
}
#s_content1 .intro_item .intro_title{
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.intro_title h2 {
    min-width: 30%;
    padding-right: 5%;
}
#s_content1 .intro_item{
    margin-top: 50px;
}
#s_content2 .c2_box .c2_box_txt .d_flex.bg_white{
        padding-top: 80px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#main_img .main_img_txt {
    width: 85%;
}
#main_img .main_img_txt span.title span span {
    font-size: -webkit-calc(1rem + 12px)!important;
    font-size: calc(1rem + 12px)!important;
}
#main_img .main_img_txt:before {
    width: 120px;
    height: 80px;
    left: 30px;
    right: 0;
    bottom: 80px;
}
.intro_title h2 {
    font-size: -webkit-calc(1rem + 22px);
    font-size: calc(1rem + 22px);
    min-width: 100%;
    padding-right: 0%;
}
.intro_title .intro_catch {
    margin-bottom: 0px;
        margin-left: auto;
}
/*
#s_content1 .intro_item:before {
    width: 250px;
    height: 200px;
    top: -150px;
}
*/
#s_content1 .intro_item {
    margin-top: 0px;
}
}