@charset "utf-8";

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
img{ max-width:100%;}
html {font-size: 62.5%;}
body {font-size: 1.6em;}
.none{ display:none;}
.bold{ font-weight:bold;}
img{vertical-align: bottom;}
a{text-decoration: none;}

/*header*/
.head{background: #fff;}
.header_inner{padding: 15px 10px; max-width: 1420px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.header_inner .logo{margin-right: 10px;}
.header_menu{display: flex; width: 770px;}
.header_menu li{margin-right: 5%;}
.header_menu li:last-child{margin-right: 0;}
.header_menu li a{font-size: 1.6rem; color: #333333; font-weight: bold;}
.header_menu li a:hover{color: #00508b; opacity:0.8;}

/*footer*/
.foot{border-top: 3px solid #00508b; background: #fff; position: relative;}
.footer_inner{padding: 10px 10px; max-width: 1420px; margin: 0 auto;}
.footer_flex{display: flex; justify-content: space-between; margin-top: 50px;}
.footer_flex .ffl{width: 28.5%;}
.footer_flex .ffl p:last-child{font-size: 1.4rem; margin-top: 25px;}
.footer_flex .ffr{width: 70%; display: flex; justify-content: flex-end;}
.footer_flex .ffr ul{margin-right: 5%;}
.footer_flex .ffr ul.mr0{margin-right: 0;}
.footer_flex .ffr ul li{margin-bottom: 10px;}
.footer_flex .ffr ul a{font-size: 1.5rem; color: #00508b; font-weight: bold;}
.footer_flex .ffr ul a:hover{text-decoration: underline;}
.footer_flex .ffr ul a.ar02{font-weight: bold; padding-right: 20px; display: inline-block;}
.ar02::before{right: 1px; width: 4px; height: 4px; border-top: 2px solid #00508b; border-right: 2px solid #00508b; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.footer_common_link{margin-top: 70px;}
.footer_common_link li{display: inline-block; padding: 0 8px 0 0; margin: 0 8px 0 0; border-right: 1px solid #333333;}
.footer_common_link li:last-child{padding: 0; margin: 0; border: none;}
.footer_common_link li a{font-size: 1.2rem; color: #000;}
.footer_common_link li a:hover{text-decoration: underline;}
.cp{padding: 35px 0; border-top: 1px solid #d2e2f4;}
.footer_cp_flex{display: flex; justify-content: space-between; align-items: center;}
.footer_cp_flex p{font-size: 1.1rem; color: #9a9a9a;}
.topbtn{bottom: 50px; right: 10px; width: 50px; display: block; position: absolute!important;}
.por{position: relative;}
.topbtn::before{box-sizing: border-box; width: 50px; height: 50px; border: 1px solid #00508b;}
.topbtn::after{left: 0px; width: 8px; height: 8px; border-top: 1px solid #00508b; border-right: 1px solid #00508b; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.top_col .topbtn::before{border: 1px solid #fff;}
.top_col .topbtn::after{border-top: 1px solid #fff; border-right: 1px solid #fff;}

/*top*/
.top_main{background: url("/images/mvbg.png") no-repeat scroll bottom center; background-size: cover; padding-top: 5%;}
.top_inner{max-width: 1600px; margin: 0 auto;}
.top_inner img {width: 100%; height: 100%;}
.top_news{background: #d4dce2;}
.top_news_bg{background: url("/images/topbg01.png") no-repeat scroll bottom left; max-width: 1600px; margin: 0 auto;}
.top_news_bg h2{text-align: right; margin-right: 5%;}
.top_news_bg h2 img{width: 35.9%;}
.top_news_inner{max-width: 1120px; margin: -50px auto 0; padding: 0 10px 120px; position: relative; display: flex; justify-content: space-between;}
.top_news_inner .tnl{width: 24%;}
.top_news_inner .tnl h3{font-size: 5.0rem; font-weight: bold; color: #00518b; line-height: 120%;}
.top_news_inner .tnl h3 span{font-size: 1.6rem; color: #333333; font-weight: 500; display: block;}
.top_news_inner .tnl p{margin-top: 30px;}
.btn01{display: block; background: #00508b; padding: 12px 10px; text-align: center; color: #fff; font-weight: 500;}
.arrow{position: relative; vertical-align: middle; text-decoration: none;}
.arrow::before,
.arrow::after{position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
.ar::before{right: 15px; width: 4px; height: 4px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.top_news_inner .tnr{width: 68%; margin-top: 50px;}
.top_news_inner .tnr li{padding: 20px 10px; border-bottom: 1px solid #bacbd7; display: flex;}
.top_news_inner .tnr li p{font-size: 1.6rem; width: 85%}
.top_news_inner .tnr li p:first-child{color: #00508b; font-weight: 500; margin-right: 2%; width: 12%;}

/*下層共通*/
.ttl_area{margin: 50px auto 20px; padding: 0 10px; max-width: 1120px;}
.ttl_area h1{font-size: 8.8rem; font-weight: bold; color: #00518b;}
.ttl_area h1 span{font-size: 1.8rem; display: block; color: #333333; margin-top: 10px;}
.ttl_area h1 { letter-spacing:0.04em; }
.ttl_area h1 span { letter-spacing:0; }
.breadcrumb{margin-top: 70px;}
.breadcrumb li{display: inline-block; font-size: 1.4rem; font-weight: bold; color: #00508b; padding-right: 25px; position: relative;}
.breadcrumb li::before{content: ''; width: 6px; height: 6px; border: 0; border-top: solid 1px #333; border-right: solid 1px #333; position: absolute; top: 50%; right: 10px; margin-top: -3px; transform: rotate(45deg);}
.breadcrumb li:last-child{padding-right: 0;}
.breadcrumb li:last-child::before{content: none;}
.breadcrumb li a{font-size: 1.4rem; font-weight: bold; color: #333333;}

/*company*/
.message_ttl_area{background: #00508b;}
.message_inner{max-width: 1120px; margin: 0 auto;}
.m_i_flex{display: flex; justify-content: space-between; flex-direction: row-reverse;}
.message_inner h2{margin-left: 0%; font-size: 5.5rem; color: #fff; font-weight: bold; padding: 5% 0;}
.message_inner h2 span{font-size: 1.6rem; display: block;}
.message_txt{padding-bottom: 80px;}
.m_t_right{float: right; margin-left: 60px; margin-top: -20px; width: 28.5%;}
.m_t_left{margin-left: 0%;}
.m_t_ttl{margin-top: 40px; font-size: 3.6rem; font-weight: 500; color: #00508b;}
.m_t_txt{margin-top: 55px; font-size: 1.5rem;}
.m_t_txt02{margin-top: 30px; text-align: right;}
.comp_profile{background: url("/images/company/bg02.png") no-repeat scroll top center; background-size: cover; padding-bottom: 130px;}
.comp_profile_innner01{max-width: 1400px; margin: 0 auto;}
.pro_img img{width: 50%;}
.comp_profile_innner02{max-width: 1120px; margin: 0 auto; padding: 0 10px;}
.comp_profile h2{text-align: center; font-size: 4.5rem; font-weight: bold; margin-top: -50px; color: #fff;}
.comp_profile h2 span{text-align: center; font-size: 1.6rem; display: block; margin-top: 10px;}
.comp_profile table{margin-top: 50px; width: 100%; margin-bottom: 30px;}
.comp_profile table td{padding: 30px 0 30px 4%; color: #fff; font-size: 1.5rem; border-bottom: 2px solid #5084a9;}
.comp_profile table tr td:first-child{font-weight: bold; border-bottom: 2px solid #fff; width: 12%;}
.gmap {height: 0; overflow: hidden; padding-bottom: 36.25%; position: relative;}
.gmap iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.comp_timeline{background: url("/images/company/bg04.png") no-repeat scroll bottom right #d4dce2; background-size: 29%;}
.comp_timeline h2{text-align: center; font-size: 4.5rem; font-weight: bold; margin-top: -30px; color: #00508b;}
.comp_timeline h2 span{text-align: center; font-size: 1.6rem; display: block; margin-top: 10px; color: #333;}
.comp_timeline .pro_img{text-align: right;}
.timeline {width: 100%; max-width: 100%; padding: 40px 0 130px;}
.timeline-list-item {display: flex; line-height: 1.5; font-size: 1.6rem; border-bottom: 1px solid #bacbd7;}
.timeline-list-item.bonone{border: none;}
.timeline-list-item.bonone2{border: none;}
.timeline-list-item.bonone2 .content{padding: 0 20px 35px 30px;}
.timeline-list-item.bonone2 .content::before{top: 13px;}
.timeline-list-item .date {width: 20%; font-size: 4.8rem; color: #00508b; font-weight: bold; padding-top: 15px;}
.timeline-list-item .content { display: flex; position: relative; width: 80%; padding: 35px 20px 35px 30px; border-left: 2px solid #94b2c8; }
.timeline-list-item.tline02 .content{padding: 0px 20px 40px 30px;}
.timeline-list-item .content::before {content: ""; position: absolute; top: 45px; left: -6px; width: 10px; height: 10px; background-color: #00508b; border-radius: 10px; }
.timeline-list-item.tline02 .content::before{top: 10px;}
.timeline-list-item .content .time_month{font-size: 2.0rem; font-weight: bold; color: #00508b; margin-right: 25px;}

/*solutuion*/
.main { width:100%; padding: 60px 10px 157px; background-color:#00508b; }
.feature { max-width:1400px; margin: 60px auto 0; padding: 2.14% 2.14% 2.14% 10.71%; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; background-color:#fff; }
.feature:nth-of-type(2) { padding: 2.14% 10.71% 2.14% 10.71%; flex-direction:row; }
.feature figure { width: 100%; flex:1; text-align:right; }
.feature:nth-of-type(2) figure { max-width: 531px; text-align:left; } 
.feature h2 { font-size:3.4rem; }
.feature h2 span { display:block; margin-bottom: 20px; font-size:1.6rem; font-weight: 300; font-family: 'Noto Sans JP', 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif; font-style: italic; color:#00508b; }
.feature .text { width:440px; margin-right: 5px; }
.feature .text p { margin-top: 22px; font-size:1.5rem; line-height:2; letter-spacing:-0.06em;}

/*trackrecords*/
.track_inner{max-width: 1600px; margin: 0 auto; display: flex; align-items: center; background: #00508b;}
.track_inner.f_r{flex-direction: row-reverse;}
.track_inner .t_box{width: 50%; overflow: hidden;}
.track_inner .t_box div{float: right; max-width: 560px; width: 100%; padding-left: 10px;}
.t_box_txt01{font-size: 1.6rem; color: #fff;}
.t_box_txt02{font-size: 3.4rem; font-weight: bold; color: #fff; margin-top: 15px;}
.t_box_txt03{font-size: 1.5rem; font-weight: 500; color: #fff; margin-top: 30px;}
.t_box_txt04{margin-top: 50px;}
.t_box_txt04 a{width: 250px; display: block; text-align: center; padding: 12px 10px; background: #fff; font-size: 1.6rem; color: #00508b;}
.t_box_txt04 a.ar::before{right: 15px; width: 6px; height: 6px; border-top: 2px solid #00508b; border-right: 2px solid #00508b;}

/*portfolio*/
.ttl_area h1.fs{font-size: 8.2rem; font-weight: bold; color: #00518b; letter-spacing: -4px;}
.po_c{padding: 80px 0; background: #00508b;}
.po_c h2{text-align: center; font-size: 2.6rem; font-weight: bold; color: #fff;}
.po_c h2 span{font-size: 3.4rem;}
.po_c02{background: url("/images/members/bg01.png") no-repeat scroll bottom center #d4dce2; background-size: contain; padding: 80px 0 120px 0;}
.po_inner{max-width: 1120px; margin: 0 auto; padding: 0 10px;}
.po_list{display: flex; flex-wrap: wrap; height: 1100px; overflow-y: scroll; padding: 0 20px 0 0;}
.po_list li{width: 22%; margin-right: 4%; margin-bottom: 45px;}
.po_list li:nth-of-type(4n){ margin-right: 0; }
.po_list li p:last-child{font-size: 1.5rem; margin-top: 10px;}
.common_btn_area{margin-top: 100px; display: flex; justify-content: center;}
.common_btn_area a{display: block; background: #00518b; padding: 3% 3%; width: 31%; box-sizing: border-box; margin: 0 3%;}
.common_btn_area a p{font-size: 2.2rem; color: #fff; font-weight: 500;}
.common_btn_area a p span{font-size: 1.3rem; display: block;}
.common_btn_area a.ar::before{right: 15px; width: 8px; height: 8px;}

/*ipo*/
.ipo_list_ttl{display: flex;}
.ipo_list_ttl div{width: 33%; border-right: 1px solid #d4dce2; font-size: 1.7rem; font-weight: bold; color: #fff; text-align: center; padding: 30px 0; background: #00508b;}
.ipo_list_detail{width: calc(99% + 16px); overflow-y: scroll; height: 1400px;}
.ipo_list_detail table{width: 100%;}
.ipo_list_detail td{width: 33%; border-right: 1px solid #d4dce2; border-bottom: 1px solid #d4dce2; text-align: center; font-size: 1.5rem; background: #fff; padding: 20px 5px; font-weight: bold;}

/*fund*/
.fund_c h3{text-align: center; border-bottom: 2px solid #00508b; padding-bottom: 10px; font-size: 2.4rem; color: #00508b; font-weight: bold;}
.fund_c{padding: 80px 0 120px 0;}
.fond_detail{margin-top: 50px;}
.fund_flex{margin-top: 40px; display: flex; justify-content: space-between;}
.fund_flex_l, .fund_flex_r{width: 46%;}
.fund_flex h4{font-size: 1.8rem; text-align: center; color:#fff; background: #00508b; padding: 20px 0;}
.fund_flex_l p{font-size: 1.5rem; margin-top: 35px;}
.fund_d_table{width: 100%;}
.fund_d_table tr:first-child td{border-top: 1px solid #d4dce2;}
.fund_d_table td{padding: 15px 5px 15px 15px; font-size: 1.5rem; border-bottom: 1px solid #d4dce2; vertical-align: middle; line-height: 180%; font-weight: bold;}
.fund_d_table td:first-child{background: #f0f5f8; color: #00508b; text-align: center; width: 30%;}
.fnud_mt{margin-top: 90px;}
.fnud_mt02{margin-top: 50px;}


/*members*/
.members{background: url("/images/members/bg01.png") no-repeat scroll bottom center #d4dce2; background-size: contain; padding: 120px 0 80px 0;}
.members_inner{max-width: 1120px; margin: 0 auto; padding: 0 10px; display: flex; flex-wrap: wrap;}
.members a{display: block; width: 29%; margin-right: 6.5%;}
.members dl{width: 100%; margin-bottom: 50px;}
.members a:nth-of-type(3n){ margin-right: 0; }
.members dt{text-align: center;}
.members dd{padding: 3% 7%; background: #00457e;}
.members dd p{font-size: 1.3rem; color: #fff; font-weight: 500;}
.members dd p:last-child{font-size: 2.6rem; font-weight: bold;}

/*news*/
.news{background: url("/images/news/bg01.png") no-repeat scroll bottom center #d4dce2; background-size: contain; padding: 80px 0 180px 0;}
.news_inner{max-width: 1120px; margin: 0 auto; padding: 0 10px;}
.news_archive{display: flex;}
.news_archive li{margin-right: 20px;}
.news_archive li a{font-size: 1.8rem; font-weight: bold; color: #00508b; text-decoration: underline;}
.news_list{margin-top: 70px;}
.news_list li{padding: 20px 0; display: flex; border-bottom: 1px solid #bacbd7;}
.news_list li div:first-child{width: 12%; padding-left: 20px; color: #00508b; margin-right: 1%;}
.news_list li div{font-size: 1.6rem; font-weight: bold; width:87%;}

/*recruitment*/
.rec_cont{background: url("/images/recruitment/bg01.png") no-repeat scroll top center; background-size: cover; padding: 100px 0 120px 0;}
.rec_innner01{max-width: 1120px; margin: 0 auto; padding: 0 10px;}
.rec_innner01 table{width: 100%; margin-bottom: 30px;}
.rec_innner01 table td{padding: 40px 0 40px 4%; color: #fff; font-size: 1.5rem; border-bottom: 2px solid #5084a9; font-weight: 500;}
.rec_innner01 table tr td:first-child{font-weight: bold; border-bottom: 2px solid #fff; width: 17%;}
.vm{vertical-align: middle;}

@media screen and (max-width: 1100px) {
    .header_inner .disp_pc{width: 70%;}
    .header_inner .logo{margin-right: 10px; width: 25%;}
    .header_menu{display: flex; width: 100%; justify-content: flex-end;}
    .header_menu li{margin-right: 3%;}
    .header_menu li a{font-size: 1.4rem;}
    
    .footer_flex .ffl{width: 26.5%;}
    .footer_flex .ffl p:last-child{font-size: 1.2rem; margin-top: 25px;}
    .footer_flex .ffr{width: 73%; display: flex; justify-content: flex-end;}
    .footer_flex .ffr ul{margin-right: 3%;}
    .footer_flex .ffr ul a{font-size: 1.3rem; padding-right: 10px;}
    
    .message_inner h2{margin-left: 0;}
    .m_t_left{margin-left: 0;}
    
    .t_box_txt01{font-size: 1.5rem; color: #fff;}
    .t_box_txt02{font-size: 3.0rem; font-weight: bold; color: #fff; margin-top: 5px;}
    .t_box_txt03{font-size: 1.4rem; font-weight: 500; color: #fff; margin-top: 15px;}
    .t_box_txt04{margin-top: 20px;}
    }

@media screen and (max-width: 767px) {
.disp_pc{display:none;}
.disp_sp{display:block;}
.disp_in_pc{display:none;}
.disp_in_sp{display:inline-block;}
.none{display:block;}
.br2{display:block; text-align:center;}
.bgno{overflow: hidden}

/*header*/
.head{background: #fff;}
.header_inner{padding: 12px 12px; max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.header_inner .logo{margin-right: 10px; width: 180px;}
.header_menu{display: block; width: 95%; margin: 20px auto 0;}
.header_menu li{margin-right: 0%; padding: 15px 0; text-align: left; color: #fff; border-bottom: 1px solid #fff;}
.header_menu li:last-child{margin-right: 0;}
.header_menu .hm-c{padding-left: 10%;}
.header_menu li a{font-size:4.2vw; color: #fff; display: block; padding-left: 5%;}

/*ハンバーガーメニュー*/
.menubtn, .menubtn span {display: inline-block; -webkit-transition: all .4s; transition: all .4s; box-sizing: border-box;}
.menubtn {position: absolute; top: 15px; right: 12px; width: 30px; height: 22px; z-index: 10; background:none; border:none;}
.menubtn:focus {outline: none;}
.menubtn.active{position: fixed;}
.menubtn span {position: absolute; left: 0; width: 100%; height: 2px; background-color: #00508b; z-index: 10;}
.menubtn span:nth-of-type(1) {top: 0px;}
.menubtn span:nth-of-type(2) {top: 10px;}
.menubtn span:nth-of-type(3) {bottom: 0px; background: none; font-size: 11px; text-align: center; color: #00508b; font-weight: 500;}
.menubtn.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg);}
.menubtn.active span:nth-of-type(2) {-webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); top:20px;}
.menubtn.active span:nth-of-type(3) {}
#nav {position: fixed; top: 0; right: 0; z-index: 10; width: 100%; padding-bottom: 20px; opacity: 0; background-color: #fff; transition: all 0.3s ease-in-out; visibility: hidden; height: 100vh;}
#nav.active {right: 0; opacity: 1; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; width: 100%; background: #00508b;}
.sp_h_inner{padding: 0px;}
.sp_h_inner .hlogo{padding: 12px; width: 100%; background: #fff;}
.sp_h_inner .hlogo img{width: 180px;}
.btnclose{text-align: center; font-size: 4.2vw; margin-top: 20px; color: #fff;}


/*footer*/
.foot{border-top: 3px solid #00508b; background: #fff; position: relative;}
.footer_inner{padding: 10px 0px; max-width: 90%; margin: 0 auto;}
.footer_flex{display: block; margin-top: 20px;}
.footer_flex .ffl{width: 100%;}
.footer_flex .ffl p{width: 180px;}
.footer_flex .ffl p:last-child{font-size: 3.46vw; margin-top: 10px; width: 100%}
.footer_flex .ffr{width: 100%; display: block; margin-bottom: 30px; margin-top: 35px;}
.footer_flex .ffr ul{margin-right: 0; margin-bottom: 16px;}
.footer_flex .ffr ul.mr0{margin-right: 0;}
.footer_flex .ffr ul li{margin-bottom: 5px;}
.footer_flex .ffr ul a{font-size: 3.2vw; color: #00508b;}
.footer_flex .ffr ul a.ar02{font-weight: bold; padding-right: 20px; display: inline-block; font-size: 3.73vw;}
.ar02::before{right: 1px; width: 4px; height: 4px; border-top: 2px solid #00508b; border-right: 2px solid #00508b; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.footer_common_link{margin-top: 0px;}
.footer_common_link li{display: block; padding: 0; margin: 0; border: none;}
.footer_common_link li:last-child{padding: 0; margin: 0; border: none;}
.footer_common_link li a{font-size: 3.2vw;}
.cp{padding: 5px 0; border-top: 1px solid #d2e2f4;}
.footer_cp_flex{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap-reverse;}
.footer_cp_flex p{font-size: 2.8vw; color: #9a9a9a; margin-bottom: 10px;}
.footer_cp_flex p img{width: 180px;}
.topbtn{bottom: 20px; right: 0px; width: 40px; display: block; position: absolute!important;}
.por{position: relative;}
.topbtn::before{box-sizing: border-box; width: 40px; height: 40px; border: 1px solid #00508b;}
.topbtn::after{left: 0px; width: 8px; height: 8px; border-top: 1px solid #00508b; border-right: 1px solid #00508b; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.top_col .topbtn::before{border: 1px solid #00508b;}
.top_col .topbtn::after{border-top: 1px solid #00508b; border-right: 1px solid #00508b;}

/*top*/
.top_main{background: url("/images/mvbg_sp.png") no-repeat scroll bottom center; background-size: cover; padding-top: 9%;}
.top_inner{max-width: 100%; margin: 0 auto;}
.top_inner img {width: 100%; height: 100%;}
.top_news{background: #d4dce2;}
.top_news_bg{background: url("/images/topbg01_sp.png") no-repeat scroll bottom center; max-width: 100%; margin: 0 auto; background-size: 100%;}
.top_news_bg h2{text-align: right; margin-right: 5%;}
.top_news_bg h2 img{width: 62%;}
.top_news_inner{max-width: 90%; margin: -25px auto 0; padding: 0 0 60px; position: relative; display: block;}
.top_news_inner .tnl{width: 100%;}
.top_news_inner .tnl h3{font-size: 8.53vw; font-weight: bold; color: #00518b; line-height: 120%; text-align: center;}
.top_news_inner .tnl h3 span{font-size: 3.46vw; color: #333333; font-weight: 500; display: block; text-align: center;}
.top_news_inner .tnl p{margin-top: 30px;}
.btn01{display: block; background: #00508b; padding: 12px 10px; text-align: center; color: #fff; font-weight: 500; font-size: 4.0vw}
.arrow{position: relative; vertical-align: middle; text-decoration: none;}
.arrow::before,
.arrow::after{position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}
.ar::before{right: 15px; width: 4px; height: 4px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.top_news_inner .tnr{width: 100%; margin-top: 30px; margin-bottom: 60px;}
.top_news_inner .tnr li{padding: 15px 10px; border-bottom: 1px solid #bacbd7; display: block;}
.top_news_inner .tnr li p{font-size: 3.73vw;}
.top_news_inner .tnr li p:first-child{color: #00508b; font-weight: 500; margin-right: 0; font-size: 3.46vw;}
    
/*下層共通*/
.ttl_area{margin: 35px auto 15px; padding: 0; max-width: 90%;}
.ttl_area h1{font-size: 12.5vw; font-weight: bold; color: #00518b; word-break: break-all; line-height: 110%;}
.ttl_area h1.fsh1{font-size: 11vw;}
.ttl_area h1 span{font-size: 4.26vw; display: block; color: #333333; margin-top: 5px;}
.breadcrumb{margin-top: 30px;}
.breadcrumb li{display: inline-block; font-size: 3.2vw; font-weight: bold; color: #00508b; padding-right: 12px; position: relative;}
.breadcrumb li::before{content: ''; width: 6px; height: 6px; border: 0; border-top: solid 1px #333; border-right: solid 1px #333; position: absolute; top: 50%; right: 3px; margin-top: -3px; transform: rotate(45deg);}
.breadcrumb li:last-child{padding-right: 0;}
.breadcrumb li:last-child::before{content: none;}
.breadcrumb li a{font-size: 3.2vw; font-weight: bold; color: #333333;}
    
/*company*/
.message_inner{max-width: 100%;}
.m_i_flex{display: block;}
.message_inner h2{margin-left: 5%; font-size: 8vw; color: #fff; font-weight: bold; padding: 0% 0 15%; margin-top: -15px;}
.message_inner h2 span{font-size: 3.73vw; display: block;}
.m_i_flex p{text-align: right;}
.m_i_flex p img{width: 70%;}
.message_txt{padding-bottom: 60px; margin: 0 auto; max-width: 90%;}
.m_t_right{float: none; margin: 5px auto 0; width: 60%;}
.m_t_left{margin-left: 0;}
.m_t_ttl{margin-top: 30px; font-size: 5.33vw; font-weight: 500; color: #00508b;}
.m_t_txt{margin-top: 30px; font-size: 3.46vw;}
.m_t_txt02{margin-top: 15px; text-align: right;}
.m_t_txt02 img{width: 60%;}
.comp_profile{background: url("/images/company/bg02_sp.png") no-repeat scroll top center; background-size: cover; padding-bottom: 60px;}
.comp_profile_innner01{max-width: 100%; margin: 0 auto;}
.pro_img img{width: 75%;}
.comp_profile_innner02{max-width: 90%; margin: 0 auto; padding: 0;}
.comp_profile h2{text-align: center; font-size: 8vw; font-weight: bold; margin-top: -10px; color: #fff;}
.comp_profile h2 span{text-align: center; font-size: 3.73vw; display: block; margin-top: 5px;}
.comp_profile table{margin-top: 40px; width: 100%; margin-bottom: 30px;}
.comp_profile table td{padding: 18px 0 18px 4%; color: #fff; font-size: 3.46vw; border-bottom: 2px solid #5084a9;}
.comp_profile table tr td:first-child{font-weight: bold; border-bottom: 2px solid #fff; width: 28%;}
.gmap {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
.gmap iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.comp_timeline{background: url("/images/company/bg04.png") no-repeat scroll bottom right #d4dce2; background-size: 65%;}
.comp_timeline h2{text-align: center; font-size: 8vw; font-weight: bold; margin-top:0px; color: #00508b; padding-top: 40px;}
.comp_timeline h2 span{text-align: center; font-size: 3.73vw; display: block; margin-top: 5px;}
.comp_timeline .pro_img{text-align: right;}
.timeline {width: 100%; max-width: 100%; padding: 40px 0 70px;}
.timeline-list-item {display: flex; line-height: 1.5; font-size: 1.6rem; border-bottom: 1px solid #bacbd7;}
.timeline-list-item.bonone{border: none;}
.timeline-list-item.bonone2{border: none;}
.timeline-list-item.bonone2 .content{padding: 0 0px 7% 20px;}
.timeline-list-item.bonone2 .content::before{top: 9%;}
.timeline-list-item .date {width: 20%; font-size: 6.13vw; color: #00508b; font-weight: bold; padding-top: 15px;}
.timeline-list-item .content { display: flex; position: relative; width: 80%; padding: 7% 0px 7% 20px; border-left: 2px solid #94b2c8; }
.timeline-list-item.tline02 .content{padding: 0px 0px 9% 20px;}
.timeline-list-item .content::before {content: ""; position: absolute; top: 32%; left: -6px; width: 10px; height: 10px; background-color: #00508b; border-radius: 10px; }
.timeline-list-item .col01.content::before{top: 43%;}
.timeline-list-item.tline02 .content::before{top: 7%;}
.timeline-list-item .content span{font-size: 3.73vw;}
.timeline-list-item .content .time_month{font-size: 3.73vw; font-weight: bold; color: #00508b; margin-right: 15px;}
    
/*solutuion*/
.main { width:100%; padding: 2.66vw 0 19.2vw; }
.feature { max-width:89.33%; margin: 8vw auto 0; padding: 5.33vw; display: block; }
.feature:nth-of-type(2) { padding: 5.33vw 0; }
.feature figure { width: 100%; text-align:center; }
.feature:nth-of-type(2) figure { width: 85.73vw; max-width: 85.73vw; text-align:center; margin:0 auto; } 
.feature h2 { font-size: 5.332vw; }
.feature h2 span { margin-bottom: 0.933vw; font-size:3.46vw; }
.feature .text { width:100%; margin-top:4vw; margin-right: 0;}
.feature:nth-of-type(2) .text { width: 88%; margin: 0 auto; }
.feature .text p { margin-top: 0.8vw; font-size:3.46vw; line-height:1.923; }

/*trackrecords*/
.track_inner{max-width: 100%; margin: 0 auto; display: block; background: #00508b;}
.track_inner .t_box{width: 100%;}
.track_inner .t_box div{float: none; max-width: 90%; width: 90%; padding-left: 0; margin: 20px auto 40px;}
.t_box_txt01{font-size: 3.46vw; color: #fff;}
.t_box_txt02{font-size: 5.33vw; font-weight: bold; color: #fff; margin-top: 10px;}
.t_box_txt03{font-size: 3.46vw; font-weight: 500; color: #fff; margin-top: 20px;}
.t_box_txt04{margin-top: 35px;}
.t_box_txt04 a{width: auto; max-width: 100%; display: block; text-align: center; padding: 12px 10px; background: #fff; font-size: 4vw; color: #00508b;}
.t_box_txt04 a.ar::before{right: 15px; width: 6px; height: 6px; border-top: 2px solid #00508b; border-right: 2px solid #00508b;}
    
/*members*/
.members{background: url("/images/members/bg01.png") no-repeat scroll bottom center #d4dce2; background-size: contain; padding: 40px 0 40px 0;}
.members_inner{max-width: 90%; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}

.members dd p{font-size: 3.46vw; color: #fff; font-weight: 500;}
.members dd p:last-child{font-size: 5.60vw; font-weight: bold;}

.members a{display: block; width: 48%; margin-right: 0; margin-bottom: 20px;}
.members dl{width: 100%; margin-bottom: 0;}
.members a:nth-of-type(3n){ margin-right: 0; }
.members dt{text-align: center;}
.members dd{padding: 3% 5%; background: #00457e;}

/*news*/
.news{background: url("/images/news/bg01.png") no-repeat scroll bottom center #d4dce2; background-size: contain; padding: 40px 0 60px 0;}
.news_inner{max-width: 90%; margin: 0 auto; padding: 0;}
.news_archive{display: block;}
.news_archive li{margin-right: 0px;}
.news_archive li a{font-size: 3.73vw; font-weight: bold; color: #00508b; text-decoration: underline;}
.news_list{margin-top: 40px;}
.news_list li{padding: 20px 5%; display: block; border-bottom: 1px solid #bacbd7;}
.news_list li div:first-child{width: 100%; padding-left: 0px; color: #00508b; margin-right: 0;}
.news_list li div{font-size: 3.46vw; font-weight: bold; width:87%;} 

/*portfolio*/
.ttl_area h1.fs{font-size: 12.0vw; font-weight: bold; color: #00518b; letter-spacing: -4px;}
.po_c{padding: 40px 0; background: #00508b;}
.po_c h2{text-align: center; font-size: 5.06vw; font-weight: bold; color: #fff;}
.po_c h2 span{font-size: 6.53vw;}
.po_c02{background: url("/images/members/bg01.png") no-repeat scroll bottom center #d4dce2; background-size: contain; padding: 40px 0 70px 0;}
.po_inner{max-width: 90%; margin: 0 auto; padding: 0;}
.po_list{display: flex; flex-wrap: wrap; justify-content: space-between; height: 1100px; overflow-y: scroll; padding: 0 10px;}
.po_list li{width: 48%; margin-right: 0%; margin-bottom: 30px;}
.po_list li:nth-of-type(4n){ margin-right: 0; }
.po_list li p:last-child{font-size: 3.2vw; margin-top: 10px;}
.common_btn_area{margin-top: 40px; display: block;}
.common_btn_area a{display: block; background: #00518b; padding: 2% 4%; width: 100%; margin:0 0 20px 0;}
.common_btn_area a p{font-size: 4.66vw; color: #fff; font-weight: 500;}
.common_btn_area a p span{font-size: 3.2vw; display: block;}

/*ipo*/
.ipo_list_ttl{display: flex;}
.ipo_list_ttl div{width: 33%; border-right: 1px solid #d4dce2; font-size: 3.46vw; font-weight: bold; color: #fff; text-align: center; padding: 20px 0; background: #00508b;}
.ipo_list_detail{width: 99%; overflow-y: scroll; height: 1400px;}
.ipo_list_detail table{width: 100%;}
.ipo_list_detail td{width: 33%; border-right: 1px solid #d4dce2; border-bottom: 1px solid #d4dce2; text-align: center; font-size: 3.2vw; background: #fff; padding: 20px 5px; vertical-align: middle;}
    
/*fund*/
.fund_c h3{text-align: center; border-bottom: 2px solid #00508b; padding-bottom: 10px; font-size: 4.8vw; color: #00508b; font-weight: bold; max-width: 90%; margin: 0 auto;}
.fund_c{padding: 40px 0 70px 0;}
.fund_c .po_inner{max-width: 100%; margin: 0 auto; padding: 0;}
.fond_detail{margin-top: 40px;}
.fond_detail img{width: 100%;}
.fund_flex{margin-top: 0px; display: block;}
.fund_flex_l, .fund_flex_r{width: 100%;}
.fund_flex h4{font-size: 4.26vw; text-align: center; color:#fff; background: #00508b; padding: 15px 0;}
.fund_flex_l p{font-size: 3.46vw; margin: 15px auto 20px; max-width: 90%;}
.fund_d_table{width: 90%; margin: 0 auto;}
.fund_d_table tr:first-child td{border-top: 1px solid #d4dce2;}
.fund_d_table td{padding: 15px 5px 15px 5px; font-size: 3.46vw; border-bottom: 1px solid #d4dce2; vertical-align: top; line-height: 180%;}
.fund_d_table td:first-child{background: #f0f5f8; color: #00508b; text-align: center; width: 40%;}
.fnud_mt{margin-top: 50px!important;}
.fnud_mt02_sp{margin-top: 25px!important;}
.fnud_mt02 {margin-top: 25px!important;}
.fund_c .common_btn_area{margin: 40px auto 0; max-width: 90%; display: block;}

/*recruitment*/
.rec_cont{background: url("/images/recruitment/bg_sp.png") no-repeat scroll top center; background-size: cover; padding: 40px 0 60px 0;}
.rec_innner01{max-width: 90%; margin: 0 auto; padding: 0;}
.rec_innner01 table{width: 100%; margin-bottom: 30px;}
.rec_innner01 table td{padding: 18px 0 18px 3%; color: #fff; font-size: 3.46vw; border-bottom: 2px solid #5084a9;}
.rec_innner01 table tr td:first-child{font-weight: bold; border-bottom: 2px solid #fff; width: 27%;}

}


/*news_wp*/
.ic_pdf {background: url("/images/pdficon.png") no-repeat scroll right center; background-size: 20px auto; padding: 3px 22px 3px 0;}
.news_s_ttl {font-size: 2.4rem;}
.news_s_detail{margin-top: 30px; font-size: 1.6rem;}
.news_s_detail p{font-size: 1.6rem;}



/*news用css設定*/
.news h1 {font-size: 2.4rem; font-weight: bold;}
.news h2 {font-size: 2.2rem; font-weight: bold;}
.news h3 {font-size: 2.0rem; font-weight: bold;}
.news h3 {font-size: 1.8rem; font-weight: bold;}
.news h4 {font-size: 1.6rem; font-weight: bold;}
.news h5 {font-size: 1.4rem; font-weight: bold;}
.news h6 {font-size: 1.2rem; font-weight: bold;}

.news strong{font-weight: bold;}
.news p{font-weight: normal;}
.news em{font-style: italic;}
.news ul li{font-size: 1.6rem; list-style: disc; margin-left: 1em;}
.news ol li{font-size: 1.6rem; list-style: decimal; margin-left: 1em;}


@media screen and (max-width: 767px) {
  .news h1 {font-size: 2.2rem; font-weight: bold;}
  .news h2 {font-size: 2.0rem; font-weight: bold;}
  .news h3 {font-size: 1.8rem; font-weight: bold;}
  .news h3 {font-size: 1.6rem; font-weight: bold;}
  .news h4 {font-size: 1.4rem; font-weight: bold;}
  .news h5 {font-size: 1.2rem; font-weight: bold;}
  .news h6 {font-size: 1.0rem; font-weight: bold;}
}

/*2025*/
/*人権方針追加*/
.basic_ttl {
  padding: 70px 10px;
  background: #00508b;
}
.basic_ttl h1{
  font-size: 4.0rem;
  font-weight: bold;
  color: #fff;
  max-width: 1120px;
  margin: 0 auto;
}
.h_inner {
  padding: 100px 10px 120px;
  margin: 0 auto;
  max-width: 1120px;
}
.h_inner p {
  font-size: 1.5rem;
}
.h_inner p a{
  font-size: 1.5rem;
  display: inline-block;
  margin-top: 50px;
  color: #00508b;
}
@media screen and (max-width: 767px) {
  .basic_ttl {
    padding: 40px 0;
  }
  .basic_ttl h1{
    font-size: 4.8vw;
    max-width: 92%;
  }
  .h_inner {
    padding: 40px 0 50px;
    margin: 0 auto;
    max-width: 92%;
  }
  .h_inner p {
    font-size: 3.466vw;
  }
  .h_inner p a{
    font-size: 3.466vw;
    margin-top: 30px;
  }
}


.bnr_toparea {
  text-align: center;
  padding-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .bnr_toparea {
    padding-bottom: 40px;
  }
}

/*202509 bnr追加*/
.disp_pc .header_menu {
  display: flex;
  width: 902px;
  align-items: center;
}
.disp_pc .header_menu li {
    margin-right: 2%;
}
.disp_pc .header_menu .hbnr{
  max-width: 200px;
}

@media screen and (max-width: 1140px) {
  .disp_pc .header_menu {
    width: auto;
    max-width: 100%;
  }
  .disp_pc .header_menu .hbnr{
    max-width: 140px;
  }
    .disp_pc .header_menu li a {
      font-size: 1.4rem;
  }
  .header_inner .disp_pc {
      width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .header_inner .disp_pc {
      width: 100%;
  }
}

/*****

solution追加　20251007

*****/
.new_feature { background: #fff; max-width: 1400px; margin: 60px auto 0; padding-bottom: 20px;}
.new_f_flex01 {display: flex; align-items: center;}
.new_f_flex01 div:first-child{margin-left: 14%; width: 41%;}
.new_f_flex01 div {width: 45%;}
.new_feature h2 {font-size: 3.4rem;}
.new_feature h2 span{display: block; margin-bottom: 20px; font-size: 1.6rem; font-weight: 300; font-family: 'Noto Sans JP', 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif; font-style: italic; color: #00508b;}
.new_f_flex02 {margin:0 auto 20px; max-width: 90%; border: 1px solid #000; padding: 4% 5%; display: flex; justify-content: space-between; align-items: center;}
.new_f_flex02.falt {align-items:flex-start;}
.new_feature h3{font-size: 3.4rem; font-weight: bold; color: #00508b;}
.new_feature p{font-size: 15px;}
.ff_l{width: 12%;}
.ff_r{width: 84%;}
.new_feature li{font-size: 15px; margin-bottom: 20px; line-height: 200%; font-weight: bold;}
.new_feature li span{font-size: 18px; color: #00508b; display: block; font-weight: 700;}

@media screen and (max-width: 767px) {
  .new_feature {max-width: 89.33%; margin: 8vw auto 0; padding-bottom: 5vw;}
  .new_f_flex01 {display: block; position: relative; margin-bottom: 3vw;}
  .new_f_flex01 div:first-child{margin-left: 0; width: 100%; position: absolute; top: 4vw;}
  .new_f_flex01 div {width: 100%;}
  .new_feature h2 {font-size: 5.333vw; text-align: center;}
  .new_feature h2 span{margin-bottom: 1vw; font-size: 3.466vw; text-align: center;}
  .new_f_flex02 {margin:0 auto 4vw; max-width: 90%; border: 1px solid #000; padding: 4% 4%; display: block;}
  .new_feature h3{font-size: 4.533vw;}
  .new_feature p{font-size: 3.466vw;}
  .ff_l{width: 100%;}
  .ff_r{width: 100%; margin-top: 2vw;}
  .new_feature li{font-size: 3.466vw; margin-bottom: 2vw; line-height: 160%;}
  .new_feature li span{font-size: 4vw;}

}

.disp_pc .header_menu {
  max-width: 1000px;
  width: 1000px;
}
@media screen and (max-width: 1200px) {
.disp_pc .header_menu li {
  margin-right: 1%;
}
  .disp_pc .header_menu {
  max-width: 1000px;
  width: auto;
}
}