@charset "utf-8";

.sp {
	display: none;
}

.tablet {
	display: none;
}
/*MV*/
main{
}
#mvWrap{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background: url("../img/mv_bg.jpg") no-repeat;
	background-position: top center;
}


/*commonスタイル*/

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



/*中面共通*/

.mainIn{
	
}
.mainIn2{
	padding-top: 105px;
}

#inMvWrap{
	position: relative;
	padding-top: 105px;
	background: url("../img/mv_bg.jpg") no-repeat;
	background-position: center -40px;
	background-size: cover;
}
.inMv{
	position: relative;
	height: 400px;
}
.inMvTtlW{
	padding-top: 110px;
	width: 1200px;
	margin: 0 auto;
}
.inMvLogo{
	width: 260px;
	margin-bottom: 40px;
}
.inMvTtl{
	font-size: 3.4rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
}
.inMvPre{
	font-size: 1.8rem;
	color: #fff;
	margin-top: 20px;
}
.inCopyBox{
	display: flex;
	justify-content: space-between;
}
.inCopyTxtW{
	width: 472px;
}
.inCopyImg{
	width: 656px;
	border-radius: 45px;
	box-shadow: 0 0 40px rgba(116,207,255,0.6);
	overflow: hidden;
}
.inCopyImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.inCopyTtl{
	margin-bottom: 40px;
}

