@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&family=Quicksand:wght@300;500&family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

body{
    font-family: 'Quicksand', 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.con1_title h2, .con2_title h2, .con3_title h2, .page_title_box{
    font-family: 'Zen Kaku Gothic New', 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ---------- color ---------- */
.border_color2, .hvr_border_color2:hover {
    border-color: #dfdfdf;
}


/* ---------- all ---------- */
#wrap{
    min-width: 1280px;
}

.width_250{
    width: 250px;
}
header .menu_stick{
    background-color: var(--color2);
}
.top #header{
    padding-left: 0;
    width: 27.33333%!important;
}
.top #logo {
    padding: 0;
    text-align: center;
    background-color: transparent !important;
    margin-bottom: 45px;
    margin-top: 50px;
}
.top #logo img{
    width: 38%;
    max-width: 211px;
}
#logo span{
    display: none;
}
#header{
    background: url( "../img/h_bg.jpg" ) top center / cover no-repeat;
}
header .trans_logo img{
    max-width: 218px;
}
.top #pc_nav li a{
    font-size: 16px;
}
#pc_nav{
    text-align: center;
    padding: 0 10px;
}
header .trans_logo {
    display: none;
}
#logo2 img{
     filter: brightness(0) invert(1);
     max-width: 121px;
}



/* ---------- top ---------- */
#main_img{
    width: 72.6667% !important;
    height: 100%!important;
    position: relative;
}
.main_box{
    width: 47%;
    max-width: 800px;
    top: 13%;
    right: 47px;
}
.fv_txt {
    width: 16%;
    right: 5%;
    top: 9%;
    max-width: 200px;
}
#contents1{
    background-color: #fff;
    position: relative;
}
.a_top_cms_box {
    padding-top: 60px;
}
.a_top_cms_box .more a:hover {
    background-color: transparent;
    color: var(--color1);
}
.a_top_cms_box a{
    border-color: #dbdbdb;
}

.contents_wrap .contents_bg {
    width: 100%;
    background: url( "../img/contents_bg.jpg" ) top center / cover no-repeat;
}
.more span.d_block{
    width: 0;
}

.cms_2-f .box_wrap, .cms_2-g .box_wrap {
    box-shadow: rgb(0 0 0 / 0%) 0px 5px 15px 0px;
}


/* ---------- under ---------- */
.under_page #logo{
    padding-top: 20px;
    padding-bottom: 20px;
}
.under_page #logo img{
    width: 97px;
}
.page_title_box{
    padding-top: 93px;
    padding-bottom: 116px;
}
#page_title h2{
        font-size: 47px;
    line-height: 1;
}


/* ---------- tablet ---------- */
@media screen and (max-width: 768px){
#wrap{
    min-width: 100%;
}
header .trans_logo {
    display: block;
}
header .trans_header{
    height: 113px;
}
header .menu_stick {
    width: 113px;
    height: 113px;
}
header .trans_logo img {
    max-width: 243px;
}
#main_img {
    width: 100% !important;
    padding-top: 113px;
}
.main_box {
    width: 44%;
    top: 26%;
    right: 38px;
}
.fv_txt {
   top: 27%;
    width: 18%;
    right: 3%;
}

.con1_title .font_10up{
        font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
.more a {
    color: var(--color3) !important;
    border: 1px solid !important;
    background-color: transparent;
}
#contents3 .more a {
    color: #fff !important;
}
#contents3 .more{
    margin: 50px auto!important;
    max-width: 300px;
}

.page_title_box {
    padding-top: 93px;
    padding-bottom: 92px;
}
#page_title h2 {
    font-size: 38px;
}

/* 高さ調整 */
html, body {
  height: 100%;
  margin: 0;
}

#wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1;
}
/* 高さ調整 end */
}

/* ---------- mobile ---------- */
@media screen and (max-width: 667px){
#main_img {
    width: 100% !important;
    padding-top: 80px;
}
.fv_txt {
    top: auto;
    width: 25%;
    right: 10%;
    bottom: 1%;
}
header .trans_logo {
    display: block;
    padding: 8px;
}
header .trans_logo img {
    max-width: 161px;
}
header .trans_header {
    height: 80px;
}
header .menu_stick {
    width: 80px;
    height: 80px;
}
#top_cms{
    padding-bottom: 0;
}
.info_left {
    padding-top: 50px;
    padding-bottom: 62px;
}
 .page_title_box{
     padding-top: 65px;
    padding-bottom: 80px;
 }
#page_title h2 {
    font-size: 28px;
}
}


/* fix_bnr ---------------------------------------------------------------------------------------------*/
#fix_bnr {
    bottom: 7%;
    right: -10px;
    z-index: 10;
    width: 30%;
    max-width: 280px;
    transition: 0.5s;
    opacity: 1;
}
.page08 #fix_bnr .bnr1, .page05 #fix_bnr .bnr2{
    display: none;
}
#fix_bnr div{
    margin-bottom: 16px;
}
#fix_bnr div img {
    filter: drop-shadow(0px 9px 12px rgba(0, 0, 0, 0.1));
}
#fix_bnr.scroll{
    opacity: 1;
}
#fix_bnr.close{
    opacity: 0;
    z-index: -1;
}
@media screen and (max-width: 768px){
#fix_bnr.close{
    transform: translateX(200px);
}
}
@media screen and (max-width: 667px){
#fix_bnr {
    width: 65% !important;
    right: auto;
    left: 10px;
    margin: auto;
    bottom: 2px;
    opacity: 0;
}
#fix_bnr.scroll{
    opacity: 1;
}
#fix_bnr div {
    margin-bottom: 6px;
}
#fix_bnr.close{
    transform: translateX(-300px);
}
}
/* fix_bnr end ---------------------------------------------------------------------------------------------*/