@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.philosophy
03.service
04.award
05.access
06.message
07.diversity
08.action_plan
09.company
10.news
10-01.news_detail
11.contact
11-02.contact_thanks
12.security_policy
13.privacy_policy
14.sitemap
15.history
16.openbadge
--------------------*/

/*----------
01.top
----------*/
#top #top_mv_area {
margin-top: 90px;
overflow: hidden;
}

#top #top_mv_area .contents_in {
width: 100%;
max-width: inherit;
position: relative;
}

#top #top_mv_area .contents_in::after {
position: absolute;
content: "";
background: #F4F4F4;
width: 100%;
height: 240px;
bottom: 0;
left: 0;
z-index: -1;
}

#top #top_mv_area .cnt_g {
position: relative;
}

#top #top_mv_area .cnt_g .title_box {
position: relative;
padding: 160px 20px 310px;
max-width: 1120px;
margin: 0 auto;
z-index: 1;
}

#top #top_mv_area .cnt_g .title_box .h1_title {
color: #FFFFFF;
font-size: 60px;
line-height: 1;
font-weight: 700;
margin-bottom: 30px;
}

#top #top_mv_area .cnt_g .title_box .h1_title span {
display: block;
margin-bottom: 19px;
width: fit-content;
padding: 8px 7px 12px 15px;
position: relative;
z-index: 1;
opacity: 0;
}

#top #top_mv_area .cnt_g .title_box .h1_title span:first-of-type{
animation-name: parapara_text;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}

@keyframes parapara_text{
0%{
opacity: 0;
}

50%{
opacity: 1;
}

100%{
opacity: 1;
}
}

#top #top_mv_area .cnt_g .title_box .h1_title span:last-of-type{
animation-name: parapara_text02;
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-delay: 0.5s;
}

@keyframes parapara_text02{
0%{
opacity: 0;
}

50%{
opacity: 1;
}

100%{
opacity: 1;
}
}

#top #top_mv_area .cnt_g .title_box .h1_title span::after{
content: "";
display: inline-block;
width: 0;
height: 80px;
position: absolute;
right: 0;
top: 0;
background: linear-gradient(90deg, rgba(15,31,149,1) 0%, rgba(45,69,155,1) 60%, rgba(78,128,255,1) 100%);
z-index: -1;
}

#top #top_mv_area .cnt_g .title_box .h1_title span:first-of-type::after{
animation-name: parapara;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}

@keyframes parapara{
0%{
left: 0;
width: 0;
}

50%{
left: 0;
width: 100%;
}

100%{
left: 0;
width: 100%;
}
}

#top #top_mv_area .cnt_g .title_box .h1_title span:nth-of-type(2)::after{
animation-name: parapara02;
animation-delay: 0.5s;
animation-duration: 1.5s;
animation-fill-mode: forwards;
z-index: -1;
}

@keyframes parapara02{
0%{
left: 0;
width: 0;
}

50%{
left: 0;
width: 100%;
}

100%{
left: 0;
width: 100%;
}
}

#top #top_mv_area .cnt_g .title_box .h1_title span:last-child {
margin-bottom: 0;
}

#top #top_mv_area .cnt_g .title_box .lead_text {
color: #212A6C;
font-size: 18px;
line-height: 28px;
font-weight: 700;
}

#top #top_mv_area .cnt_g .slider_box {
position: absolute;
top: 17px;
right: 0;
/* max-width: 800px; */
/*width: 70%;*/
width: 62.5%;
height: 93%;
}


#top #top_mv_area .cnt_g .slider_box .slider_list {
margin-inline: auto;
overflow: hidden;
height: 100%;
}

#top #top_mv_area .cnt_g .slider_box .slick-img img {
width: 100%;
}
@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.3);
}
}
#top #top_mv_area .cnt_g .slider_box .add-animation {
animation: zoomUp 10s linear 0s normal both;
}
/*
#top #top_mv_area .cnt_g .slider_box .title_text {
position: absolute;
bottom: 20px;
left: 4%;
font-size: 48px;
line-height: 63px;
letter-spacing: 4px;
color: rgba(255,255,255,0.9);
font-family: 'Futura';
text-transform: uppercase;
}
*/
/* #top #top_mv_area .cnt_g .slider_box .mv_text {
position: absolute;
bottom: 20px;
left: 4%;
max-width: 737px;
width: 92%;
} */
#top #top_mv_area .cnt_g .mv_text {
position: absolute;
bottom: 20px;
right: 2.26%;
max-width: 737px;
width: 92%;
}

#top #top_mv_area .scroll{
width: 46px;
height: 77px;
position: absolute;
left: 2.34%;
bottom: 30px;
}

#top #top_mv_area .scroll span{
display: inline-block;
width: 1px;
height: 50px;
background: #212A6C;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 19px;
opacity:0;
animation-duration: 2s;
animation-name: down;
animation-iteration-count:infinite;
}

@keyframes down{
0%{
  height:0;
  top:0;
  opacity: 0;
}
30%{
  height:30px;
  opacity: 1;
}
100%{
  height:0;
  top:50px;
  opacity: 0;
}
  }
  


#top #top_mv_area .scroll span::before{
content: "";
display: inline-block;
width: 9px;
height: 8px;
background: #212A6C;
position: absolute;
left: 50%;
transform: translateX(-50%) rotate(180deg);
bottom: -8px;
clip-path: polygon(0 100%, 50% 0, 100% 100%);

}

#top #about_area {
padding: 120px 0 0;
}

#top #about_area .contents_in {
width: 100%;
max-width: initial;
}

#top #about_area .cnt_g {
background: url("../img/top/about_bg_img.png")no-repeat center/cover;
position: relative;
padding: 88px 0 0;
z-index: 1;
overflow: hidden;
}

#top #about_area .cnt_g::after {
position: absolute;
content: "";
background: linear-gradient(0deg, rgba(78,128,255,0.8) 0%, rgba(45,69,155,0.8) 40%, rgba(15,31,149,0.8) 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}

#top #about_area .cnt_g .text_wrapper {
max-width: 1080px;
width: 96%;
margin: 0 auto;
}

#top #about_area .cnt_g .lead_text {
font-size: 26px;
line-height: 38px;
font-weight: 700;
text-align: center;
margin-bottom: 36px;
color: #FFFFFF;
}

#top #about_area .cnt_g .js_fadeup {
opacity: 0;
transform: translateY(100%);
}

#top #about_area .cnt_g .js_fadeup.is_inview {
opacity: 1; 
transform: translateY(0);
}

#top #about_area .cnt_g .text {
font-size: 14px;
line-height: 33px;
font-weight: 500;
text-align: center;
color: #FFFFFF;
margin-bottom: 88px;
}

#top #about_area .cnt_g .loop_text {
display: flex;
max-width: initial;
width: 100%;
overflow: hidden;
margin-bottom: -5px;
}

#top #about_area .cnt_g .loop_text .cnt_img {
padding: 0 25px;
}

#top #about_area .cnt_g .loop_text .cnt_img:nth-child(1){
animation: loop 80s -40s linear infinite;
}

#top #about_area .cnt_g .loop_text .cnt_img:nth-child(2) {
animation: loop02 80s linear infinite;
}

#top #about_area .cnt_g .loop_text .cnt_img img {
width: 167vw;
}

@keyframes loop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes loop02 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}

#top #advantage_area {
padding: 120px 0 0;
}

#top #advantage_area .contents_in {
max-width: 1280px;
width: 100%;
}

#top #advantage_area .cnt_g {
padding: 221px 0 0;
position: relative;
margin-bottom: 100px;
}

#top #advantage_area .cnt_g.cnt03 {
margin-bottom: 0;
}

#top #advantage_area .cnt_g::before {
position: absolute;
content: "";
background: #F4F4F4;
width: 100%;
height: 339px;
bottom: 0;
left: 0;
}

