/*font----------------------------------------------------------------------------*/
body{font-family: 'Noto Sans JP', sans-serif;}
.cms_title p,.page_title_box p,.con_title .pop400{font-family: 'DM Sans', sans-serif;}
.font_14 {font-size: 16px;}
.opacity08,.opacity07 { opacity: 0.9;}
.page_title_box p { font-size: 14px;}
a,.box_title1,.cate_title,.box_title2,a.more_btn,.hannari{
    font-family: 'Shippori Mincho', serif !important;}
.more_btn {text-transform: none;}
section#cms_6-a .box_txt1 {
    font-size: -webkit-calc(1rem + 1px) !important;
    font-size: calc(1rem + 1px) !important;
    margin-bottom: 0;
}
/*font----------------------------------------------------------------------------*/


/*video---------------------------------------------------------------------------*/
#main_img::before {height: 100vh;}
#page_title .title_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 500px;}
.title_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(175,175,175,0.6);
    position: absolute;
    top: 0px;
    left: 0;}
#page_title:before {height: 0%;}


/*IE*/
@media all and (-ms-high-contrast: none){
    .video{width: 100%;}
}
/*タブレット*/
@media screen and (max-width: 768px){
#main_img:before {height: 50vh;}
#main_img .menu {display: none;}
.page_title_box {width: 45%;}
.overlay-menu {
    padding: 0px 8%;
}
p.box_txt1.pd_b-5per.opacity08.font_2dw_tb {
    height: calc(2 * 15px *7);
    overflow: hidden;
    line-height: 2;
}
}
/*スマホ*/
@media screen and (max-width: 667px){
div#video {height: 45vh;}
#main_img:before {height: 45vh ;}
video.video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
#page_title .title_img {height: 300px;}
#page_title .page_title_box {padding: 20px 10px 30px;}
.page_title_box {width: 73%;}
}
/*video---------------------------------------------------------------------------*/


/*color----------------------------------------------------------------------------*/
/*青#095dc7 9,93,199*/
/*濃#091f67 9,31,103*/

div#wrap {background: #fff;
          background-image: url(dup/img/bg_img.jpg);
    background-size: contain;}

.line:before {background-color: rgba(9,93,199,0.5) !important;}

