@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display=swap');



.blur {
    background: rgba(235,235,235,0.9) !important;
}

header.scr_header {
    background-color: rgba(13, 74, 187, 0.85) !important;
}

#intro .rotate_txt span, .top_title .rotate_txt span {
    color: #4a80e3;
        font-weight: bold;
}

#main_img:before {
    background-color: rgba(230,255,255,0.20);
    mix-blend-mode: darken;
    background-image: url(./Dup/img/head_g.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#video:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/hikari.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 1;
}

#video:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/copy.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.txt_color2, .hvr_txt_color2:hover {
    color: #0130ad;
}

.liana, .patrima {
    font-family: 'Zen Old Mincho', serif;
    color: #150e60;
}

.bg_color1, .hvr_bg_color1:hover {
    background-color: #1b1464;
}

#contents .con_title {
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: bold;
    transform: skew(-3deg, -1deg);
}

.top_title h2.right {
    transform: skewX(7deg) rotate(7deg);
}

.top_title {
        transform: skewX(-7deg) rotate(-7deg);
    height: 180px;
    margin-top: -80px;
}

#intro .intro_photo h2, .top_title h2 > span {
     font-family: "Annie Use Your Telescope", serif;
    transform: skewX(7deg) rotate(7deg);
        background-color: white;
}

.bg_color3, .hvr_bg_color3:hover {
    background-color: #2886e2;
}

#footer_info{
       background-color: #cbcbcb;
}

.blur p{
    color: black;
}

#contents_wrap .con_box_wrap .box2{
        margin-top: -120px;
}

#intro_wrap, #page_title{
    position: relative;
}

#intro_wrap:before, #page_title:before{
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 50px;
    left: 50%;
    background-image: url(./Dup/img/sou.png);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

 #page_title:before{
z-index: 0;
}

.top_title h2 > span:before {
    background-color: #4a80e3;
}


.border_color2, .hvr_border_color2:hover {
    border-color: #2b5fbf;
}

.page .txt_white{
    color: black;
}

.cate_list li a{
    color: white !important;
}

#page_title .en{
        color: #034fdd;
        mix-blend-mode: color-burn;
            font-size: 6vw;
            top: -20px;
}

.txt_color4, .hvr_txt_color4:hover {
    color: #08a0e9;
}

.info_btn_wrap a.txt_white{
    color: white;
}

#copyright.txt_white, #copyright .txt_white{
    color: white;
}

#page4 .cate .cate_txt2{
        border: 1px solid #a9a9a9;
    padding: 20px;
    box-sizing: border-box;
}

#page4 .cate .cate_txt2 h3{
    color: #1b1464;
    font-weight: bold;
    background-color: white;
    padding: 2px 5px;
}

.bg_color4, .hvr_bg_color4:hover {
    background-color: #278de5;
}

.bg_color2, .hvr_bg_color2:hover {
    background-color: #bbbbbb;
}

.border_color4, .hvr_border_color4:hover {
    border-color: #76aedf;
}

.top_cms_box{
    color: black;
}

/*#header{
        backdrop-filter: blur(5px);
}*/

.pdf{
        padding: 20px;
    background-color: #1b1464;
    color: white;
}

.cate_title.bg_color4{
    color: white !important;
}

.overlay {
    background-color: rgba(119, 224, 255, 0.8) !important;
}

.linkStyle{color: #034fdd;}

#footer_info{
        background-image: url(./Dup/img/fuku.png);
    background-position: 58% 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.page_container{
        position: relative;
    z-index: 2;
}

#footer_nav li a{
    color: black;
}

#contact_tel a,#page9 p a, #contact_tel2 a{
    color: white;
}

.box_link{
    max-width: 500px;
}

#page10 .con_box{
    max-width: 700px;
}

.info_txt .txt_white {
    color: white;
}

.sns_links li {
    width: 50%;
    background-color: rgba(255,255,255,0.5);
    border-radius: 5px;
}

#cms_6-b .cate{
    margin-top: -100px;
    padding-top: 100px;
}


/*----20220706 correct start-----*/

.more .more_item:before {
    background-color: #35ab82 !important;
}

.bg_color1, .hvr_bg_color1:hover {
    background-color: #35ab82;
}

#page8 p.contact_tel{
        width: 300px;
    box-sizing: border-box;
    margin: 2px;
}

#loading.bg_color1{
    background-color: #1b1464;
}

.sns_links {
    max-width: 200px;
    z-index: 1;
}

.sns_links li {
     width: 16%; 
}

/*----20220706 correct end-----*/


/*----20220708 correct start-----*/

.kange{
    font-size: 70px;
}

.kange .ka1{
    top: -10px;
    display: inline-block;
    position: relative;
}

.kange .ka2{
    position: relative;
}

.kange .ka2:before{
    content: "";
    display: block;
    width: 50%;
    height: 50%;
    position: absolute;
    top: 8%;
    left: 75%;
    background-image: url(./Dup/img/kange.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

/*----20220708 correct end-----*/


/*-----20220722 correct start-----*/


#page_title .en {
    color: #35ab82;
    mix-blend-mode: multiply;
}


/*-----20220722 correct end-----*/


/*-------20220801 correct start--------*/

.check{
    text-align: left;
        margin-top: 20px;
        display: block;
}

.check > span{
    display: block;
}

.check .ichi{
        display: inline-block;
    max-width: 15px;
}

.check .ninnin{
        /*vertical-align: sub;*/
        vertical-align: -5px;
}

.chu{
        text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

/*-------20220801 correct end--------*/

/* firefox のみ適用される */
@-moz-document url-prefix() {
#video::after {
  z-index: 2;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#video {
    height: 100vh;
}

#intro .intro_photo h2 {
    left: -30px;
}

.top_title h2.right {
    right: 13px;
}

.top_title h2.left {
    left: 10px;
}

#contents_wrap .con_box_wrap .box2 {
    margin-top: 0px;
}

}

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

#video:after {
    background-size: 175%;
}

#footer_info{
    background-image: url(./Dup/img/fuku.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 35%;
}

#contents_wrap .con_box_wrap .box2 {
    margin-top: 0px;
}

#page_title .en{
        color: #034fdd;
        mix-blend-mode: color-burn;
            font-size: 40px;
}

#page_title:before {
    top: 95px;
    background-size: 130%;
    background-position: top left;
}

#page_title .en {
    font-size: 30px;
}

#contents .con_title {
    font-size: 30px;
    margin-top: 25px;
}

}