#top #advantage_area .cnt_g::after {
position: absolute;
content: "";
background: url("../img/top/advantage_cnt01_img.png")no-repeat center/cover;
width: 75%;
max-width: 950px;
height: 450px;
top: 0;
left: 0;
}

#top #advantage_area .cnt_g.cnt02::after {
right: 0;
left: auto;
background: url("../img/top/advantage_img02.png")no-repeat center/cover;
}

#top #advantage_area .cnt_g.cnt03::after {
  background: url("../img/top/advantage_img03.png")no-repeat center/cover;
  }

#top #advantage_area .cnt_g .cnt_wrapper {
max-width: 1080px;
margin: 0 auto;
}

#top #advantage_area .cnt_g .cnt_box {
background: #FFFFFF;
max-width: 650px;
width: 60%;
position: relative;
z-index: 1;
padding: 30px 50px;
height: 230px;
display: flex;
align-items: center;
box-shadow: 0px 0px 10px 0px rgba(33, 42, 108,0.15);
margin: 0 0 0 auto;
}



#top #advantage_area .cnt_g.cnt02 .cnt_box {
margin: 0 0 0 0;
}

#top #advantage_area .cnt_g .cnt_box::before {
position: absolute;
content: "";
width: 74px;
height: 78px;
top: -39px;
left: 10px;
}

#top #advantage_area .cnt_g.cnt01 .cnt_box::before {
background: url("../img/top/advantage_icon01.png")no-repeat center/cover;
}

#top #advantage_area .cnt_g.cnt02 .cnt_box::before {
background: url("../img/top/advantage_icon02.png")no-repeat center/cover;
}

#top #advantage_area .cnt_g.cnt03 .cnt_box::before {
background: url("../img/top/advantage_icon03.png")no-repeat center/cover;
}


#top #advantage_area .cnt_g .cnt_box .cnt_text .h3_title {
color: #2A3790;
font-size: 18px;
line-height: 29px;
font-weight: 500;
margin-bottom: 10px;
}

#top #advantage_area .cnt_g .cnt_box .cnt_text .text {
font-size: 14px;
line-height: 25px;
}

#top #advantage_area .cnt_g .text_img {
max-width: 478px;
width: 37%;
position: absolute;
bottom: 0;
left: 20px;
z-index: 1;
}

#top #advantage_area .cnt_g.cnt02 .text_img {
right: 20px;
left: auto;
}

#top #group_area{
background: linear-gradient(0deg, rgba(230,237,255,1) 0%, rgba(255,255,255,1) 100%);
padding: 120px 0 180px;
}

#top #group_area .cnt_g .group_list {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}

#top #group_area .cnt_g .group_list li {
max-width: 330px;
width: 32%;
margin-bottom: 45px;
}

#top #group_area .cnt_g .group_list li a {
box-shadow: 0px 0px 10px 0px rgba(33, 42, 108,0.15);
display: block;
}

#top #group_area .cnt_g .group_list li a:hover {
box-shadow: 0px 0px 10px 0px rgba(33, 42, 108,0.4);
}

#top #group_area .cnt_g .group_list li .img_box {
padding: 40px 0;
background: #FFFFFF;
}

#top #group_area .cnt_g .group_list li .img_box .cnt_img {
max-width: 230px;
margin: 0 auto;
}

#top #group_area .cnt_g .group_list li .cnt_text {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
background: #F4F4F4;
padding: 30px 20px;
position: relative;
}

#top #group_area .cnt_g .group_list li .cnt_text::after {
position: absolute;
content: "";
background: url("../common/img/icon_arrow03.png")no-repeat center/contain;
width: 30px;
height: 30px;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: 0.3s;
}

#top #group_area .cnt_g .group_list li a:hover .cnt_text::after {
right: 10px;
}

#top #recruit_area {
background: #2A3790;
}

#top #recruit_area .contents_in {
max-width: 1280px;
width: 100%;
position: relative;
}

#top #recruit_area .contents_in::after {
position: absolute;
content: "";
background: url("../img/top/recruit_img.png")no-repeat center/cover;
max-width: 748px;
width: 59%;
height: 385px;
bottom: -80px;
right: 0;
}

#top #recruit_area .cnt_g {
max-width: 1080px;
width: 96%;
margin: 0 auto;
padding: 155px 0 65px;
position: relative;
}

#top #recruit_area .cnt_g .h2_title_ptn01 {
text-align: left;
/*position: relative;*/
position: absolute;
top: -20px;
left: 0;
width: fit-content;
/*margin: 0 auto 100px 0;*/
z-index: 1;
}

#top #recruit_area .cnt_g .h2_title_ptn01::after {
position: absolute;
content: "";
background: #FFFFFF;
width: 400px;
height: 158px;
top: 50%;
left: 50%;
transform: translateY(-50%)translateX(-50%);
z-index: -1;
}

#top #recruit_area .cnt_g .cnt_box .text {
color: #FFFFFF;
font-size: 16px;
line-height: 29px;
font-weight: 500;
margin-bottom: 40px;
}

#top #recruit_area .cnt_g .cnt_box .btn_ptn01 a {
color: #FFFFFF;
background: #2A3790;
border: solid #FFFFFF 1px;
}

#top #recruit_area .cnt_g .cnt_box .btn_ptn01 a::after {
background: url("../common/img/icon_arrow02.png")no-repeat center/contain;
}

#top #recruit_area .cnt_g .cnt_box .btn_ptn01 a::before {
background: #FFFFFF;
}

#top #recruit_area .cnt_g .cnt_box .btn_ptn01 a:hover {
color: #2A3790;
}

#top #recruit_area .cnt_g .cnt_box .btn_ptn01 a:hover::after {
background: url("../common/img/icon_arrow04.png")no-repeat center/contain;
}

#top #recruit_area .contents_in .cnt_img {
max-width: 748px;
width: 62%;
position: absolute;
/*bottom: -80px;*/
top: 23%;
right: 0;
}

#top #news_area {
padding: 200px 0 120px;
background: url("../img/top/news_bg_img.png")no-repeat center/cover;
}

#top #news_area .cnt_g {
max-width: 800px;
margin: 0 auto;
}

#top #news_area .cnt_g .news_list {
margin-bottom: 40px;
}


#top #news_area .cnt_g .news_list .news_item {
border-bottom: solid #D8D8D8 1px;
padding-bottom: 25px;
margin-bottom: 25px;
}

#top #news_area .cnt_g .news_list .news_item:last-child {
margin-bottom: 0;
}

#top #news_area .cnt_g .news_list .news_item a {
  color: #2A3790;
  text-decoration: underline;
}

#top #news_area .cnt_g .news_list .news_item .news_top {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 10px;
}

#top #news_area .cnt_g .news_list .news_item .date {
font-size: 16px;
font-weight: 500;
font-family: 'Futura';
padding: 4px 0 5px;
margin-right: 15px;
}

#top #news_area .cnt_g .news_list .news_item .cat_list {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
}

#top #news_area .cnt_g .news_list .news_item .cat_list li {
color: #FFFFFF;
font-size: 14px;
line-height: 1;
background: #A1B6EB;
padding: 5px 10px;
width: fit-content;
margin: 0 10px 5px 0;
}

#top #news_area .cnt_g .news_list .news_item .news_title {
display: block;
width: fit-content;
font-size: 14px;
line-height: 25px;
/*padding: 5px 0;*/
}

#top #news_area .cnt_g .news_list .news_item .news_title:hover {
/*opacity: 0.5;*/
color: #2A3790;
text-decoration: underline;
}

#top #news_area .cnt_g .btn_ptn01 {
margin: 0 auto;
}
/*----------
02.philosophy
----------*/
#philosophy .under_title_area {
background-image: url(../img/philosophy/under_title_bg_img.jpg);
}