body, .txt_color_nomal {color: #575c5e;}
.txt_color1 {color: #095dc7;}
.txt_color2 {color: #095dc7;}
.txt_color3 { color: #095dc7;}
.txt_white {color: #ffffff;}
.intro_title h3, .con_title h3{color: #091f67;}
h3.box_title1 {color: #091f67;}
#cms_4-b .cate_title {color: #091f67;}

.bg_color1 {background-color: #095dc7;}
.bg_color2 {background-color: #e3f0fa;}
.bg_color3 {background-color: #095dc7;}
.menu .bg_white { background-color: transparent;}
div#intro_wrap {background: transparent;}
#fakeloader:before{
background: rgb(44,130,240);
background: linear-gradient(14deg, rgba(44,130,240,1) 0%, rgba(115,186,247,1) 100%);}
.pager li a { background-color: rgba(9,93,199,1) !important;}
#info_contact .con_img:before {background-color: rgba(85,94,112,0.5);}
#footer {background-color: rgba(255,255,255,0.3);}
#contents3_wrap:after {background-color: rgba(9,93,199,0.5) !important;}
header.scr_header {background: rgb(9,93,199);
background: linear-gradient(14deg, rgba(9,93,199,0.7) 0%, rgba(71,150,220,0.7) 100%);}
.more_btn:hover:after {background-color: rgba(175,232,250,0.2) !important;}
.more_btn:before { border-color: rgba(9,93,199,1.0) !important;}
.line-l:before { background-color: rgba(132,217,176,0.5);}
.back1:before{
    background: rgb(9,93,199,0.05);
    background: linear-gradient(14deg, rgba(9,93,199,0.05) 0%, rgba(114,193,235,0.05) 100%);}
.back2:before {
    background: rgb(9,93,199,0.1);
    background: linear-gradient(312deg, rgba(9,93,199,0.05) 0%, rgba(114,193,235,0.05) 100%);}
span.num {
    color: #5a9bed;
    opacity: 0.8;}
#main_img:before {background-color: rgba(85,94,112,0.5);}
#page_title .page_title_box {
    background: rgb(9,93,199);
    background: linear-gradient(14deg, rgba(9,93,199,1.0) 0%, rgba(71,150,220,1.0) 100%);}



.border_color1 {border-color: #095dc7;}
.border_color2 {border-color: #4796dc;}
.border_color3 { border-color: #091f67;}

.hvr_bg_color2:hover {background-color: #091f67;}
.hvr_txt_color1:hover {color: #ffffff;}


/*color----------------------------------------------------------------------------*/

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

/*logo--------------------------------------------------------------------------*/
header.scr_header #logo {
    max-width: 90px;
}
#logo {
    max-width: 120px;
    box-sizing: border-box;}
p#logo2 img { max-width: 180px;}
#fakeloader .fl {max-width: 200px;}
/*logo--------------------------------------------------------------------------*/

/*catchcopy--------------------------------------------------------------------------*/
.catch_txt{
        max-width: 700px;
        z-index:2;
        bottom:25%;
        right: 5%;}
    
@media screen and (max-width: 1600px){
.catch_txt{
        max-width: 600px;
        z-index:2;
        bottom:25%;
        right: 5%;}
}
    
@media screen and (max-width: 1300px){
.catch_txt{
        max-width: 500px;
        z-index:2;
        bottom:25%;
        right: 5%;}
}
.opacity_0{opacity:1;}

/*div#pc_nav{*/
/*    display: none;*/
/*}*/
/*header.width_100per.posi_fix.opacity_0.motion03s.scr_header ul {*/
/*    display: flex;}*/

/*catchcopy--------------------------------------------------------------------------*/

#top_cms::before {z-index: 0;}
.top_cms_box {
    z-index: 1;
    position: relative;}
    
/*linkStyle*/
a.linkStyle {
    color: #091f67;
    transition: 0.5s;}
a.linkStyle:hover {
    color: #095dc7;}
/*linkStyle*/

.top header{z-index:3 !important;}

.opacity_0{opacity:1 !important;}

.button_container span:nth-of-type(1) {
    height: auto;
    width: auto;
    background-color: transparent;
    top: 40px;
    left: 27px;
}

#pc_nav li a, #top_pc_nav li a, #footer_nav li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 19px !important;}
    

/*---------------------------------------------------------------------------------*/
section#page9 a {padding-top: 2px;}
a.more_btn {padding-top: 8px;}
/*---------------------------------------------------------------------------------*/


 
/*IE*/
@media all and (-ms-high-contrast: none){
  a.more_btn {padding-top: 6px !important;}
  .pager li a {padding-bottom: 11px !important;}
    #cms_2-a .cate .cate_title {padding-top: 6px !important;}
    .cate_list li a {padding-bottom: 12px !important;}
    #cms_6-a .cate .cate_title {padding-top: 5px !important;}
    #page9 .more {padding-bottom: 5px !important;}
    #page10 .more_btn {padding-top: 9px !important;}
    #page10 .more_btn {
    padding-top: 12px !important;
    padding-bottom: 10px !important;}
}

/*タブレット*/
@media screen and (max-width: 768px){
    .page_title_box {width: 29%;}
    #logo {max-width: 95px;}
    header.scr_header #logo {max-width: 70px;}
    .nav_menu_more span::before {display: none !important;}
    #fakeloader .fl {max-width: 190px;}
    .width_200-max_tb { width: 100%;
                        max-width: 145px;}
    #contents2 .con_box { margin-top: 0%;}
    #contents1 .num, #contents2 .num {
    font-size: 50px;
    left: 50%;
    top: -5%;}
    #contents2 .num {
    top: -6%;}
/*----------------------------*/
.catch_txt {
    max-width: 300px;
    z-index: 2;
    top: 19%;
    right: 6%;}
.catch_txt p{
    display: none;}
#main_img .menu {display: flex;}
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 5px) !important;
    font-size: calc(1rem + 5px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;}
p#contact_tel, p#contact_mail {
    max-width: 400px;
    margin: 0 auto;}
}
/*スマホ*/
@media screen and (max-width: 667px){
    #logo { max-width: 55px;}
    #fakeloader .fl {max-width: 130px;}
    header.scr_header #logo {
    max-width: 45px;}
#contents1 .line:before, #contents2 .line:before {
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);}
.font_14 {font-size: 15px;}
span.num {color: #095dc7;
          opacity: 0.7;}
#contents1 .num, #contents2 .num {
    font-size: 50px;
    left: 50%;
    top: -5.5%;}
.width_200-max_tb {
    width: 100%;
    max-width: 120px;}
ul.pager li {margin: 0 !important;}
.overlay-menu {
    padding: 0px 10%;}
.page_title_box {
    width: 46%;}
section#cms_6-a .box_txt1 {
    font-size: -webkit-calc(1rem + -1px) !important;
    font-size: calc(1rem + -1px) !important;
    margin-bottom: 0;}
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;}
/*-------------------------------------------------------*/
.catch_txt p{
    display: none;}
.catch_txt {
    max-width: 200px;
    z-index: 2;
    top: 19%;
    right: 6%;
}
}


@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;}
}