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

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

/*

使用フォント

日本語
font-family: "Noto Sans JP", sans-serif;

英語1
font-family: "Montserrat", sans-serif;

英語2
font-family: "Jost", sans-serif;

L300
R400
M500
SB600
B700

なんかかわいい文字
font-family: "ads-hikari", sans-serif;

*/

/* move */

.move{
	
}

.slide_down{
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transition: .6s;
}

.slide_down.move_on{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slide_right{
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transition: .6s;
}

.slide_right.move_on{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.fade_up{
	position: relative;
	transition: .6s;
	opacity: 0;
	top:50px;
}

.fade_up.move_on{
	opacity: 1;
	top:0;
}

.ts_1s{
	transition:1s;
}

/* move end */

.fs16{
	font-size: 16px;
}

.fs20{
	font-size: 20px;
}

.fs24{
	font-size: 24px;
}

.fs32{
	font-size: 32px;
}

.fs48{
	font-size: 48px;
}

.fs56{
	font-size: 56px;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*マージン*/

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

.mt70{
	margin-top:70px;
}

.mt80{
	margin-top:80px;
}

.mt90{
	margin-top:90px;
}

.mt100{
	margin-top:100px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb90{
	margin-bottom:90px;
}

.mb100{
	margin-bottom:100px;
}

/*マージン*/

/*IMG*/

.img_ma{
	margin-right:auto;
	margin-left:auto;
	display:block;
	max-width: 100%;
}

img{
	max-width: 100%;
	height:auto;
}

/*IMG*/

a{
	transition:.2s;
}

body{
	font-family: "Noto Sans JP", sans-serif;
	font-size:18px;
	line-height:1.8;
	font-weight: 400;
}


/*ハンバーガー*/
.ham_btn{
	width:120px;
	height: 110px;
	background: #f8e2c4;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .2s;
	position: relative;
}

.ham_btn:hover{
	transform: scale(0.95);
}

.ham_btn > img{
	display: block;
	width:40px;
	transition: .3s;
}

.ham_btn > img:nth-of-type(2){
	display: block;
	width:30px;
	transition: .3s;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
}

.ham_open .ham_btn > img:nth-of-type(1){
	opacity: 0;
}

.ham_open .ham_btn > img:nth-of-type(2){
	opacity: 1;
}

.ham_bg{
	position: fixed;
	top:110px;
	left:0;
	z-index: 9;
	width:100%;
	height: calc( 100dvh - 110px );
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}

.ham_open .ham_bg{
	opacity: 1;
	pointer-events: auto;
}

.ham_wrap{
	position: fixed;
	right:-400px;
	top:110px;
	z-index: 50;
	width:90%;
	max-width: 400px;
	height: calc( 100dvh - 110px );
	padding-top:0;
	transition: .4s;
	cursor: default;
	opacity: 0;
	pointer-events: none;
	background: #86cab6;
}

.ham_open .ham_wrap{
	opacity: 1;
	right: 0;
	pointer-events: auto;
}

.ham_box{
	width:100%;
	max-height: 100%;
	overflow-y: auto;
	padding:70px 50px;
}

.ham_nav_box{
	line-height: 1.2;
}

.ham_nav_box + .ham_nav_box{
	margin-top: 40px;
}

.ham_nav_box a{
	color:#fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0);
}

.ham_nav_box a:hover{
	border-bottom: 1px solid rgba(255,255,255,1.00);
}

.ham_nav_box > a{
	font-size: 20px;
}

.ham_nav_box ul{
	margin-top: 12px;
}

.ham_nav_box li + li{
	margin-top: 8px;
}

.ham_nav_box li a{
	font-size: 14px;
}

.ham_nav_btn{
	display: flex;
	margin-top: 60px;
}

.ham_nav_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 100px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.ham_nav_btn a:nth-of-type(1){
	background: #fff;
	color:#86cab6;
	border:1px solid #fff;
}

.ham_nav_btn a:nth-of-type(1):hover{
	background: #86cab6;
	color:#fff;
}

.ham_nav_btn a:nth-of-type(2){
	background: #009dda;
	color:#fff;
	border:1px solid #009dda;
}

.ham_nav_btn a:nth-of-type(2):hover{
	background: #86cab6;
	color:#fff;
	border:1px solid #fff;
}

@media screen and (max-width:1100px) {
	.ham_bg , .ham_wrap{
		top:90px;
		height: calc( 100dvh - 90px );
	}
}

@media screen and (max-width:500px) {
	.ham_wrap{
		max-width: 340px;
	}
	
	.ham_box{
		padding:50px 30px;
	}
}

.page_link{
	padding-top: 130px;
	margin-top: -130px;
	pointer-events: none;
}

header{
	position: fixed;
	top:0;
	left: 0;
	z-index: 10;
	width:100%;
	background: #fff;
}

.header{
	width:100%;
	height:110px;
	padding-left: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.h_logo{
	width:170px;
}

.h_nav{
	display: flex;
	align-items: center;
}

.h_nav1{
	display: flex;
	align-items: center;
}

.h_nav1 li{
	margin-right: 45px;
}

.h_nav1 li a{
	color:#86cab6;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
}

.h_nav1 li a:hover{
	color:#009dda;
}

.h_nav2{
	display: flex;
}

.h_nav2 li a{
	width:120px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}

.h_nav2 li a:hover{
	transform: scale(0.95);
}

.h_nav2 li:nth-of-type(1) a{
	background: #86cab6;
}

.h_nav2 li:nth-of-type(2) a{
	background: #009dda;
}

/* FV旧バージョン

.fv{
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
	width:100%;
	height: 100dvh;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fv div{
	transition: 10s;
}

.fv img{
	display: block;
	width:260px;
	transition: .5s;
	opacity: 0;
}

*/

.fv{
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100dvh;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .4s;
}

.fv img{
	display: block;
	width:60%;
	max-width:180px;
	transition: .3s;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform:scale(0);
}

.fv div{
	display: block;
	content:"";
	background: #009dda;
	position: absolute;
	top:50%;
	left: 50%;
	transition: .4s;
	transform: translateX(-50%) translateY(-50%) scale(0);
	clip-path: circle(50% at 50% 50%);
}

.top_main{
	overflow: hidden;
	position: relative;
}

.top_img{
	width:100%;
	padding-left: 100px;
	position: relative;
}

.top_slider_wrap{
	z-index: 2;
}

.top_slider , .top_slide{
	height: calc( 100svh - 110px - 30px );
}

.top_slide{
	z-index: 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.top_slide_text{
	position: absolute;
	top:calc( 100svh - 110px - 30px );
	left: 100px;
	z-index: 5;
	transform: translateY(-100%);
	width:calc( 100% - 400px );
	max-width: 1500px;
}

.fix_rec{
	display: block;
	width:230px;
	position: fixed;
	right: 20px;
	bottom:20px;
	z-index: 6;
}

.fix_rec:hover{
	transform: scale(0.85);
}

.fix_rec_bg{
	position: relative;
	z-index: 1;
	animation:8s linear infinite rotation;
}

@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

.fix_rec_text{
	width:100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
}

.top_img_scr{
	display: block;
	width:12px;
	position: absolute;
	bottom:200px;
	left: 50px;
	margin-left: -6px;
	animation:5s ease-in-out infinite opacity;
}

@keyframes opacity{
  0%{ opacity: 1;}
  50%{ opacity: 0; }
  100%{ opacity: 1; }
}

.top_catch{
	padding:300px 0 150px;
	background: url("images/top_catch_bg.webp") no-repeat center/cover;
	margin-top: -120px;
}

.top_catch1_wrap{
	display: flex;
	justify-content: flex-end;
	padding-left: 20px;
}

.top_catch1{
	width:100%;
	max-width: calc( 1200px + ( 100% - 1200px ) / 2 );
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 5;
}

.top_catch1_text{
	width:100%;
	max-width:650px;
	line-height: 1.5;
	font-weight: bold;
	color:#fff;
}

.top_catch1_text > p + p{
	margin-top: 40px;
}

.top_catch1_img{
	width:calc( 100% - 650px );
}

.top_catch2{
	max-width: 1110px;
	color:#fff;
	font-weight: bold;
	line-height: 1.7;
	padding:0 20px;
	margin:150px auto 0;
	position: relative;
	z-index: 5;
}

.top_main_fish{
	width:5000px;
	position: absolute;
	right: 0px;
	top:100px;
	z-index: 3;
	transform: rotate(-30deg);
	transform-origin: top right;
	mix-blend-mode:lighten;
}

.top_abo{
	padding:160px 0;
	background: #009dda;
}

.title1_wrap{
	display: flex;
	justify-content: flex-end;
	padding-left: 20px;
}

.title1{
	width:100%;
	max-width: calc( 1200px + ( 100% - 1200px ) / 2 );
	padding-left: 130px;
	padding-top: 50px;
	position: relative;
}

.title1_h1{
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
	font-size: 100px;
	line-height: 1;
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
	color:#fff;
	opacity: 0;
	transform: translateY(50px);
	transition: .4s;
}

.title1_h2{
	width:48px;
	position: absolute;
	top:200px;
	left: 10px;
	opacity: 0;
	transform: translateY(50px);
	transition: .4s;
}

.title1_img{
	width: 100%;
	height: 600px;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transition: .8s;
	transition-delay: .3s;
}

.acs_title_add p{
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transition: .8s;
	transition-delay: .3s;
}

.abo_title .title1_img{
	background: url("images/abo_h_img.webp") no-repeat 80% center;
	background-size: cover;
}

.work_title .title1_img{
	background: url("images/work_h_img.webp") no-repeat center/cover;
}

.rec_title .title1_img{
	background: url("images/rec_h_img.webp") no-repeat center 20%;
	background-size: cover;
}

.ent_title .title1_img{
	background: url("images/entry_h_img.webp") no-repeat center center;
	background-size: cover;
}

.title1_on .title1_h1 , .title1_on .title1_h2{
	opacity: 1;
	transform: translateY(0);
}

.title1_on .title1_img , .title1_on .acs_title_add p{
	clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}

.top_abo_links{
	max-width: 1240px;
	margin:50px auto 0;
	padding:0 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_abo_links a:hover{
	transform: scale(0.9);
}

.top_abo_links > a{
	width:calc( 50% - 10px );
	height: 460px;
	background: url("images/abo_link1.webp") no-repeat center/cover;
	align-items: flex-end;
	padding-bottom: 80px;
}

.top_abo_links > div{
	width:calc( 50% - 10px );
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.top_abo_links > div > a{
	width:100%;
	height:calc( 50% - 10px );
}

.top_abo_links > div > a:nth-of-type(1){
	background: url("images/abo_link2.webp") no-repeat center/cover;
	transition-delay: .4s;
}

.top_abo_links > div > a:nth-of-type(2){
	background: url("images/abo_link3.webp") no-repeat center/cover;
	transition-delay: .8s;
}

.top_abo_link_box{
	display: flex;
	align-items: center;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transition: .8s;
}

.move_on .top_abo_link_box{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.top_abo_link_box img{
	height: 50px;
}

.top_abo_links > a img{
	height: 120px;
}

.top_work{
	padding:160px 0;
	background: #00a094;
}

.top_work_p1{
	max-width: 940px;
	margin:60px auto 90px;
	padding: 0 20px;
	color:#fff;
}

.top_work_links{
	max-width: 1240px;
	padding:0 20px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
}

.top_work_links > li{
	width:50%;
}

.top_work_link{
	display: block;
	border:15px solid #009dda;
	background: #009dda;
	color:#fff;
	text-decoration: none;
}

.top_work_links > li:nth-of-type(2){
	transition-delay: .2s;
}

.top_work_links > li:nth-of-type(2) a{
	border-color: #ed6d3d;
	background: #ed6d3d;
}

.top_work_link:hover{
	border-color: #86cab6 !important;
}

.top_work_link > img{
	display: block;
	margin-bottom: 30px;
}

.top_work_link_h{
	margin-bottom: 30px;
	padding:0 15px;
}

.top_work_link_h img{
	display: block;
	height: 40px;
	margin:0 auto;
}

.top_work_link_text{
	padding:0 15px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top_work_link_text img{
	width:60px;
}

.top_work_link_text > p{
	width: calc( 100% - 80px );
}

.top_acs{
	padding:150px 0 10px;
}

.acs_title .title1_h1{
	color:#86cab6;
}

.acs_title .title1_img{
	position: relative;
	overflow: hidden;
}

.acs_title .title1_img iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: calc( 100% + 300px ) !important;
	margin-top: -150px;
}

.top_acs_text{
	font-weight: 500;
	margin:60px auto;
	padding:0 20px;
	max-width: 940px;
}

.acs_slide{
	padding:0 5px;
}

.ft_rec_wrap{
	background: url("images/ft_rec_bg.webp") no-repeat center/cover;
	padding:150px 0 200px;
}

.ft_peo_list_wrap{
	height: auto;
	display: flex;
	justify-content: flex-end;
}

.ft_peo_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:calc( 100% - 310px );
}

.ft_peo_box{
	display: block;
	width:32%;
	color:#fff;
	text-decoration: none;
	text-align: center;
	margin-top: 60px;
}

.ft_peo_box:nth-of-type(-n+3){
	margin-top: 0;
}

.ft_peo_box_img{
	width:100%;
	background-position: center 20%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.ft_peo_box_img::before{
	content:"";
	display: block;
	padding-top: 150%;
}

.ft_peo_box1 .ft_peo_box_img{
	background-image: url("images/ft_peo1.webp");
}

.ft_peo_box2 .ft_peo_box_img{
	background-image: url("images/ft_peo2.webp");
}

.ft_peo_box3 .ft_peo_box_img{
	background-image: url("images/ft_peo3.webp");
}

.ft_peo_box4 .ft_peo_box_img{
	background-image: url("images/ft_peo4.webp");
}

.ft_peo_box5 .ft_peo_box_img{
	background-image: url("images/ft_peo5.webp");
}

.ft_peo_box6 .ft_peo_box_img{
	background-image: url("images/ft_peo6.webp");
}

.ft_peo_box_img > img{
	width:60px;
	position: absolute;
	left: 50%;
	bottom:20%;
	margin-left: -30px;
	transition: .3s;
}

.ft_peo_box_p1{
	width:100%;
	min-height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	padding:5px;
	background: #009dda;
	text-align: center;
}

.ft_peo_box:nth-of-type(odd) .ft_peo_box_p1{
	background: #ed6d3d;
}

.ft_peo_box_p1_2{
	background: #ed6d3d;
}

.ft_peo_box_p1 span{
	display: inline-block;
}

.ft_peo_box_name{
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
	margin:10px 0 3px;
}

.ft_peo_box_p2{
	font-size: 16px;
	font-weight: 500;
}

.ft_peo_box:hover .ft_peo_box_img > img{
	transform: scale(0.7);
}

.ft_rec{
	margin-top: 120px;
	padding:0 20px;
}

.ft_rec_h{
	max-width: 1200px;
	margin:0 auto;
	position: relative;
}

.ft_rec_h > img:nth-of-type(2){
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width:200px;
}

.ft_rec_p1{
	max-width: 900px;
	margin:80px auto 100px;
	color:#fff;
}

.ft_rec_list{
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	margin:0 auto 70px;
}

.ft_rec_box{
	width:49%;
	height: 440px;
	padding:0 30px 50px;
	display: flex;
	align-items: flex-end;
	border:5px solid rgba(255,255,255,0);
}
.ft_rec_box:hover{
	border:5px solid rgba(255,255,255,1);
}

.ft_rec_box:nth-of-type(1){
	background: url("images/ft_rec1.webp") no-repeat center/cover;
}

.ft_rec_box:nth-of-type(2){
	background: url("images/ft_rec2.webp") no-repeat center/cover;
}

.ft_rec_box > div{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ft_rec_box > div > img{
	display: block;
}

.ft_rec_box > div > img:nth-of-type(1){
	height: 106px;
}

.ft_rec_box > div > img:nth-of-type(2){
	height: 90px;
}

.ft_rec_links{
	max-width: 1200px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0 auto;
}

.ft_rec_links_h{
	width:400px;
	display: flex;
	align-items: center;
}

.ft_rec_links_list{
	width:calc( 100% - 470px );
	display: flex;
	flex-wrap: wrap;
}

.ft_rec_links_list a{
	width:32%;
	background: #fff;
	position: relative;
	margin-bottom: 15px;
}

.ft_rec_links_list a::before{
	content:"";
	display: block;
	padding-top: 62%;
}

.ft_rec_links_list a:nth-of-type(3n-1){
	margin-left:2%;
}

.ft_rec_links_list a:nth-of-type(3n){
	margin-left:2%;
}

.ft_rec_links_list a img{
	transition: .2s;
}

.ft_rec_links_list a:hover{
	transform: scale(0.95);
}

.ft_rec_links_list a img{
	display: block;
	width:70%;
	height: 70%;
	max-width: 150px;
	max-height: 70px;
	object-fit: contain;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.ft_entry{
	position: relative;
	max-width: 1400px;
	margin:90px auto 0;
	position: relative;
}

.ft_rec_wrap + .ft_entry{
	margin:-85px auto 0;
}

.ft_entry_btn{
	display: block;
	width: 100%;
	max-width: 900px;
	height: 170px;
	background: #009dda;
	margin:0 auto;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 56px;
}

.ft_entry_btn:hover{
	transform: scale(0.9);
}

.ft_entry_btn img:nth-of-type(1){
	width: 500px;
}

.ft_entry_btn img:nth-of-type(2){
	width: 98px;
}

.go_top{
	display: none !important;
	position: absolute;
	top:-30px;
	right: 20px;
	width:50px;
}

.go_top:hover{
	transform: scale(0.95);
}

footer{
	margin-top: 150px;
}

.footer{
	max-width: 1240px;
	padding:0 20px 40px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}

.ft_l{
	padding-right: 50px;
}

.ft_l img{
	width:340px;
	display: block;
	margin-bottom: 30px;
}

.ft_r{
	display: flex;
	flex-wrap: wrap;
	max-width: 570px;
}

.ft_nav_box{
	width:calc( ( 100% - 130px ) / 2 );
	margin-bottom: 30px;
}

.ft_nav_box:nth-of-type(3){
	width:130px;
}

.ft_nav_box > a{
	font-size: 20px;
	line-height: 1.2;
	color:#86cab6;
	text-decoration: none;
	font-weight: 500;
}

.ft_nav_box > ul li{
	margin-top: 3px;
}

.ft_nav_box > ul a{
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	color:#333;
	font-weight: 400;
}

.ft_nav_box a:hover{
	color:#009dda;
}

.copy_r{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height: 66px;
	padding:0 20px;
	color:#fff;
	line-height: 1.3;
	font-weight: 500;
	background: #009dda
}


.page_wrap{
	margin-top: 150px;
}

.abo_mes{
	max-width: 1200px;
	padding:0 20px;
	margin:120px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.abo_mes_img{
	width:390px;
	transition-delay: .2s;
}

.abo_mes_text{
	width:calc( 100% - 440px );
	max-width: 630px;
	text-align: justify;
}

.abo_mes_h{
	font-weight: bold;
	color:#009dda;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 40px;
}

.abo_mes_text p{
	font-size: 20px;
	line-height: 2.2;
}

.heading1 p:nth-of-type(1){
	font-size: 72px;
	line-height: 1;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color:#009dda;
}

.heading1 p:nth-of-type(2){
	margin-top: 10px;
	font-weight: 400;
}

.com_bg{
	background: #dcdddd;
	padding:90px 10px 100px;
	margin:20px 0 150px;
}

.com_wrap{
	background: #fff;
	padding:100px 30px;
	max-width: 1200px;
	margin:0 auto;
}

.com{
	width:100%;
	max-width: 840px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.com_tbl{
	width:100%;
	max-width: 710px;
	margin-top: 80px;
}

.com_tbl_box{
	width:100%;
	display: flex;
	align-items: center;
	border-bottom: 3px solid #dcdddd;
	padding: 30px 0;
	font-size: 20px;
	position: relative;
}

.com_tbl_box::before{
	display: block;
	content:"";
	position: absolute;
	bottom:-3px;
	left: 0;
	width:30px;
	height: 3px;
	background: #009dda;
}

.com_tbl_box:nth-of-type(1){
	border-top: 3px solid #dcdddd;
}

.com_tbl_box:nth-of-type(1)::after{
	display: block;
	content:"";
	position: absolute;
	top:-3px;
	left: 0;
	width:30px;
	height: 3px;
	background: #009dda;
}

.com_tbl_box_h{
	width:150px;
	padding-left: 10px;
}

.com_tbl_box_text{
	flex:1;
}

@media screen and (max-width: 600px) {
	.com_wrap{
		padding:80px 30px;
	}
	
	.com .page_h{
		margin-bottom: 60px;
	}
	
	.com_tbl_box{
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	.com_tbl_box_h{
		width:100px;
	}
}

.num{
	max-width: 1240px;
	padding:0 20px;
	margin: 0 auto;
}

.num_h{
	max-width: 560px;
	margin-bottom: 100px;
}

.num_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.num_box{
	width:48.5%;
	min-height: 240px;
	padding:30px 40px;
	background: #009dda;
	display: flex;
	align-items: flex-start;
	color:#fff;
	margin-bottom: 30px;
}

.num_box > div{
	width:100%;
}

.num_box_flex{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.num_box_l{
	width:50%;
	padding:0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.num_box_h{
	width:100%;
	max-width: 280px;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	background: #fff;
	padding:5px;
	color:#009dda;
	border-radius: 50px;
	margin-bottom: 30px;
}

.num_box_l img{
	display: block;
}

.num_box_r{
	width:50%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.num1{
	display: flex;
	align-items: flex-end;
	line-height: 0.8;
}

.num1_p1{
	font-family: "Montserrat", sans-serif;
	font-size: 130px;
	font-weight: 600;
}

.num1_p2{
	width:40px;
	text-align: center;
	font-size: 36px;
	padding-bottom: 8px;
	margin-left: 6px;
}

.num_box_100{
	width:100%;
}

.num_box_100_shuu{
	font-size: 24px;
	line-height: 1.2;
	margin-top: -18px;
}

.num1_2{
	justify-content: center;
}

.num1_3{
	justify-content: flex-end;
	width:100%;
	padding-right: 46px;
	position: relative;
}

.num1_p2_tate{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width:40px;
}

.num1_p2_tate2{
	position: absolute;
	bottom:0;
	right: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	width:40px;
	text-align: center;
	margin-bottom: -30px;
}

.num1_p2_tate2 span:nth-of-type(1){
	margin-top: -20px;
}

.num_box_text{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 25px;
}

.work_p1{
	max-width: 930px;
	padding:0 20px;
	font-weight: 500;
	line-height: 1.9;
	color:#009dda;
	margin:60px auto;
}

.work_wrap{
	padding-bottom: 150px;
}

.shiwake{
	background: #009dda;
}

.kanri{
	background: #ed6d3d;
}

.work_img{
	width: 100%;
	height: 500px;
	margin-bottom: 120px;
}

.shiwake .work_img{
	background: url("images/shiwake.webp") no-repeat center/cover;
}

.kanri .work_img{
	background: url("images/kanri.webp") no-repeat center/cover;
}

.work{
	padding:0 20px;
}

.work_h{
	margin-bottom: 70px;
}

.work_h img{
	display: block;
	height: 56px;
	margin:0 auto;
}

.work_h + p{
	width:100%;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
	margin-bottom: 90px;
	color:#fff;
}

.work_h + p span{
	display: inline-block;
}

.work_flex{
	max-width: 1100px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	color:#fff;
}

.work_flex_l{
	width:46%;
	text-align: justify;
}

.work_flex_r{
	width:50%;
	transition-delay: .2s;
}

.work_flow{
	max-width: 1200px;
	margin:150px auto 0;
}

.work_flow_h{
	width:100%;
	height: 290px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #efefef;
	color:#009dda;
}

.work_flow_h img{
	height: 57px;
	display: block;
	margin:0 auto 20px;
}

.work_flow_box_wrap{
	background: #7bb9e5;
	padding: 0 30px;
	color:#fff;
	overflow: hidden;
}

.work_flow_box_wrap:nth-of-type(2n){
	background: #ffffff;
	color:#009dda;
}

.work_flow_box{
	max-width: 1040px;
	padding:60px 0;
	padding-left: 30px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	border-left: 1px solid #009dda;
	position: relative;
}

/*

.work_flow_box::before{
	display: block;
	content:"";
	width:12px;
	height: 12px;
	border-radius: 6px;
	background: #009dda;
	position: absolute;
	top:76px;
	left: -6px;
	z-index: 2;
}

.work_flow_box_wrap:first-of-type .work_flow_box::after{
	display: block;
	content:"";
	width:6px;
	height: 76px;
	border-radius: 6px;
	background: #7bb9e5;
	position: absolute;
	top:0;
	left: -3px;
	z-index: 1;
}

.work_flow_box_wrap:last-of-type .work_flow_box::after{
	display: block;
	content:"";
	width:6px;
	height: calc( 100% - 76px );
	border-radius: 6px;
	background: #7bb9e5;
	position: absolute;
	bottom:0;
	left: -3px;
	z-index: 1;
}

*/

.work_flow_box_img{
	width:330px;
	transition-delay: .2s;
}

.work_flow_box_text{
	width:calc( 100% - 360px );
}

.work_flow_box_h{
	font-size: 30px;
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 35px;
	position: relative;
	z-index: 3;
}

.work_flow_box_h::before{
	display: block;
	content:"";
	width:12px;
	height: 12px;
	border-radius: 6px;
	background: #009dda;
	position: absolute;
	top:50%;
	left: -36px;
	margin-top: -6px;
	z-index: 4;
}

.work_flow_box_wrap:first-of-type .work_flow_box_h::after{
	display: block;
	content:"";
	width:6px;
	height: 900px;
	border-radius: 6px;
	background: #7bb9e5;
	position: absolute;
	bottom:50%;
	left: -33px;
	z-index: 1;
}

.work_flow_box_wrap:last-of-type .work_flow_box_h::after{
	display: block;
	content:"";
	width:6px;
	height: 900px;
	border-radius: 6px;
	background: #7bb9e5;
	position: absolute;
	top:50%;
	left: -33px;
	z-index: 1;
}

.work_flow_box_h span{
	display: inline-block;
}

.work_flow_box_text > ul li{
	font-size: 22px;
	line-height: 1.3;
	padding-left: 30px;
	position: relative;
}

.work_flow_box_text > ul li + li{
	margin-top: 10px;
}

.work_flow_box_text > ul li span{
	position: absolute;
	top:0;
	left: 0;
}

.work_flow_last_wrap{
	padding:60px 30px;
	background: #efefef;
}

.work_flow_last{
	max-width: 800px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.work_flow_last_box{
	width:32%;
}

.work_flow_last_box p{
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
	line-height: 1.3;
	color:#009dda;
}

.work_flow_last_box p span{
	display: inline-block;
}

.voice{
	margin-bottom: 200px;
}

.voice_h{
	max-width: 1200px;
	margin:0 auto;
}

.voice_h > p{
	line-height: 1.6;
	font-weight: 500;
	color:#009dda;
	margin-bottom: 50px;
	padding:0 20px;
}

.voice_h_img{
	width:100%;
	height: 600px;
	padding:50px;
	display: flex;
	align-items: flex-end;
}

.voice_name{
	width:270px;
	height: 220px;
	background: #009dda;
	color:#fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.voice_name p{
	width:100%;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
}

.voice_name p:nth-of-type(2){
	font-size: 46px;
	margin:15px auto 25px;
}

.voice_p1{
	max-width: 950px;
	margin:60px auto;
	padding:0 20px;
	font-weight: 500;
	text-align: justify;
}

.voice_img1{
	width:100%;
	height: 500px;
}

.voice1 .voice_h_img{
	background: url("images/voice1_1.webp") no-repeat center 80%;
	background-size: cover;
}

.voice1 .voice_img1{
	background: url("images/voice1_2.webp") no-repeat center/cover;
}

.voice2 .voice_h_img{
	background: url("images/voice2_1.webp") no-repeat center top;
	background-size: cover;
}

.voice2 .voice_img1{
	background: url("images/voice2_2.webp") no-repeat center/cover;
}

.voice3 .voice_h_img{
	background: url("images/voice3_1.webp") no-repeat center top;
	background-size: cover;
}

.voice3 .voice_img1{
	background: url("images/voice3_2.webp") no-repeat center/cover;
}

.voice4 .voice_h_img{
	background: url("images/voice4_1.webp") no-repeat 60% center;
	background-size: cover;
}

.voice4 .voice_img1{
	background: url("images/voice4_2.webp") no-repeat center/cover;
}

.voice5 .voice_h_img{
	background: url("images/voice5_1.webp") no-repeat 40% top;
	background-size: cover;
}

.voice5 .voice_img1{
	background: url("images/voice5_2.webp") no-repeat center/cover;
}

.voice6 .voice_h_img{
	background: url("images/voice6_1.webp") no-repeat center center;
	background-size: cover;
}

.voice6 .voice_img1{
	background: url("images/voice6_2.webp") no-repeat center/cover;
}

.voice_qa{
	max-width: 1140px;
	padding:0 20px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.voice_qa_box{
	width:48%;
	max-width: 500px;
	margin-top: 100px;
}

.voice_qa_box:nth-of-type(2n){
	transition-delay: .2s;
}

.voice_qa_box_q{
	width:400px;
	padding:8px 30px 10px;
	line-height: 1;
	color:#fff;
	font-weight: 500;
	background: #009dda;
	border-radius: 20px;
	margin-bottom: 30px;
}

.voice_qa_box_h{
	line-height: 1.5;
	font-weight: 500;
	color:#009dda;
	margin-bottom: 40px;
}

.voice_qa_box_text p{
	text-align: justify;
}

.voice_love{
	width:calc( 100% - 20px );
	max-width: 1000px;
	margin:140px auto 0;
	padding:50px 20px;
	background: #009dda;
	border-radius: 26px;
}

.voice_love_h{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.voice_love_h img{
	display: block;
	width:40px;
}

.voice_love_h p{
	max-width: calc( 100% - 80px );
	padding:0 15px;
	text-align: center;
	font-size: 46px;
	line-height: 1.1;
	font-family: "ads-hikari", sans-serif;
	color:#fff;
}

.voice_love_h p span{
	display: inline-block;
}

.voice_love > p{
	max-width: 880px;
	margin:0 auto;
	text-align: justify;
	color:#fff;
}

.rec_wrap{
	background: #009dda;
	padding:110px 0 120px;
	margin-bottom: 150px;
}

.rec_h{
	text-align: center;
	line-height: 1;
	font-weight: 500;
	color:#fff;
}

.rec_nav{
	color:#fff;
	max-width: 1130px;
	border-bottom: 1px solid #fff;
	padding:0 50px;
	margin:100px auto 70px;
	display: flex;
}

.rec_nav_box{
	width:330px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #009dda;
	border:1px solid #fff;
	margin:0 10px -1px;
	cursor: pointer;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
}

.rec_nav_box span{
	display: inline-block;
}

.rec_nav_box_act{
	border-bottom: 1px solid rgba(255,255,255,0)
}

.rec_box{
	width:calc( 100% - 20px );
	max-width: 1000px;
	margin:0 auto;
	background: #fff;
}

.rec_box + .rec_box{
	margin-top: 50px;
}

.rec_box_h{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:40px;
	line-height: 1.2;
	color:#009dda;
	cursor: pointer;
}

.rec_box_h > div{
	width:28px;
	height: 28px;
	position: relative;
}

.rec_box_h > div::before{
	display: block;
	content:"";
	border-radius: 2px;
	width:2px;
	height: 100%;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -1px;
	background: #009dda;
	transition: .2s;
}

.rec_box_h > div::after{
	display: block;
	content:"";
	border-radius: 2px;
	width:100%;
	height: 2px;
	position: absolute;
	top:50%;
	left: 0;
	margin-top: -1px;
	background: #009dda;
}

.rec_box_open > div::before{
	transform: rotate(90deg);
}

.rec_toggle{
	padding: 20px 20px 100px;
}

.rec_tbl{
	width:calc( 100% - 20px );
	max-width: 820px;
	margin:0 auto;
}

.rec_tbl .com_tbl_box{
	align-items: flex-start;
	padding:24px 0;
	font-size: 18px;
	line-height: 1.4;
}

.rec_tbl .com_tbl_box_h{
	width:190px;
}

.rec_box .ft_entry_btn{
	max-width: 700px;
	height: 130px;
	padding:0 40px;
	margin-top: 80px;
}

.rec_box .ft_entry_btn img:nth-of-type(1){
	width:380px;
}

.rec_box .ft_entry_btn img:nth-of-type(2){
	width:80px;
}

.rec_flow{
	margin-top: 120px;
}

.rec_flow_list{
	width:100%;
	max-width: 1240px;
	padding:0 20px;
	margin:70px auto 0;
	display: flex;
	flex-wrap: wrap;
}

.rec_flow_ar{
	width:70px;
}

.rec_flow_ar img{
	display: flex;
	width: 26px;
}

.rec_flow_ar div:nth-of-type(2){
	display: flex;
	justify-content: center;
	align-items: center;
}

.rec_flow_box{
	width:calc( ( 100% - 210px ) / 4 );
	color:#fff;
}

.rec_flow_box_h{
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 15px;
}

.rec_flow_box_img img{
	display: block;
	width:100%;
	max-width: 180px;
	margin:0 auto;
}

.rec_flow_box_text{
	font-size: 20px;
	line-height: 1.3;
	margin-top: 30px;
}

.rec_flow_box_text_link{
	margin-top: 24px;
}

.rec_flow_box_text_link > a{
	width:100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#009dda;
	text-decoration: none;
	background: #fff;
	font-weight: 500;
	border:1px solid #fff;
}

.rec_flow_box_text_link > a + a{
	margin-top: 10px;
}

.rec_flow_box_text_link > a:hover{
	color:#fff;
	background: #009dda;
}




/* SP記述 + etc */

.top_catch2_sp{
	display: none;
}

.top_catch2_sp span{
	display: inline-block;
}

.top_slide_text_sp{
	display: none;
}

.acs_title_add{
	width:100%;
	padding-left: 420px;
	position: absolute;
	bottom:610px;
	left: 0;
	z-index: 3;
	color:#333;
}

.acs_title_add p{
	display: table;
	margin:0 auto;
}

.top_acs_text{
	width:100%;
	max-width: 1200px;
	padding:0 20px;
	padding-left: 130px;
}

.top_acs_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
	font-weight: 400;
}

.top_acs_flex > div:nth-of-type(1){
	width:44%;
}

.top_acs_flex > div:nth-of-type(2){
	width:54%;
}

.top_acs_flex > div > p{
	color:#009dda;
}

.top_acs_flex > div ul{
	font-size: 16px;
}

.top_acs_flex > div ul li{
	padding-left: 20px;
	position: relative;
}

.top_acs_flex > div ul li span{
	position: absolute;
	top:0;
	left: 0;
}

.title1_h2_sp{
	display: none;
}

@media screen and (max-width:1300px) {
	.header{
		padding-left: 20px;
	}
}

@media screen and (max-width:1250px) {
	.h_nav1 li{
		margin-right: 25px;
	}
}

@media screen and (max-width:1100px) {
	.fs48{
		font-size: 36px;
	}
	
	.fs56{
		font-size: 44px;
	}
	
	.header{
		height: 90px;
	}
	
	.h_nav1 , .h_nav2 li:nth-of-type(1) , .h_nav2 li:nth-of-type(2){
		display: none;
	}
	
	.ham_btn{
		width:90px;
		height: 90px;
	}
	
	.top_catch1_text{
		max-width: 500px;
	}
	
	.top_catch1_img {
		width: calc(100% - 500px);
	}
	
	.go_top{
		top:-80px;
	}
	
	.voice_h > p{
		max-width:100% !important;
	}
	
	.voice_h > p span{
		display: inline-block;
	}
}

@media screen and (max-width:1000px) {
	.ft_peo_list{
		width:100%;
	}
	
	.abo_mes_img{
		width:300px;
	}
	
	.abo_mes_text{
		width:calc( 100% - 340px );
	}
}

@media screen and (max-width:900px) {
	.top_img_wrap{
		position: relative;
	}
	
	.top_slide_text{
		display: none;
	}
	
	.top_slide_text_sp{
		display: block;
		position: absolute;
		top:50%;
		left: 50%;
		z-index: 3;
		translate:-50% -50%;
		width:60%;
		max-width: 400px;
	}
	
	.top_img_scr{
		display: none;
	}
	
	.top_img{
		padding-left: 0;
	}
	
	.top_slider, .top_slide{
		height: calc( 100svh - 90px );
	}
	
	.fix_rec{
		width: 140px;
		right:10px;
		bottom:10px;
	}
	
	.top_main_fish .slick-slide img{
		height: 400px;
	}
	
	.top_catch{
		padding-top: 220px;
		padding-bottom: 0;
	}
	
	.top_catch1_wrap{
		padding-left: 0;
	}
	
	.top_catch1{
		justify-content: center;
	}
	
	.top_catch2{
		display: none;
	}
	
	.top_catch2_sp{
		display: block;
		margin-top: 80px;
		margin-bottom: 100px;
	}
	
	.top_catch1_text{
		max-width: 100%;
		padding:0 20px;
	}
	
	.top_catch1_text > p + p{
		margin-top: 30px;
	}
	
	.top_catch1_img {
		width:100%;
	}
	
	.acs_title .title1{
		padding-top: 150px;
	}
	
	.acs_title_add{
		padding-left: 130px;
	}
	
	.ft_rec_list{
		flex-wrap: wrap;
	}
	
	.ft_rec_box{
		width:100%;
	}
	
	.ft_rec_box:nth-of-type(1){
		margin-bottom: 20px;
	}
	
	.ft_rec_links{
		justify-content: center;
	}
	
	.ft_rec_links_list{
		width:100%;
		max-width: 600px;
		margin-top: 40px;
		justify-content: center;
	}
	
	.go_top{
		width:40px;
	}
	
	.ft_rec_wrap + .ft_entry .go_top{
		top:-90px;
	}
	
	.ft_rec_wrap + .ft_entry{
		margin-top: -70px;
	}
	
	.ft_entry_btn{
		padding:30px;
		height: 140px;
	}
	
	.ft_entry_btn img:nth-of-type(1){
		width:400px;
	}
	
	.ft_entry_btn img:nth-of-type(2){
		width:80px;
	}
	
	.voice_qa{
		justify-content: center;
	}
	
	.voice_qa_box{
		width:100%;
		max-width: 600px;
	}
	
	.rec_wrap{
		padding-bottom: 80px
	}
	
	.rec_flow_list{
		max-width: 700px;
	}
	
	.rec_flow_box{
		width:calc( ( 100% - 140px ) / 2 );
		margin-bottom: 60px;
	}
}

@media screen and (max-width:800px) {
	footer{
		margin-top: 130px;
	}
	
	.footer{
		justify-content: center;
	}
	
	.ft_r{
		display: none;
	}
	
	.ft_l{
		width:100%;
		max-width:310px;
		padding-right: 0;
		font-size: 14px;
	}
	
	.work_flex{
		justify-content: center;
	}
	
	.work_flex_r{
		width:100%;
		max-width: 500px;
		margin-bottom: 50px;
	}
	
	.work_flex_l{
		width:100%;
	}
	
	.work_flow_box_wrap{
		padding:0 16px;
	}
	
	.work_flow_box{
		padding:50px 16px;
		padding-right: 0;
	}
	
	/*
	.work_flow_box::before{
		top:62px;
	}
	
	.work_flow_box_wrap:first-of-type .work_flow_box::after{
		height: 62px;
	}
	
	.work_flow_box_wrap:last-of-type .work_flow_box::after{
		height: calc( 100% - 62px );
	}
	*/
	
	.work_flow_box_h::before{
		left: -22px;
	}

	.work_flow_box_wrap:first-of-type .work_flow_box_h::after{
		left: -19px;
	}

	.work_flow_box_wrap:last-of-type .work_flow_box_h::after{
		left: -19px;
	}
	
	.work_flow_box_text{
		width:66%;
	}
	
	.work_flow_box_h{
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.work_flow_box_text > ul li{
		font-size: 18px;
	}
	
	.work_flow_box_img{
		width:30%;
	}
	
	.abo_mes{
		justify-content: center;
	}
	
	.abo_mes_img{
		width:100%;
		max-width: 380px;
	}
	
	.abo_mes_text{
		width:100%;
		margin-bottom: 70px;
	}
}

@media screen and (max-width:650px) {
	body{
		font-size: 16px;
	}
	
	.fs16{
		font-size: 14px;
	}
	
	.fs20{
		font-size: 16px;
	}
	
	.fs24{
		font-size: 18px;
	}
	
	.fs32{
		font-size: 22px;
	}
	
	.fs48{
		font-size: 30px;
	}
	
	.fs56{
		font-size: 36px;
	}
	
	.top_catch1_text{
		font-size: 24px;
	}
	
	.top_catch2_sp{
		font-size: 30px;
	}
	
	.top_abo{
		padding-top:100px;
		padding-bottom: 90px;
	}
	
	.title1_wrap{
		padding-left: 0;
	}
	
	.title1:not( .acs_title .title1 ):not( .ft_rec_wrap .title1 ){
		padding:0;
	}
	
	.acs_title .title1{
		padding-left: 86px;
		padding-top: 100px;
	}
	
	.ft_rec_wrap .title1{
		padding-left: 86px;
		padding-top: 70px;
	}
	
	.acs_title_add{
		bottom:calc( 400px + 10px );
		line-height: 1.2;
		padding-left: 86px;
		font-size: 14px;
	}
	
	.title1_img:not( .acs_title .title1_img ):not( .ft_rec_wrap .title1_img ){
		height: 450px;
	}
	
	
	.acs_title .title1_img{
		height: 400px;
	}
	
	.title1_h1{
		font-size: 50px;
		top:10%;
		left: 6%;
	}
	
	.acs_title .title1_h1{
		top:0;
		left: 10px;
	}
	
	.ft_rec_wrap .title1_h1{
		top:0;
		left: 10px;
	}
	
	.title1_h2{
		width:32px;
		z-index: 3;
		top:auto;
		bottom:70px;
		left: 6%;
	}
	
	.acs_title .title1_h2{
		left: 26px;
	}
	
	.ft_rec_wrap .title1_h2{
		left: 26px;
		bottom:auto;
		top:150px;
	}
	
	.ft_peo_box{
		width:48%;
	}
	
	.ft_peo_box{
		margin-top: 30px !important;
	}
	
	.ft_peo_box:nth-of-type(-n+2){
		margin-top: 0 !important;
	}
	
	.ft_peo_box_img > img{
		width:44px;
		margin-left: -22px;
		bottom:14%;
	}
	
	.ft_peo_box_name{
		font-size: 18px;
	}
	
	.ft_peo_box_p1{
		font-size: 14px;
		min-height: 36px;
	}
	
	.ft_peo_box_p2{
		font-size: 14px;
		line-height: 1.3;
	}
	
	.top_abo_links > a{
		width:100%;
		height: 71vw;
		padding-bottom: 10%;
	}
	
	.top_abo_links > a img{
		height: 35%;
		margin-left: -2px;
	}
	
	.top_abo_links > div{
		width:100%;
	}
	
	.top_abo_links > div > a{
		width:90%;
		height: 30vw;
		margin-top: 40px;
	}
	
	.top_abo_links > div > a:nth-of-type(1){
		margin-left: 10%;
	}
	
	.top_abo_link_box img{
		height: 30%;
		margin-left: -2px;
	}
	
	.top_work{
		padding-top: 100px;
		padding-bottom: 80px;
	}
	
	.top_work_p1{
		margin-bottom: 70px;
	}
	
	.top_work_links{
		justify-content: center;
	}
	
	.top_work_links > li{
		width:100%;
		max-width: 500px;
	}
	
	.top_work_link_h img{
		height: 30px;
	}
	
	.top_work_link_text img{
		width: 50px;
	}
	
	.top_work_link_text > p{
		width:calc( 100% - 65px );
	}
	
	.top_acs_text{
		padding-left: 20px;
	}
	
	.top_acs_flex{
		margin-top: 0;
	}
	
	.top_acs_flex > div{
		width:100% !important;
		margin-top: 25px;
	}
	
	.ft_rec{
		margin-top: 80px;
	}
	
	.ft_rec_h > img:nth-of-type(2){
		width:120px;
	}
	
	.ft_rec_p1{
		font-size: 14px;
		margin:50px auto 60px;
	}
	
	.ft_rec_box{
		height: 380px;
		padding:40px 10px;
	}
	
	.ft_rec_box > div > img:nth-of-type(1){
		height: 80px;
	}
	
	.ft_rec_box > div > img:nth-of-type(2){
		height: 60px;
	}
	
	.ft_rec_wrap{
		padding:100px 0 80px;
	}
	
	.ft_rec_links_h{
		width:100%;
		max-width: 340px;
	}
	
	.ft_rec_links_list{
		margin-top: 30px;
	}
	
	.go_top{
		width:40px;
		display: none;
	}
	
	.ft_rec_wrap + .ft_entry .go_top{
		top:-180px;
		display: block;
	}
	
	.ft_rec_wrap + .ft_entry{
		margin-top: 70px;
	}
	
	.ft_entry_btn{
		padding:5%;
		width:84%;
		height: 80px;
	}
	
	.ft_entry_btn img:nth-of-type(1){
		width:85%;
		max-width: 350px;
	}
	
	.ft_entry_btn img:nth-of-type(2){
		width:10%;
		max-width: 50px;
	}
	
	.top_acs{
		padding-top: 100px;
	}
	
	.ft_l img{
		width:240px;
		display: block;
		margin:0 auto 30px;
	}
	
	.page_wrap{
		margin-top: 0;
	}
	
	.page_wrap > .title1_wrap .title1_h1{
		color:#fff !important;
	}
	
	.page_wrap > .title1_wrap .title1_h2{
		display: none;
	}
	
	.page_wrap > .title1_wrap .title1_h2_sp{
		display: block;
	}
	
	.work_p1{
		font-size: 18px;
	}
	
	.work_h{
		margin-bottom: 50px;
	}
	
	.work_h img{
		height: 36px;
	}
	
	.work_h + p{
		font-size: 24px;
		margin-bottom: 60px;
	}
	
	.work_flow{
		margin-top: 100px;
	}
	
	.work_flow_h{
		height: 180px;
	}
	
	.work_flow_h img{
		height: 32px;
	}
	
	.work_wrap{
		padding-bottom: 100px;
	}
	
	.work_img{
		height: 350px;
	}
	
	.work_flow_box_h{
		font-size: 18px;
		margin-bottom: 14px;
	}
	
	.work_flow_box_text > ul li{
		font-size: 14px;
		padding-left: 16px;
	}
	
	.work_flow_box::before{
		top:56px;
	}
	
	.work_flow_box_wrap:first-of-type .work_flow_box::after{
		height: 56px;
	}
	
	.work_flow_box_wrap:last-of-type .work_flow_box::after{
		height: calc( 100% - 56px );
	}
	
	.work_flow_last{
		max-width: 300px;
	}
	
	.work_flow_last_box{
		width:100%;
	}
	
	.work_flow_last_box + .work_flow_last_box{
		margin-top: 30px;
	}
	
	.work_flow_last_box p{
		font-size: 18px;
	}
	
	.voice{
		margin-top: 60px;
	}
	
	.voice_h{
		margin-bottom: 40px;
	}
	
	.voice_h_img{
		padding:0 0 24px;
		height: 380px;
		justify-content: center;
	}
	
	.voice_name{
		width:200px;
		height: 150px;
	}
	
	.voice_name p{
		font-size: 16px;
	}
	
	.voice_name p:nth-of-type(2){
		font-size: 36px;
		margin:10px auto 16px;
	}
	
	.voice_name p:last-of-type{
		font-size: 14px;
	}
	
	.voice_img1{
		height: 350px;
	}
	
	.voice_qa_box{
		margin-top: 60px;
	}
	
	.voice_qa_box_h{
		margin-bottom: 20px;
	}
	
	.voice_qa_box_q{
		width:100%;
		max-width: 300px;
		font-size: 14px;
		padding:8px 15px 10px
	}
	
	.voice_love{
		margin-top: 70px;
	}
	
	.voice_love_h{
		margin-bottom: 20px;
	}
	
	.voice_love_h p{
		max-width: calc( 100% - 60px );
		max-width: 100%;
		padding:0;
		font-size: 30px;
	}
	
	.voice_love_h img{
		width:24px;
		display: none;
	}
	
	.voice{
		margin-bottom: 100px;
	}
	
	.rec_wrap{
		padding:80px 0;
	}
	
	.rec_nav{
		margin-top: 60px;
		margin-bottom: 50px;
		padding:0 1px;
	}
	
	.rec_nav_box{
		height: 60px;
		font-size: 16px;
		padding:0 5px;
	}
	
	.rec_box_h{
		padding:20px;
	}
	
	.rec_box + .rec_box{
		margin-top: 30px;
	}
	
	.rec_tbl .com_tbl_box{
		font-size: 14px;
		margin-bottom: 0;
	}
	
	.rec_tbl .com_tbl_box_h{
		padding-left: 0;
		width:140px;
	}
	
	.rec_toggle{
		padding-bottom: 60px;
	}
	
	.rec_flow{
		margin-top: 100px;
	}
	
	.rec_box .ft_entry_btn{
		padding:5%;
		width:100%;
		height: 80px;
		margin-top: 60px;
	}
	
	.rec_box .ft_entry_btn img:nth-of-type(1){
		width:85%;
		max-width: 350px;
	}
	
	.rec_box .ft_entry_btn img:nth-of-type(2){
		width:10%;
		max-width: 50px;
	}
	
	.rec_flow_list{
		max-width: 300px;
	}
	
	.rec_flow_box{
		width:100%;
		margin-bottom: 0px;
	}
	
	.rec_flow_ar{
		width:100%;
		margin:30px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.rec_flow_ar img{
		transform: rotate(90deg);
	}
	
	.rec_flow_box_h{
		font-size: 22px;
	}
	
	.rec_flow_box_text{
		font-size: 16px;
	}
	
	.rec_flow_box_img img{
		max-width: 150px;
	}
	
	.abo_mes{
		margin-top: 70px;
		margin-bottom: 80px;
	}
	
	.abo_mes_img{
		width:100%;
		max-width: 300px;
	}
	
	.abo_mes_text{
		width:100%;
		margin-bottom: 50px;
	}
	
	.abo_mes_text p{
		font-size: 18px;
		line-height: 1.8;
	}
	
	.heading1 p:nth-of-type(1){
		font-size: 50px;
	}
	
	.com .com_tbl{
		margin-top: 0px;
	}
	
	.com .com_tbl_box{
		font-size: 14px;
		padding:20px 0;
		margin-bottom: 0;
	}
	
	.com .com_tbl_box_h{
		padding-left: 0;
		width:100px;
	}
	
	.com_bg{
		margin-bottom: 100px;
	}
}

@media screen and (max-width:500px) {
	.ft_rec_box{
		height: 300px;
	}
	
	.rec_tbl .com_tbl_box{
		flex-wrap: wrap;
	}
	
	.rec_tbl .com_tbl_box_h{
		width:100%;
		margin-bottom: 20px;
	}
	
	.rec_tbl .com_tbl_box_text{
		width:100%;
	}
	
	.rec_toggle{
		padding:20px 10px 60px;
	}
}

@media screen and (max-width:450px) {
	.voice_h > p{
		font-size: 22px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width:400px) {
	.com .com_tbl_box_h{
		width:80px;
	}
}

.num1_4 > div{
	position: relative;
	padding-top: 14px;
}

.num1_4 > div > span{
	position: absolute;
	top:-14px;
	left: 0;
	font-size: 24px;
    line-height: 1;
}

.num1_5{
	padding-left: 30px;
}

.num1_5 > div{
	position: relative;
}

.num1_5 > div span{
	position: absolute;
	top:0;
	left:-30px;
	font-size: 24px;
}

@media screen and (max-width:1200px) {
	.num_list{
		justify-content: center;
	}
	
	.num_box{
		width:100%;
		max-width: 600px;
	}
	
	.num_box_l{
		min-height: 0 !important;
	}
	
	/*
	.num_box{
		align-items: flex-start;
	}
	
	.num_box_l img{
		width:auto;
		height: 80px;
	}
	
	.num1_p1{
		font-size: 8vw
	}
	
	.num1_p2{
		font-size: 3vw;
	}
	
	.num1_3{
		padding-right: 12%;
	}
	
	.num1_p2_tate2{
		margin-bottom: -10%;
		width:8%;
	}
	
	.num1_p2_tate2 span:nth-of-type(1){
		margin-top: -10%;
	}
	*/
}

@media screen and (max-width:650px) {
	.num_h{
		max-width: 400px;
		margin-bottom: 60px;
	}
	
	.num_box_h{
		font-size: 16px;
		max-width: 190px;
	}
	
	.num_box{
		padding:30px 20px;
	}
	
	.num_box_text{
		font-size: 14px;
	}
	
	.num_box_l img{
		height: 80px;
	}
	
	.num1_p1{
		font-size: 18vw;
	}
	
	.num1_p2{
		font-size: 22px;
		width:22px;
	}
	
	.num_box_100{
		display: flex;
		justify-content: center;
	}
	
	.num1_3{
		display: flex;
		width:auto;
		padding-right: 28px;
	}
	
	.num_box_100_shuu{
		font-size: 18px;
	}
	
	.num1_4 > div > span{
		font-size: 18px;
	}
	
	.num1_p2_tate{
		padding-bottom: 5px;
	}
	
	.num1_p2_tate2{
		margin-bottom: -20px;
	}
	
	.num1_p2_tate2 span:nth-of-type(1){
		margin-top: -10px;
	}
	
	.num1_5{
		padding-left: 20px;
	}
	
	.num1_5 > div span{
		left:-24px;
		font-size: 18px;
	}
}

/* 応募フォーム */

.rec_foem{
	width:calc( 100% - 40px );
	max-width: 1000px;
	margin:0 auto;
}

.rec_foem dl{
	display: flex;
	flex-wrap: wrap;
	font-size: 20px;
	line-height: 1.4;
	position: relative;
}

.rec_foem dl + dl{
	margin-top: 30px;
}

.rec_foem dl dt{
	display: flex;
	align-items: center;
	width:370px;
	min-height: 80px;
	background: #fff;
	padding:10px 0;
}

.rec_foem dl dd{
	width:calc( 100% - 370px );
	color:#86cab6;
}

.rec_form_box_h{
	width:calc( 100% - 100px );
	height: 100%;
	display: flex;
	align-items: center;
	border-right: 1px solid #86cab6;
	padding-left: 30px;
	color:#86cab6;
}

.rec_form_box_must{
	width:100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rec_form_box_must div{
	width:80px;
	height: 32px;
	background: #86cab6;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.rec_foem dl dd input[type="text"]{
	background: #fff;
	border: 0;
	border-radius: 0;
	display: block;
	width:100%;
	height: 80px;
	padding:0 20px;
}

.rec_foem dl dd input::placeholder{
	color:#c9caca;
}

.rec_foem .age dd{
	display: flex;
	align-items: center;
	background: #fff;
}

.rec_foem .age dd input[type="text"]{
	width:80px;
}

.rec_foem .textarea{
	width:100%;
	background: #fff;
}

.rec_foem .textarea dd{
	width:100%;
	padding:10px 20px;
}

.rec_foem .textarea dd textarea{
	background: #fff;
	border: 0;
	border-radius: 0;
	display: block;
	width:100%;
	height: 240px;
	padding:10px;
}

.rec_foem .textarea dd textarea::placeholder{
	color:#c9caca;
}

.rec_foem .radio dd{
	color:#fff;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding:0 0 0 20px;
}

.rec_foem .radio dd span{
	margin-left: 0 !important;
	margin-right: 30px;
}

.rec_foem .radio dd span:last-of-type{
	margin-right: 0;
}

.rec_foem .radio dd label{
	display: flex;
	align-items: center;
}

.rec_foem .radio dd input{
	width:16px;
	display: block;
	margin:0;
	margin-right: 10px;
}

.submit{
	appearance: none;
	-webkit-appearance: none;
	display: block;
	width:100%;
	max-width: 700px;
	height: 130px;
	border-radius: 100px;
	background: url("images/top_work_ar1.svg") no-repeat 95% center #009dda;
	background-size: 78px 78px;
	color:#fff;
	border: 0;
	text-align: left;
	padding:0 50px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin:80px auto 0;
	cursor: pointer;
	transition: .3s;
}

.submit:hover{
	transform: scale(0.9);
}

.back{
	appearance: none;
	-webkit-appearance: none;
	display: block;
	width:100%;
	max-width: 400px;
	height: 100px;
	border-radius: 100px;
	background: url("images/back_ar.svg") no-repeat 95% center #999;
	background-size: 78px 78px;
	color:#fff;
	border: 0;
	text-align: left;
	padding:0 50px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	margin:40px auto 0;
	cursor: pointer;
	transition: .3s;
}

.back:hover{
	transform: scale(0.9);
}

.error{
	width:100%;
	display: block;
	color:#fff !important;
	padding: 0 10px;
	background:#f33 !important;
	font-size:14px !important;
	line-height:20px;
	margin-top:6px;
	position: absolute;
	bottom:-20px;
	left: 0;
}

@media screen and (max-width:750px) {
	.rec_foem dl dt{
		width:100%;
		border-bottom: 1px solid #86cab6;
	}
	
	.rec_foem dl dd{
		width:100%;
	}
	
	.rec_form_box_h{
		padding-left: 20px;
	}
	
	.rec_foem .age dd input[type="text"]{
		text-align: left;
		width:100px;
	}
	
	.rec_foem .textarea dd{
		padding:10px;
	}
	
	.rec_foem .radio dd{
		padding:20px 20px 10px;
	}
}

@media screen and (max-width:650px) {
	.rec_foem dl{
		font-size: 16px;
	}
	
	.rec_foem dl dt{
		min-height: 60px;
	}
	
	.rec_form_box_h{
		width:calc( 100% - 80px );
	}
	
	.rec_form_box_must{
		width:80px;
	}
	
	.rec_form_box_must div{
		width:60px;
		height: 28px;
		font-size: 14px;
	}
	
	.rec_foem dl dd input[type="text"]{
		height: 60px;
	}
	
	.rec_foem .age dd input[type="text"]{
		width:74px;
	}
	
	.rec_foem .textarea dd textarea{
		height: 150px;
	}
	
	.rec_foem .radio dd span{
		margin-right: 20px;
	}
	
	.rec_foem .radio dd input{
		margin-right: 5px;
	}
	
	.submit{
		background-size: 40px 40px;
		height: 80px;
		max-width: 400px;
		padding: 0 30px;
		font-size: 18px;
		margin-top: 50px;
	}
	
	.back{
		background-size: 40px 40px;
		height: 70px;
		max-width: 240px;
		padding: 0 30px;
		font-size: 18px;
		margin-top: 20px;
	}
	
	.error{
		font-size:12px !important;
		line-height:16px;
		bottom:-16px;
	}
}

@media screen and (max-width:400px) {
	.ent_title .title1_h1{
		font-size: 40px;
	}
}

/* 応募フォーム end */