#philosophy .cnt_area01 {
padding: 70px 0 50px;
background: url(../img/philosophy/lead_bg01.jpg) no-repeat center / cover;
}

#philosophy .cnt_area01 h2 {
margin-bottom: 30px;
color: #2A3790;
font-size: 24px;
font-weight: 700;
letter-spacing: .1em;
line-height: 2;
text-align: center;
}

#philosophy .cnt_area01 .cnt_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-shadow: 0 0 10px #E0E8FA;
box-shadow: 0 0 10px #E0E8FA;
background-color: #fff;
}

#philosophy .cnt_area01 .cnt_box .img_wrp {
position: relative;
width: 38.8%;
}

#philosophy .cnt_area01 .cnt_box .img_wrp img {
height: 100%;
object-fit: cover;
object-position: 62% center;
}

#philosophy .cnt_area01 .cnt_box .txt_wrp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 61.2%;
padding: 20px 35px;
-webkit-box-shadow: 0 3px 6px rgba(255, 255, 255, .16);
box-shadow: 0 3px 6px rgba(255, 255, 255, .16);
}

#philosophy .cnt_area01 .cnt_box .txt_wrp p {
font-size: 14px;
line-height: 1.78;
}

#philosophy .cnt_area02 {
margin-top: 120px;
padding-bottom: 120px;
background-color: #F4F4F4;
}

#philosophy .cnt_area02 .mission_block {
position: relative;
z-index: 1;
padding: 80px 0 255px;
color: #fff;
overflow: hidden;
}

#philosophy .cnt_area02 .mission_block::before,
#philosophy .cnt_area02 .mission_block::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}

#philosophy .cnt_area02 .mission_block::before {
z-index: -2;
background: url(../img/philosophy/mis_bg01.jpg) no-repeat center / cover;
opacity: 0;
-webkit-transition: 1.4s .5s;
transition: 1.4s .5s;
}

#philosophy .cnt_area02 .mission_block::after {
z-index: -1;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(78, 128, 255, .8)), color-stop(40%, rgba(45, 69, 155, .8)), to(rgba(15, 31, 149, .8)));
background: -webkit-linear-gradient(bottom, rgba(78, 128, 255, .8) 0%, rgba(45, 69, 155, .8) 40%, rgba(15, 31, 149, .8) 100%);
background: linear-gradient(0deg, rgba(78, 128, 255, .8) 0%, rgba(45, 69, 155, .8) 40%, rgba(15, 31, 149, .8) 100%);
}

#philosophy .cnt_area02 .mission_block.is_inview::before {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}

#philosophy .cnt_area02 .mission_block .h2_title_ptn01 {
margin-bottom: 50px;
color: #fff;
}

#philosophy .cnt_area02 .mission_block .em_text {
font-size: 24px;
font-weight: 700;
letter-spacing: .1em;
line-height: 2;
text-align: center;
}

#philosophy .cnt_area02 .mission_block .em_text p + p {
margin-top: 15px;
}

#philosophy .cnt_area02 .mission_block .em_text p .dib {
display: inline-block;
}

#philosophy .cnt_area02 .value_block {
position: relative;
z-index: 1;
margin-top: -183px;
padding: 60px 40px;
background-color: #fff;
}

#philosophy .cnt_area02 .value_block .val_box {
max-width: 800px;
margin: 0 auto;
}

#philosophy .cnt_area02 .value_block .val_box .val_item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
opacity: 0;
-webkit-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: opacity 1.4s, -webkit-transform 1.4s;
transition: opacity 1.4s, -webkit-transform 1.4s;
transition: opacity 1.4s, transform 1.4s;
transition: opacity 1.4s, transform 1.4s, -webkit-transform 1.4s;
}

#philosophy .cnt_area02 .value_block .val_box .val_item:nth-of-type(1) {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}

#philosophy .cnt_area02 .value_block .val_box .val_item:nth-of-type(2) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}

#philosophy .cnt_area02 .value_block .val_box .val_item:nth-of-type(3) {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}

#philosophy .cnt_area02 .value_block .val_box .val_item:nth-of-type(4) {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}

#philosophy .cnt_area02 .value_block .val_box .val_item:nth-of-type(5) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}

#philosophy .cnt_area02 .value_block .val_box.is_inview .val_item {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

#philosophy .cnt_area02 .value_block .val_box .val_item + .val_item {
margin-top: 30px;
padding-top: 40px;
border-top: 1px solid #D2D4D9;
}

#philosophy .cnt_area02 .value_block .val_box .val_item .ico_wrp {
position: relative;
width: 14.2%;
width: 114px;
padding-left: 14px;
}

#philosophy .cnt_area02 .value_block .val_box .val_item .ico_wrp .num {
position: absolute;
top: -5px;
left: 0;
color: #2A3790;
font-size: 35px;
font-weight: 500;
font-family: "Futura";
}

#philosophy .cnt_area02 .value_block .val_box .val_item .txt_wrp {
width: 80.8%;
width: calc(100% - 114px - 5%);
}

#philosophy .cnt_area02 .value_block .val_box .val_item .txt_wrp .st {
margin-bottom: 5px;
}

#philosophy .cnt_area02 .value_block .val_box .val_item .txt_wrp .st h3 {
font-weight: 500;
line-height: 1.8;
}

#philosophy .cnt_area02 .value_block .val_box .val_item .txt_wrp .st h3 .dib {
display: inline-block;
}

#philosophy .cnt_area02 .value_block .val_box .val_item .txt_wrp p {
font-size: 14px;
line-height: 1.78;
}

#philosophy .cnt_area02 .value_block .val_box .val_item .txt_wrp p .dib {
display: inline-block;
}

/*----------
03.service
----------*/
#service .under_title_area {
background-image: url(../img/service/under_title_bg_img.jpg);
}

#service .cnt_area01 {
padding-top: 80px;
}

#service .cnt_area01 .first_text {
font-size: 14px;
line-height: 1.78;
}

#service .cnt_area01 .fig_box {
max-width: 1068px;
margin: 55px auto 0;
}

#service .cnt_area01 .group_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 653px;
margin: 40px auto 0;
border: 5px solid #A1B6EB;
}

#service .cnt_area01 .group_box .gro_wrp {
width: calc(50% - 2.5px);
padding: 16px 20px 20px;
}

#service .cnt_area01 .group_box .gro_wrp + .gro_wrp {
width: calc(50% + 2.5px);
border-left: 5px solid #A1B6EB;
}

#service .cnt_area01 .group_box .gro_wrp .logo {
max-width: 234px;
margin: 0 auto;
}

#service .cnt_area01 .group_box .gro_wrp .txt_g {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 50px;
margin-top: 7px;
padding: 6px 10px;
background-color: #F2F6FF;
color: #2A3790;
font-size: 13px;
font-weight: 500;
line-height: 1.46;
text-align: center;
}

#service .cnt_area01 .group_box .gro_wrp .txt_g .dib {
display: inline-block;
}

#service .area_ptn01 {
padding-top: 120px;
}

#service .area_ptn01 .cnt_block.js_fadeup {
transform: translateY(100px);
}

#service .area_ptn01 .cnt_block.is_inview {
transform: translateY(0);
}

#service .area_ptn01 .ctn_box + .ctn_box {
margin-top: 60px;
}

#service .area_ptn01 .ctn_box .head {
padding: 9.5px 0;
background-color: #2A3790;
color: #fff;
text-align: center;
}

#service .area_ptn01 .ctn_box .head h3 {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
}

#service .area_ptn01 .ctn_box .cnt_wrp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px;
background-color: #F8F8F8;
}

#service .area_ptn01 .ctn_box .cnt_wrp .img_wrp {
width: 38.3%;
}

