@charset "utf-8";
/*
#1a4d70
#3d799e
#6ea3b9
#95c0d0
#edf4f7;
#f2e5d4
*/
*{box-sizing:border-box;color:#333;line-height: 1.6;}
a{text-decoration: none;}
ul,dl{margin:0;padding:0;}
li{list-style: none;}

.wrap,.inner_wrap{width:980px;margin:auto;}
.txt_content{width:840px;margin:auto;}
.flex{display: flex;flex-wrap: wrap;}
.pc_col2{width:50%;}
.pc_col3{width:calc(100% / 3)}
.pc_col4{width:25%;}
.pc_col5{width:20%;}

.border_box{margin:1%;border:1px solid #ccc;border-radius:.2rem;padding:6px 10px;}

.img{width:100%;height:auto;vertical-align:middle;}
.img_rd{border-radius: .3rem;}
.session_box{margin:1rem auto 2rem;padding:1rem 0 2rem;}
.session_title{text-align: center;;font-size:1.4rem;margin-top:3rem;}
.corner_title{text-align: center;;font-size:1.2rem;margin-top:.6rem;}
.back_sub{background:#95c0d0;}
.key_visual{width:100%;height:350px;overflow: hidden;position: relative;}
.catch_copy{position: absolute;top:50%;left:50%;color:#fff;transform: translate(-50%, -50%);text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.icon{vertical-align: middle;display:inline-block;background:#3d799e;color:#fff;font-size:.8rem;padding:2px .4rem;width:5rem;text-align:center;border-radius:1rem;margin-right: .5rem;}
.link_txt_all{display:block;margin:1rem auto 2rem;text-align: center;text-decoration: underline;}


.bg_1{background:#edf4f7;}

/*animation*/
.fade-in{
  opacity: 0;
  transform: translateY(20px); /* 少し下に配置 */
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 表示時の状態 */
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/*header*/
header{padding:10px 0 0;background:#3d799e;}

.logo,.logo_txt,.nav_a,.nav_a:visited{color:#fff;}
.nav_a:hover{text-decoration: underline;}
.logo{font-weight: bold;font-size: 1.5rem;width:140px;}
.logo_txt{font-size:.7rem;text-align:center;margin:0;}
.nav{text-align:right;font-size: .9rem;width:calc(100% - 140px);}
.nav_link{display:inline-block;margin-left:10px;list-style: none;text-align: center;vertical-align: bottom;}


/*footer*/
footer{background: #3d799e;padding:.2rem 0;color:#fff;}
.footer_links{margin-right:20px;font-size:.8rem;color:#fff;}
.footer_links_title{font-weight: bold;color:#fff;}
.footer_a,.footer_a:visited{color:#fff;display: block;margin-top:.3rem;}
.copyright{text-align: center;color:#fff;font-size: .9rem;}

/*top*/
.service_box{width: calc(25% - 10px);height:auto;margin:1rem auto;list-style:none;background:#000;border-radius: .4rem;overflow: hidden;}
.service_img{display:block;position: relative;}
.service_box img{opacity: .8}
.service_express{position:absolute;top:50%;left:50%;text-align: center;width:100%;;text-shadow:1px 1px 2px rgba(0,0,0,.3);transform: translate(-50%,-50%);z-index:100;}
.service_name{font-size:1.2rem;font-weight: bold;color:#fff;margin-bottom:.3rem;}
.service_copy{margin:0;font-size: .8rem;color:#fff;width:100%;}


/*company*/
.mvv{margin:4rem 0;}
#mvv_mision{text-align:left}
#mvv_vision{text-align:right}
#mvv_value{text-align:center}

.mvv_sub,.mvv_catch{color:#1a4d70;}
.mvv_sub{font-size:.9rem;margin:0;}
.mvv_catch{font-size:1.6rem;font-weight: bold;margin-top:0;}

.circle-container {
  display: flex;
  justify-content: space-evenly; /* 均等配置 */
  align-items: center; /* 必要なら上下中央揃え */
  gap: 20px; /* 丸同士の間隔を調整 */
}

/* 丸のスタイル */
.circle {
  width: 130px; /* 丸の直径 */
  height: 130px;
  border-radius: 50%; /* 丸にする */
  background:#3d799e; /* 丸の背景色 */
  display: flex;
  color:#fff;
  font-weight: bold;
  justify-content: center; /* テキストを横中央揃え */
  align-items: center; /* テキストを縦中央揃え */
  text-align: center; /* テキストの中央揃え（複数行に対応） */
  font-size: 1.2rem;
}

.behavioral_box{padding:.4rem;}
.behavioral_header{border:1px solid #3d799e;border-bottom:3px double #3d799e;border-radius:.5rem .5rem 0 0;padding:6px 6px 1px;background:#3d799e;}
.behavioral_catch_en,.behavioral_catch_jp{color:#fff}
.behavioral_catch_en{;font-size:.7rem;margin:0;}
.behavioral_catch_jp{text-align:right;margin:0;font-weight: bold}
.behavioral_body{border:1px solid #3d799e;border-top:none;border-radius:0 0 .5rem .5rem;margin:0;padding:10px 8px;font-size:.9rem;}


.company_data,.access{width:680px;margin-left:auto;margin-right:auto;}
dt{width:6.5rem;margin:.5rem 0;}
dd{width:calc(100% - 6.5rem);margin:.5rem 0;line-height: 1.6;}



/*service*/
.service_bg{padding:1rem;}
.service_bg:nth-child(even){background:#edf4f7;}
.service_detail_box{width:840px;padding:.4rem;margin:auto;background:#fff;border-radius:.3rem;}
.service_detail_box:nth-child(odd){border:3px solid #edf4f7}
.service_detail_box:nth-child(even){border:3px solid #fff;}
.link_btn{background:#F6AE2D;color:#fff;border-radius:.3rem;text-align:center;display:block;margin:auto;width:12rem;padding:8px 12px 6px;box-shadow: 1px 1px 3px rgba(0,0,0,.1)}
.link_btn:hover{background:#59C3C3}
.service_left{width:38%;margin-right: 4%;}
.service_right{width:58%;}
.service_detail_copy{line-height:1.6; }

@media screen and (max-width: 740px) {
.wrap,.company_data,.access,.service_detail_box,.service_left{width:100%;}
.inner_wrap,.service_right,.txt_content{width:94%;margin:auto;}
.service_box{width:calc(50% - 10px);margin:1rem auto;}
.sp_col1{width:100%;}
.sp_col2{width:50%;}
.logo{padding-left:5px;}
.mvv_catch{font-size:1.3rem;}
.circle-container{gap:6px;}
.circle{font-size:1.1rem;width:100px;height:100px;}

}