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

*{
	margin-left: auto;
	margin-right: auto;
}

* a{
	text-decoration: none;
}

html{
	width: 100%;
	height: 100%;
}

body{
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	position: relative;
	max-width: 1920px;
	font-size: 20px;
	color: #000000;
	background-color: #F0F7FF;
}

.wrapper{
	overflow-x: hidden;
}

/*-----------トップ-----------*/
#top{
    display: block;
    background-color: #E2EFFF;
    height: 1080px;
	width: 100%;
	max-width: 1920px;
    margin:0 -200%; /*背景色横幅いっぱいにする.ネガティブマージンを追記 */
    padding:0 200%; /*背景色横幅いっぱいにする. マージンで横へはみ出した部分を相殺 */
}

.sp_topimg,.sp_logo,.sp_logotext,.sp_top_subtext,.sp_top_text2,.pc_none,.sp_br,.pc1000_none{
	display: none;
}

/*-----------トップ（左）-----------*/
#top .top_left{
	display: block;
	float: left;
	width: 50%;
	height: 1080px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 80;
}

#top .top_text{
	display: inline-block;
	letter-spacing: 0.1px;
	font-size: 60px;
	font-weight: 900;
	line-height: 100px;
	color: #ffffff;
	padding: 10px;
	background-color: #2A85F6;
}

#top .top_text1{
	margin: 307px 0 35px 79px;
	width: 547px;
}

#top .top_text2{
	margin: 0 0 35px 79px;
	width: 1012px;
}

#top .top_subtext{
	display: inline-block;
	letter-spacing: 1px;
	font-size: 30px;
	font-weight: 900;
	line-height: 50px;
	color: #2A85F6;
	margin: 0 0 30px 79px;
	padding: 10px;
	background-color: #ffffff;
	text-align: left;
	width: 735px;	
}

#top .left_2{
	display: inline-block;
	margin-left: 79px;
	width: 666px;
}

#top .left_2_text{
	color: #2A85F6;
	font-size: 20px;
	font-weight: 600;
	margin-left:95px;
	text-align: left;
	line-height: 30px;
}

#top .left_2 ul{
	margin-top: 30px;
}

#top .left_2 ul li{
	float: left;
	list-style: none;
}

#top .left_2 ul li a{
	text-decoration: none;
}

.sns{
	clear: both;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 18px;
	padding: 187px 0 0 100px;
	text-align: left;
}

.icons{
	margin-right: 10px;
}

#scroll img{
	height: 40px;
	margin: 0 30px 30px 80%;
}


/* --------------- 追記 --------------- */

.kv__cta {
    display: flex;
    justify-content: center;
    gap: 1.4rem;
    width: 631px;
    /* margin-top: 4.2rem; */
    margin: 20px auto 15px 79px;
}

.top_subtext2 {
	background: url(../images/bg_jyojyo.svg) top center no-repeat;
	background-size: cover;
	/*background-image: url(../images/bg_jyojyo.svg);
    background-color: #2A85F6;*/
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0 30px;
    text-align: center;
    width: 631px;
    margin: 0 auto 20px 79px;
}

/*.top_subtext2::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 20px 0 20px;
    border-color: #2A85F6 transparent transparent transparent;
    position: absolute;
    top: 470px;
    left: 58%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}*/

.topCta__btn {
    width: 100%;
    text-align: center;
}

.topCta__btn__text {
    display: flex;
    gap: 0.7rem;
    align-items: center;
}

.topCta__btn__supplement::before,.topCta__btn__supplement::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1.4rem;
}

.topCta__btn__supplement {
    position: relative;
    display: inline-block;
    font-weight: bold;
    color: #2A85F6;
    font-size: 20px;
}

.topCta__btn__supplement::before {
    left: -1.2rem;
    border-left: solid 1px;
    transform: rotate(-25deg);
}

.topCta__btn__supplement::after {
    right: -1.2rem;
    border-right: solid 1px;
    transform: rotate(25deg);
}

.topCta__btn__line {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    color: #2A85F6;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 1.6rem 1.2rem;
    margin-top: 0.8rem;
    border: solid 2px;
}