#service .area_ptn01 .ctn_box .cnt_wrp .txt_wrp {
width: 56.7%;
}

#service .area_ptn01 .ctn_box .cnt_wrp .txt_wrp .st {
margin-bottom: 15px;
font-weight: 500;
line-height: 1.75;
}

#service .area_ptn01 .ctn_box .cnt_wrp .txt_wrp p {
font-size: 14px;
line-height: 1.78;
}

#service .area_ptn01 .ctn_box .cnt_wrp .txt_wrp .btn_ptn01 {
margin-top: 40px;
}

#service .cnt_area03 {
padding-bottom: 120px;
}

#service .cnt_area03 .ctn_box .head {
background-color: #4D6EC4;
}


/*----------
04.award
----------*/
#award .dib {
display: inline-block;
}

#award .js_fadeup {
transform: translateY(100px);
}

#award .js_fadeup.is_inview {
transform: translateY(0);
}

#award .js_slideright {
transform: translateX(100px);
}

#award .js_slideright.is_inview {
transform: translateX(0);
}

#award .under_title_area {
background-image: url(../img/award/under_title_bg_img.jpg);
}

#award .area_ptn01 {
padding-top: 120px;
}

#award .area_ptn01 .title_g {
position: relative;
padding: 13px 0;
}

#award .area_ptn01 .title_g::before,
#award .area_ptn01 .title_g::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(#2D459B), to(#4A79F4));
background: -webkit-linear-gradient(left, #2D459B, #4A79F4);
background: linear-gradient(to right, #2D459B, #4A79F4);
}

#award .area_ptn01 .title_g::before {
top: 0;
}

#award .area_ptn01 .title_g::after {
bottom: 0;
}

#award .area_ptn01 .title_g .contents_in {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

#award .area_ptn01 .title_g .logo {
margin-right: 55px;
}

#award .area_ptn01 .title_g .logo.nl {
width: 274px;
}

#award .area_ptn01 .title_g .logo.wi {
width: 211px;
}

#award .area_ptn01 .title_g .sub_txt {
color: #2A3790;
font-size: 14px;
line-height: 1.5;
}

#award .area_ptn01 .cnt_block {
margin-top: 100px;
}

#award .area_ptn01 .cnt_block h3 {
margin-bottom: 30px;
}

#award .area_ptn01 .cnt_block .cnt_box {
padding: 10px 4.6%;
background-color: #F8F8F8;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 40px 0;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item.flex_start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item + .cnt_item {
border-top: 1px solid #D2D4D9;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .img_wrp {
width: 15%;
margin-right: 5%;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp {
width: 80%;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .st {
margin-bottom: 10px;
font-weight: 500;
line-height: 1.8;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .st .strong {
color: #2A3790;
text-decoration: underline;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .st a {
color: #2A3790;
text-decoration: underline;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .st a:hover {
text-decoration: none;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp p {
font-size: 14px;
line-height: 1.78;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .dl_ptn01 {
margin-top: 20px;
border-right: 1px solid #778CC2;
font-size: 14px;
line-height: 1.4;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .dl_ptn01 .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .dl_ptn01 dt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 26.3%;
padding: 24px 0;
border-top: 1px solid #fff;
background-color: #2A3790;
color: #fff;
font-weight: 600;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .dl_ptn01 .wrap:first-of-type dt {
border-top: 1px solid #2A3790;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .dl_ptn01 .wrap:last-of-type dt {
border-bottom: 1px solid #2A3790;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .dl_ptn01 dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 73.7%;
padding: 12px 5.7%;
border-top: 1px solid #778CC2;
background-color: #fff;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .dl_ptn01 .wrap:last-of-type dd {
border-bottom: 1px solid #778CC2;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .lnk_box {
margin-top: 15px;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .lnk_box .tag {
display: inline-block;
margin-bottom: 8px;
padding: 2px 9px;
border: 1px solid #84879A;
color: #84879A;
font-size: 12px;
line-height: 1.2;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .lnk_box .lnk_list li + li {
margin-top: 7px;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .lnk_box .lnk_list li a {
color: #2A3790;
font-size: 14px;
line-height: 1.8;
text-decoration: underline;
}

#award .area_ptn01 .cnt_block .cnt_box .cnt_item .txt_wrp .lnk_box .lnk_list li a:hover {
text-decoration: none;
}

#award .cnt_area01 {
padding-top: 80px;
}

#award #contact_area {
margin-top: 120px;
}



/*----------
05.access
----------*/
#access .under_title_area {
background: url('../img/access/under_title_bg_img.jpg')no-repeat center/cover;
margin-bottom: 80px;
}

#access h2{
margin-bottom: 15px;
}

#access .cnt_area01 .contents_in{
max-width: 820px;
}

#access .cnt_area01 .cnt_box{
margin-bottom: 80px;
}

#access .cnt_area01 dl{
display: flex;
}

#access .cnt_area01 dt{
width: 21.95%;
padding: 25px 0 25px 20px;
border-bottom: 1px solid #3243BA;
font-weight: 500;
font-size: 15px;
}

#access .cnt_area01 dd{
width: 78.05%;
padding: 25px 40px;
border-bottom: 1px solid #D2D4D9;
font-size: 14px;
line-height: 1.8;
}



#access .cnt_area01 dl:last-of-type{
margin-bottom: 40px;
}

#access .map_area{
display: flex;
justify-content: space-between;
}

#access .map_area .cnt_left{
width: 45.12%;
}

#access .map_area .cnt_left span{
display: block;
margin-bottom: 10px;
line-height: 24px;
font-weight: 500;
}

#access .map_area .cnt_left p{
font-size: 14px;
line-height: 25px;
padding: 15px;
background: #F4F4F4;
}

#access .map_area .map_wrap{
width: 50%;
position: relative;
height: 236px;
}


#access .map_area .map_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#access .cnt_area01 #main_office, #access .cnt_area01 #shinjuku{
margin-top: -90px;
padding-top: 90px;
}
/*----------
07.diversity
----------*/
#diversity .under_title_area{
background: url('../img/diversity/under_title_bg_img.jpg')no-repeat center/cover;
margin-bottom: 80px;
}

#diversity .cnt_area01,#diversity .cnt_area02{
margin-bottom: 120px;
}

#diversity .blue{
display: block;
font-size: 18px;
line-height: 28px;
color: #2A3790;
font-weight: 500;
}

#diversity h2{
margin-bottom: 40px;
}

#diversity p.txt_box {
font-size: 14px;
line-height: 28px;
margin-bottom: 60px;
}

#diversity .cnt_box{
padding: 50px 40px;
background-color: #F4F4F4;
margin-bottom: 60px;
}

#diversity h3{
font-size: 18px;
line-height: 26px;
font-weight: 500;
margin-bottom: 20px;
color: #212A6C;
}

#diversity .cnt_box p{
font-size: 14px;
line-height: 28px;
}

#diversity .cnt_box table{
width: 100%;
margin-top: 40px;
font-size: 14px;
font-weight: 500;
}

#diversity .cnt_box table th{
width: calc(100%/4);

color: #fff;
background: #2A3790;
vertical-align: middle;
text-align: center;
padding: 15px 0;
border-right: 1px solid #fff;
}


#diversity .cnt_box table td{
line-height: 25px;
background: #fff;
vertical-align: middle;
text-align: center;
padding: 15px 0;
border: 1px solid #778CC2;
}

#diversity .cnt_box table td:first-of-type{
background-color: #DEE8FF;
color: #212A6C;
border: 1px solid #fff;
border-left: none;
}

#diversity .cnt_box table td:last-of-type{
border-right: none;
}

#diversity .cnt_box table tr:last-of-type td{
border-bottom: none;
}

#diversity .cnt_box.flex_box{
display: flex;
}

#diversity .cnt_box.flex_box{
padding: 0;
}

