@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

body, .font_serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
#contents4 .txt_color2, #top_cms .cms_title p, .more, #top_info .con_box a, #page-top, #sp_nav a.width_300, #page_title p,  #contact_tel, #contents1 .con_title::before, #contents2 .con_title::after, #contents3 .con_title::after, #contents3-h .con_title::after{font-family: 'Poppins', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

/* color */
.txt_color1{color: #1C1C3F} /* メインカラー */
.txt_color2{color: #FEF263} /* サブカラー */
.txt_color3{color: #4c4c4c} /* アクセントカラー1 */
.txt_color4{color: #E6E6E6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #1C1C3F} /* メインカラー */
.bg_color2{background-color: #FEF263} /* サブカラー */
.bg_color3{background-color: #4c4c4c} /* アクセントカラー1 */
.bg_color4{background-color: #E6E6E6} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #1C1C3F}
.border_color2{border-color: #FEF263}
.border_color3{border-color: #4c4c4c}
.border_color4{border-color: #E6E6E6}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #1C1C3F} /* メインカラー */
.hvr_txt_color2:hover{color: #FEF263} /* サブカラー */
.hvr_txt_color3:hover{color: #4c4c4c} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E6E6E6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #1C1C3F} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FEF263} /* サブカラー */
.hvr_bg_color3:hover{background-color: #4c4c4c} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E6E6E6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #1C1C3F}
.hvr_border_color2:hover{border-color: #FEF263}
.hvr_border_color3:hover{border-color: #4c4c4c}
.hvr_border_color4:hover{border-color: #E6E6E6}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #FEF263}
.linkStyle:hover{opacity: 0.7}

#header{background: linear-gradient(to bottom, rgba(28,28,63,0.8), rgba(28,28,63,0));}

.txt_shadow_h{text-shadow: none}
#contents1 .con_box{background: linear-gradient(to bottom right, rgba(119,119,119,0.6), rgba(50,50,50,0.6));}
#contents1 .con_title{position: relative;z-index: 1}
#contents1 .con_title::before{position: absolute;content: "INTRODUCTION";font-size: 50px;color: #fef263;left: -20px;top: -30px;opacity: 0.3;pointer-events: none;z-index: -1}
#contents2 .con_title, #contents3 .con_title, #contents3-h .con_title{position: relative;padding-top: 60px;text-align: center;letter-spacing: 2px;z-index: 1}
#contents2 .con_title::after, #contents3 .con_title::after, #contents3-h .con_title::after{position: absolute;left: 0;width: 100%;top: 0;font-size: 80px;color: #fef263;opacity: 0.3;pointer-events: none;z-index: -1}
#contents2 .con_title::after{content: "01"}
#contents3 .con_title::after{content: "02"}
#contents3-h .con_title::after{content: "03"}
#contents2 .con_box, #contents3 .con_box, #contents3-h .con_box{background-color: rgba(119,119,119,0.6);background-image: url(./Dup/img/dot.png)}

#contents3-h, #contents3-h .con_box{min-height: 100vh}
#contents3-h .d_flex{min-height: 80vh}
#contents3-h .con_box::before{left: 40px;}
#contents3-h .con_box > .d_table{min-height: 80vh}
#contents3-h .con_box > .d_table::before{content: "";display: inline-block;vertical-align: middle;height: 100%;min-height: 80vh}

#top_cms, #top_info .con_box, #under_page .under_box{background-color: #fff;color: #333;position: relative}
#top_cms::before, #top_cms::after{position: absolute;content: "";width: 100%;height: 100px;left: 0;right: 0;margin: auto;background-image: url(./Dup/img/bg_img.png);background-size: 100% 100%}
#top_cms::before{top: -1px}
#top_cms::after{bottom: -1px;background-image: url(./Dup/img/bg_img2.png)}
#top_cms .txt_color_nomal, #top_info .con_box .txt_color_nomal, #under_page .under_box .txt_color_nomal{color: #333!important}
#top_cms .txt_color2, #top_info .con_box .txt_color2, #under_page .under_box .txt_color2{color: #e0d016}
#top_cms .border_color2, #top_info .con_box .border_color2, #under_page .under_box .border_color2{border-color: #e0d016}
.cms_title::before{background-color: #1C1C3F}

.cate_list{border-color: #1C1C3F}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color: #1C1C3F}
.cate_list li a{color: #1C1C3F}
#top_cms .more a, #top_info .con_box .more a, #under_page .under_box .more a{color: #1C1C3F}
#top_cms .more a:hover, #top_info .con_box .more a:hover, #under_page .under_box .more a:hover{background-color: rgba(28,28,63, 0.1)}
#top_info .con_box .tel_bt{color: #1C1C3F;background-color: rgba(28,28,63, 0.1);border-color: rgba(28,28,63, 0)}
#top_info .con_box .tel_bt:hover{background-color: rgba(28,28,63, 0);border-color: rgba(28,28,63, 1)}
#top_cms .more a::before, #top_info .con_box .more a::before, #under_page .under_box .more a::before, #top_cms .more a::after, #top_info .con_box .more a::after, #under_page .under_box .more a::after{border-color: #1C1C3F}
.con_box::before{display: none}
.con_title{padding: 0}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #1C1C3F;color: #1C1C3F;font-weight: bold}

#under_page .info_box .d_flex:first-of-type{border-color: #e0d016}

#cms_6-b .cate_box:first-of-type, .cms_6-b .cate_box:first-of-type{border-top: none}
.page9 a{color: #1C1C3F;border-color: #1C1C3F}

/** tablet 780 **/
@media screen and (max-width: 768px){
#contents1 .con_title::before{width: 100%;text-align: center;left: 0;right: 0;margin: auto;}
#contents3-h, #contents3-h .con_box, #contents3-h .d_flex{min-height: inherit}
#contents3-h .con_box{background: rgba(0,0,0,0.5)}
#contents3-h .con_box::before{left: 0}
#contents3-h .con_box > .d_table, #contents3-h .con_box > .d_table::before{min-height: auto}
#top_cms::before, #top_cms::after{height: 8vw}
#top_cms .more a, #top_info .con_box .more a, #under_page .under_box .more a{background-color: rgba(28,28,63, 0.1)}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#contents1 .con_title::before{font-size: 20px;top: -40px}
h1 img.width_200-max_sp{max-width: 160px}
.cate_title{font-size: 20px}
header, #main_img, .swiper-container{height: 70vw!important}
header .scroll_d{display: none}
}

/** IE **/
@media all and (-ms-high-contrast:none) {

}