/*grobal start*/
:root{
    --bl: #3c88d5;
    --yl: #fff9eb;
    --wh: #ffffff;
    --or: #e7a407;
    --ku: #210404;
}

.bg_color1{
    background-color: var(--bl);
}

.border_color1 {
    border-color: var(--bl);
}

.bg_color2 {
    background-color: var(--wh);
}

.txt_color1{
    color: var(--bl);
}

.txt_color3 {
    color: var(--or);
}

.hvr_txt_color3:hover {
    color: var(--or);
}

.opacity04 {
    opacity: 1;
}

body{
    background-color: var(--yl);
}

.font_serif {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*grobal end*/


/*header start*/

header {
    box-shadow: 0 10px 10px rgba(0,0,0,0.02);
}

nav.sc_menu li a, nav li a{
        border-color: #e7e7e7 !important;
        border-left: 2px dotted;
}

/*header end*/

/*top start*/
#main_img .slick{
    box-shadow: 0 0 15px rgba(0,0,0,0);
    
}
.slick, .slick-nav{
    display: none;
}

#main_img > img{
    margin: 0px auto;
    max-width: 1280px;
    display: block;
}

#main_img{
    position: relative;
}

#main_img:before{
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       position: absolute;
       top: 48%;
       left: 50%;
       background-image: url(./Dup/img/setu.png), url(./Dup/img/catch.png);
       background-position: 100% 13%, center;
       background-repeat: no-repeat;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       background-size: 38px, 100%;
       pointer-events: none;
       z-index: 1;
}

.catch_j{
         text-align: center;
         margin: 4vw auto 2vw;
         /* font-size: min(2vw, 35px); */
         font-size: clamp(18px, 3.5vw, 51px);
         color: var(--ku);
         font-weight: bold;
         letter-spacing: 0.15em;
}

#intro:after{
    display: none;
}

#contents1 #contents1_txt {
    box-shadow: none;
}

.border_color3 {
    border-color: var(--or);
}
.bg_color3 {
    background-color: var(--or);
}

#intro h3{
        font-size: max(1.6vw, 24px);
    font-weight: bold;
    letter-spacing: 0.07em;
}

#intro .intro_title {
    width: 150px;
    top: -50px;
}

/*top end*/

#cms_2-c .cate_title{
    font-size: -webkit-calc(1rem + 24px);
    font-size: calc(1rem + 24px);
    color: var(--bl);
}

#cms_2-c .cate_title span{
    display: inline-block;
    max-width: 100px;
    vertical-align: middle;
}

#cms_2-c .cate_title span img{
    max-width: 25px;
    display: block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -10px;
}

.pin{
    color: var(--or);
}

.linkStyle{
color: #3c88d5;
}

.border_color2 {
    border-color: #d9d9d9;
}

/*--20240321 correct start--*/

#contents1_txt h3{
    margin-bottom: 40px;
}

.font_14 {
    font-size: 16px;
}

.font_20 {
    font-size: 22px;
    line-height: 1.6em;
    font-weight: bold;
}

header div.tel a{
    font-size: 28px;
}

header .tel{
        line-height: 1em;
    margin: 5px 0 20px;
}

#tel_contact .tel a{
        max-width: 350px;
    border: 1px solid var(--or);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 50px;
    margin: 5px 0.2%;
    font-size: min(3vw, 27px);
}

/*--20240321 correct end--*/

/*--20240417 correct start--*/

.tel i {
    transform: none;
}

/*#tel_contact .tel:nth-of-type(2){
    padding-bottom: 50px;
    border-top: 1px solid #3a84ce;
}*/

.cus_txt{
    color: #3c88d5;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#contact_bar .mail i{
    display: none;
}

/*--20240417 correct end--*/

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.catch_j {
    font-size: clamp(22px, 4.5vw, 51px);
    letter-spacing: 0.01em;
}

#main_img:before {
       background-image: url(./Dup/img/setu_tb.png), url(./Dup/img/catch_tb.png);
    background-position: 50% 90%, 50% 75%;
    background-size: 50%, 95%;
}

#intro .intro_title {
    top: -30px;
}


#intro .intro_title + div{
        width: 85%;
    position: relative;
    z-index: 5;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#cms_2-c .cate_title span img {
    max-width: 20px;
}

#cms_2-c .cate_title {
    font-size: -webkit-calc(1rem + 16px);
    font-size: calc(1rem + 16px);
}

#main_img{
    margin-bottom: 140px;
}

#main_img:before {
    background-position: 50% 90%, 50% 75%;
    background-size: 50%, 95%;
    top: 93%;
}


.more a:after {
    opacity: 0;
}

.more a {
    background-color: var(--or);
    color: white !important;
}

#copyright {
    padding: 20px 55px;
}

#intro h3 {
    font-size: 21px;
}

#tel_contact .tel a {
    font-size: 20px;
}

}