#diversity .cnt_box.flex_box .cnt_left{
width: 60.19%;
padding: 38px 40px;
}

#diversity .cnt_box.flex_box .cnt_right{
width: 39.81%;
}

#diversity .cnt_box.flex_box p{
margin-bottom: 0;

}

#diversity .cnt_box .flex_box{
display: flex;
justify-content: space-between;
max-width: 900px;
margin: 0 auto;
}

#diversity .cnt_box .flex_box .cnt_img{
width: 47.7%;
}

/*----------
08.action_plan
----------*/
#action_plan .under_title_area {
background: url('../img/action_plan/under_title_bg_img.jpg')no-repeat center/cover;
margin-bottom: 80px;
}

/* #action_plan .cnt_area01 h2{
margin-bottom: 40px;
} */

#action_plan .cnt_area01 p:not(.text_right){
font-size: 14px;
line-height: 20px;
margin-bottom: 30px;
}

#action_plan .cnt_area01 .text_right{
text-align: right;
font-size: 14px;
line-height: 25px;
margin-bottom: 80px;
}

#action_plan .cnt_area02{
background-color: #F4F4F4;
padding: 79px 0 4px;
margin-bottom: 120px;
}

#action_plan .cnt_area02 .first_text{
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
margin-bottom: 60px;
background-color: #fff;
}

#action_plan .cnt_area02 .first_text .blue{
width: 104px;
color: #fff;
text-align: center;
background-color: #2A3790;
padding: 10px 0;
margin-bottom: 0;
}

#action_plan .cnt_area02 .first_text .text{
width: calc(100% - 104px);
color: #2A3790;
padding: 10px 35px;
}

#action_plan .cnt_area02 .box_g{
margin-bottom: 76px;
}

#action_plan .cnt_area02 .title{
font-size: 24px;
line-height: 35px;
text-align: center;
padding: 33px 0;
color: #fff;
}

#action_plan .cnt_area02 .box_g01 .title{
background: center/cover no-repeat url(../img/action_plan/title_bg01.jpg);
}

#action_plan .cnt_area02 .box_g02 .title{
background: center/cover no-repeat url(../img/action_plan/title_bg02.jpg);
}

#action_plan .cnt_area02 .cnt_box{
padding: 38px 40px 60px;
background-color: #FFFFFF;
}

#action_plan .cnt_area02 .cnt_box:not(:last-of-type){
border-bottom: 1px solid #778CC2;
}

#action_plan .cnt_area02 .num_title{
display: flex;
align-items: center;
margin-bottom: 29px;
}

#action_plan .cnt_area02 .num{
font-size: 45px;
line-height: 60px;
font-weight: 500;
color: #2A3790;
margin-right: 23px;
}

#action_plan .cnt_area02 .num_title p{
font-size: 17px;
font-weight: 500;
line-height: 25px;
}

#action_plan .cnt_area02 .blue{
display: inline-block;
color: #fff;
font-size: 12px;
font-weight: 500;
padding: 2.5px 10px;
background-color: #2A3790;
line-height: 22px;
margin-bottom: 20px;
}

#action_plan .cnt_area02 ul {
font-size: 14px;
line-height: 25px;
}

#action_plan .cnt_area02 ul:not(:last-of-type){
margin-bottom: 33px;
}

#action_plan .cnt_area02 ul li {
  position: relative;
}

#action_plan .cnt_area02 ul li::before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 10px;
  background: linear-gradient(#0F1F95,#4E80FF);
  }

#action_plan .cnt_area03{
margin-bottom: 120px;
}

#action_plan .cnt_area03 .flex_box{
display: flex;
max-width: 1040px;
margin-left: auto;
margin-bottom: 60px;
justify-content: space-between;
align-items: center;
}

#action_plan .cnt_area03 .flex_box .cnt_img{
width: 110px;
}

#action_plan .cnt_area03 .flex_box p{
width: calc((1040 - 180)/1040 * 100%);
font-size: 14px;
line-height: 28px;
}

/*----------
09.company
----------*/
#company .under_title_area{
background: url('../img/company/under_title_bg_img.jpg')no-repeat center/cover;
}

#company .cnt_area01{
background: #F8F8F8;
padding: 80px 0 120px;
}

#company .cnt_area01 .contents_in{
max-width: 900px;
background-color: #fff;
padding: 15px 40px 40px;
}

#company .cnt_area01 dl{
display: flex;
flex-wrap: wrap;
}

#company .cnt_area01 dt{
width: 185px;
display: flex;
align-items: center;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid #3243BA;
padding-left: 15px;
}

#company .cnt_area01 dd{
width: calc(100% - 185px);
padding: 25px 0 25px 30px;
font-size: 14px;
line-height: 25.2px;
border-bottom: 1px solid #D2D4D9;
}

#company .cnt_area01 a{
text-decoration: underline;
color: #2A3790;
}



#company .cnt_area01 dd .flex_box{
display: flex;
}

#company .cnt_area01 dd .flex_box div:first-of-type{
margin-right: 30px;
width: 154px;
}

#company .cnt_area01 dd .flex_box div:last-of-type{
width: calc(100% - 184px);
display: flex;
text-wrap: nowrap;
}

#company .cnt_area01 dd .flex_box div #text{
white-space: nowrap;
}

#company .cnt_area01 dd .flex_box span{
display: block;
font-size: 12px;
color: #808080;
text-wrap: wrap;
}

/*----------
10.news
----------*/
#news .under_title_area{
background: url('../img/news/under_title_bg_img.jpg')no-repeat center/cover;

}

#news .cnt_area01{
background-color: #F8F8F8;
padding: 80px 0 120px;
}

#news .cnt_area01 .contents_in{
max-width: 900px;
}

#news .cnt_area01 .all_time{
max-width: 300px;
position: relative;
background-color: #fff;
}

#news .cnt_area01 .all_time label{
text-align: center;
font-weight: 500;
line-height: 24px;
text-align: center;
color: #2A3790;
padding: 13.5px 0;
display: block;
border: 1px solid #2A3790;
margin-bottom: 40px;
cursor: pointer;
position: relative;
z-index: 0;
}

#news .cnt_area01 .all_time label::after{
content: "";
display: inline-block;
width: 19px;
height: 19px;
border-radius: 50%;
background: url(../img/news/arrow_white.png),linear-gradient(90deg,#0F1F95,#4E80FF);
background-position: center;
background-size:7px 4px , 19px 19px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
transition: 0.4s;
}

#news .cnt_area01 .all_time:hover label::after{
background: url(../img/news/arrow_blue.png),#fff;
background-position: center;
background-size:7px 4px , 19px 19px;
background-repeat: no-repeat;
}

#news .cnt_area01 .all_time:hover input + ul{
position: absolute;
flex-wrap: wrap;
display: flex;
}

#news .cnt_area01 .all_time:hover{
background-color: transparent;
}

#news .cnt_area01 .all_time label:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 0;
display: block;
background:linear-gradient(90deg,#0F1F95,#4E80FF);
transition: .2s;
z-index: -1;
}

#news .cnt_area01 .all_time label:hover{
color: #fff;
}

#news .cnt_area01 .all_time label:hover:before{
width: 100%;
}

#news .cnt_area01 .all_time input{
display: none;
}

#news .cnt_area01 .all_time ul{
display: none;
width: 300px;
border: 1px solid #2A3790;
top: 51px;

background-color: #fff;
}

#news .cnt_area01 .all_time li{
width: 50%;
text-align: center;
line-height: 24px;
font-weight: 500;
color: #2A3790;
}

#news .cnt_area01 .all_time li:nth-child(odd){
border-right: 1px solid #D2D4D9;
border-bottom:1px solid #D2D4D9;
}

#news .cnt_area01 .all_time li:nth-child(even){
border-bottom:1px solid #D2D4D9;
}

