﻿
/* design ---------------------------------------------------------------------------------------------*/
.hannari, #pc_nav li a, #top_pc_nav li a, #footer_nav li, .cms_title p, .tel_bt, .return a, .cate_title, #cms_2-c .box_txt1, .pop400, #contact_tel {font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{font-weight: bold}
.font_14 {font-size: 15px;}
.intro_title h3{color: #819cad;}
.con_title h3{color: #7393a7;}
.cms_title p{font-size: 25px;}
#logo2 a{max-width: 196px;}
.nav_menu_more:first-of-type a .icon:before{display: none}
.overlay {background: linear-gradient(135deg, rgba(201,208,212,0.90) , #b4bfc5 )!important;}
.overlay, .overlay .opacity07, #overlay .left li:before {opacity: 1;}

#contact_tel a{max-width: 372px;padding: 23px;}
.b_wrap{width: 50%!important;}


/* ---------- main_img ---------- */
#video{margin-bottom:-10px;}
#main_img:before { background-color: rgba(70,70,70,0.35);}
#main_img .menu .bg_white {background-color: transparent;transform: translateY(-30px);}
#main_img .menu .bg_white a {max-width: 209px;}


/* ---------- top---------- */
.back1:before {z-index: -1;}
.back1:before, .back2:before, #fakeloader {background-image: url(./Dup/img/bg2.png);background-repeat: repeat;background-size: auto;}
.back1:before, .back2:before, .overlay{background-image: url(./Dup/img/bg3.png);background-color: rgba(147,158,164,0.14)!important;}
.more_btn {background-color: rgba(227,227,227,0.27);}
.num{display: none}
.po_img{width: 133px;margin-bottom: 9px;}
#contents3 .width_300{width: 378px;margin-bottom: 10px;}
#intro_wrap {
    background-image: url(../dup/img/item1.png);
    background-repeat: no-repeat;
    background-position: right -50px bottom 30px;
    background-size: 23%;
	padding-top: 4%;
}
#top_cms{background-color: #fff;padding-top: 100px;}
.line:before{height: 1px;background-color: #819cad!important;}
.line-l:before {
    width: 71px;
    height: 1px;
    top: -17px;
    left: 0;
    background-color: #939ea4!important;
}
#contents3_wrap:before{background-position: center bottom;}
#contents3_wrap:after{background-color: rgba(128,156,172,0.58)!important;}


/* ---------- cms---------- */
.cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 22px;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 50px;
	border-left: none!important;
    border-bottom: solid 1px #ccc;
    color: #333;
    font-weight: normal;
    position: relative;
}
.cate_title::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    left: 0;
    bottom: -1px;
    background-color: #819cad;
}


/* IE */
@media all and (-ms-high-contrast: none){
.return::after{left: 1px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img .menu .bg_white a{display: none}
#intro_wrap{background-size: 33%;}
#contents2:before, #contents2:after {top: 100px;}
.po_img{width: 116px;}
.b_wrap{width: 100%!important;}
.page_title_box h2{font-size: 28px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.font_14{font-size: 14px}
#logo2 a{max-width: 163px;}
#footer_con h2.txt_color1{display: none}
#intro_wrap .width_300{width: 187px;}
#contents3 .width_300{width:206px;}
.po_img{width: 93px;}
.cate_title{font-size: 20px}
.page_title_box{width: 64%!important;padding: 20px;padding-bottom: 24px!important;}
.page_title_box h2{font-size: 20px;}
#contact_tel a{max-width: 277px;}
.b_wrap{width: 91%!important;}
}

