@charset "utf-8";

/* mainVisual =========================*/
#mainVisual{position: relative;}
.advantage_mv_text{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-55%); z-index: 3;
    max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 15px;}
.advantage_mv_text h2{font-size: 30px; color: #535557; font-weight: 500; letter-spacing: 2px; line-height: 1.8;
    display: inline-block; overflow: hidden; position: relative;}
.advantage_mv_text h2::before{
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #535557;
}
.advantage_mv_text h2.show::before{
    -webkit-animation: passing-bar 1s ease 0.5s 1 normal forwards;
    animation: passing-bar 1s ease 0.5s 1 normal forwards;
}
.advantage_mv_text h2 span{
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.advantage_mv_text h2.show span{
	-webkit-animation: passing-txt 0s ease 1s 1 normal forwards;
	animation:passing-txt 0s ease 1s 1 normal forwards;
}

.mv_read p{font-size: 16px; letter-spacing: 2px; line-height: 2.3; margin-top: 20px;}

.planning_read{text-align: center; margin: 0 25px; padding: 80px 0;}
.planning_read p{font-size: 16px; letter-spacing: 2px; line-height: 2.3;}

@media screen and (max-width:1200px){
    .advantage_mv_text h2{font-size: 25px;}
}	
@media screen and (max-width:960px){
    .advantage_mv_text h2{font-size: 2.5vw;}
	.mv_read p{font-size: 15px; line-height: 1.8;}
    .planning_read p{font-size: 14px; letter-spacing: 1px;}
}
@media screen and (max-width:640px){
    .advantage_mv_text h2{font-size: 4vw;}
    .planning_read{padding: 40px 0;}
    .planning_read p{text-align: left;}
}



.flex {display: flex;flex-wrap: wrap;}

.bk_color{background: #f4f4f4;}
.introduction h4 {font-size: 24px; color: #535557; border-left: 7px solid #671e75; letter-spacing: 2px; line-height: 1.5; padding-left: 15px; margin-bottom: 50px;}
.introduction p{font-size: 16px; line-height: 2;}

.introduction ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
.introduction ul li{width: 48%;}

@media screen and (max-width:640px){
    .introduction{margin-bottom: 20px;}
    .introduction h4{font-size: 18px;border-left: 5px solid #671e75; padding-left: 10px; letter-spacing: 1px; margin-bottom: 20px;}
    .introduction p{font-size: 14px; line-height: 1.8;}

    .introduction ul li{width: 100%; margin-bottom: 15px;}
}

/* sector =========================*/
#sector{padding: 120px 0;}
#sector .p-titleSecondary{margin-bottom: 80px;}

#sectorImg01 {margin-top: 40px;}
#sectorImg01 figure {max-width: 600px;margin: 0 auto;}
#sectorImg01 img {width: 100%;}

.sector_contents {margin-top: 40px;}
.sector_contents_item {display: flex;justify-content: space-between;flex-wrap: wrap;}
.sector_contents_item + .sector_contents_item {margin-top: -80px;padding-top: 100px;}
.sector_area {width: 49%;display: flex;align-items: center;background: #fff;padding: 0 20px;position: relative;}
.sector_area:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);}
#houjin .sector_area{
	background: url("../../../img/pages/planning/sector_img02.jpg")no-repeat right center;background-size: cover;}
#financial .sector_area{
	background: url("../../../img/pages/planning/sector_img03.jpg")no-repeat right center;background-size: cover;}
#assets .sector_area{
	background: url("../../../img/pages/planning/sector_img04.jpg")no-repeat right center;background-size: cover;}
#abroad .sector_area{
	background: url("../../../img/pages/planning/sector_img05.jpg")no-repeat right center;background-size: cover;}
#area .sector_area{
	background: url("../../../img/pages/planning/sector_img06.jpg")no-repeat right center;background-size: cover;}