.topCta__btn__member {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 50px;
    background-color: #2A85F6;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    padding: 1.6rem 1.2rem;
    margin-top: 0.8rem;
    border: solid 2px;
}

.topCta__btn__line span {
    background-image: url(../images/icon__line.svg);
    width: 1.4rem;
    height: 1.3rem;
    background-size: cover;
}
.topCta__btn__member span {
    background-image: url(../images/icon__member.svg);
    width: 1.1rem;
    height: 1.3rem;
    background-size: cover;
}

/* --------------- /追記 --------------- */


/*-----------トップ（右）-----------*/
#top .top_right{
	display: block;
	float: right;
	top: 0;
	width: 50%;
	height: auto;
	position: relative;
	z-index: 70;
}
#top .top_right img{
	width: 960px;
	height: 1080px;
	object-fit: cover; 
	object-position: right top;
}

/*-----------パンくず-----------*/
#breadcrumb{
	overflow: hidden;
	text-align: center;
	margin-top: 220px;
	font-size: 15px;
}

#breadcrumb ul li{
	list-style:none;
	float:left;
	font-weight: 600;
}

#breadcrumb ul li a{
    text-decoration: none;
	color: #000000;
	font-weight: 600;
}

/*-----------contents_1-----------*/
#contents_1{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 170px;
	clear: both;
}

.C1_left{
	display: inline-block;
	height: 485px;
	width: 50%;
	float: left;
}
.C1_right{
	display: inline-block;
	height: 485px;
	width: 50%;
	float: right;
	text-align: right;
}

.top_title{
	font-size: 50px;
	font-weight: 900;
	color: #2A85F6;
	border-bottom: 5px solid #2A85F6;
	padding-bottom: 22.8px;
	width: 363px;
	line-height: 1.8;
}

.img_1{
	width: 348px;
	height: 482px;
}

.C1_2{
	display: inline-block;
	clear: both;
}

.iitokoro{
	margin-bottom: 20px;
}

/*-----------contents_2-----------*/
#contents_2{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 150px;
}

.C2_left{
	display: inline-block;
	width: 50%;
	height: 406px;
	float: left;
}

.syokusyu{
	background-color: #FFFFFF;
	width: 364px;
	height: 406px;
	border-radius: 50%;
	text-align: center;
	line-height: 2.8;
}

.C2_right{
	display: inline-block;
	float: right;
	width: 50%;
}

.iitokoro_2{
	margin-right: 323px;
	margin-bottom: 30px;
}

/*-----------contents_3-----------*/
#contents_3{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 137px;
	clear: both;
}

.C3_left{
	display: inline-block;
	width: 50%;
	float: left;
}

.iitokoro_3{
	margin-bottom: 30px;
}

.C3_right{
	display: inline-block;
	float: right;
	width: 50%;
}

.img_c3{
	width: 384px;
	height: 384px;
	padding-top: 164px;
	padding-left: 96px;
}

/*-----------contents_4-----------*/
#contents_4{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 191px;
	clear: both;
}

.c4_left{
	display: inline-block;
	width: 50%;
	float: left;
}

.img_c4{
	width: 384px;
	height: 384px;
}

.c4_right{
	display: inline-block;
	float: right;
	width: 50%;
}

.iitokoro_4{
	margin-bottom: 30px;
}

/*-----------contents_5-----------*/
#contents_5{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 150px;
	clear: both;
}

.iitokoro_5{
	display: block;
	margin: 0 auto 30px auto;
}

/*-----------contents_5main-----------*/
#contents_5main{
	max-width: 770px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 80px;
	padding : 100px 95px 50px;
}

/*------new_article------*/
#new_article{
	margin-bottom: 100px;
}

.column_group{
	vertical-align: top;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.new_column{
	width: 300px;
	height: 475px;
	background-color: #F0F7FF;
	border-radius: 40px;
	padding: 30px;
	margin: 10px;
	position: relative;
}

.new_column:hover .text_20{
	color: #2A85F6;
}

.top_column_cap{
	display: inline-block;
	width: 100%;
	height: 225px;
	margin-bottom: 20px;
}

.top_column_cap img{
	width: 100%;
	height: 225px;
	object-fit: cover;
	margin-bottom: 20px;
	border-radius: 30px;
}

#top_column_main .line_column{
	display: none;
}
/*top_columnタグ*/
.top_taggroup{
	border-radius: 20px;
	background-color: #2A85F6;
	padding: 5px 10px;
	border: none;
	cursor: pointer;
	text-align: center;
}

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

