@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');

/*--------------------------カラー--------------------------*/
.txt_color1,.hvr_txt_color1:hover{color: #181f51;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #181f51;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #324fa2;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #324fa2;} /* アクセントカラー2 */
/* background-color */
.bg_color1,.hvr_bg_color1:hover{background-color: #181f51;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #641212;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #324fa2;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #ede9dc;} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #181f51 !important;}
.border_color2,.hvr_border_color2:hover{border-color: #832a2a !important;}
.border_color3,.hvr_border_color3:hover{border-color: #324fa2 !important;}
.border_color4,.hvr_border_color4:hover{border-color: #ede9dc !important;}

.blur {background: rgba(3,7,40,0.9);}

.txt_white,.hvr_txt_white:hover,.overlay .overlay-nav > ul li a,.progressbar-text{color: #ede9dc;}
.top_title h2 > span:before,.bg_white,.hvr_bg_white:hover,.menu-trigger-bar,.close-trigger-bar,.modal-box .inner,.modal-box:before,#page_title .en:before,.more .more_item:after{background-color: #ede9dc;} /* 白背景 */
.border_white,.hvr_border_white:hover,.overlay .overlay-nav > ul li a{border-color: #ede9dc;}

header{background-color: rgba(237,233,220,0.6) !important;}
header.scr_header {background-color: rgba(237,233,220,0.8) !important;}
.bg_black, .hvr_bg_black:hover {background-color:#10153c;}

#pc_nav li a{color:#181f51 !important;}
.menu-trigger-bar,#pc_nav li a::after{background:#181f51 !important;}
div#scroll .scr {color: #324fa2 !important;}
.scroll_d > span{background-color: #324fa2;}
.scroll_d {
    width: 1px;
    height: 90px;}
section.top_cms_box {background: rgba(237,233,220,90%);}

.box_txt1{color:#324fa2;}
.date,.box_txt2,#cms_2-d .box_txt1,.cms_2-d .box_txt1,#cms_1-a .box_txt1,.cms_2-a .box_txt1,#cms_2-a .box_txt1{color:#181f51 !important;}
.box_title1{color:#973e3e}
.cms_2-d .cate_box,#cms_2-d .cate_box {background: #ede9dc;}
.intro_title {color: #ede9dc;}
#cms_2-a .cate_title{color: #181f51!important;}
#page8 p.width_70per {color: #181f51 !important;}
section#page9 p {color: #181f51;}
section#page9 h3{color: #641212;}
section#page10 a {color: #181f51;}
.right,.left{border-color:#181f51;}
/*--------------------------カラー--------------------------*/

/*-font-------------------------------------------------------------*/
body {font-family: 'Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.liana,.patrima,.overlay .overlay-nav .en,.hgs,h2,h3,h4,h5,h6,li a{
     font-family: 'Zen Kurenaido','Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;}

.opacity07,.opacity08 {opacity: 0.9;}
/*-font-------------------------------------------------------------*/


/*all-------------------------------------------------------------*/
header .head_banner{
    top: 90px;
    right: 10px;
    z-index: 1;}
header .head_banner a, .overlay .overlay-nav .bottom a, .more .more_item, footer .info_btn_wrap p a, .pager li a, .cate_list li a{
    border-radius: 50px;}
.more_item{padding-bottom: 14px;}
/*all-------------------------------------------------------------*/

/*-top-------------------------------------------------------------*/
div#video::before {
    background-image: url(dup/img/t03_t.png);
    content: '';
    width: 22%;
    height: 69%;
    background-size: contain;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    top: -5%;
    left: 0%;
    transform: rotate(66deg);
}
    
div#video::after {
    background-image: url(dup/img/t04_t.png);
    content: '';
    width: 16%;
    height: 29%;
    background-size: contain;
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
    bottom: 24%;
    left: -6%;
    transform: rotate(88deg);
}

.catch {
    z-index: 5;
    bottom: 22%;
    width: 33%;
    left: 12%;
    height: auto;}

#contents .con_title {font-size: 25px;
                     margin-bottom: 15px;}
.modal_title1 span {
    transform: rotate(0deg);
    display: block;
    line-height: 1;}
h4.modal_title2{display:none;}
.blur::before {
    background-image: url(dup/img/washi.jpg);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: -1;
    background-size: 50%;
}

section.top_title::before {
    background: url(dup/img/kumo01.png);
    content: '';
    width: 35%;
    height: 40%;
    background-size: contain;
    position: absolute;
    left: -4%;
    bottom: -4%;
    z-index: 2;
    background-repeat: no-repeat;}

section.top_title::after {
    background: url(dup/img/kumo02.png);
    content: '';
    width: 17%;
    height: 30%;
    background-size: contain;
    position: absolute;
    right: -2%;
    top: -5%;
    z-index: 2;
    background-repeat: no-repeat;}


div#intro_wrap {position: relative;}

div#intro_wrap::before {
    background: url(dup/img/kumo03.png);
    content: '';
    width: 13%;
    height: 6%;
    background-size: contain;
    position: absolute;
    right: 16%;
    bottom: -3%;
    z-index: 20;
    background-repeat: no-repeat;
}

.con_photo {
    position: relative;
}

.con_photo figure::before {
    background-image: url(dup/img/waku.png);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;}
    
.con_photo figure{border-radius:50px;}

.modal_title1 {
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    color:#181f51;
    font-family: 'Zen Kurenaido','Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.modal_txt{padding-left:30px;}

.modal_title1:before {
    background-color: #181f51;
    width: 2px;
    left: 11px;}

.kumo::before {
    left: 0% !important;
    top: -15% !important;}

.kumo::after {
    bottom: -5% !important;
    top: auto !important;}

.cms_title .liana {padding-bottom: 15px;
        color: #181f51;}



@media screen and (max-width: 1700px){
div#video::before {
    width: 22%;
    height: 65%;
    top: -3%;}
}

@media screen and (max-width: 1400px){
div#video::before {
    width: 22%;
    height: 65%;
    top: -3%;
    left: -2%;}
}

@media screen and (max-width: 1280px){
div#video::before {top: 2%;
        left: -4%;}
}
.more .more_item:hover {color: transparent!important;}
/*-top-------------------------------------------------------------*/


/*-cms-------------------------------------------------------------*/
/*linkStyle*/
a.linkStyle {
    color: #324fa2;
    border-bottom:solid 1px;
    transition: 0.5s;
}
a.linkStyle:hover {color: #324fa2;}
#page_title_img:before {background-color: rgba(24,31,81,0.2);}
#page_title_img .scroll.posi_abs,#main_img .scroll.posi_abs{
    padding: 50px 0 20px;
    text-shadow: rgba(237,233,220,0.4) 0px 0px 5px, rgba(237,233,220,0.4) 0px 0px 5px, rgba(237,233,220,0.4) 0px 0px 5px, rgba(237,233,220,0.4) 0px 0px 5px;}
#page_title_img .scroll_d > span,#main_img .scroll_d > span{
    box-shadow: rgba(237,233,220,0.4) 0px 0px 5px, rgba(237,233,220,0.4) 0px 0px 5px, rgba(237,233,220,0.4) 0px 0px 5px, rgba(237,233,220,0.4) 0px 0px 5px;
}

.cms_2-d img, #cms_2-d img {height: auto !important;}


.cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before {
    top: 3px;
    left: -1px;
    background: #641212;
    padding: 3px 10px 8px 15px;
    border-radius: 50%;
    color: #ede9dc;
    font-family: 'Zen Kurenaido','Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cms_5-c .box_txt1, #cms_5-c .box_txt1 {
    padding-left: 56px;
    color: #181f51;
}
.cms_5-c .box_title1, #cms_5-c .box_title1{color: #ede9dc;}

.cms_5-c .box_title1,#cms_5-c .box_title1 {
    background: #181f51;
    border: solid 0;
    border-radius: 5px;
    margin-bottom: 8px;
}

.menu-trigger, .close-trigger{transform: translate(0,-35%);}
.page_container .con_box{background: rgba(237,233,220,90%);}

#main_img .sns_links li {
    width: 25% !important;
}
/*-cms-------------------------------------------------------------*/

/*-contact-------------------------------------------------------------*/
/*【調整用】*/

@media screen and (max-width: 1400px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 5px) !important;
    font-size: calc(1rem + 5px) !important;
    padding: 25px 10px;}}
@media screen and (max-width: 1200px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 4px) !important;
    font-size: calc(1rem + 4px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;}}


/*【スマホ】*/

@media screen and (max-width: 667px){

#page_title_img .scroll.posi_abs,#main_img .scroll.posi_abs{padding: 0px;}
#main_img .scroll_d, #page_title_img .scroll_d {height: 90px;}

/*#nav_menu .sns_links.d_flex {*/
/*    background: rgba(237,233,220,0.6);*/
/*    padding: 10px 5px 5px;*/
/*}*/

p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 1px) !important;
    font-size: calc(1rem + 1px) !important;
    padding: 20px 5px;
    letter-spacing: 2px;
    font-weight: 800 !important;}
    
p#contact_mail a {
    letter-spacing: 1px;}
    
.cms_title {padding-left: 7px;}
}