#news .cnt_area01 .all_time li a{
display: block;
width: 100%;
padding: 14px 0;
}

#news .cnt_area01 .cnt_g{
background-color: #fff;
padding: 20px 50px 50px;
}

#news .cnt_area01 .cnt_box{
padding: 30px 0;
border-bottom: 1px solid #D8D8D8;
}

#news .cnt_area01 .category_date{
display: flex;
margin-bottom: 21px;
}

#news .cnt_area01 .category_date .date{
line-height: 21px;
font-weight: 500;
font-family: 'Futura';
margin-right: 25px;
}

#news .cnt_area01 .category_g{
display: flex;
}

#news .cnt_area01 .category_g span{
display: block;
color: #84879A;
font-size: 12px;
line-height: 17px;
padding: 1.5px 10px;
border: 1px solid #84879A;
}

#news .cnt_area01 .cnt_box .cnt_bottom{
font-size: 14px;
line-height: 20px;
}

#news .cnt_area01 .cnt_box .cnt_bottom a{
color: #2A3790;
text-decoration: underline;
}

#news .cnt_area01 .page{
display: flex;
justify-content: center;
margin-top: 50px;
}

#news .cnt_area01 .page li{
width: 30px;
height: 30px;
margin: 0 10px;
line-height: 30px;
text-align: center;
}

#news .cnt_area01 .page .prev a, #news .cnt_area01 .page .next a{
border: 1px solid #0F1F95;
background-color: #fff;
position: relative;
}

#news .cnt_area01 .page .prev a::before,#news .cnt_area01 .page .next a::before{
content: "";
display: block;
width: 6px;
height: 6px;
border: 1px solid #2A3790;
border-top: none;
border-left: none;
position: absolute;
top: 50%;
left: 13px;
transform: translateY(-50%) rotate(135deg);
}

#news .cnt_area01 .page .next a::before{
transform: translateY(-50%) rotate(-45deg);
right: 13px;
left: auto;
}

#news .cnt_area01 .page li a{
display: block;
width: 100%;
height: 100%;

background-color: #F0F0F0;

}

#news .cnt_area01 .page .now{
width: 30px;
height: 30px;
background: linear-gradient(#0F1F95,#4E80FF);
color: #fff;
}

/*----------
10-01.news_detail
----------*/
#news_detail .under_title_area{
background: url('../img/news/under_title_bg_img.jpg')no-repeat center/cover;
}

#news_detail .cnt_area01{
padding: 80px 0;
background-color: #F8F8F8;
}

#news_detail .cnt_area01 .contents_in{
padding: 50px 100px;
background-color: #fff;
width: 80%;
}

#news_detail .cnt_area01 .bold{
font-weight: 700;
}

#news_detail .cnt_area01 p{
font-size: 14px;
line-height: 1.8;
margin-bottom: 20px;
}

#news_detail .cnt_area01 a {
  color: #212A6C;
  text-decoration: underline;
}

#news_detail .cnt_area01 a:hover {
  text-decoration: none;
}

#news_detail .cnt_area01 p.txt_right {
  text-align: right;
}

#news_detail .cnt_area01 .cnt_img{
margin: 0 auto 20px;
}
#news_detail .cnt_area01 .cnt_img img { 
  width: auto;
  max-width: 100%;
}

#news_detail .cnt_area01 table{
font-size: 14px;
line-height: 1.8;
margin: 0 auto 20px;
width: 100%;
}

#news_detail .cnt_area01 table td{
border: 1px solid #fff;
padding: 20px;
background: #F9F9F9;
}

#news_detail .cnt_area01 table .outline_left{
vertical-align: middle;
text-align: center;
background: #D5E2EE;
padding: 20px 0;
}

#news_detail .cnt_area01 table td p{
margin-bottom: 0;
}

#news_detail .cnt_area01 h3{
font-size: 16px;
line-height: 1.8;
font-weight: 500;
position: relative;
padding-left: 0;
margin-bottom: 20px;
background-color: #F1F4FA;
}
/*----------
11-02.contact_thanks
----------*/
#contact .under_title_area,
#contact_thanks .under_title_area{
background: url('../img/contact/under_title_bg_img.jpg')no-repeat center/cover;

}

#contact_thanks .cnt_area01{
padding: 80px 0;
background-color: #F8F8F8;
}

#contact_thanks .cnt_area01 .contents_in{
max-width: 900px;
background-color: #fff;
padding: 74px 0 80px;
text-align: center;
}

#contact_thanks .cnt_area01 h2{
font-size: 30px;
line-height: 40px;
color: #212A6C;
margin-bottom: 26px;
font-weight: 700;
font-family: 'Futura';
margin-bottom: 26px;
}

#contact_thanks .cnt_area01 p{
line-height: 28.8px;
margin-bottom: 40px;
}

#contact_thanks .cnt_area01 .btn_ptn01{
margin: 0 auto;
}

/*----------
12.security_policy
----------*/
#security_policy .under_title_area{
background: url('../img/security_policy/under_title_bg_img.jpg')no-repeat center/cover;
margin-bottom: 80px;
}

#security_policy p{
font-size: 14px;
line-height: 28px;
}

#security_policy .cnt_area01 p:first-of-type{
margin-bottom: 30px;
}

#security_policy .cnt_area01 .text_right{
text-align: right;
margin-bottom: 50px;
}

#security_policy section ul{
font-size: 14px;
line-height: 28px;
}

#security_policy section ul li{
position: relative;
display: flex;
}

#security_policy section ul li::before{
content: "・";
display: block;
margin-right: 6px;
}

#security_policy section ul:first-of-type{
margin-bottom: 50px;
}

#security_policy .cnt_area02 p{
display: flex;
}

#security_policy .cnt_area02 p span{
display: inline-block;
font-size: 25px;
line-height: 33px;
font-weight: 500;
font-family: 'Futura';
color: #2A3790;
margin-right: 11px;
}

#security_policy .cnt_area02 p:not(:last-of-type){
margin-bottom: 50px;
}

#security_policy .cnt_area02 p:last-of-type{
margin-bottom: 20px;
}

#security_policy .cnt_area02 .gray{
padding: 30px;
background-color: #F4F4F4;
margin-bottom: 120px;
}

#security_policy .cnt_area02 .gray ul{
margin-bottom: 0;
}

/*----------
13.privacy_policy
----------*/
#privacy_policy .under_title_area{
background-image: url(../img/privacy_policy/under_title_bg_img.jpg);
margin-bottom: 80px;
}

#privacy_policy p{
font-size: 14px;
line-height: 28px;
}

#privacy_policy h2 + p{
margin-bottom: 60px;
}

#privacy_policy h3{
font-size: 18px;
font-weight: 500;
line-height: 26px;
padding-bottom: 10px;
border-bottom: 1px solid #D2D4D9;
margin-bottom: 30px;
color: #2A3790;
    text-align: left;
}

#privacy_policy .cnt_area01 h3 + p{
margin-bottom: 50px;
}

#privacy_policy .cnt_area01 .text_right{
text-align: right;
margin: 60px 0 100px;
}

#privacy_policy .title_bk{
font-weight: 500;
line-height: 28px;
margin-bottom: 20px;
}

#privacy_policy .bg_gray{
padding: 30px;
background-color: #F4F4F4;
margin-bottom: 40px;
}

#privacy_policy section ul{
font-size: 14px;
line-height: 28px;
}

#privacy_policy section ul li{
position: relative;
display: flex;
}

#privacy_policy section ul li::before{
content: "・";
display: block;
margin-right: 6px;
}

#privacy_policy section ul li span{
display: block;
font-size: 15px;
font-weight: 500;
line-height: 21px;
margin-bottom: 3px;
}

#privacy_policy .cnt_area02 p{
margin-bottom: 20px;
}