.top_column_tag li{
	font-weight: 600;
	color : #ffffff;
	font-size: 9px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.top_column_tag{
	position: absolute;
	bottom: 35px;
}

.itiran{
	display: block;
	margin: 50px auto 100px;
}

/*------FAQ------*/
.FAQ_1{
	margin-bottom: 20px;
	padding: 27px 27px 7px 27px;
	background-color: #F0F7FF;
	height: auto;
	border-radius: 25px;
}

.QA{
	font-family: futura-pt-bold, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	color: #2A85F6;
	margin-right: 15px;
	width: 15px;
}

.FAQ_box{
	padding-left:30px;
	text-indent:-30px;
	margin-bottom: 20px;
}

/*------VOICE------*/
.voice{
	margin: 100px auto 0;
}

.voice_box{
	display: block;
	width: 100%;
	margin-bottom: 50px;
	clear: both;
}

.voice_in{
	height: 100px;
	display: inline-block;
	float: left;
}

.voice_left{
	float: left;
	margin-right: 50px;
}

.voice_right{
	float: right;
	margin-left: 50px;
}	

/*------吹き出しベース------*/
.v_left,.v_right{
	display: inline-block;
    position:relative;
    width:350px;
    background:#2A85F6;
    padding:20px;
    color:#ffffff;
    font-size:15px;
	font-weight: 600;
    border-radius:40px;
	line-height: 1.5;
}

/*------吹き出し左------*/
.v_left:after{
    border: solid transparent;
    content:'';
    pointer-events:none;
    position:absolute;
    border-color: rgba(42, 133, 246, 0);
    border-top-width:7px;
    border-bottom-width:7px;
    border-left-width:26px;
    border-right-width:26px;
    margin-top: -7px;
    border-right-color:#2A85F6;
    right:100%;
    top:50%;
}

/*------吹き出し右------*/
.v_right:after{
    border: solid transparent;
    content:'';
    pointer-events:none;
    position:absolute;
    border-color: rgba(42, 133, 246, 0);
    border-top-width:7px;
    border-bottom-width:7px;
    border-left-width:26px;
    border-right-width:26px;
    margin-top: -7px;
    border-left-color:#2A85F6;
    left:100%;
    top:50%;
}

/*-----------記事スライダー（ユーザーインタビュー）-----------*/

#userIV_box{
	margin: 100px auto 0;
}

#swipe3{
	position: relative;
}

#swipe3 .userIV_main{
	width: 480px!important;
	height: 735px;
	background-color: #F0F7FF;
	border-radius: 40px;
	padding: 25px 50px 50px;
	margin: 90px 95px 90px 110px!important;
	box-shadow: 0px 3px 6px #00000029;
}

#swipe3 .swiper-slide:first-child{
	margin: 90px 95px!important;
}

#swipe3 .swiper-slide:last-child{
	justify-content: center;
	margin: 90px 0 90px 20px !important;
}

#swipe3 .swiper{
	height: 950px;
}

#swipe3 .swiper-wrapper{
	width: 100%;
	height: 900px;
}

#swipe3 .user_img{
	display: block;
	width: 200px;
	height: 200px;
	text-align: center;
	margin: -110px auto 20px;
}

#swipe3 .user_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

#swipe3 .IV_QA{
	height: 170px;
	margin-bottom: 10px;
}

.swiper-button-prev, .swiper-button-next {
	top: calc((100% - 50px) * 0.5);	
	margin-top: -22px;
}

/*-----------single.useriv-----------*/
.userIV_main_2{
	width: 580px;
	margin: 90px;
}

.user_img_2{
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 25px;
}

.user_img_2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

/*-----------contents_6-----------*/
#contents_6back{
	background-color: #C1E4FF;
	margin:200px -200%;
	padding:150px 200%;
}

#contents_6{
	max-width: 960px;
	margin: 0 auto;
	display: block;
	padding: 0;
}