@media screen and (max-width: 320px){
p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 0px) !important;
    font-size: calc(1rem + 0px) !important;
    padding: 20px 5px;
    letter-spacing: 1px;
    font-weight: 800 !important;}
}

section#page8 h3.font_20 {background: #181f51;}
/*-contact-------------------------------------------------------------*/

/*-kasou-------------------------------------------------------------*/
section#page9 a.more {padding-bottom: 7px;}
/*-kasou-------------------------------------------------------------*/
.inner {
    scrollbar-width: none !important;
}

/*-タブレット-------------------------------------------------------------*/
@media screen and (max-width: 768px){
header .head_banner a{border: solid 1px #bbb7a7 !important;}
/*.menu-trigger, .close-trigger {transform: translate(0,-46%);}*/
header .head_banner{
    top: 10px;
    right: 80px;}
p#logo2 img {max-width: 270px;}
.overlay-img {background-position: center left 65%;}
#page_title .en {
    font-size: 66px;
    top: -38px;
    padding-left: 32px;}

div#main_img {padding-top: 76px;
        background: #ede9dc;}
section.top_title::before {bottom: -8%;}
#contents .con_title {font-size: 21px;}
.modal_txt {padding: 0 15px;}
figure.modal_img {padding: 15px;}
.con_photo figure {border-radius: 20px;}
.kumo::before {top: -14% !important;}
.kumo::after {bottom: -10% !important;}
.sns_links {max-width: 170px;}
#main_img .sns_links li {width: 20% !important;}
}


