﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&family=Prata&display=swap');

body, .font_sans-serif{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.more, #top_cms .cms_title p, a[href^="tel:"], .h_tel a, #page_title p, #intro_txt h2, .cate_title, .con_no{font-family: 'Prata', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

.linkStyle{color: #ddb068}

body{background-image: url(./Dup/img/bg_img2.png), url(./Dup/img/bg_img.jpg);background-size: 100%, 600px}
.normal_img img, .rectangle_img, .square_img{border-radius: 20px 0 20px 0}
#header > .bg_color1:not(.global_nav){margin-bottom: 100px;position: relative}
#header > .bg_color1:not(.global_nav)::after{position: absolute;content: "";left: 0;bottom: -49px;width: 100%;height: 50px;background-image: url(./Dup/img/nami.png);background-size: 100% 100%;}
#header_menu ul li a{padding-top: 60px;background-size: 50px;background-position: top center;background-repeat: no-repeat}
#header_menu ul li:nth-child(1) a{background-image: url(./Dup/img/icon1.png);}
#header_menu ul li:nth-child(2) a{background-image: url(./Dup/img/icon2.png);}
#header_menu ul li:nth-child(3) a{background-image: url(./Dup/img/icon3.png);}
#header_menu ul li:nth-child(4) a{background-image: url(./Dup/img/icon4.png);}
#header_menu ul li:nth-child(5) a{background-image: url(./Dup/img/icon5.png);}
footer{position: relative}
footer::after{position: absolute;content: "";left: 0;top: -49px;width: 100%;height: 50px;background-image: url(./Dup/img/nami.png);background-size: 100% 100%;transform: rotate(180deg)}
.sns_links .square_img{border-radius: 0}
#page_title p, #top_cms .cms_title p{font-size: 30px;color: #2f64ea}
#page_title h2, #top_cms .cms_title h2{font-size: 16px;position: static;color: #ddb068;margin-bottom: 10px}
#page_title h2::before{bottom: -15px}
.h_tel a[href="page08.aspx"] .tel_mark{background-image: url(./Dup/img/contact.png);background-size: 30px;background-position: center;background-repeat: no-repeat}
.ccn{display: none}

.con_no span::before{position: absolute;content: "";width: 30px;height: 1px;left: 10px;top: -3px;bottom: 0;background-color: #ddb068;margin: auto}
#contents .box_wrap{padding-left: 40px;padding-right: 20px}
#contents .box .d_table-cell h3{border-radius: 30px 0 30px 0}
#top_cms{padding-left: 5%;padding-right: 5%}
.nami, .foot_nami{display: none}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 10px!important;margin-bottom: 50px;border-bottom: solid 1px #ddd;color: #2f64ea;font-weight: bold;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;bottom: -1px;background-color: #ddb068}


/** tablet 780 **/
@media screen and (max-width: 768px){
body{background-size: 800px, 600px;background-position: center}
#contents .box_wrap{padding-left: 20px;padding-right: 0}
#header > .bg_color1:not(.global_nav)::after{bottom: calc(-5vw + 1px);height: 5vw}
footer::after{top: calc(-5vw + 1px);height: 5vw}
#page_title{padding: 50px 0}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#intro_txt h2{font-size: 18px}
#contents .box_wrap{padding-left: 0}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.more, a[href^="tel:"], .h_tel a, #header_menu .sab_title, #intro_txt h2{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
}