#privacy_policy .cnt_area02 h3{
margin-top: 50px;
}

#privacy_policy .cnt_area02 p + .flex_box{
display: flex;
justify-content: space-between;
margin-bottom: 120px;
align-items: flex-end;
}

#privacy_policy .cnt_area02 .flex_box .cnt_img{
width: 140px;
}

#privacy_policy .mb25 li:not(:last-of-type){
margin-bottom: 25px;
}

#privacy_policy .bg_gray.mb20{
margin-bottom: 20px;
}

#privacy_policy .bg_gray.mb40{
margin-bottom: 40px;
}

/*----------
14.sitemap
----------*/
#sitemap .under_title_area{
background-image: url(../img/sitemap/under_title_bg_img.jpg);
margin-bottom: 80px;
}

#sitemap .cnt_area01 .flex_box{
display: flex;
justify-content: space-between;
margin-bottom: 120px;
}

#sitemap .cnt_area01 .flex_box .cnt_right,#sitemap .cnt_area01 .flex_box .cnt_left{
width: 46.1%;
}

#sitemap .cnt_area01 .btn_ptn01{
max-width: initial;
margin-bottom: 40px;
}

#sitemap .cnt_area01 .btn_ptn01.mb100{
margin-bottom: 100px;
}

#sitemap .cnt_area01 .has_ul {
color: #2A3790;
background: #FFFFFF;
font-size: 16px;
line-height: 29px;
font-weight: 500;
text-align: center;
border: solid #2A3790 1px;
display: block;
position: relative;
padding: 10px 18px 10px 10px;
overflow: hidden;
z-index: 1;
margin-bottom: 0;

}

#sitemap .cnt_area01 .has_ul + ul{
font-size: 14px;
line-height: 20px;
}

#sitemap .cnt_area01 ul{
padding: 30px;
background-color: #F4F4F4;
margin-bottom: 40px;
}

#sitemap .cnt_area01 ul li:not(:last-of-type){
margin-bottom: 20px;
}

#sitemap .cnt_area01 ul li{
position: relative;
text-decoration: underline;
}

#sitemap .cnt_area01 ul li:hover{
opacity: 0.7;
}

#sitemap .cnt_area01 ul li::before{
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: 15px;
background: linear-gradient(#0F1F95,#4E80FF);
}

/*----------
06.message
----------*/
#message .under_title_area{
background-image: url(../img/message/under_title_bg_img.jpg);
}

#message .cnt_area01{
padding: 80px 0 120px;
background: center top/cover no-repeat url(../img/message/bg.png);
}

#message .cnt_area01 .contents_in{
max-width: 1280px;
}

#message .cnt_area01 .flex_box{
background: linear-gradient(90deg,#0F1F95,#4E80FF);
display: flex;
color: #fff;
max-width: 1180px;
margin-left: 0;
justify-content: space-between;
box-shadow: 17px 17px 0 #E6EDFF;
margin-bottom: 80px;
}

#message .cnt_area01 .flex_box p{
font-size: 28px;
line-height: 28px;
letter-spacing: 0.1em;
font-weight: 700;
padding: 104px 0 131px 100px;
position: relative;
display: flex;
align-items: center;
}

#message .cnt_area01 .flex_box p::after{
content: "";
display: inline-block;
width: 95%;
height: 90px;
background: center/contain no-repeat url(../img/message/learn_for_the_future.png);
position: absolute;
bottom: -17px;
left: 0;
}

#message .cnt_area01 .flex_box .cnt_img{
max-width: 267px;
}

#message .cnt_area01 .flex_box + p{
max-width: 1080px;
margin: 0 auto 40px;
font-size: 14px;
line-height: 25px;
}

#message .cnt_area01 .flex_box + p + p{
text-align: right;
font-size: 14px;
line-height: 25px;
}

#message .cnt_area01 .flex_box + p + p + .cnt_img{
max-width: 155.28px;
margin: 15px 0 0 auto;
}

/*----------
15.history
----------*/
#history .under_title_area {
background-image: url(../img/history/under_title_bg_img.jpg);
}

#history .link_area {
padding: 50px 0 60px;
}

#history .link_area .lnk_box {
max-width: 810px;
margin: 0 auto;
}

#history .link_area .lnk_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 103.7%;
margin: -30px -1.85% 0;
}

#history .link_area .lnk_list li {
width: 29.7%;
margin: 30px 1.8% 0;
}

#history .link_area .lnk_list li .btn_ptn01 a::before {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}

#history .link_area .lnk_list li .btn_ptn01 a::after {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}

#history .link_area .lnk_list li .btn_ptn01 a:hover::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

#history .history_area .year_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 112px;
background: -webkit-gradient(linear, left top, right top, from(#2D459B), to(#4A79F4));
background: -webkit-linear-gradient(left, #2D459B, #4A79F4);
background: linear-gradient(to right, #2D459B, #4A79F4);
color: #fff;
}

#history .history_area .year_block .year {
font-size: 40px;
font-family: "Futura";
font-weight: 500;
line-height: 1.2;
}

#history .history_area .year_block .year .unit {
font-size: 25px;
}

#history .history_area .his_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 60px 0;
}

#history .history_area .his_wrapper::before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 1px);
width: 2px;
height: 0;
background-color: #778CC2;
-webkit-transition: 1s ease-in .3s;
transition: 1s ease-in .3s;
}

#history .history_area .his_block {
width: 50%;
padding-right: 25px;
}

#history .history_area .his_block:last-of-type {
padding: 40px 0 0 25px;
}

#history .history_area .his_block .his_box {
position: relative;
padding: 20px 18px 16px;
border: 2px solid #778CC2;
background-color: #fff;
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: 1s;
transition: 1s;
}

#history .history_area .his_block .his_box::after {
content: "";
position: absolute;
top: 50%;
left: calc(100% + 2px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 12px solid rgba(0, 0, 0, 0);
border-right: 0;
border-left: 20px solid #778CC2;
}

#history .history_area .his_block:last-of-type .his_box::after {
right: calc(100% + 2px);
left: auto;
-webkit-transform: translateY(-50%) scale(-1, 1);
transform: translateY(-50%) scale(-1, 1);
}

#history .history_area .his_block .his_box[data-nth="1"] {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}

#history .history_area .his_block .his_box[data-nth="2"] {
-webkit-transition-delay: .9s;
transition-delay: .9s;
}

#history .history_area .his_block .his_box[data-nth="3"] {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}

#history .history_area .his_block .his_box[data-nth="4"] {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}

#history .history_area .his_block .his_box[data-nth="5"] {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}

#history .history_area .his_block .his_box[data-nth="6"] {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}

#history .history_area .his_block .his_box[data-nth="7"] {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}

#history .history_area .his_block .his_box[data-nth="8"] {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}

#history .history_area .his_block .his_box + .his_box {
margin-top: 80px;
}

#history .history_area .his_block .his_box .year {
margin-bottom: 20px;
color: #2A3790;
font-size: 40px;
font-family: "Futura";
font-weight: 500;
line-height: 1.2;
}

#history .history_area .his_block .his_box .year .unit {
font-size: 25px;
}

#history .history_area .his_block .his_box .his_wrp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#history .history_area .his_block .his_box .his_wrp + .his_wrp {
margin-top: 5px;
}

#history .history_area .his_block .his_box .his_wrp .month {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 35px;
height: 22px;
margin-top: 2px;
padding-left: 1px;
color: #fff;
font-size: 14px;
font-weight: 500;
background-color: #A1B6EB;
white-space: nowrap;
}

#history .history_area .his_block .his_box .his_wrp .month::after {
content: "";
position: absolute;
top: 0;
left: 100%;
border: 11px solid rgba(0, 0, 0, 0);
border-right: 0;
border-left: 8px solid #A1B6EB;
}

