@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__なんちゃって設定
3__CSSハック
4__プラグイン制御
5__アニメーション
*/

/*============================
==============================
==============================
==============================
#1__全体設定
============================*/

/* -WEB FONT- */
.kaso_visual h2 .en{font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;}
.num_list li:after,
.flow_list02 .flow_list_box .num:before,
.pull01 > ul > li > .ans:before,
.pull01 > ul > li > .que:before,
.flow_list01 .flow_list_box .left_area:before{font-family: canada-type-gibson, sans-serif;
font-weight: 200;
font-style: normal;}
/* -字詰- */
.kaso_section_title04,
.kaso_section_title03,
.kaso_section_title02,
.kaso_section_title,
.kaso_visual h2 .jp{font-feature-settings: "palt";}

body.kaso .detail_br{display: block;}

/*大文字指定*/
.kaso_visual h2 .en{text-transform:uppercase;}

/* -基本設定- */
a{text-decoration:none;word-break:break-all;}
p{word-break:break-all;}
a:hover,
label:hover,
input[type="submit"]:hover,
button:hover{opacity:0.8;cursor: pointer;}
img{max-width:100%; height:auto;}
body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.5;min-width: 1100px;padding-top: 100px;position:relative;-webkit-text-size-adjust: 100%;}
/*-{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }-*/
@media all and (-ms-high-contrast:none){/*IE11対策*/
    body {font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
}
figure{margin:0;}
input,
select,
button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
input:checked{background:none;}
ifram{ width:100% !important; height:100% !important;}
ul{font-size:0;}
li{font-size:16px;}
.radio{position:relative;}
.radio label{}
.radio:before{position: absolute;content: "";}
.radio input[type="radio"]{}
.radio input[type="radio"]:checked + label::after{position:absolute; content:"";}
.checkbox{position:relative;}
.checkbox label{position:relative;}
.checkbox input[type="checkbox"]{}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="checkbox"]:checked + label::after{position:absolute; content:"";}
.checkbox input[type="checkbox"]:checked + label::before{}
.checkbox input[type="checkbox"]:checked + label::after{}
.select{position:relative;}
.select:before{position:absolute; content:"";}
.select select{background:none;}
.input{}
.input input:focus{border-color:#000;}
.input input[type=text],
.input input[type=mail],
.input input[type=tel]{}
.input input::placeholder{}
.input input:-ms-input-placeholder{}
.input input::-ms-input-placeholder{}
.input input:-webkit-input-placeholder{}
.input input::-webkit-input-placeholder{}
.textarea{}
.textarea textarea{}
.textarea textarea:focus{border-color:#000;}
.table table{width:100%;border-collapse:collapse;border-spacing:0;}
.guard{position:relative;}
.guard:after{position:absolute;content:"";width:100%;left:0;top:0;height:100%;}
sup{font-size:70%;vertical-align:top;}
sub{font-size:70%;vertical-align:baseline;}

.pull02{
    text-align: center;
    margin: 50px;
}
.pull02 .select{position:relative;display: inline-block;}
.pull02 .select:before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: 25px;
    top: 50%;
    z-index: 1;
    margin-top: -5px;
    }
.pull02 .select select{
    background: #38519e;
    color: #FFF;
    font-size: 18px;
    line-height: 1;
    padding: 10px 30px;
    position: relative;
    width: 250px;
    border-radius: 0;
    -webkit-border-radius: 0;
        text-align: center;
}
.pull02 .select select > option{}
.pull02 .select select::-ms-expand {
    display: none;
}

.c-list01{}
.c-list01 > ul{}
.c-list01 > ul > li{
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.c-list01 > ul > li:not(:last-child){
    margin-right: 2%;
}

h1{position: absolute;z-index: 1;top: 0;right: 210px;font-size:16px;font-weight:normal;padding:20px 0 0 0px;max-width: 67%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
/* -header- */
header{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;min-width: 1100px;}
header > .header_inner_block{}
header > .header_inner_block > .logo{float: left;width:150px;padding:20px 30px;}
header > .header_inner_block > .cv_btn{float:right;padding:12px 21px;}
header > .header_inner_block > .cv_btn a{display:block;text-align: center;border:2px solid #38519e;width:170px;line-height: 40px;font-size:15px; color:#38519e;border-radius:25px;}

header > .header_inner_block > .right .menu{position: absolute;width: 100%;top: 107px;right: 0;margin: auto;text-align: right;background: url("/img/a/menu_bg.png") center bottom repeat-x;padding: 98px 0;text-align: center;
}

/* -nav- */
nav{position:absolute;top:64px;right:0;z-index:4;}
nav > ul{background:#38519e;padding:0 10px;}
nav > ul > li{float:left;display:inline-block;padding:0 22px;}
nav > ul > li > a{display:block;color:#FFF;line-height:61px;position: relative;} 
nav > ul > li.on > a:after{content:"";display:block;height:2px;width:100%;background:#FFF;position: absolute;bottom:12px;z-index:2;}
nav > ul > li > .sub_menu{width:100%;position:absolute;left:100%;top:60px;background:url("/img/a/menu_bg.png") center bottom repeat-x #38519e;padding:77px 0 102px 0;display:none;width:100vw;transform:translate(-100%,0);}
nav > ul > li:hover .sub_menu{display:block;}
nav > ul > li > .sub_menu > .title{width:1000px;margin:0 auto 25px auto;}
nav > ul > li > .sub_menu > .title a{font-size:20px;color:#FFF;font-weight:bold;}
nav > ul > li > .sub_menu > ul{width:1000px;margin:0 auto;}
nav > ul > li > .sub_menu > ul > li{float:left;width:230px;height:125px;border:1px solid #FFF;position: relative;margin:5px;}
nav > ul > li:nth-child(1) > .sub_menu > ul > li,
nav > ul > li:nth-child(3) > .sub_menu > ul > li{width:182px;}
nav > ul > li > .sub_menu > ul:nth-of-type(2) li:nth-child(1){margin-left: 247px;}
nav > ul > li > .sub_menu > ul:nth-of-type(2) li:nth-child(2),
nav > ul > li > .sub_menu > ul:nth-of-type(2) li:nth-child(3){width: 473px;height: 56.5px;}
nav > ul > li > .sub_menu > ul > li.nx_ar{position:relative;}
nav > ul > li > .sub_menu > ul > li.nx_ar:after{content:"";position:absolute;left:10px;top:10px;font-size:14px;color:#FFF;}
nav > ul > li > .sub_menu > ul > li.nx_ar:nth-of-type(1):after{content:"初めにご覧ください";}
nav > ul > li > .sub_menu > ul > li.nx_ar:nth-of-type(2):after{content:"STEP1";}
nav > ul > li > .sub_menu > ul > li.nx_ar:nth-of-type(3):after{content:"STEP2";}
nav > ul > li > .sub_menu > ul > li.nx_ar:nth-of-type(4):after{content:"STEP3";}
nav > ul > li > .sub_menu > ul > li > a{display:block;text-align:center;height:100%;width:100%;transition:all .3s;}
nav > ul > li > .sub_menu > ul > li > a span{font-size:16px;color:#FFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);}
nav > ul > li > .sub_menu > ul > li > a:hover{background:#FFF;}
nav > ul > li > .sub_menu > ul > li > a:hover span{color:#38519e;}
nav > ul > li > .sub_menu > ul > li:hover:after{color:#38519e;}
nav > ul > li > .sub_menu > .top_link{width: 1000px;margin: 0 auto;position:absolute;top:50px;left:50%;transform:translate(-50%,0); padding: 0 62px 0 0;}
nav > ul > li > .sub_menu > .bottom_link{ width: 1000px;margin: 0 auto;}

nav > ul > li > .sub_menu > .top_link a{ float: right;  width: 182px; line-height: 60px; position: relative;  margin: 5px;color:#38519e;text-align: center;background:#FFF;}
nav > ul > li > .sub_menu > .bottom_link a{ display:table-cell;padding:0 20px 0 40px; line-height: 60px; position: relative;  margin: 5px;color:#FFF;text-align: center;background: url(/img/pdf_icon.gif) 5px center no-repeat;    background-size:30px;}
.nav_inner_block{}
nav > ul > li.hide{display:none;}
.subnav > ul > li{float:left;width:182px;height:125px;border:2px solid #38519e;position: relative;margin:5px;}
.subnav > ul > li:first-child:last-child{display: none;}
.subnav > ul > li > a{display:block;text-align:center;height:100%;width:100%;transition:all .3s;position:relative;background:#FFF;}
.subnav > ul > li > a span{line-height:1.2;font-size:16px;color:#38519e;position:absolute;top:43%;left:50%;width:100%;transform:translate(-50%,-50%);}
.subnav > ul > li.on > a,
.subnav > ul > li > a:hover{background:#38519e;opacity:1;}
.subnav > ul > li.on > a span,
.subnav > ul > li > a:hover span{color:#FFF;}
/*#body section:nth-child(even) .subnav > ul > li a:hover:after,*/
.subnav > ul > li > a:after{content:"";position:absolute;left:50%;bottom:20px;display:block;width:10px;height:10px;border-bottom:2px solid #38519e;border-right:2px solid #38519e;transform:rotate(45deg) translate(-50%,0);}
/*#body section:nth-child(even) .subnav > ul > li a:after,*/
.subnav > ul > li.on > a:after,
.subnav > ul > li > a:hover:after{border-color:#FFF;}

/*スクロール追従*/
header.on + nav{position:fixed;top:0;}
header.on {height:102px;z-index:3;}
header.on + nav li.hide{display:block;}
header.on .header_inner_block{position:fixed;width:100%;}
header.on .header_inner_block .cv_btn{display:none;}
header.on .header_inner_block .logo{   width: 115px;padding: 6px 30px;}

/*
#body section:nth-child(even) .subnav > ul > li a{background:#38519e;}
#body section:nth-child(even) .subnav > ul > li a span{color:#FFF;}
#body section:nth-child(even) .subnav > ul > li a:hover{background:#FFF;}
#body section:nth-child(even) .subnav > ul > li a:hover span{color:#38519e;}
*/
#page_nav{background:#f4f4f8;padding:27px 0;}
#page_nav ul {display:table;margin:0 auto;}
#page_nav ul li{margin:0 10px 0 0;float:left;}
#page_nav ul li a{background:#FFF;display:inline-block;color:#38519e;font-size:15px;line-height:40px;padding:0 15px 6px 15px;position:relative;border:1px solid #FFF;transition:all .3s;}
#page_nav ul li a:after{content:"";display:block;width:0;height:0;border:4px solid transparent;border-top:4px solid #c8c8c8;position:absolute;left:50%;bottom:4px;transform:translate(-50%,0);}
#page_nav ul li a:hover{border:1px solid #38519e;}
#page_nav ul li a:hover:after{border-top:4px solid #38519e}

/* -main- */
main{}
article{}

/* -section- */
section{}
.section_inner_block{}
#body section{position: relative;}
#body section:first-child{}
#body section:nth-child(even){background: #F4F4F8;}
#body section:nth-child(odd){}
#body section:last-child{}
.section_inner_block.full{width:auto !important;}
#body section .section_inner_block{width: 1000px;margin: 0 auto;padding: 105px 0 124px 0;}
#body section#top_news .section_inner_block{padding: 105px 0 0px 0;}

#body section:first-child .section_inner_block:first-child{padding: 67px 0 80px 0;}
#body section:nth-child(even) .section_inner_block{}
#body section:nth-child(odd) .section_inner_block{}
#body section:last-child .section_inner_block:last-child{padding-bottom: 158px;}

body.kaso #body section .section_inner_block{padding: 90px 0 90x 0;}
body.kaso #body section:last-child .section_inner_block:last-child{padding-bottom: 115px;}

/* -pankuzu- */
.pankuzuWrap{}
.pankuzu{}

/* -footer- */
footer{background: #38519E;position: relative;padding:50px 0 0px;}
.footer_inner_block{width: 1000px;margin: 0 auto;position:relative;padding:0 0 100px 0;}
.footer_list{margin: 0 0 70px 0;}
.footer_list > li{float:left;margin:0 90px 0 0;}
.footer_list > li:last-child{margin:0;}
.footer_list > li > a {display:block;color:#FFF;font-size:17px;font-weight:bold;margin:0 0 30px;line-height:1;letter-spacing: 3px;}
.footer_list > li > ul > li{margin: 0 0 10px;}
.footer_list > li:nth-child(2){width: 180px;}
.footer_list > li:nth-child(2) > ul > li{float:left;min-width: 160px;}
.footer_list > li > ul > li > a{display:block;color:#B6BDDA;font-size:14px;padding:0 0 0 18px;position: relative;}
.footer_list > li > ul > li > a:before{content:"";display:block;width:8px;height:8px;position: absolute;top:50%;left:0;transform:translate(0,-50%);background:#B6BDDA;border-radius:50%;opacity:0.5;}

.footer_bottom_list{margin:0 0 40px 0;}
.footer_bottom_list ul li{float:left;border-right:1px solid #B6BDDA;padding:0 14px;}
.footer_bottom_list ul li:first-child{
    padding-left: 0;
}
.footer_bottom_list ul li:last-child{border:none;}
.footer_bottom_list ul li a{display:block;color:#B6BDDA;font-size:14px;line-height:1;}

.footer_logo_area{position:absolute;right:0;bottom:40px;text-align: right;}
.footer_logo_area .footer_logo{margin:0 0 20px 0;}
.footer_logo_area .copyright{font-size:14px;text-align: right;color:#FFF;}

/* -共通クラス(title)- */
.ar_link{color:#38519e;font-size:15px;background:#E6E6EF;border-radius:15px;line-height:26px;display:inline-block;padding:0 11px 0 30px;position:relative;}
.ar_link:before{content:"";position:absolute;top:50%;left:5px;background:#38519e;border-radius:50%;display:block;width:18px;height:18px;transform:translate(0%,-50%)}
.ar_link:after{content:"";position:absolute;top:10px;left:10px;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg); display:block;width:5px;height:5px;}
.section_title{text-align: center;margin-bottom: 48px;opacity: 1;}
.section_title > span.en{display: block;font-size: 48px;font-weight: bold;color: #38519E;font-family: Avenir Next LT Pro Bold;letter-spacing: 10px;line-height: 1;margin-bottom: 8px;}
.section_title > span.jp{color:#606060;}

/*character*/
.character01{position: absolute;top: 68px;width: 1000px;left: 0;right: 0;margin: auto;}
.character01 > img{margin-left: -51px;-webkit-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0);}
.character02{position: absolute;right: 0;top: 135px;width: 1000px;left: 0;margin: auto;text-align: right;}
.character02 > img{-webkit-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0);}
.character03{position: absolute;width: 1000px;left: 0;right: 0;margin: auto;text-align: right;top: -112px;}
.character03 img{position:relative;right:-50px;}
.character03 > img{}
.character01.pop > img,
.character02.pop > img{-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
/*============================
==============================
==============================
==============================
#2__TOP
============================*/
.main_visual{position: relative;height: 860px;overflow: hidden;}
.main_visual > .mov{position: absolute;left: 50%;margin-left: -1000px;width: 2000px;
}
.main_visual > .mov > video{top: 0;left: 0;position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;background-size: cover;}
.main_visual > .layer{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(56, 81,158,0.3);}
.main_visual > .layer > .text{width: 661px;height: 121px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;padding-bottom: 36px;text-align: center;}
.main_visual > .layer > .text > img{}
.main_visual > .layer > .text .top{margin:0 0 30px 0;}

.link_list{display:table;margin:0 auto;}
.link_list ul li{float:left;width:230px;padding:65px;margin-left:-65px;position: relative;}
.link_list ul li:nth-child(1){background:url("/img/service_bg01.png") center center no-repeat;z-index:3;}
.link_list ul li:nth-child(2){background:url("/img/service_bg02.png") center center no-repeat;z-index:2;}
.link_list ul li:nth-child(3){background:url("/img/service_bg03.png") center center no-repeat;z-index:1;}
.link_list ul li a{display:block;width:230px;height:230px;background:#FFF;overflow:hidden;border-radius:50%;text-align:center;z-index:2;position:relative;}
.link_list ul li a .title{color:#38519e;font-size:20px;font-weight:bold;margin:0 0 10px 0;line-height:1.5;}
.link_list ul li a img{margin: 0 0 20px 0;}
.link_list ul li:nth-child(1) a img{width:118px;padding:30px 0 0 0;}
.link_list ul li:nth-child(2) a img{width:100px;padding:20px 0 0 0;}
.link_list ul li:nth-child(3) a img{width:67px;padding:25px 0 0 0;}
.link_list ul li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#773B8C;opacity:0.3;z-index:1;overflow:hidden;border-radius:50%;}
.link_list ul li:nth-child(2):before{background:#2E8E8C;}
.link_list ul li:nth-child(3):before{background:#0F62D8;}


.news_block_wrap{width:1000px;margin:0 auto;}
.news_block_wrap .news_block {width:660px;float:left;}
.news_category_list{display:table;margin:0 auto 50px auto;}
.news_category_list li{float: left;margin: 5px;}
.news_category_list li a{display:inline-block;font-size:18px;line-height:40px;font-weight:bold;width:250px;text-align:center;background:#FFF;color:#38519e;border: 1px solid #38519e;}
.news_category_list li a.on{color:#FFF;background:#38519e;}

.news_list li{margin:0 0 20px 0;}
.news_list li p,
.news_list li a{width:100%;}
.news_list li p span.date,
.news_list li a span.date{font-size:14px;line-height:28px;background:#000;color:#FFF;text-align:center;width:103px;float:left;}
.news_list li p span.title,
.news_list li a span.title{font-size:15px;float:right;width:517px;color:#000;padding:0 20px;}

.news_list li a span.title{text-decoration:underline;}
#news_index .news_list{width:660px;margin:0 auto;}
.news_block_wrap .bnr_block {width:340px;float:right;}
.bnr_block ul li{margin:0px 10px 0px 0px;}

#top_news .bg_block{background:url('/img/contents_bg.jpg') center center /cover no-repeat;height: 337px;background-attachment: fixed;margin-top: 98px;}
#news_index .news_list{display:none;}
#news_index .news_list.on{display:block;}
.article01{line-height:2;margin:0 0 30px 0;color: #505050;font-size: 16px;}
.article01 .img{text-align:center;padding:20px;}
.article01.img_left .img{float:left;padding:0 20px 20px 0;}
.article01.img_right .img{float:right;padding:0 0 20px 20px;}

.facilities_block{}
.facilities_block .facilities_list{}
.facilities_block .facilities_list li{margin:0 0 50px 0;}
.facilities_block .facilities_list li a{display:block;position: relative;}
.facilities_block .facilities_list .content{position:absolute;top:50%;right:0;transform:translate(0,-50%);background:rgba(255,255,255,0.85);text-align: center;width: 400px;padding: 50px 0 27px 0;}
.facilities_block .facilities_list li:nth-child(2n) .content{right:inherit;left:0;}
.facilities_block .facilities_list .img img{opacity:0;}
.facilities_block .facilities_list .content .title{margin:0 0 40px 0;text-align:center;}
.facilities_block .facilities_list .content .title .jp{font-size:24px;color:#38519e;font-weight:bold;}
.facilities_block .facilities_list .content .title .en{font-size:20px;color:#000;font-weight:bold;}
.facilities_block .facilities_list .content .desc{font-size:16px;color:#000;text-align: left;margin:0 auto  30px auto;width:320px;}
.facilities_block .facilities_list .content .ar_link{margin:0 auto;}
.facilities_block .facilities_list02{}
.facilities_block .facilities_list02 li{margin:0 0 50px 0;}
.facilities_block .facilities_list02 li a{display:block;position: relative;}
.facilities_block .facilities_list02 .content{background:rgba(255,255,255,0.85);text-align: center;padding: 50px 50px 27px 50px;width:710px;margin:0 auto;position: relative;top:-50px;}
.facilities_block .facilities_list02 .content{}
.facilities_block .facilities_list02 li:nth-child(2) .content{right:inherit;left:0;}
.facilities_block .facilities_list02 .content .title{margin:0 0 40px 0;text-align:center;}
.facilities_block .facilities_list02 .content .title .jp{font-size:24px;color:#38519e;font-weight:bold;}
.facilities_block .facilities_list02 .content .title .en{font-size:20px;color:#000;font-weight:bold;}
.facilities_block .facilities_list02 .content .desc{font-size:16px;color:#000;text-align: left;margin:0 auto  30px auto;width:320px;}
.facilities_block .facilities_list02 .content .ar_link{margin:0 auto;}

.case_block .case_list{}
.case_block .case_list li{float:left;margin:0 50px 0 0;}
.case_block .case_list li:last-child{margin:0;}
.case_block .case_list li a{display:block;width:300px;}
.case_block .case_list li img{margin:0 0 25px 0;}
.case_block .case_list li .title{margin:0 0 20px 0;padding:0 0 25px;border-bottom:1px solid #CCC;color:#000;line-height:1;}
.case_block .case_list li .title .position{font-size:16px;display:block;margin:0 0 10px 0;}
.case_block .case_list li .title .name{font-size:20px;display:block;line-height:1.5 }
.case_block .case_list li .content dl {margin:0 0 25px 0;}
.case_block .case_list li .content dl dt{color:#38519e;font-size:15px;font-weight:bold;margin:0 0 5px 0;}
.case_block .case_list li .content dl dd{color:#474747;font-size:15px;}
.case_block .case_list li .noimage{position:relative;}
.case_block .case_list li .noimage img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}

/*==============================
#3__KASO
============================*/
#pankuzu{background:#FFF;}
#pankuzu ol{width:1000px;margin:0 auto;color:#FFF;font-size:12px;position:relative;}
#pankuzu ol li{float:left;}
#pankuzu ol li strong,
#pankuzu ol li a{color:#38519e;line-height:44px;display:inline-block;padding:0 20px 0 0;position: relative;margin:0 10px 0 0;font-weight:normal;}
#pankuzu ol li strong{color:#000;}
#pankuzu ol li a:after{content:"";display:block;border-right:1px solid #979797;border-top:1px solid #979797;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:5px;height:5px;position:absolute;right:0;top:50%;}

.kaso_visual{background:url("/img/kaso_company_visual_bg.jpg") center center no-repeat;background-size:cover;height:430px;position:relative;}
body.compliance .kaso_visual{background-image:url("/img/kaso_compliance_visual_bg.jpg");}
body.service .kaso_visual{background-image:url("/img/kaso_service_visual_bg.jpg");}
.kaso_visual:before{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#38519e;opacity:0.3;}
.kaso_visual .content{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;}
.kaso_visual h2{color:#FFF;text-align:center;font-weight: bold}
.kaso_visual h2 .en{font-size:20px;display:block;padding:0 0 28px;margin:0 0 28px;position:relative;letter-spacing: 4px;}
.kaso_visual h2 .en:after{content:"";position:absolute;bottom:0px;left:50%;width:36px;border-bottom:1px solid #FFF;transform:translate(-50%,0);}
.kaso_visual h2 .jp{font-size:42px;display:block;margin:0 0 30px 0;letter-spacing: 12px;font-weight: bold}

.kaso_visual .desc{font-size:22px;line-height:46px;color:#FFF;text-align: center;}
.kaso_section_title{font-size:30px;color:#38519e;position:relative;padding:0 0 30px;margin:0 0 60px;text-align:center;letter-spacing: 4px;}
.kaso_section_title > span{
    display: inline-block;
}
.kaso_section_title:after{content:"";position:absolute;bottom:0px;left:50%;width:36px;border-bottom:1px solid #FFF;transform:translate(-50%,0);}
#body h3.kaso_section_title:after{content:"";position:absolute;bottom:0px;left:50%;width:36px;border-bottom:1px solid #38519e;transform:translate(-50%,0);}
.kaso_section_title02{font-size:22px;text-align:center;margin:0 0 50px 0;letter-spacing: 4px;}
.kaso_section_title03{font-size:18px;font-weight:bold;color:#38519e;margin:0 0 30px;}
.kaso_section_title04{font-size:18px;margin:0 0 20px 0;font-weight: bold;}
body.news .kaso_section_title02{text-align:left;margin:0 0 10px 0;line-height: 1.2;}

.infomation_list{width:860px;margin:0 auto;}
.infomation_list li{width:380px;float:left;text-align:center;margin:0 0 55px;}
.infomation_list li:nth-child(2n){float:right;}
.infomation_list li a{display:block;color:#000;font-size:15px;}
.infomation_list li .img{height:250px;background:#c0c0c0;position: relative;margin:0 0 38px 0;}
.infomation_list li .img:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: rgba(56,81,158,0.3);z-index:1;}
.infomation_list li .img .title{font-size:24px;font-weight:bold;position:relative;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:2;}
.infomation_list li .pdf_link{display:inline-block;padding:0 30px 0 50px;background:url("/img/pdf_icon.gif") center left no-repeat;background-size:contain;line-height:32px;position: relative;}
.infomation_list li .pdf_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}
.infomation_list2 li .blank_link{display:inline-block;padding:0 30px 0 50px;background:url("/img/link_icon.svg") center left no-repeat;background-size:contain;line-height:32px;position: relative;}
.infomation_list2 li .blank_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}
.infomation_list li .txt_link{display:inline-block;padding:0 30px 0 50px;line-height:32px;position: relative;}
.infomation_list li .txt_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}

.infomation_list2{width:1000px;margin:0 auto;}
.infomation_list2 li{width:25%;float:left;text-align:center;margin:0 0 55px;}
/*.infomation_list2 li:nth-child(2n){float:right;}*/
.infomation_list2 li a{display:block;color:#000;font-size:15px;}
.infomation_list2 li .img{position: relative;}
.infomation_list2 li .img .title{font-size:16px;font-weight:bold;line-height:1;padding:30px 0;}
.infomation_list2 li .pdf_link{display:inline-block;padding:0 30px 0 50px;background:url("/img/pdf_icon.gif") center left no-repeat;background-size:contain;line-height:32px;position: relative;}
.infomation_list2 li .pdf_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}
.infomation_list2 li .blank_link{display:inline-block;padding:0 30px 0 50px;background:url("/img/link_icon.svg") center left no-repeat;/* background-size:contain; */line-height: 25px;position: relative;}
.infomation_list2 li .blank_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}
.infomation_list2 li .txt_link{display:inline-block;padding:0 30px 0 50px;line-height:32px;position: relative;}
.infomation_list2 li .txt_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}

/* content */
.content_block01{margin:0 0 100px 0;}
.content_block01:last-child{margin:0 0 0px 0;}
.content_block01.top_border_box{border-top:1px dashed #afb9d8;padding:60px 0 0 0;}
.content_block01 .desc{margin:0 0 75px;}
.content_block01 .desc p{font-size:16px;margin:0 0 1em;line-height:2;color:#505050;text-align:center;}
.content_block01 .desc p.taLeft{text-align:left;}
.content_block01 .desc p.taLeft img{float:left;width:200px;padding:0 10px 10px; 0}
.content_block01 .desc p:last-child{margin:0;}
.content_block01 .desc .title{margin-bottom:1em; font-size: 18px; display: block}
.content_block01 .desc + .other_btn{margin:0 0 115px;}
.content_block01 .mov{text-align:center;position:relative;}
.content_block01 .mov iframe{width:100%;height:500px}
.content_block01 .mov:after{content:"";display:block;width:150px;height:150px;background:url(/img/character02.png) center center no-repeat;position: absolute;right:-75px;bottom:60px;}
.content_block01 .mov p.caption{text-align:center;font-size:18px;padding:30px 0 0 0;}
.content_block01 .ceo_profile{text-align:center;}
.content_block01 .ceo_profile .img{margin:0 0 20px 0;}
.content_block01 .ceo_profile .name{font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:18px;color:#000;margin:0 0 20px;}
.content_block01 .ceo_profile .name span{font-size:32px;padding:0 20px;}
.content_block01 .ceo_profile .profile{display:table;margin:0 auto;text-align:left;color:#505050;}
.img.compliance_img{background:#FFF;padding:20px;margin: auto;text-align:center;display:table;}
.content_block02{}
.content_block02 .left{float:left;width:470px;}
.content_block02 .img.ecofirst_img{display: inline-block;margin-right: 50px;}
.content_block02 .img.ecofirst_dc{display: inline-block;}
.content_block02 .right{float:right;width:470px;}
.content_block02 .inner_block{margin:0 0 50px;}
.content_block02 .inner_block:last-child{margin:0;}
.content_block02 .desc{margin:0 0 75px;}
.content_block02 .desc p{font-size:16px;margin:0 0 1em;line-height:2;color:#505050;text-align:left;}
.content_block02 .desc p:last-child{margin:0;}
.content_block02 .desc + .other_btn{margin:0 0 115px;}
.content_block02 .img{text-align:center;}
.content_block02 .img p{margin:0 0 10px;}
.content_block02 .img .caption{font-size:14px;padding:10px 0 0 0;color:#505050;display:block;}
.content_block02 .map{position:relative;}
.content_block02 .map:before{content:"";display:block;background:url("/img/service_trans_map01.png") right top no-repeat;position:absolute;top:-70px;right:30px;width:500px;height:500px;}
.content_block03 .desc p{line-height: 2;}

.message_list01 p{text-align:center;font-size:24px;color:#000;margin:0 0 20px;}
.message_list01 ul{display:table;margin:0 auto;}
.message_list01 ul li{text-align:left;font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:18px;color:#000;margin:0 0 10px 1em;text-indent:-1.5rem;padding-left:1.5rem;}

.message_copy01{text-align:center;font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:24px;color:#000;margin:0 0 10px 1em;line-height:2;}

.infomation_list li .pdf_link{display:inline-block;padding:0 30px 0 50px;background:url("/img/pdf_icon.gif") center left no-repeat;background-size:contain;line-height:32px;position: relative;}
.infomation_list li .pdf_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}
.infomation_list li .txt_link{display:inline-block;padding: 0 1em 0 0;line-height:32px;position: relative;}
.infomation_list li .txt_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}

.access_information_block .access_information .list + .other_btn{margin:0 0 50px 0;}
.other_btn{text-align:center;}
.other_btn li{width:490px;margin:0 20px 0 0;display:inline-block;}
.other_btn li:nth-child(2n){margin:0;}
.other_btn li a{display:block;background:#ebebf2;line-height:80px;color:#38519e;text-align:center}
.other_btn li a span{position:relative}
.other_btn li a span:before{content:"";display:block;width:22px;height:22px;background:#38519e;position:absolute;top:-2px;left:-30px;border-radius:50%;}
.other_btn li a span:after{content:"";display:block;width:5px;height:5px;border-top:1px solid #FFF;border-right:1px solid #FFF;transform:rotate(45deg);position:absolute;left:-23px;top:6px;}
#body section:nth-child(even) .other_btn li a{background:#FFF;}

.link_area{text-align:center;margin:0 0 30px;}
a.pdf_link{display:inline-block;padding:0 30px 0 50px;background:url("/img/pdf_icon.gif") center left no-repeat;background-size:contain;line-height:32px;position: relative;color:#000;margin:0 20px 0 0;}
a.pdf_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}
a.pdf_link:last-child{margin:0;}
a.txt_link{display:inline-block;padding:0 30px 0 50px;line-height:32px;position: relative;}
a.txt_link:after{content:"";display:block;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(45deg) translate(-65%,-0);-webkit-transform:rotate(45deg) translate(-65%,-0);width:8px;height:8px;position:absolute;right:0;top:50%;}


.access_information_block{}
.access_information_block .address{text-align:center;font-size:16px;line-height:2;color:#505050;margin:0 0 50px 0;}
.access_information_block .access_information{border-top:1px dashed #afb9d8;padding:60px 0 0 0;}
h4.block_title{font-size:20px;text-align:center;line-height: 1.5;margin:0 0 40px 0;}
.access_information_block .access_information .list{text-align:center;margin:0 0 50px 0;}
.access_information_block .access_information .list li{display:inline-block;background:#FFF;text-align:center;width:490px;margin:0 20px 20px 0;padding:30px 10px 10px 10px;box-sizing: border-box;}
.access_information_block .access_information .list li:nth-child(2n){margin:0 0 20px 0;}
.access_information_block .access_information .list li .title{font-size:16px;color:#38519e;margin:0 0 1em;}
.access_information_block .access_information .list li .desc{font-size:16px;color:#505050;}
.access_information_block .access_information .list li .access_step p{display:block;margin:0 0 15px;padding:8px;text-align: left;background:#ebebf2;position: relative;font-size:12px;}
.access_information_block .access_information .list li .access_step p:last-child{margin:0;}
.access_information_block .access_information .list li .access_step p:after{content:"";display:block;border:10px solid transparent;border-top:10px solid #ebebf2;position:absolute;bottom:-19px;left:50%;width:0;height:0;}
.access_information_block .access_information .list li .access_step p:last-child:after{display:none;}

.facility_table01{border:1px solid #38519e;padding:20px;margin:0 0 85px 0;}
.facility_table01 table{width:100%;}
.facility_table01 table th{border-bottom:1px dashed #38519e;font-size:15px;padding:10px 0;text-align: left;color:#38519e;}
.facility_table01 table td{border-bottom:1px dashed #38519e;font-size:15px;padding:10px 0;}
.facility_table01 table tr:first-child th,
.facility_table01 table tr:first-child td{padding:0 0 10px;}
.facility_table01 table tr:last-child th,
.facility_table01 table tr:last-child td{border:none;padding:10px 0 0 0 ;}

.facility_table02{margin:0 0 85px 0;}
.facility_table02:last-child{margin:0;}
.facility_table02 table{width:100%;margin:0 0 50px;}
.facility_table02 table:last-child{margin:0;}
.facility_table02 table caption{font-weight:bold;text-align:left;padding:10px 0;}
.facility_table02 table thead{background:#38519e;}
.facility_table02 table thead th,
.facility_table02 table thead td{color:#FFF;text-align:left;font-size:15px;padding:10px ;text-align: left;}
.facility_table02 table tbody {border:1px solid #38519e;padding:20px;}
.facility_table02 table tbody td{border-bottom:1px dashed #38519e;font-size:15px;padding:10px;vertical-align: middle;background:#FFF;}
.facility_table02 table tbody tr:last-child th,
.facility_table02 table tbody tr:last-child td{border:none;}

.facility_table03 table{width:100%;margin:0 0 50px;}
.facility_table03 table:last-child{margin:0;}
.facility_table03 table caption{font-weight:bold;text-align:left;padding:10px 0;}
.facility_table03 table thead{background:#38519e;}
.facility_table03 table thead th,
.facility_table03 table thead td{color:#FFF;text-align:center;font-size:15px;padding:10px ;text-align: left;}
.facility_table03 table tbody {border:1px solid #38519e;padding:20px;}
.facility_table03 table tbody td{border-bottom:1px dashed #38519e;font-size:15px;padding:10px;vertical-align: middle;text-align:left;font-weight:bold;}
.facility_table03 table tbody td:last-child{background:#FFF;text-align: center;color:#000;font-weight:normal;}
.facility_table03 table tbody tr:last-child th,
.facility_table03 table tbody tr:last-child td{border:none;}

.company_table01 > table{width:100%;margin:0 0 50px;}
.company_table01 > table:last-child{margin:0;}
.company_table01 > table > tbody {border:1px solid #38519e;padding:20px;}
.company_table01 > table > tbody > tr > th{background:#38519e;border-bottom:1px dashed #FFF;color:#FFF;font-size:15px;padding:15px;vertical-align: top;text-align:left;font-weight:bold;}
.company_table01 > table > tbody > tr > td{border-bottom:1px dashed #38519e;font-size:15px;padding:15px;vertical-align: middle;text-align:left;}
.company_table01 > table > tbody > tr > td table{width:100%;}
.company_table01 > table > tbody tr:last-child th,
.company_table01 > table > tbody > tr:last-child td{border:none;}

.flow_list01{width:920px;margin:0 auto;}
.content_block01 +.flow_list01{margin:100px auto 0 auto;}
.flow_list01 .flow_list_box{border:1px solid #dcdcdc;padding:40px 40px 40px 71px;position:relative;margin:0 0 20px 0;}
.flow_list01 .flow_list_box .left_area{width:456px;float:left;position:relative;}
.flow_list01 .flow_list_box.full_width .title:before,
.flow_list01 .flow_list_box .left_area:before{content:"1";color:#FFF;display:block;background:#38519e;width:46px;line-height:46px;text-align:center;position:absolute;left:-47px;top:0;font-size:38px;;z-index:2;}
.flow_list01 .flow_list_box.full_width:nth-child(2) .title:before,
.flow_list01 .flow_list_box:nth-child(2) .left_area:before{content:"2";}
.flow_list01 .flow_list_box.full_width:nth-child(3) .title:before,
.flow_list01 .flow_list_box:nth-child(3) .left_area:before{content:"3";}
.flow_list01 .flow_list_box.full_width:nth-child(4) .title:before,
.flow_list01 .flow_list_box:nth-child(4) .left_area:before{content:"4";}
.flow_list01 .flow_list_box.full_width:nth-child(5) .title:before,
.flow_list01 .flow_list_box:nth-child(5) .left_area:before{content:"5";}
.flow_list01 .flow_list_box.full_width:nth-child(6) .title:before,
.flow_list01 .flow_list_box:nth-child(6) .left_area:before{content:"6";}
.flow_list01 .flow_list_box.full_width:nth-child(7) .title:before,
.flow_list01 .flow_list_box:nth-child(7) .left_area:before{content:"7";}
.flow_list01 .flow_list_box .right_area{width:330px;float:right;}
.flow_list01 .flow_list_box .ar:before,
.flow_list01 .flow_list_box .right_area:before{content:"";display:block;width:4px;height:100%;position:absolute;top:40px;left:45px;background:#38519e;z-index:1;}
.flow_list01 .flow_list_box .ar:after,
.flow_list01 .flow_list_box .right_area:after{content:"";display:block;width:8px;height:8px;border-bottom:4px solid #38519e;border-right:4px solid #38519e;transform: rotate(45deg);position:absolute;bottom:-40px;left:41px;}
#service_process .flow_list01 .flow_list_box .ar:after,
#service_process .flow_list01 .flow_list_box .right_area:after,
#service_process .flow_list01 .flow_list_box .ar:before,
#service_process .flow_list01 .flow_list_box .right_area:before{display:none;}

.flow_list01 .flow_list_box .title{background:#8897c5;position:relative;letter-spacing: 4px;}
.flow_list01 .flow_list_box .title p{font-size:22px;font-weight:bold;color:#FFF;line-height:1.2;padding:10px 15px;margin:0 0 20px 0;}
.flow_list01 .flow_list_box .title a{position:absolute;top:50%;right:15px;transform:translate(0%,-50%);}
.flow_list01 .flow_list_box .desc {margin:0 0 20px;}
.flow_list01 .flow_list_box .desc:last-child {margin:0 0 0px;}
.flow_list01 .flow_list_box .desc p{color:#505050;line-height:2;padding:0 15px;}
.flow_list01 .flow_list_box .num,
.flow_list01 .flow_list_box .ar{height:0;}
.flow_list01 .flow_list_box:last-child{margin:0;}
.flow_list01 .flow_list_box:last-child .right_area:before,
.flow_list01 .flow_list_box:last-child .right_area:after{display:none;}

.flow_list02{width:900px;margin:0 auto 30px auto;}
.flow_list02 .flow_list_box{padding:20px 10px;border-top:1px solid #38519e;position:relative;}
.flow_list02 .flow_list_box .title{background:#8897c5;position:relative;letter-spacing: 4px;}
.flow_list02 .flow_list_box .title p{font-size:22px;font-weight:bold;color:#FFF;line-height:1.2;padding:10px 15px;margin:0 0 20px 0;}
.flow_list02 .flow_list_box .title a{position:absolute;top:50%;right:15px;transform:translate(0%,-50%);}
.flow_list02 .flow_list_box .desc {}
.flow_list02 .flow_list_box .desc:last-child {margin:0 0 0px;}
.flow_list02 .flow_list_box .desc p{color:#505050;line-height:2;padding:0 15px;font-size:18px;}
.flow_list02 .flow_list_box .num,
.flow_list02 .flow_list_box .ar{height:0;}
.flow_list02 .flow_list_box:last-child{margin:0;}
.flow_list02 .flow_list_box:last-child .right_area:before,
.flow_list02 .flow_list_box:last-child .right_area:after{display:none;}
.flow_list_img{width:930px;}
.flow_list_img p{margin:0 5px;float:left;}

.flow_list02 .flow_list_box .num:before{content:"1";color:#FFF;display:block;background:#38519e;width:40px;line-height:40px;text-align:center;position:absolute;left:-60px;top:10%;font-size:28px;;z-index:2;border-radius: 50%;}
.flow_list02 .flow_list_box:nth-child(2) .num:before{content:"2";}
.flow_list02 .flow_list_box:nth-child(3) .num:before{content:"3";}
.flow_list02 .flow_list_box:nth-child(4) .num:before{content:"4";}
.flow_list02 .flow_list_box:nth-child(5) .num:before{content:"5";}
.flow_list02 .flow_list_box .ar:before{content:"";display:block;width:4px;height:80%;position:absolute;top:10%;left:-41px;background:#38519e;z-index:1;}
.flow_list02 .flow_list_box .ar:after{content:"";display:block;width:8px;height:8px;border-bottom:4px solid #38519e;border-right:4px solid #38519e;transform: rotate(45deg);position:absolute;bottom:10%;left:-45px;}
.flow_list02 .flow_list_box:nth-child(2n){background:#f4f4f8;}
.flow_list02 .flow_list_box:last-child{border-bottom:1px solid #38519e;}
.flow_list02 .flow_list_box:last-child .ar{display:none;}

.flow_list03{margin:0 auto 30px auto;}
.flow_list03 .flow_list_box{margin:0 0 100px 0;padding:20px 10px;position:relative;}
.flow_list03 .flow_list_box:after{content:"";display:block;width:0px;height:0px;border:20px solid transparent;border-top:20px solid #38519e;position:absolute;bottom:-70px;left:47%;}
.flow_list03 .flow_list_box:last-child:after{display:none;}
.flow_list03 .flow_list_box .title{background:#8897c5;position:relative;letter-spacing: 4px;}
.flow_list03 .flow_list_box .title p{font-size:22px;font-weight:bold;color:#FFF;line-height:1.2;padding:10px 15px;margin:0 0 20px 0;}
.flow_list03 .flow_list_box .img.flex_img{display:flex;justify-content: center;flex-wrap: wrap;}
.flow_list03 .flow_list_box .img.flex_img .inner_img{max-width:235px;min-width:200px;margin:0 5px 20px 5px;text-align:center;font-size:16px;}
.flow_list03 .flow_list_box .img.flex_img .inner_img img{display:block;margin: 0 0 5px 0;}

.img_list li{float:left;margin:0 10px 20px 0;width:260px;}
.img_list li:nth-child(3n){margin:0 0 10px;}
.img_list li .caption{font-size:13px;text-align:center;display:block;padding:10px 0 0;}
.img_list2 li{float:left;margin:0 10px 20px 0;width:194px;}
.img_list2 li:nth-child(4n){margin:0 0 10px;}
.img_list2 li .caption{font-size:13px;text-align:center;display:block;padding:10px 0 0;}

.slide_list{margin:0 0 45px;}
/*.slide_list ul{position: relative;display:table;margin:0 auto;text-align:center;width:100vw;position: relative;left: 50%;top: -10px;transform: translateX(-50%);}*/
.slide_list ul li{display:inline-block;margin:0 20px 0 0;}
.slide_list ul li:last-child{margin:0;}
.slide_list ul li .img{margin: 0 0 20px;min-height:130px;}
.slide_list ul li .caption{font-size:14px;text-align: center;height:3em;}
.slide_list ul li .data {background:#fff;padding:10px 15px;margin:10px 0 0 ;}
.slide_list ul li .data table{width:100%;}
.slide_list ul li .data table th{font-size:14px;text-align:left;}
.slide_list ul li .data table td{font-size:12px;text-align:left;padding:0 0 5px 0;}
.slide_list ul li .data table th.midashi{background:#38519e;color:#FFF;opacity:0.8;text-align: center;}

.qa_list01{margin:0 0 80px;}
.qa_list01 .qa_box{width:830px;margin:0 auto;}
.qa_list01 .qa_box .question{color:#38519e;line-height:1.2;border:2px solid #38519e;border-radius:10px;padding:35px;font-size:26px;font-weight:bold;width:634px;margin:0 0 37px auto;position:relative;}
.qa_list01 .qa_box .question:before{content:"";position:absolute;left:-120px;top:0;display:block;background:url("/img/qa_box_question.png") center center no-repeat;width:100px;height:100px;}
.qa_list01 .qa_box .question:after{content:"";position:absolute;left:-9px;top:43%;border-top:2px solid #38519e;border-left:2px solid #38519e;transform:rotate(-45deg);display:block;width:12px;height:12px;background:#FFF;}

.qa_list01 .qa_box .answer{color:#FFF;line-height:2;border-radius:10px;padding:30px 30px 30px 100px;background:url("/img/qa_box_answer.png") 30px center no-repeat #57b2d8;font-size:16px;font-weight:bold;width:560px;margin:0 auto 0 0;position:relative;}
.qa_list01 .qa_box .answer:before{content:"";position:absolute;right:-140px;top:0;display:block;background:url("/img/character03.png") center center no-repeat;width:120px;height:140px;}
.qa_list01 .qa_box .answer:after{content:"";position:absolute;right:-6px;top:43%;transform:rotate(-45deg);display:block;width:12px;height:12px;background:#57b2d8;}

.list01{display:table;margin:0 auto;}
.list01 li{font-size:18px;font-weight:bold;line-height:1.2;padding:10px 0;}
.num_list li{position:relative;}
.num_list li:after{content: "1";color: #FFF;display: block;background: #38519e;width: 30px;line-height: 30px;text-align: center;position: absolute;left: -40px;top: 5px;font-size: 20px;z-index: 2;border-radius: 50%;}
.num_list li:nth-of-type(2):after{content:"2"}
.num_list li:nth-of-type(3):after{content:"3"}
.num_list li:nth-of-type(4):after{content:"4"}
.num_list li:nth-of-type(5):after{content:"5"}
.num_list li:nth-of-type(6):after{content:"6"}

.float_list{display:table;margin:0 auto;}
.float_list li{float:left;margin:10px 30px;}

.pull01{background: #fff;padding: 50px;}
.pull01 > ul{}
.pull01 > ul > li{margin-bottom: 20px;}
.pull01 > ul > li:last-child{margin-bottom:0;}
.pull01 > ul > li > .que{padding: 15px 30px 16px 110px;background:#38519e;position: relative;cursor: default;}
.pull01 > ul > li > .que:before{position:absolute;content: "Q";color: #fff;font-size: 40px;left: 20px;top: 5px;}

.pull01 > ul > li:nth-child(1) > .que:before{content: "Q1";}
.pull01 > ul > li:nth-child(2) > .que:before{content: "Q2";}
.pull01 > ul > li:nth-child(3) > .que:before{content: "Q3";}
.pull01 > ul > li:nth-child(4) > .que:before{content: "Q4";}
.pull01 > ul > li:nth-child(5) > .que:before{content: "Q5";}
.pull01 > ul > li:nth-child(6) > .que:before{content: "Q6";}
.pull01 > ul > li:nth-child(7) > .que:before{content: "Q7";}
.pull01 > ul > li:nth-child(8) > .que:before{content: "Q8";}
.pull01 > ul > li:nth-child(9) > .que:before{content: "Q9";}
.pull01 > ul > li:nth-child(10) > .que:before{content: "Q10";}
.pull01 > ul > li:nth-child(11) > .que:before{content: "Q11";}
.pull01 > ul > li:nth-child(12) > .que:before{content: "Q12";}
.pull01 > ul > li:nth-child(13) > .que:before{content: "Q13";}
.pull01 > ul > li:nth-child(14) > .que:before{content: "Q14";}
.pull01 > ul > li:nth-child(15) > .que:before{content: "Q15";}

.pull01 > ul > li > .que > .title{color: #fff;font-size: 26px;}
.pull01 > ul > li > .que > .btn{width: 22px;height: 22px;position: absolute;right: 20px;top: 25px;display:none;}
.pull01 > ul > li > .que > .btn:before,
.pull01 > ul > li > .que > .btn:after{position:absolute;content:"";width: 100%;height: 3px;background: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.pull01 > ul > li > .que > .btn:before{top: 50%;margin-top: -2px;}
.pull01 > ul > li > .que > .btn:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);top: 9px;}
.pull01 > ul > li.on > .que > .btn:after{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);top: 50%;margin-top: -2px;}
.pull01 > ul > li > .ans{border: 1px solid #B4B4BE;background: #fff;padding: 22px 30px 22px 110px;position:relative;}
.pull01 > ul > li > .ans:before{position:absolute;content: "A";color: #505050;font-size: 40px;left: 20px;top: 5px;}

.pull01 > ul > li:nth-child(1) > .ans:before{content: "A1";}
.pull01 > ul > li:nth-child(2) > .ans:before{content: "A2";}
.pull01 > ul > li:nth-child(3) > .ans:before{content: "A3";}
.pull01 > ul > li:nth-child(4) > .ans:before{content: "A4";}
.pull01 > ul > li:nth-child(5) > .ans:before{content: "A5";}
.pull01 > ul > li:nth-child(6) > .ans:before{content: "A6";}
.pull01 > ul > li:nth-child(7) > .ans:before{content: "A7";}
.pull01 > ul > li:nth-child(8) > .ans:before{content: "A8";}
.pull01 > ul > li:nth-child(9) > .ans:before{content: "A9";}
.pull01 > ul > li:nth-child(10) > .ans:before{content: "A10";}
.pull01 > ul > li:nth-child(11) > .ans:before{content: "A11";}
.pull01 > ul > li:nth-child(12) > .ans:before{content: "A12";}
.pull01 > ul > li:nth-child(13) > .ans:before{content: "A13";}
.pull01 > ul > li:nth-child(14) > .ans:before{content: "A14";}
.pull01 > ul > li:nth-child(15) > .ans:before{content: "A15";}

.pull01 > ul > li > .ans p{margin:0 0 1em 0;}
.pull01 > ul > li > .ans a{color:#38519e;}
.pull01 > ul > li > .ans table{width:100%;}
.pull01 > ul > li > .ans table th,
.pull01 > ul > li > .ans table td{padding:5px;border:1px solid #000;}
/*お問い合わせ*/
#contact .contact_table .text{margin-top:15px;}
#contact .contact_table .table{margin: 80px 0;}
#contact .contact_table table{width:100%;margin-top:20px;}
#contact .contact_table tr{border-bottom:dotted 1px #a8a8a8;}
/* #contact .contact_table tr:last-child{border-bottom:none;} */
#contact .contact_table th,
#contact .contact_table td{padding:15px 0;}
#contact .contact_table th{width:30%;text-align:left;background: #F4F4F8;padding: 20px;box-sizing: border-box;vertical-align: top;}
#contact .contact_table td{padding-left:15px;vertical-align: top;}
#contact .contact_table td input[type="text"],
#contact .contact_table td input[type="tel"],
#contact .contact_table td input[type="email"]{padding: 7px;font-size:16px;border: 2px solid #ccc;}
#contact .contact_table td input[type="text"]:focus,
#contact .contact_table td input[type="tel"]:focus,
#contact .contact_table td input[type="email"]:focus{border-color:#38519E;}
#contact .contact_table td input[type="checkbox"]{display:inline-block;width:15px;height:15px;border: 2px solid #ccc;margin:0 5px 0 0;vertical-align: middle;}
#contact .contact_table td input:checked{background:#38519E;border: 2px solid #38519E;}
#contact .contact_table td .select_input{margin-bottom:10px;border: 1px solid #CCC;padding: 5px;width: auto;}
#contact .contact_table textarea{vertical-align:top;font-size:16px;width:80%;border: 2px solid #ccc;padding: 10px;}
#contact .contact_table textarea:focus{border-color:#38519E;}
#contact .contact_table .form_btn{text-align:center;margin-bottom:40px;}
#contact .form_btn{text-align:center;padding:50px 0;}
#contact .btn{display:inline-block;margin:0 5px;position:relative;width:250px;padding:0 20px;height: 80px;margin:0 auto;text-align: center;}
#contact .btn:before{position:absolute;content:"";width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;top: 50%;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin-top: -4px;left: 9px;z-index: 1;}
#contact .btn input{width: 250px;height: 80px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;font-size: 18px;color: #fff;border: none;padding-left:10px;cursor:pointer;background: #38519E;}
#contact  .btn input:hover{opacity:0.8;}
#contact  .btn_gray input{font-size: 18px;color: #fff;padding-left:0;background-color: #B4B4BE;}
.contact_table{position:relative;}
.gmap iframe{-webkit-filter: grayscale(1);filter: grayscale(1);}
.gmap #map{width:100%;height:570px;}
.kaso.detail.news .btn01{margin-bottom: 20px;margin-top: -30px;}
.btn01{text-align:center;}
.btn01 a{display:inline-block;padding:0 20px;line-height: 60px;margin:0 auto;background:#38519E;color:#FFF;}

/*カーボンニュートラル*/
#compliance_carbon #body #section03 .carbonlist ul{display: flex;flex-wrap: wrap;justify-content:center;}
#compliance_carbon #body #section03 .carbonlist ul li{
width: 25rem;
margin: 0 0.5rem 0.3rem;
height:auto;
}
#compliance_carbon #body #section03 .carbonlist ul li img{width:100%;}

#compliance_carbon #body #section03 .content_block01{margin:0 0 5rem 0;}
#compliance_carbon #body #section03 .content_block01 .desc p{margin:0 0 0.5em;}

/*ニュース_エコプラント*/
#body #section01 #Environment-Minister_ecoplant .contents{text-align: center;}
#body #section01 #Environment-Minister_ecoplant .contents01{width: 20rem;margin: 0 auto;}
#body #section01 #Environment-Minister_ecoplant .contents01 .ecoplant_text{font-weight: bold;text-align: center;}
#body #section01 #Environment-Minister_ecoplant .contents02{margin-bottom: 3.5rem;}
#body #section01 #Environment-Minister_ecoplant .contents02 ul{
width: 100%;
height:auto;
max-width: 100rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content:center;
}
#body #section01 #Environment-Minister_ecoplant .contents02 ul li{
width: 25rem;
margin: 0 0.5rem 0.4rem;
height:auto;
}
#body #section01 #Environment-Minister_ecoplant .contents02 ul li img{width:100%;}

#promise_ecofirst #body #section02 .contents01{width: 30rem;margin: 0 auto;}
#promise_ecofirst #body #section02 a#title.scroll_point {
 height: 1px;
 margin-top: -40px;
 padding-top: 40px;
 display: block;}



/*============================
==============================
==============================
==============================
#3__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {

}

/* -IE- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

/* -スクロールバー非表示- */
nav{-ms-overflow-style:none;}


}
/* -IE(Edge)- */
@supports (-ms-ime-align:auto){

}
/*============================
==============================
==============================
==============================
#4__プラグイン制御
============================*/
/* -基本設定- */

/*============================
==============================
==============================
==============================
#5__アニメーション
============================*/
/*TOP非表示*/
body.top .facilities_block  ul  li .content,
body.top .facilities_block  ul  li .img,
body.top h2.section_title,
body.top .case_block,
body.top .news_block_wrap,
body.top .facilities_block{opacity:0;}
/* -キャラクターポップ- */
.pop img
{/*--アニメーション (name・速度・進行割合・繰り返しの指示)--*/-webkit-animation: pop 0.5s  linear;animation: pop 0.5s linear;/*--アニメーション (動作を軽くする為にcssタイプを指定する)--*/-webkit-will-change:transform;will-change:transform;
}

@-webkit-keyframes pop
{0%,20%,40%,60%,80%,to{    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0%{    -webkit-transform: scale3d(.3,.3,.3);    opacity: 0;    transform: scale3d(.3,.3,.3)}
20%{    -webkit-transform: scale3d(1.1,1.1,1.1);    transform: scale3d(1.1,1.1,1.1)}
40%{    -webkit-transform: scale3d(.9,.9,.9);    transform: scale3d(.9,.9,.9)}
60%{    -webkit-transform: scale3d(1.03,1.03,1.03);    opacity: 1;    transform: scale3d(1.03,1.03,1.03)}
80%{    -webkit-transform: scale3d(.97,.97,.97);    transform: scale3d(.97,.97,.97)}
to{    -webkit-transform: scaleX(1);    opacity: 1;    transform: scaleX(1)}
}

@keyframes pop {0%,20%,40%,60%,80%,to{    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0%{    -webkit-transform: scale3d(.3,.3,.3);    opacity: 0;    transform: scale3d(.3,.3,.3)}
20%{    -webkit-transform: scale3d(1.1,1.1,1.1);    transform: scale3d(1.1,1.1,1.1)}
40%{    -webkit-transform: scale3d(.9,.9,.9);    transform: scale3d(.9,.9,.9)}
60%{    -webkit-transform: scale3d(1.03,1.03,1.03);    opacity: 1;    transform: scale3d(1.03,1.03,1.03)}
80%{    -webkit-transform: scale3d(.97,.97,.97);    transform: scale3d(.97,.97,.97)}
to{    -webkit-transform: scaleX(1);    opacity: 1;    transform: scaleX(1)}
}


#modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7);
  display: none;
  z-index: 1;
}
#modal-panel {
  width: 90%;
  width:auto;
  height: auto;
  max-height: 620px;
  padding: 10px;
  position: fixed;
  background: #fff;
  z-index: 2;
  border-radius: 5px;
}
#modal-close {
  position: absolute;
  right: 50%;
  bottom: 0px;
  transform: translate(50%,0);
  background:#38519e;
  display:inline-block;
  line-height:40px;
  padding:0 20px;
  color:#FFF;
  cursor: pointer;
}
.modal_content{padding:0 0 50px 0;text-align:center;}
.modal_content .title{font-size:18px;font-weight:bold;color:#38519e;margin:0 0 10px 0;}
.modal_content .img{margin:0 0 10px 0;}
.modal_content table{margin:0 auto;}
.modal_content table th{background:#38519e;color:#FFF;border-bottom:1px solid #FFF;font-size:13px;padding:5px;text-align: left;width:150px;}
.modal_content table th.op{opacity:0.7}
.modal_content table td{border-bottom:1px solid #c0c0c0;color:#000;font-size:15px;padding:5px 10px;text-align: left;}


.page_list{
    margin-top: 50px;
}
.page_list > ul{
    text-align: center;
}
.page_list > ul > li.prev{}
.page_list > ul > li.prev > a{
    color: #38519E;
}
.page_list > ul > li:first-child{margin-left: 0;}
.page_list > ul > li{
    display: inline-block;
    margin-right: 10px;
}
.page_list > ul > li > a{
    box-sizing: border-box;
}
.page_list > ul > li:not(.prev):not(.next) > a{
    display: block;
    width: 20px;
    line-height: 1;
    padding: 2px 0;
    color: #fff;
    background: #38519E;
}
.page_list > ul > li.on{}
.page_list > ul > li.on:not(.prev):not(.next){}
.page_list > ul > li.on:not(.prev):not(.next) > a{
    color: #38519E;
    background: #fff;
    border: 1px solid #38519E;
}
.page_list > ul > li.on > a{}
.page_list > ul > li.next{}
.page_list > ul > li.next > a{color: #38519E;}


.sitemap_inner_block{width: 1000px;margin: 0 auto;position:relative;padding:0 0 100px 0;}
.sitemap_list{margin: 0 0 70px 0;}
.sitemap_list > li{float:left;margin:0 90px 0 0;}
.sitemap_list > li:last-child{margin:0;}
.sitemap_list > li > a {display:block;color:#38519E;font-size:17px;font-weight:bold;margin:0 0 30px;line-height:1;letter-spacing: 3px;}
.sitemap_list > li > ul > li{margin: 0 0 10px;}
.sitemap_list > li:nth-child(2){width:330px;}
.sitemap_list > li:nth-child(2) > ul > li{float:left;min-width: 160px;}
.sitemap_list > li > ul > li > a{display:block;color:#38519E;font-size:14px;padding:0 0 0 18px;position: relative;}
.sitemap_list > li > ul > li > a:before{content:"";display:block;width:8px;height:8px;position: absolute;top:50%;left:0;transform:translate(0,-50%);background:#B6BDDA;border-radius:50%;opacity:0.5;}

.sitemap_bottom_list{margin:0 0 40px 0;}
.sitemap_bottom_list ul li{float:left;border-right:1px solid #38519E;padding:0 14px;}
.sitemap_bottom_list ul li:last-child{border:none;}
.sitemap_bottom_list ul li a{display:block;color:#38519E;font-size:14px;line-height:1;}

/*SNS area*/
.sns_area{position:absolute;top:342px;left:-14px;}
.sns_area .fb{float:left;width:138px;}
.sns_area .tw{float:left;margin:0 5px 0 0;}
.sns_area .line{float:left;margin:0 0px 0 0;}
.sns_area .po{float:left;}


.sns_block{position:absolute;width:100%;top:-90px;left:50%;z-index:1;transform: translate(-50%, 0px);}
.sns_block .inner_block{display:table;margin:0 auto;}
.sns_block a{
  background-color: #2e4a88;
  display: block;
  float:left;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 80px;
  margin:0 5px 0 0;
}
.sns_block a:hover {
  opacity:0.8;
}
.sns_block a.twitter {
  background-color: #000;
  padding: auto 90px;
}
.sns_block a.line {
  background-color: #07b53b;
}
.sns_block a.pocket {
  background-color: #CC3622;
}

.facility_table02.next_table{width:100%;margin:0 auto;max-width: 80%;}
.facility_table02.next_table p.ar{height:0;position:relative;display:block;width: 0;height: 0;margin: 0 auto;}
.facility_table02.next_table p.ar:after{content: "";display: block;width: 0px;height: 0px;border: 20px solid transparent;border-top: 20px solid #38519e;position: absolute;bottom: -5px;}

/*20251110 お知らせ*/
.article01 .txt .flex_box{
  /*margin: -15px;*/
  text-align: center;
}
.article01 .txt .note{
  margin-top: 20px;
}
.article01 .txt .logo_flex_box{
  text-align: right;
  margin: 10px 15px;
  
}
.article01 .txt .img_flex_box{
  margin: 29px 13px 1px 13px;
  
}

.beach_all_img_flex_box{

}

.beach_img_flex_box{
  display: flex;
}
.beach_img_flex_box .in_box img{
object-fit: cover;
display: block;
  height: 393px;
}
.beach_img_flex_box .in_box:nth-child(1){
margin-right:30px;
}
.sp_size_logo{margin-left:20px;display: block;}


.beach_logo_flex_box{
  display: flex;
  flex-direction: row;
    align-items: end;
}

.article01 .txt .note{
margin: 1px;
}

.article01 .txt .note2{
margin: 0px 0px 50px 0px;
padding: 10px;
}

.article01 .txt .note3{
margin-top: -55px;
}
.news_tv_list{}
.news_tv_list dl{display:flex;justify-content: flex-start;}
.news_tv_list dt{width:120px;}

.txt_margin_l{
  margin-left: 55px;
}
.txt_margin_l2{
  margin-left: 255px;
}

.text_flex_box{
  text-align: end;
}
.bnr_block .label_flex_box{
  display: flex;
  flex-direction: column;
}
.bnr_block .label_flex_box:nth-child(1) li:nth-child(1){margin-bottom:20px}
.color_text_url{
  color: #000;
}

.news_block_row{
  display: flex;
}
.label_flex_box{
  margin: auto;
}
.url_margin{
  margin: 7.2px;
}
.space_detail{
  padding: 30px;
}
.img_group{
  margin-bottom: 40px;
}
.pc_screen{
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
}