@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&family=Noto+Serif+JP:wght@300;400;500&family=Tangerine:wght@400;700&display=swap');
#wrap{font-weight: 300;}
#main_img #catch h2 span, .font_bold, #top_cms .top_cms_box .top_cms_title p span, #main_nav, #page_title p, #page10 {
    font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight: 400;
    letter-spacing: 4px;
}
#sc_menu li a, header #header #main_menu li a{letter-spacing: 2px;}
#intro .box_wrap .box figure::before{font-family: 'Tangerine', cursive;}


/* ---------- color ---------- */
.linkStyle{color: #de3c44;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1 {color: #de3c44;}
.txt_color2 {color: #8cc8ea;}
.txt_color3 {color: #0e679a;}
.bg_color1{background-color: #de3c44;font-weight: 400;}
.bg_color2 {background-color: #f3f3f3;}
.bg_color3 {background-color: #8cc8ea;font-weight: 400;}
.border_color1 {border-color: #de3c44;}
.border_color2 {border-color: #ccc;}
.border_color3 {border-color: #ccc;}


/* ---------- all ---------- */
.opacity07{opacity: 1}
h1 a{padding: 35px 30px!important;}
h1 img{max-width: 207px;}
#sc_menu .logo img {max-width: 98px;}
footer #copyright{background-color: #313131;}

/* ---------- top ---------- */
.bnr{width: 700px;}
#main_img #catch h2 span {padding: 10px 0px;}
#main_img #catch h2{border: none;border-bottom: 2px solid;}
#main_img #catch p{font-size: 16px;}
#intro {
    background: url(../img/bg_line.png),#d2f0fb;
    background: url(../img/bg_line.png),linear-gradient(to bottom, #FFFFFF, #bee9f9, #a7deef);
    background-size: 128px auto;
}
#intro_title, #intro .box_wrap .box{position: relative;}
#intro_title p {
    border: none;
    font-size: 118px;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    color: #74bcd2;
    opacity: 0.3;
}
#intro_title h3 {
    padding-left: 62px;
    padding-top: 61px;
    padding-bottom: 30px;
    letter-spacing: 7px;
    font-size: 39px;
    color: #0e679a;
}

#intro .box_wrap {align-items: flex-start;}
#intro .box_wrap .box figure{position: relative}
#intro .box_wrap .box figure::before {
    font-size: 101px;
    color: #307eaa;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: auto;
    border-bottom: solid 2px;
    line-height: 0.7;
    position: absolute;
    top: -57px;
    right: 32px;
}
#intro .box_wrap .box:nth-of-type(1) figure::before {content: "01";}
#intro .box_wrap .box:nth-of-type(2) figure::before {content: "02";}
#intro .box_wrap .box > div span{display: none}
#intro .box_wrap .box > div h4 {
    text-align: center;
    border-bottom: 1px solid #de3c44;
    font-size: 22px;
    letter-spacing: 2px;
}
#contents_links .square_box a::before{background-color: rgba(255,255,255,0.15);border: 2px solid #fff;}
#contents::before{background-color: rgba(0,0,0,0.2);}
#contents .contents_txt h3::after{border-left: none;border-right: none;}
#contents .contents_txt{background-color: rgba(0,0,0,0.4);}

#top_cms .top_cms_box .top_cms_title p span{
    font-size: 70px;
    background-color: transparent;
    color: #de3c44;
}
.top_cms_title h3{
    border-left: none;
    border-right: none;
    border-top: none;
    color: #de3c44;
    border-bottom: 2px solid #de3c44;
    font-weight: 300;
}

/* ---------- 下層 ---------- */
#page_title::after{background-color: rgba(0,0,0,0.3);}
#page_title p{border-left: none;border-right: none;}
#cms_2-c .cate_title{
    background-color: #f3f3f3;
    border-color: #de3c44;
    text-align: center;
    border: none;
    margin-bottom: 40px;
}
#cms_2-c  .box_txt1{
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 1.5;
    margin-bottom: 25px;
}


/* animation ---------------------------------------------------------------------------------------------*/
.txt_anim span{
	position: relative;
    right: 20px;
    opacity: 0;
	transition: all 1s;
}
.txt_anim span.start{
	right: 0;
	opacity: 1;
}

/* IE */
@media all and (-ms-high-contrast: none){
#intro{background-size: auto;}
#cms_6-b .cate .cate_title{padding: 5px 5px 8px!important}
.cms_6-b .cate_box .box_txt1, .cms_6-b .cate .box_txt2 #cms_6-b .cate .box_txt1, #cms_6-b .cate .box_txt2{padding: 9px 10px 12px!important}
#cms_6-a .cate .cate_title{padding-top : 8px!important}
#cms_5-b .cate_box .open_bt{padding: 20px 0!important}
}

@media screen and (max-width: 1280px){
h1 img {max-width: 150px;}
#main_img #catch p {
    font-size: 15px;
    padding-top: 82px;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.bnr{width: 60%;}
#main_img #catch h2 span, .font_bold, #top_cms .top_cms_box .top_cms_title p span{letter-spacing: 2px;}
#main_img #catch p{font-size: 14px;}
h1 a {padding: 20px!important;}
h1 img {max-width: 120px;}
#main_img #catch{padding-top: 20px!important;}
#main_img #catch h2{padding: 0 10px;transform: none;text-align: center;} 
#main_img #catch p {padding-top: 30px;}
#intro_title p{top: -124px;}
#intro_title h3 {
    padding-left: 41px;
    padding-top: 46px;
    padding-bottom: 30px;
    letter-spacing: 4px;
    font-size: 26px;
}
#page_title p{font-size: 22px;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.bnr{width: 96%;margin-top: -20px;}
h1 a {padding: 10px 20px!important;}
h1 img {max-width: 86px;}
#main_img #catch h2{padding: 0;} 
#intro_title p{font-size: 57px;top: -29px;}
#intro_title h3 {
    font-size: 22px;
    line-height: 1.7;
    padding-left: 7px;
    padding-top: 19px;
    padding-bottom: 9px;
    letter-spacing: 2px;
}
#intro .box_wrap .box > div h4{font-size: 18px;}
#top_cms .top_cms_box .top_cms_title p span{font-size: 43px;}
#page_title p{font-size: 19px;}
}