#history .history_area .his_block .his_box .his_wrp .his_list {
width: calc(100% - 43px - 5px);
}

#history .history_area .his_block .his_box .his_wrp .his_list li {
padding-left: 1.2em;
font-size: 14px;
line-height: 1.78;
text-indent: -1.2em;
}

#history .history_area .his_block .his_box .his_wrp .his_list li + li {
margin-top: 3px;
}

#history .history_area .his_block .his_box .his_wrp .his_list li::before {
content: "・";
margin-right: .2em;
}

#history .history_area .his_block .his_box .his_wrp .his_list li a {
color: #3243BA;
text-decoration: underline;
}

#history .history_area .his_block .his_box .his_wrp .his_list li a:hover {
text-decoration: none;
}

#history .history_area .his_block .his_box.img_box {
padding: 0;
border: 0;
}

#history .history_area .his_block .his_box.img_box::after {
content: none;
}

#history .history_area#y2013 .his_block:last-of-type {
padding-top: 120px;
}

#history .history_area#y2018 .his_block:last-of-type {
padding-top: 200px;
}

#history .history_area#y2023 .his_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

#history .history_area#y2023 .his_block:last-of-type {
padding-top: 0;
}

#history .history_area#y2023 .his_block .his_box {
width: 100%;
}

#history .history_area .is_inview .his_wrapper::before {
height: 100%;
}

#history .history_area .is_inview .his_block .his_box {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}


/*----------
16.openbadge
----------*/
#openbadge .under_title_area {
  background-image: url(../img/openbadge/under_title_bg_img.png);
  }
  
  #openbadge .cnt_area01 {
  padding: 70px 0 120px;
  background: url(../img/philosophy/lead_bg01.jpg) no-repeat center / cover;
  }
  
  #openbadge .cnt_area01 h2 {
  margin-bottom: 30px;
  color: #2A3790;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 2;
  text-align: center;
  }
  
  #openbadge .cnt_area01 .dib {
    display: inline-block;
}

  #openbadge .cnt_area01 .cnt_box .txt_wrp {
  padding: 10px 35px;
  -webkit-box-shadow: 0 3px 6px rgba(255, 255, 255, .16);
  box-shadow: 0 3px 6px rgba(255, 255, 255, .16);
  }
  
  #openbadge .cnt_area01 .cnt_box .txt_wrp p {
  font-size: 14px;
  line-height: 1.78;
  }

  #openbadge .cnt_area01 .cnt_box .img_wrp {
    margin-top: 20px;
  }

  #openbadge .cnt_area01 .cnt_box .btn_wrp {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    text-align: center;
  }

  #openbadge .cnt_area01 .cnt_box .btn_wrp .btn_ptn01 {
    max-width: 380px;
  }
  
  #openbadge .cnt_area02 {
  padding-bottom: 120px;
  background-color: #F4F4F4;
  }

  #openbadge .cnt_area02.what_area {
    padding-bottom: 120px;
  }

  
  #openbadge .cnt_area02 .mission_block .cnt_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }


#openbadge .cnt_area02 .mission_block .cnt_box .img_wrp {
  position: relative;
  width: 38.8%;
}

#openbadge .cnt_area02.what_area .mission_block .cnt_box .img_wrp {
 text-align: right; 
 width: 25%;
}

#openbadge .cnt_area02.what_area .mission_block .cnt_box .img_wrp span {
  font-size: 10px; 
 }


#openbadge .cnt_area02 .mission_block .cnt_box .txt_wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 61.2%;
  padding: 20px 35px;
}

#openbadge .cnt_area02.what_area .mission_block .cnt_box .txt_wrp {
  width: 75%;
 }

#openbadge .cnt_area02 .mission_block .cnt_box .txt_wrp p {
  font-size: 14px;
  line-height: 1.78;
}

  #openbadge .cnt_area02 .mission_block {
  position: relative;
  z-index: 1;
  padding: 80px 0 255px;
  color: #fff;
  overflow: hidden;
  }
  
  #openbadge .cnt_area02 .mission_block::before,
  #openbadge .cnt_area02 .mission_block::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  }
  
  #openbadge .cnt_area02 .mission_block::before {
  z-index: -2;
  background: url(../img/philosophy/mis_bg01.jpg) no-repeat center / cover;
  opacity: 0;
  -webkit-transition: 1.4s .5s;
  transition: 1.4s .5s;
  }
  
  #openbadge .cnt_area02 .mission_block::after {
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(78, 128, 255, .8)), color-stop(40%, rgba(45, 69, 155, .8)), to(rgba(15, 31, 149, .8)));
  background: -webkit-linear-gradient(bottom, rgba(78, 128, 255, .8) 0%, rgba(45, 69, 155, .8) 40%, rgba(15, 31, 149, .8) 100%);
  background: linear-gradient(0deg, rgba(78, 128, 255, .8) 0%, rgba(45, 69, 155, .8) 40%, rgba(15, 31, 149, .8) 100%);
  }
  
  #openbadge .cnt_area02 .mission_block.is_inview::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  }
  
  #openbadge .cnt_area02 .mission_block .h2_title_ptn01 {
  margin-bottom: 50px;
  color: #fff;
  }
  
  #openbadge .cnt_area02 .mission_block .em_text {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2;
  text-align: center;
  }
  
  #openbadge .cnt_area02 .mission_block .em_text p + p {
  margin-top: 15px;
  }
  
  #openbadge .cnt_area02 .mission_block .em_text p .dib {
  display: inline-block;
  }
  
  #openbadge .cnt_area02 .value_block {
  position: relative;
  z-index: 1;
  margin-top: -183px;
  padding: 60px 40px;
  background-color: #fff;
  }
  
  #openbadge .cnt_area02 .value_block .val_box {
  max-width: 800px;
  margin: 0 auto;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  opacity: 0;
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  -webkit-transition: opacity 1.4s, -webkit-transform 1.4s;
  transition: opacity 1.4s, -webkit-transform 1.4s;
  transition: opacity 1.4s, transform 1.4s;
  transition: opacity 1.4s, transform 1.4s, -webkit-transform 1.4s;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item:nth-of-type(1) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item:nth-of-type(2) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item:nth-of-type(3) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item:nth-of-type(4) {
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item:nth-of-type(5) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  }
  
  #openbadge .cnt_area02 .value_block .val_box.is_inview .val_item {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item + .val_item {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid #D2D4D9;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .ico_wrp {
  position: relative;
  width: 14.2%;
  width: 114px;
  padding-left: 14px;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .ico_wrp .num {
  position: absolute;
  top: -5px;
  left: 0;
  color: #2A3790;
  font-size: 35px;
  font-weight: 500;
  font-family: "Futura";
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .txt_wrp {
  width: 80.8%;
  width: calc(100% - 114px - 5%);
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .txt_wrp .st {
  margin-bottom: 5px;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .txt_wrp .st h3 {
  font-weight: 500;
  line-height: 1.8;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .txt_wrp .st h3 .dib {
  display: inline-block;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .txt_wrp p {
  font-size: 14px;
  line-height: 1.78;
  }
  
  #openbadge .cnt_area02 .value_block .val_box .val_item .txt_wrp p .dib {
  display: inline-block;
  }
  
  #openbadge .ob3_sec {
    padding: 120px 0;
    background: url(../img/philosophy/lead_bg01.jpg) no-repeat center / cover;
  }

  #openbadge .ob3_box {
    padding: 35px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #E0E8FA;
    box-shadow: 0 0 10px #E0E8FA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }


  #openbadge .ob3_box .img_wrp {
  position: relative;
  width: 38.8%;
}

#openbadge .ob3_box .txt_wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 61.2%;
  padding: 20px 35px;
}

#openbadge .ob3_box .txt_wrp p {
  font-size: 14px;
  line-height: 1.78;
}