.sector_area_inner {position: relative;z-index: 2;}
.sector_area_inner p {color: #000;}
.sector_area h4 {color: #671e75;font-size: 18px;margin-bottom: 20px;}
.sector_division {width: 50%;}
.sector_ancBtn {position: relative;background: #834B93;color: #fff;padding: 15px 40px;text-align: center;transition: 0.3s ease;}
/*.sector_ancBtn::before {content: "";position: absolute;top: 6px;left: 6px;width: 18px;height: 18px;
	background: url(../../../img/elements/icon_tel.svg) no-repeat center center; background-size: 100%;}*/
.sector_ancBtn:after {
	content: "";position: absolute;top: 50%;right: 15px;transform: translateY(-50%) rotate(45deg);
	width: 8px;height: 8px;border-top: 1px solid #fff;border-right: 1px solid #fff;}
.sector_ancBtn + .sector_ancBtn {margin-top: 5px;}
.sector_ancBtn span {display: block;line-height: 1.7;}
.sector_ancBtn span:nth-child(1) {font-size: clamp(14px, 2vw, 16px);}
.sector_ancBtn span:nth-child(2) {font-size: clamp(11px, 1.2vw, 13px);color: #fff; margin-top: 6px;}
.Onlyone .sector_ancBtn {padding: 60px 20px;}
/* ホバー */
.sector_ancBtn:hover{cursor: pointer; background: #6f3e7c;}

#research {margin-top: -80px;padding-top: 100px;}
.sector_contents_research {background: #834B93;padding: 30px 20px;text-align: center;}
.sector_contents_research h4 {color: #fff;font-size: 18px;margin-bottom: 20px;}
.sector_contents_research p {color: #fff;}

@media screen and (max-width:640px){
	#sector{padding: 60px 0;}
	#sector .p-titleSecondary{margin-bottom: 40px;}
}
@media screen and (max-width: 960px){
	.sector_area {width: 100%;padding: 30px 15px;}
	.sector_division {width: 100%;}
	.sector_ancBtn {padding: 15px 30px;}
	
	.Onlyone .sector_ancBtn {padding: 15px 15px;}
}

/* cre_info =========================*/
#cre_info{padding: 80px 0;}
#cre_info .inner {max-width: 1000px;}
#cre_info .p-titleSecondary{margin-bottom: 50px;}

.cre_info_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -15px; margin-right: -15px;}
.cre_info_box{width: calc(100% / 2); padding: 0 15px; position: relative;display: flex;flex-flow: column;justify-content: space-between;margin-top: 30px;}
/*.cre_info_box::after{content: ""; display: block; width: 0;
    border-left: 15px solid #671e75; border-top: 19px solid transparent; border-bottom: 19px solid transparent; position: absolute; top: 0; right: 5px;}*/
.cre_info_box h4{font-size: 14px; line-height: 1.3; letter-spacing: 2px; color: #fff;
    background: #671e75; padding: 10px 15px; text-align: center; margin-bottom: 20px;}
.cre_info_box p{letter-spacing: 0; margin-bottom: 20px;}
.cre_info_box .flex {justify-content: space-between;}
.cre_info_box .flex_item {width: 48%;margin-top: 20px;}

@media screen and (max-width:640px){
    #cre_info{padding: 40px 0 30px;}
    #cre_info .p-titleSecondary{margin-bottom: 25px;}
		#cre_info .introduction {margin-bottom: 0;}

    .cre_info_box{width: 100%; margin-bottom: 30px;}
    .cre_info_box::after{bottom: -35px; top: auto; left: 0; right: 0; margin: auto;
        border-top: 10px solid #671e75; border-left: 20px solid transparent; border-right: 20px solid transparent;}
}

/* development =========================*/
#development{padding: 80px 0;}
#development .inner{max-width: 1000px;}
#development .p-titleSecondary{margin-bottom: 50px;}

.development_intro{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.development_intro figure{width: 25%; text-align: center;}
.development_intro figure img{width: 50%;}
.development_intro .introduction{width: 75%; margin-bottom: 0;}
.development_intro .introduction h4{margin-bottom: 30px;}

.develop_box{border: 1px solid #671e75; padding: 40px 30px;}
.develop_box h4{color: #671e75; font-size: 18px; letter-spacing: 4px; margin-bottom: 30px;}

.develop_line01 ul.logo_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 100px 30px;}
.develop_line01 ul.logo_list li{width: 22%; text-align: center;}
.develop_line01 ul.image_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.develop_line01 ul.image_list li:nth-child(1){width: 60%; text-align: center;}
.develop_line01 ul.image_list li:nth-child(2){width: 38%; text-align: center;}

.develop_line02 .develop_box{border-top: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.develop_line02 .develop_l2_con:nth-child(1){width: 68%;}
.develop_line02 .develop_l2_con:nth-child(2){width: 30%;}
.develop_line02 .logo_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.develop_line02 .logo_list li{width: 32%; text-align: center;}

.develop_line03{display: flex; flex-wrap: wrap; justify-content: space-between;}
.develop_line03 .develop_box{width: 33.33%; border-top: none;}
.develop_line03 .develop_box:nth-child(2),
.develop_line03 .develop_box:nth-child(3){border-left: none;}
.develop_line03 .develop_box figure{text-align: center;}
.develop_line03 .develop_box:nth-child(1) figure{margin-top: 60px;}
.develop_line03 .develop_box:nth-child(2) figure{margin-top: 20px;}
.develop_line03 .develop_box:nth-child(3) figure{margin-top: 60px;}

@media screen and (max-width:960px){
    .develop_box{padding: 30px 20px;}
    .develop_line02 .logo_list li{padding: 0 15px;}
}

@media screen and (max-width:640px){
    #development{padding: 40px 0;}
    #development .p-titleSecondary{margin-bottom: 25px;}

    .development_intro{margin-bottom: 20px;}
    .development_intro figure{width: 100%; margin-bottom: 25px;}
    .development_intro .introduction{width: 100%;}

    .develop_box{padding: 20px;}
    .develop_box h4{font-size: 15px; letter-spacing: 1px;}

    .develop_line01 ul.logo_list{margin: 0 0 20px;}
    .develop_line01 ul.logo_list li{width: 48%; margin-bottom: 10px;}

    .develop_line02 .develop_l2_con:nth-child(1){width: 100%; margin-bottom: 25px;}
    .develop_line02 .develop_l2_con:nth-child(2){width: 100%;}

    .develop_line03 .develop_box{width: 100%;}
    .develop_line03 .develop_box:nth-child(2),
    .develop_line03 .develop_box:nth-child(3) {border-left: 1px solid #671e75;}
    .develop_line03 .develop_box:nth-child(1) figure{margin-top: 0;}
    .develop_line03 .develop_box:nth-child(3) figure{margin-top: 0;}
    
}

/* overseas =========================*/
#overseas{padding: 80px 0;}
#overseas .p-titleSecondary{margin-bottom: 50px;}

#overseas .introduction h4{margin-bottom: 30px;}
.overseas_base {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
.overseas_base_item:nth-child(1) {width: 48%;}
.overseas_base_item:nth-child(2) {width: 50%;}
.overseas_base ul {margin-top: 20px;}
.overseas_base ul li + li {margin-top: 20px;}

.overseas_office {margin-top: clamp(30px, 4vw, 60px);}
.overseas_office li {justify-content: space-between;align-items: center;
	padding-top: 30px;margin-top: 30px;border-top: 1px solid #ccc;}
.overseas_office .flex_item:nth-child(1) {width: 35%;}
.overseas_office .flex_item:nth-child(2) {width: 62%;}
.overseas_office h4 {color: #671e75;font-size: clamp(16px, 2vw, 18px);line-height: 1.7;margin-bottom: 15px;}

@media screen and (max-width:640px){
    #overseas{padding: 40px 0;}
    #overseas .p-titleSecondary{margin-bottom: 25px;}

	.overseas_base {margin-top: 40px;}
	.overseas_base_item:nth-child(1) {width: 100%;}
	.overseas_base_item:nth-child(2) {width: 100%;margin-top: 30px;}
	
	.overseas_office li {padding-top: 0;}
	.overseas_office .flex_item:nth-child(1) {width: 100%;}
	.overseas_office .flex_item:nth-child(2) {width: 100%;}
	.overseas_office .flex_item figure {width: 85%;padding: 40px 0;margin:0 auto;}
}