.c6_box{
	display: block;
	width: 100%;
	height: 410px;
	overflow: hidden;
}

.c6_left{
	display: inline;
	width: 50%;
	float: left;
}

.c6_right{
	display: inline;
	float: right;
	width: 50%;
	text-align: right;
}

.img_c6{
	width: 332px;
	height: 404px;
}

#c6_relative{
	position: relative;
}

/*------new_anken------*/
#c6_relative .c6_box2{
	margin: -130px auto 0;
}

#new_anken_box{
	width: 100%;
	display: flex;
	flex-wrap: wrap;		
}

.anken_group{
	vertical-align: top;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.anken_group >a{
	display: block;
	margin: 10px;
}

.new_anken{
	clear: both;
	display: inline-block;
	width: 400px;
	height: calc(100% - 80px);
	background-color: #ffffff;
	border: 1px solid #FFE100;
	border-radius: 40px;
	padding: 20px 20px 60px;
	position: relative;
}

.new_anken:hover{
	background-color: #FFF8C1;
	cursor: pointer;
}

/*案件紹介タグ*/
.top_taggroup_2{
	border-radius: 35px;
	background-color: #FFE100;
	padding: 10px;
	border: none;
	cursor: pointer;
	text-align: center;
}

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

.top_anken_tag li{
	font-weight: 600;
	color : #000000;
	font-size: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.top_anken_tag{
	margin-bottom: 10px;
}

.top_anken_main{
	margin-bottom: 20px;
}

/*案件紹介募集条件*/
.top_description{
	width: 100%;
	margin-bottom: 20px;
	align-items: center;
}

.top_jobs{
	overflow: hidden;
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
	align-items: center;
}

.job{
	float: left;
	margin-right: 10px;
	padding: 2px 0;
	height: 30px;
	align-items: center;
}

.new_anken .top_anken_bottom{
	display: inline;
	text-decoration: none;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.top_ab_l{
	font-size: 20px;
	color: #000000;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 2px;
	margin-right: 15px;
	float: left;
}

.top_ab_r{
	float: left;
}

.itiran_2{
	width: 100%;
	clear: both;
	margin-top: 50px;
}

/*-----------contents_7-----------*/
#contents_7{
	max-width: 960px;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

#saitan img{
	display: block;
	margin: 0 auto 30px auto;
	width: 245px;
	height: 55px;
}

#nagare img{
	display: inline-block;
	width: 195px;
	height: 195px;
	float: left;
}

#yazirushi{
	display: inline-block;
	float:left;
	text-align: center;
	padding: 87px 20px;
}

#yazirushi img{
	width: 10px;
}

.img_caption{
	display: inline-block;
	width: 100%;
	clear: both;
}
.nagare_cap{
	margin-top: 10px;
	display: inline-block;
	width: 195px;
	float: left;
	text-align: center;
	color: #2A85F6;
	font-size: 15px;
	font-weight: 600;
}

.nagare_cap_sp{
	display: none;
}

/*-----------contents_7追加-----------*/

.contents_7_cotta {
    display: flex;
    background-color: #ffffff;
    border: 2px solid #2A85F6;
    border-radius: 40px;
    padding: 40px 60px;
    margin: 40px 0 -120px;
}
.contents_7_cotta img {
    margin-right: 50px;
}

#contents_7 .content-block-ttl{
    font-size: 25px;
    color: #2A85F6;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 20px;
	line-height: 1.2;
}

.content-block-txt {
    border-top: 1px solid #2A85F6;
}
.content-block-txt p {
    margin-top: 20px;
    font-size: 18px;
    text-align: left;
    line-height: 1.2;
    color: #82A1C4;
    letter-spacing: 1px;
}

/*-----------contents_8-----------*/
#contents_8{
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 100px;
	padding: 200px 95px 0;
	display: block;
	clear: both;
	text-align: center;
}

#contents_8main{
	background-color: #ffffff;
	border-radius: 80px;
	padding : 100px 95px 95px;
	text-align: left;
}

.line{
	display: block;
	width: 100%;
	padding-top: 20px;
	border-bottom: solid 1px #C1E4FF;
}