@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

.page_ttl{background-image: url("images/page_ttl.jpg");background-position-y: 30%;}


.block .message_ttl {font-size: 2.4em;line-height: 1.5em;text-align: left;font-weight: 700;color: var(--green02);padding-bottom: 1em;}
.block .message_txt {font-size: 1.6em;line-height: 2em;text-align: left;padding-bottom: 2em;}

.block .block_top {position: relative;margin-bottom: var(--inner_p);}
.block .block_top .message_main_pic {width: 100%;height: auto;aspect-ratio: 2 / 1;border-radius: 10px;overflow: hidden;}
.block .block_top .message_main_pic img {width: 100%;height: auto;margin-top: -5%;}
.block .block_top .block_ttl01 {position: absolute;left: var(--inner_p);bottom: var(--inner_p);}
.block .block_top .block_ttl01 .en{font-size: 54px;white-space: nowrap;}
.block .block_bottom .message_wrap{display: flex;text-align: left;padding-bottom: var(--inner_p);}
.block .block_bottom .message_wrap .message_txt {padding-top: 0;}
.block .block_bottom .message_wrap .message_pic{width: 500px;height: 300px;border-radius: 10px;overflow: hidden;}
.block .block_bottom .message_wrap .message_pic.right{width: 50%;height: auto;max-height: 600px}
.block .block_bottom .message_wrap .message_pic img {width: 100%;height: 100%;object-fit: contain;}
.block .block_bottom .message_wrap .message_right{padding-left: var(--inner_p);width: 50%;position: relative;}
.block .block_bottom .message_wrap .message_left{padding-right: var(--inner_p);width: 50%;box-sizing: border-box;position: relative;margin: auto;}
.block .message_txt .name {text-align:right;padding-top: 1em;display:block;}
.block .message_txt .name img{width: 100%;max-width: 21em;height: auto;}

@media only screen and (max-width: 1199px) {
    .block .block_top .block_ttl01 .en {font-size: 4.5vw;}
}
@media only screen and (max-width: 999px) {
.block .block_bottom .message_wrap{flex-wrap: wrap;}
.block .block_bottom .message_wrap .message_pic,
.block .block_bottom .message_wrap .message_pic.right{width:100%;height:auto;}
.block .block_bottom .message_wrap .message_right{padding-left: 0;width: 100%;order:1;}
.block .block_bottom .message_wrap .message_left{padding-right: 0;width: 100%;order:1;}
.block .block_bottom .message_wrap .message_right .message_txt,
.block .block_bottom .message_wrap .message_left .message_txt{margin-top: 1em;}
}

@media only screen and (max-width: 767px) {
.block .message_ttl {font-size: 1.8em;}
.block .message_txt {font-size: 1.4em; padding-bottom: 2em;}
/*.block .block_top .block_ttl01 .en{font-size: 6vw;}*/
}

@media only screen and (max-width: 499px) {
.block .block_top .block_ttl01 {position: inherit;left: 0;bottom: 0;margin-bottom: var(--inner_p);}
.block .block_top .block_ttl01 .en{font-size: 7.5vw;}
.block .block_top .block_ttl01 .en br{display: none;}
}

.about_top .page_ttl{background-image: url("images/page_ttl2.jpg");background-position-y: 30%;}

.about_top #block01 .inner .main_copy{font-size: 2.8em;line-height: 2em;text-align: center;font-weight: 700;color: var(--green02);padding-bottom: calc(var(--inner_p) * 2);display: block;}
.about_top #block01 .inner .busi_wrap{background-color: var(--green05);padding: var(--inner_p);border-radius: 10px;}
.about_top #block01 .inner .busi_wrap .block_ttl02 span{line-height: 1em;padding-bottom: var(--inner_p);text-align: center;}
.about_top #block01 .inner .busi_wrap .busi_box_wrap{margin: calc(var(--inner_p) / -2);display: flex;flex-wrap: wrap;}
.about_top #block01 .inner .busi_wrap .busi_box_wrap .busi_box{width: calc(100% / 3);padding: calc(var(--inner_p) / 2);box-sizing: border-box;}
.about_top #block01 .inner .busi_wrap .busi_box_wrap .busi_box .busi_pic{border-radius: 10px;overflow: hidden;}
.about_top #block01 .inner .busi_wrap .busi_box_wrap .busi_box .busi_pic img{width: 100%;height: 100%;object-fit: contain;}
.about_top #block01 .inner .busi_wrap .busi_box_wrap .busi_box .busi_ttl{font-size: 2em;line-height: 1.5em;text-align: left;font-weight: 700;color: var(--green02);padding-top: 1em;}
.about_top #block01 .inner .busi_wrap .busi_box_wrap .busi_box .busi_txt{font-size: 1.4em;line-height: 1.5em;text-align: left;padding-top: 1em;}
@media only screen and (max-width: 767px) {
    .about_top #block01 .inner .main_copy{font-size: 1.8em;}
    .about_top #block01 .inner .busi_wrap .block_ttl02 span{font-size: 1.8em;padding-bottom: calc(var(--inner_p) / 2);}
    .about_top #block01 .inner .busi_wrap .busi_box_wrap .busi_box{width: 100%;padding: var(--inner_p) calc(var(--inner_p) / 2);}
    .about_top #block01 .inner .busi_wrap .busi_box_wrap .busi_box .busi_ttl{font-size: 1.6em;}
}