/*-スマホ-------------------------------------------------------------*/
@media screen and (max-width: 667px){
header .head_banner{
    right: 60px;
}
header .head_banner .d_block_sp {
    border: solid 1px #bbb7a7;
    font-size: 13px;
    border-radius: 50px;
    padding: 10px;
}
h1#logo img {max-width: 170px;}
.menu-trigger, .close-trigger {
    transform: translate(0,-50%);
    width: 32px;
    height: 32px;}
header .head_banner a {padding: 0;}


div#video::after{display:none;}
div#main_img {
    padding-top: 52px;
    background: #ede9dc;}
#video {height: calc(40vh - 56px);}
.catch {
    z-index: 5;
    bottom: 23%;
    width: 37%;
    left: 2%;
    height: auto;}
.top_title {height: 250px;}
section.top_title::before {height: 25%;}
#contents .con_title { margin-top: 15px;}
figure.modal_img {margin-bottom: 5px;}
.modal_title1:before {left: 10px;}
.modal_title1 {font-size: 22px;}
div#loading img {max-width: 220px !important;}
.kumo::after { height: 16% !important;}
.cms_5-c .box_title1::before,#cms_5-c .box_title1::before{padding: 0 10px;}
.cms_5-c .box_title1, #cms_5-c .box_title1 {padding-left: 40px;}
.cms_5-c .box_txt1, #cms_5-c .box_txt1 { padding-top: 2px;}
p#logo2 img {
    max-width: 250px;
    margin-top: 20px;}
#page_title .en {
    font-size: 34px;
    top: -19px;
    padding-left: 19px;
}
i.fas.fa-envelope.mg_r-10px.d_none_sp {display: none;}

.cms_title h3 {
    font-size: 25px;
    padding-bottom: 9px !important;
}

#overlay .sns_links{
    justify-content: center;
    align-items: baseline;}
    
#main_img .sns_links li {width: 20% !important;}
}


/*IE*/
@media all and (-ms-high-contrast: none){
    
.more .more_item {
    padding-top: 9px !important;
    padding-bottom: 14px !important;}

.cate_list li a {
    padding-top: 9px !important;
    padding-bottom: 11px !important;}

.cms_5-c .box_title1, #cms_5-c .box_title1 {
    padding-top: 10px;
    padding-bottom: 13px;}

}



@media screen and (max-width: 667px){
#video {height: calc(40vh - 117px);}
div#main_img {
    padding-top: 50px;
    background: #ede9dc;}
div#video::before {
    top: -5%;
    left: 2%;
    width: 17%;
    height: 56%;
    transform: rotate( 80deg);}
    
.blur {
    backdrop-filter:none;
    -webkit-backdrop-filter: none;}
}

@media screen and (max-width: 375px){
#video {height: calc(40vh - 54px);}
div#video::before {
    top: -4%;
    left: 3%;
    width: 20%;
    height: 54%;
    transform: rotate( 77deg);}
}





/*20220201*/
div#video::after{z-index:2;}
div#video::before,div#video::after{
    content: none;
}
ul.sns_links.d_flex.flex_top-left.posi_abs {z-index: 2;}
div#main_img::after {
    content: '';
    background-image: url(dup/img/video_deco.png);
    position: absolute;
    width: 102%;
    height: 100%;
    background-size: cover;
    z-index: 0;
    top: 0;
    left: -3px;
    background-position: center center;
}

.catch {
    z-index: 5;
    bottom: 30%;
    width: 33%;
    left: 4%;
    height: auto;
}

ul.sns_links.d_flex.flex_top-left.posi_abs li{
    background: #eae2dd;
    padding: 5px;
    border-radius: 5px;
}

@media screen and (max-width: 667px){
#main_img .sns_links {
    bottom: 13px;
    left: 13px;
}
#main_img .sns_links li {
    width: 15% !important;}  
ul.sns_links.d_flex.flex_top-left.posi_abs li{
    background: transparent;} 
#main_img .sns_links li a img{
    background: #eae2dd;
    padding: 5px;
    border-radius: 5px;
    
} 
}