@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@500&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}

.font_en, #main_menu, a[href^="tel:"], .cate_title, .sub_cate_title, .box_title1, .box_title{font-family: 'Prata', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: normal}

.linkStyle{color: #ACD357}
.width_1280-1000{min-width: 700px}
.link_box ul{justify-content: center;}
.link_box ul li{margin: 0 10px}

html, body{font-size: 14px}
#fakeloader{background: linear-gradient(to bottom right, #204184, #72cddd)}
header.grid_3{background-color: #fff!important;border-right: solid 1px #f2f2f2;width: 350px!important;padding-top: 100px}
.main_box{margin-left: 350px;width: calc(100% - 350px)!important}
#main_img h2{font-size: 24px;}
#main_menu{text-align: center;max-width: 200px;margin-left: auto;margin-right: auto}
#main_menu ul li a{color: #204184;font-size: 20px;padding-left: 0;margin-bottom: 20px}
#main_menu ul li a:hover{padding-left: 0;color: #72CDDD;transform: translateY(-5px)}
#main_menu ul li a::before{display: none}
.button{border-top: none;border-bottom: none;border-color: #204184;color: #204184;font-size: 16px;background-color: #f9f8f7}
.button2{border-color: #f2f2f2;background-color: #fff;color: #204184;box-shadow: 0 5px 10px rgba(0,0,0,0.1)}
.button2:hover{color: #72CDDD;transform: translateY(5px);box-shadow: none}
.button:hover{background-color: transparent}
.button:hover:after{box-shadow: inset 0 0 0 15em #204184}
header .contact_bt, header .tel_bt{max-width: 250px;margin-left: auto;margin-right: auto}
header .contact_bt a{margin-top: 40px;}
header .tel_bt a{z-index: 1}
.fat-nav ul{background-color: #f9f8f7}
.fat-nav ul .txt_color3{color: #204184}
.fat-nav ul .border_so1{border: none;background-color: #fff}
#page_title{position: relative}
#page_title .title_img::before{background-image: linear-gradient(to bottom right, rgba(32,65,132,0.6), rgba(114,205,221,0.6))}
#page_title .page_box{position: absolute;margin: 0;padding: 0;padding-left: 30px;padding-bottom: 30px;border-left: solid 1px #fff;left: 50px;bottom: 0;z-index: 1}
#page_title .page_box::before{display: none}
#page_title .page_box h2, #page_title .page_box p{color: #fff}
#page_title .page_box h2{font-size: 40px}
#page_title .page_box p{font-size: 18px;}

#top_cms .cms_title h2{color: #204184;font-size: 30px}
#top_cms .cms_title p{color: #72cddd}
.cms_title::before{transform: none;background-color: #204184;top: 20px}

.con1_wrap{background: linear-gradient(to bottom right, #204184, #72cddd);}
#contents1 h2{padding-left: 30px;padding-right: 30px;position: relative;padding-bottom: 10px}
#contents1 p{padding-left: 30px;padding-right: 30px}
#contents1 h2::before{position: absolute;content: "";width: 1px;height: calc(100% + 50px);left: 0;top: -50px;background-color: #fff}
#contents2{background-image: url(./Dup/img/no1.png);background-size: 150px;background-position: top 0 right calc(50% + 20px);background-repeat: no-repeat;border-left: solid 5px #204184}
#contents3 .con3_txt{background-image: url(./Dup/img/no2.png);background-size: 150px;background-position: top 0 right 20px;background-repeat: no-repeat}
#contents3 .grid_6:last-child .con3_txt{background-image: url(./Dup/img/no3.png)}
#contents2 .img5{margin-top: -80px;position: relative}
.con3_wrap{background-color: #f9f8f7}

.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 #204184;color: #204184;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 5px;left: 0;bottom: -5px;background-color: #204184}

#cms_5-b .cate_box .open_bt .box_title1::before{color: #204184!important}

.footer_cms{color: #204184;font-size: 14px}


/** tablet 780 **/
@media screen and (max-width: 768px){
.width_1280-1000{min-width: 100%}
header.grid_3{border-right: none;border-bottom: solid 1px #f2f2f2;width: 100%!important;padding-top: 10px}
.main_box{margin-left: 0;width: 100%!important}
#main_img{height: 60vw!important}
.head_box{padding-top: 8px;padding-bottom: 8px}
#page_title .title_img{height: 200px}
#contents1{padding-top: 50px;padding-bottom: 50px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img h2{font-size: 20px;}
#page_title .page_box{left: 30px;padding-left: 20px}
#page_title .page_box h2{font-size: 28px}
.cate_title{font-size: 20px}
#contents2 .img5{margin-top: 20px}
#contents2{background-position: top 0 right 20px}
#contents1 h2{padding-left: 20px;padding-right: 0}
#contents1 p{padding-left: 20px;padding-right: 0}
#main_img h2{width: 80%}
}

/** 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}

.font_en, #main_menu, a[href^="tel:"], .cate_title, .sub_cate_title, .box_title1, .box_title{font-family: 'Prata', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: normal}
}