.about_top #block02{background-color: var(--right_khaki);}
.about_top #block02 .inner .block_inner_bg .row{padding-bottom: calc(var(--inner_p) * 2);display: flex;}
.about_top #block02 .inner .block_inner_bg .row .block_left{width: 200px;}
.about_top #block02 .inner .block_inner_bg .row .block_right{width: calc(100% - 200px);padding-left: var(--inner_p);box-sizing: border-box;}
.about_top #block02 .inner .block_inner_bg .row .block_right .profile{width: 100%;font-size: 1.6em;line-height: 1.5em;text-align: left;}
.about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th,
.about_top #block02 .inner .block_inner_bg .row .block_right .profile tr td.txt{padding: calc(var(--inner_p) / 2);}
.about_top #block02 .inner .block_inner_bg .row .block_right .profile tr:not(:last-child) th,
.about_top #block02 .inner .block_inner_bg .row .block_right .profile tr:not(:last-child) td.txt{vertical-align: top;border-bottom: solid 1px #ebe2d9;}
.about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th{width: calc(4em + var(--inner_p));}
.about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th span{padding-right: 1.5em;display: block;position: relative;}
.about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th span::before{content: "";width: 0.5em;height: 0.5em;clip-path: polygon(0 0, 100% 50%, 0 100%);background-color: var(--green02);transition: left .3s;position: absolute;right: 0;top: 0.5em;}
.about_top #block02 .inner .block_inner_bg .row .block_right .notice{font-size: 1.4em;line-height: 1.5em;padding: calc(var(--inner_p) / 2) 0 0 calc(var(--inner_p) / 2);text-align: left;}
.about_top #block02 .inner .block_inner_bg .map .block_ttl02 span{text-align: center;padding-bottom: var(--inner_p);}
.about_top #block02 .inner .block_inner_bg .map .uni__map{height: 600px;}
@media only screen and (max-width: 999px) {
    .about_top #block02 .inner .block_inner_bg .row{flex-direction: column;}
    .about_top #block02 .inner .block_inner_bg .row .block_left{width: 100%;}
    .about_top #block02 .inner .block_inner_bg .row .block_right{width: 100%;padding: var(--inner_p) 0 0 0;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th, 
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr td.txt{padding-left: 0;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th{width: calc(5em + var(--inner_p));}
    .about_top #block02 .inner .block_inner_bg .map .uni__map{height: 450px;}
}
@media only screen and (max-width: 767px) {
    .about_top #block02 .inner .block_inner_bg .row .block_right{padding: 0;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile{font-size: 1.4em;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th, 
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr td.txt{width: 100%;display: flex;justify-content: center;padding-right: 0;flex-direction: column;align-items: center;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th{font-weight: 700;color: var(--green02);padding-bottom: 0;border-bottom: none!important;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th span{padding-right: 0;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr th span::before{content: none;}
    .about_top #block02 .inner .block_inner_bg .row .block_right .profile tr td.txt{padding-bottom: 1.5em;}
    .about_top #block02 .inner .block_inner_bg .map .block_ttl02 span{font-size: 1.8em;}
    .about_top #block02 .inner .block_inner_bg .map .uni__map{height: 280px;}
}

.about_top #block03{background-color: var(--green05);}
.about_top #block03 .inner .block_inner_bg.row .block_right .history{width: 100%;font-size: 1.6em;line-height: 1.5em;text-align: left;}
.about_top #block03 .inner .block_inner_bg.row .block_right .history .history_box{padding: calc(var(--inner_p) / 2) 0;display: flex;}
.about_top #block03 .inner .block_inner_bg.row .block_right .history .history_box .date{width: 5em;padding-right: 1em;box-sizing: border-box;position: relative;}
.about_top #block03 .inner .block_inner_bg.row .block_right .history .history_box .date::before{content: "";width: 0.5em;height: 0.5em;border-radius: 50%;background-color: var(--green04);position: absolute;top: 0.5em;right: -0.25em;}
.about_top #block03 .inner .block_inner_bg.row .block_right .history .history_box .date::after{content: "";width: 0.1em;height: calc(100% + var(--inner_p));background-color: var(--green04);position: absolute;top: calc(var(--inner_p) * -0.5);right: -0.05em;}
.about_top #block03 .inner .block_inner_bg.row .block_right .history .history_box .event{width: calc(100% - 5em);padding-left: 1.5em;box-sizing: border-box;}
@media only screen and (max-width: 999px) {
    .block_inner_bg.row .block_right{padding: var(--inner_p) 0 0 0;}
}
@media only screen and (max-width: 767px) {
    .about_top #block03 .inner .block_inner_bg.row .block_right .history{font-size: 1.4em;}
    .about_top #block03 .inner .block_inner_bg.row .block_right .history .history_box .date{width: 4.5em;}
    .about_top #block03 .inner .block_inner_bg.row .block_right .history .history_box .event{width: calc(100% - 4.5em);padding-left: 1em;}
}