.inBox1{
    background: rgba(255,255,255,0.5);
    z-index: 2;
    backdrop-filter: blur(10px);
	border-radius: 40px;
	box-sizing: border-box;
	padding: 60px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 32px;
	box-shadow: 0 0 40px rgba(116,207,255,0.6);
	position: relative;
}
.inBox1:last-child{
	margin-bottom: 0;
}
.inBox1TxtW{
	width: 320px;
	padding-top: 20px;
}
.inBox1Img{
	width: 510px;
    box-shadow: 8px 40px 30px rgba(40,172,242,0.3);
	border-radius: 32px;
}
.inBox1Img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 32px;
}
.inBox1TxtW{
	width: 320px;
	padding-top: 20px;
}
.inBox1Ttl{
	display: flex;
	align-items: center;
	height: 58px;
	position: relative;
	font-size: 2rem;
	font-weight: 500;
	color: #009DF0;
	margin-bottom: 50px;
}
.inBox1Ttl.no1{
	padding-left: 86px;
}
.inBox1Ttl.no1:before{
	content: "";
	background: url("../img/recruit/rec_no_01.svg") no-repeat;
	background-size: contain;
	width: 62px;
	height: 58px;
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.inBox1Ttl.no2{
	padding-left: 100px;
}
.inBox1Ttl.no2:before{
	content: "";
	background: url("../img/recruit/rec_no_02.svg") no-repeat;
	background-size: contain;
	width: 77px;
	height: 58px;
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.inBox1Ttl.no3{
	padding-left: 100px;
}
.inBox1Ttl.no3:before{
	content: "";
	background: url("../img/recruit/rec_no_03.svg") no-repeat;
	background-size: contain;
	width: 77px;
	height: 58px;
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.inBox1Img{
	width: 510px;
    box-shadow: 8px 40px 30px rgba(40,172,242,0.3);
	border-radius: 32px;
}
.inBox1Img img{
	border-radius: 32px;
}
.inBox2{
    background: #EDF8FF;
    z-index: 2;
	border-radius: 40px;
	box-sizing: border-box;
	padding: 55px;
	display: flex;
	justify-content: space-between;
	position: relative;
	border: 1px solid #009DF0;
}
.inBox2:last-child{
	margin-bottom: 0;
}

/*width1200で使用*/
.inBox2TxtW{
	width: 510px;
}
.inBox2Img{
	width: 510px;
	height: auto;
    box-shadow: 8px 40px 30px rgba(40,172,242,0.3);
	border-radius: 32px;
	overflow: hidden;
}
.inBox2Img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/**/

.inBox3TxtW{
	width: 430px;
}
.inBox3Img{
	width: 400px;
	height: auto;
    box-shadow: 8px 40px 30px rgba(40,172,242,0.3);
	border-radius: 32px;
	overflow: hidden;
}
.inBox3Img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.inLists1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inList1{
	width: 320px;
	box-shadow: 0 16px 32px rgba(157,214,255,0.8);
	border-radius: 40px;
	margin-bottom: 40px;
	background: #fff;
}
.inList1Img{
	border-radius: 40px 40px 0 0;
	overflow: hidden;
}
.inList1TxtW{
	border-radius: 0 0 40px 40px;
	background: #fff;
	padding: 24px;
}
.inSh01{
	line-height: 3.4rem;
	background: #009DF0;
	border-radius: 1.7rem;
	color: #fff;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 16px;
}
.inLists2{
	letter-spacing: -0.4em;
}
.inList2{
	width: 240px;
	letter-spacing: normal;
	display: inline-block;
	margin-right: 64px;
	text-align: center;
	margin-bottom: 40px;
}
.inList2:nth-child(3n){
	margin-right: 0;
}
.inList2Img{
	border-radius: 50%;
	overflow: hidden;
}
.inList2TxtW{
	position: relative;
    background: rgba(255,255,255,0.7);
    z-index: 2;
    backdrop-filter: blur(10px);
	border-radius: 16px;
	margin-top: -25px;
	height: 86px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #009DF0;
}

.inLists3{
	position: relative;
	margin-bottom: 15px;
}
.inList3{
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.inList3:before{
	content: "";
	width: 1px;
	height: 100%;
	border-left: 4px dotted #009DF0;
	top: 160px;
	left: 80px;
	display: block;
	position: absolute;
}
.inList3:last-child:before{
	display: none;
}
.inList3Year{
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 16px 32px rgba(157,214,255,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 5rem;
	color: #009DF0;
	font-weight: 900;
	position: relative;
}
.inList3TxtW{
	width: 744px;
	display: flex;
	align-items: center;
}
.inList3Txt{
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.inList{
	
}
.inList4{
	width: 48px;
	box-shadow: 0 16px 32px rgba(157,214,255,0.8);
	border-radius: 40px;
	margin-bottom: 40px;
	background: #fff;
}
.inList4:nth-last-child(-n+2){
    margin-bottom: 0;
}

.inDlBtn{
	position: relative;
	padding-left: 36px;
}
.inDlBtn:before{
	content: "";
	background: url("../img/inner/icon_dl.svg") no-repeat;
	background-size: contain;
	display: block;
	width: 26px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.inFlows{
}
.inFlow{
	background: #fff;
	box-shadow: 0 16px 32px rgba(157,214,255,0.8);
	border-radius: 16px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
	box-sizing: border-box;
	padding: 24px;
	align-items: center;
	position: relative;
}
.inFlow:after{
	content: "";
	background: url("../img/inner/flow_arrow_b.svg") no-repeat;
	background-size: contain;
	width: 46px;
	height: 29px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -46px;
}
.inFlow:last-child:after{
	display: none;
}
.inFlowImg{
	width: 264px;
	border-radius: 16px;
	overflow: hidden;
}
.inFlowTxtW{
	width: 616px;
}
.inFlowStep{
	background: linear-gradient(90deg, rgba(0,137,255,1) 0%, rgba(10,202,255,1) 100%);
	line-height: 4.8rem;
	font-size: 2.2rem;
	font-weight: bold;
	color: #fff;
	padding: 0 20px;
	text-align: center;
	display: inline-block;
	border-radius: 2.4rem;
	margin-bottom: 15px;
	position: relative;
}
.inFlowTtl{
	font-size: 1.8rem;
	font-weight: bold;
	color: #009DF0;
	margin-bottom: 15px;
}
.inFlowTxt{
	font-size: 1.6rem;
	line-height: 2.4rem;
}
#inSecBnr{
	position: relative;
	background: url("../img/inner/inbnr_bg.jpg") no-repeat;
	background-size: cover;
	background-position: center top;
}
.inSecBnrW{
	padding: 114px 0;
	text-align: center;
	width: 1200px;
}
.inBnrW{
	display: flex;
	justify-content: space-between;
}
.inBnrW a{
	position: relative;
	width: 564px;
	height: 352px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	font-weight: bold;
	font-size: 3.4rem;
}
.inBnrW a:hover{
	filter: brightness(1.1);
}
.inBnr1{
	background: url("../img/inner/in_bnr_bg_1.png") no-repeat;
	background-size: contain;
}
.inBnr2{
	background: url("../img/inner/in_bnr_bg_2.png") no-repeat;
	background-size: contain;
}
.inBnr3{
	background: url("../img/inner/in_bnr_bg_3.png") no-repeat;
	background-size: contain;
}
.inBnrW a span{
	position: relative;
	padding-bottom: 25px;
}
.inBnrW a span:after{
	content: "";
	background: #fff;
	width: 214px;
	height: 4px;
	display: flex;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	border-radius: 2px;
}


/*一覧*/

#parSec01{
	position: relative;
	background: #f4f4f4;
}
.parSec01W{
	padding: 80px 0 40px;
	position: relative;
}
.inNewsLists{
	width: 1200px;
	margin: 0 auto 65px;
	letter-spacing: -0.4em;
}
.inNewsList{
	display: inline-block;
	width: 276px;
	margin-right: 32px;
	overflow: hidden;
	border-radius: 20px;
	letter-spacing: normal;
	margin-bottom: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.inNewsList:nth-child(4n){
	margin-right: 0;
}
.inNewsList a{
	display: block;
}
.inNewsList a:hover{
	filter: brightness(110%);
}
.inNewsTxtW{
	background: #fff;
	padding: 22px 24px 30px;
}
.inNewsDate{
	color: #ABCFE2;
	font-size: 1.3rem;
	margin-bottom: 8px;
}
.inNewsTxt{
	margin-bottom: 16px;
}
.inNewsListAdd{
	color: #009DF0;
	margin-bottom: 15px;
}
.inNewsListTel{
	position: relative;
	padding-left: 20px;
	font-size: 1.6rem;
	font-weight: 500;
}
.inNewsListTel:before{
	content: "";
	background: url("../img/icon_tel_2.svg") no-repeat;
	background-size: contain;
	width: 12px;
	height: 16px;
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

#parSec02{
	position: relative;
}
.parSec02W{
	padding: 80px 0;
	position: relative;
}
.par02Map iframe{
	width: 100%;
	height: 400px;
}

/*詳細*/

.parInfoW{
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto 40px;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	box-sizing: border-box;
}
.parKana{
	margin-bottom: 15px;
}
.parDW{
	width: 800px;
	margin: 0 auto;
}
.parJanLists{
	margin-bottom: 20px;
}
.parJanList{
	border-radius: 5px;
	background: rgba(0,140,180,0.2);
	display: inline-block;
	line-height: 2.4rem;
	padding: 0 10px;
}
.parInfoAdd{
	margin-bottom: 20px;
}
.parInfoCopy{
	font-size: 1.6rem;
	font-weight: 500;
}
.parInfoR{
	display: inline-block;
	width: 240px;
	text-align: center;
}
.parDTel{
	position: relative;
	padding-left: 30px;
	font-size: 3rem;
	font-weight: bold;
	line-height: 3rem;
	margin-bottom: 10px;
	color: #008CB4;
	display: inline-block;
}
.parDTime{
	margin-bottom: 10px;
}
.parDDay{
	margin-bottom: 20px;
}
.parDTel:before{
	content: "";
	background: url("../img/icon_tel_3.svg") no-repeat;
	background-size: contain;
	width: 18px;
	height: 24px;
	position: absolute;
	display: block;
	left: 0;
	top: 5px;
}
.parLink{
	background: #008CB4;
	border-radius: 10px;
	color: #fff !important;
	text-align: center;
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3.2rem;
	margin-bottom: 20px;
}
.parSnsLists{
	display: flex;
	justify-content: space-between;
	width: 180px;
	margin: 0 auto;
}
.parSnsList{
	width: 30px;
}
.parDW{
	
}
.parDImgW{
	width: 800px;
	height: 100%;
	margin-bottom: 40px;
}
.parDImg img{
	width: 100%;
	object-fit: cover;
}

.parDMenus{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.parDMenu{
	width: 180px;
}
.menuW{
	text-align: center;
}
.parDMenuImg{
	margin-bottom: 10px;
}
.menuName{
	margin-bottom: 5px;
	font-weight: 500;
}
.menuPrice{
}

.parDMenus2{
	border-top: 1px solid rgba(0,0,0,0.3);
	column-count: 2;
}
.parDMenu2{
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 10px 0;
}
.menuW2{
	width: 100%;
}

.menuW2 .menuName{
	display: inline-block;
}
.menuW2 .menuPrice{
	float: right;
}

.par02Map{
	width: 800px;
	margin: 0 auto;
}

/*お問い合わせ*/

#inqSec01{
	position: relative;
}
.inqSec01W{
	padding: 80px 0 40px;
	position: relative;
	width: 1024px;
}
.inq01W{
    background: rgba(255,255,255,0.5);
    border-radius: 24px;
    backdrop-filter: blur(10px);
    padding: 80px 112px;
	box-sizing: border-box;
}
.inq01Txt{
	text-align: center;
	margin-bottom: 40px;
}

.inqForm{
	
}
.inqFormTxt{
	font-weight: bold;
	margin-bottom: 8px;
	color: #009DF0;
}
.inqFormTxt span{
	font-size: 1.2rem;
	display: inline-block;
	text-align: center;
	line-height: 1.8rem;
	border-radius: 9px;
	background: #007AE3;
	letter-spacing: 0.1em;
	padding: 0 8px;
	margin-left: 10px;
	color: #fff;
}

.inInqBtn span{
	position: relative;
	padding-left: 36px;
}
.inInqBtn span:before{
	content: "";
	background: url("../img/inner/icon_mail.svg") no-repeat;
	background-size: contain;
	display: block;
	width: 25px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.inSubmitBtnW input[type="submit"]{
	display: inline-block;
    border: none;
	background: linear-gradient(90deg, rgba(0,137,255,1) 0%, rgba(10,202,255,1) 100%);
	text-align: center;
	line-height: 8.8rem;
	border-radius: 4.4rem;
	width: 320px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
}