@charset "UTF-8";

html, body {
	background-color: #F2F9FF;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	max-width: 100%;
}
body {
	color: #1A1D33;
	font-family: "fot-udkakugoc80-pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.4;
}
a {
	color: #1A1D33;
	text-decoration: none;
	transition: ease .3s;
}
div {
	box-sizing: border-box;
}
h1, h2, h3, h4, h5 {
	box-sizing: border-box;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
ul, ol, li, dl, dt, dd {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
ul li, ol li {
	list-style-type: none;
}
figure, figcaption, p {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
	height: auto;
	max-width: 100%;
}

main, section, article {
	box-sizing: border-box;
	display: block;
}

/** box css **/
.flexBox {
	display: flex;
	flex-wrap: wrap;
}
.pos-rel {
	position: relative;
}
.pos-ab {
	position: absolute;
}

/** text-align **/
.ta-cent {
	text-align: center;
}

/** font **/
.futura-b {
	font-family: futura-pt-bold, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
}
.noto-sans {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}

/** font color **/
.red {
	color: #FF5555;
}
.blue {
	color: #0053A3;
}

@media screen and (min-width: 781px) {
	.sp_on {
		display: none;
	}
}

@media screen and (max-width: 1750px) {
	body {
		font-size: 1vw;
		letter-spacing: .1vw;
	}
}
@media screen and (max-width: 1120px) {
	body {
		font-size: 1.28vw;
		letter-spacing: 2px;
	}
}
@media screen and (max-width: 840px) {
	body {
		font-size: 3.4vw;
		letter-spacing: 2px;
	}

	.pc_on {
		display: none;
	}
}


/** -----------------
content
----------------- **/
.content {
	overflow-y: hidden;
}

/** entry_btn **/
.entry_btn {
	background: linear-gradient(to bottom, #F80000, #F87676 60%, #F2554F);
	border-radius: 10px;
	color: white;
	display: block;
	font-size: 40px;
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
	text-align: center;
	width: 670px;
}
.entry_btn::after {
	background: url(../img/recruit-part/icon-arrow-03.png) no-repeat 0 0 / 100%;
	content: '';
	display: block;
	position: absolute;
	right: 30px;
	top: 28px;
	height: 30px;
	width: 30px;
}
.entry_btn span {
	background-color: white;
	border-radius: 10px;
	color: #F83D3C;
	font-size: 16px;
	padding: 15px 10px;
	position: absolute;
	left: 25px;
	top: 17px;
}

@media screen and (max-width: 1750px) {
	/** entry_btn **/
	.entry_btn {
		border-radius: 10px;
		font-size: 2.2vw;
		padding: .8vw 0;
		width: 37vw;
	}
	.entry_btn::after {
        right: 2vw;
        top: 1.6vw;
        height: 1.7vw;
        width: 1.7vw;
	}
	.entry_btn span {
		border-radius: 10px;
        font-size: .9vw;
        padding: .8vw .6vw;
        left: 1.4vw;
        top: 1vw;
	}
}

@media screen and (max-width: 1120px) {
	/** entry_btn **/
	.entry_btn {
		border-radius: 2vw;
		font-size: 5.2vw;
		padding: 3vw 0;
		padding-left: 4vw;
		width: 90vw;
	}
	.entry_btn::after {
        right: 5vw;
        top: 3.6vw;
        height: 6vw;
        width: 6vw;
	}
	.entry_btn span {
		border-radius: 2vw;
        font-size: 3.4vw;
        padding: 2vw;
        left: 3vw;
        top: 2vw;
	}
}

@media screen and (max-width: 840px) {
	.content {
		overflow-y: scroll;
	}
}


/** -----------------
fix_area
----------------- **/
.fix_area {
	background: linear-gradient(to bottom, #0053A3, #3D7BB7);
	color: #0053A3;
	padding: 3vh 3.5vh;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 50%;
}

/** title_box **/
.fix_area .title_box {
	background-color: white;
	border-radius: 25px;
	padding-bottom: 3vh;
}
.fix_area .title_box .signboard {
	padding: .5vh 3vh 0;
}
.fix_area .title_box .signboard .logo {
	display: block;
	width: 20vh;
}
.fix_area .title_box .signboard .catch {
	font-size: 1.9vh;
	font-weight: 700;
	margin-left: auto;
	margin-top: 1.2vh;
}

.fix_area .title_box h1 {
	font-size: 11.2vh;
	letter-spacing: 1.3vh;
	line-height: 1.2;
	text-align: center;
}
.fix_area .title_box h2 {
	font-size: 6.2vh;
	letter-spacing: .6vh;
	text-align: center;
}
.fix_area .title_box .deco-01 {
	bottom: -2vh;
	left: -2.1vh;
	width: 13.5vh;
}
.fix_area .title_box .deco-02 {
	bottom: -1.2vh;
	right: -1vh;
	width: 11.2vh;
}

/** about **/
.fix_area .about {
	color: white;
	margin-top: 4vh;
	text-align: center;
}
.fix_area .about h3 {
	font-size: 4.5vh;
	letter-spacing: .4vh;
	margin-bottom: 3vh;
}
.fix_area .about .txt-01 {
	font-size: 3.2vh;
	position: relative;
}
.fix_area .about .txt-01::after {
	background: url(../img/recruit-part/icon-arrow-01.png) no-repeat 0 0 / 100%;
	content: '';
	display: block;
	position: absolute;
	bottom: -3.5vh;
	left: 50%;
	transform: translateX(-50%);
	height: 3.2vh;
	width: 3vh;
}
.fix_area .about .txt-02 {
	font-size: 2vh;
	margin-bottom: 4vh;
	margin-top: 4.2vh;
}

.fix_area .about .deco {
	position: absolute;
}
.fix_area .about .deco img {
	display: block;
}
.fix_area .about .deco p {
	background-color: white;
	border-radius: 60px;
	color: #0053A3;
	display: table;
	font-size: 1.8vh;
	margin: 0 auto;
	padding: 0 2vh;
}
.fix_area .about .deco-01 {
	left: 2.5vh;
	top: -2vh;
}
.fix_area .about .deco-01 img {
	margin-left: auto;
	width: 7.6vh;
}
.fix_area .about .deco-02 {
	left: 13.8vh;
	top: 6.4vh;
}
.fix_area .about .deco-02 img {
	width: 14.3vh;
}
.fix_area .about .deco-03 {
	right: 15.3vh;
	top: 7.2vh;
}
.fix_area .about .deco-03 img {
	width: 15vh;
}
.fix_area .about .deco-04 {
	right: 3.7vh;
	top: -.6vh;
}
.fix_area .about .deco-04 img {
	width: 11.8vh;
}
.fix_area .about .deco-04 p {
	margin-right: 0;
	margin-top: 10px;
}

/** page_link **/
.fix_area .page_link {
	margin: 0 50px;
}
.fix_area .page_link li {
	margin: 0 15px 15px;
	width: calc(50% - 30px);
}
.fix_area .page_link li a {
	background-color: white;
	border-radius: 5px;
	color: #0053A3;
	display: block;
	font-size: 1.9vh;
	padding: .8vh 0;
	padding-right: 4vh;
	position: relative;
	text-align: center;
}
.fix_area .page_link li a::after {
	background: url(../img/recruit-part/icon-arrow-02.png) no-repeat 0 0 / 100%;
	content: '';
	display: block;
	position: absolute;
	right: 3.5vh;
	top: 50%;
	transform: translateY(-50%);
	height: 2.1vh;
	width: 2.1vh;
}

/** entry_btn **/
.fix_area .entry_btn {
	margin-top: 2.5vh;
}

@media screen and (max-width: 1750px) {
	.fix_area {
		padding: 3vh 3.5vh;
	}

	/** title_box **/
	.fix_area .title_box {
		border-radius: 25px;
		padding-bottom: 3vh;
	}
	.fix_area .title_box .signboard {
        padding: .5vw 2vw 0;
	}
	.fix_area .title_box .signboard .logo {
		width: 11vw;
	}
	.fix_area .title_box .signboard .catch {
		font-size: 1vw;
		margin-top: .7vw;
	}

	.fix_area .title_box h1 {
		font-size: 5.8vw;
		letter-spacing: .6vw;
	}
	.fix_area .title_box h2 {
		font-size: 3.2vw;
		letter-spacing: .3vw;
	}
	.fix_area .title_box .deco-01 {
		bottom: -1.2vw;
		left: -1.2vw;
		width: 7vw;
	}
	.fix_area .title_box .deco-02 {
        bottom: -.8vw;
        right: -1vw;
        width: 6.4vw;
	}

	/** about **/
	.fix_area .about {
		margin-top: 4vh;
	}
	.fix_area .about h3 {
        font-size: 2.4vw;
        letter-spacing: .2vw;
        margin-bottom: 1.6vw;
	}
	.fix_area .about .txt-01 {
		font-size: 1.7vw;
	}
	.fix_area .about .txt-01::after {
		bottom: -2vw;
        height: 2vw;
        width: 1.8vw;
	}
	.fix_area .about .txt-02 {
        font-size: 1.1vw;
        margin-bottom: 2vw;
        margin-top: 2.4vw;
	}

	.fix_area .about .deco p {
		border-radius: 4vw;
		font-size: 1vw;
		padding: 0 1vw;
	}
	.fix_area .about .deco-01 {
        left: 1.2vw;
        top: -1vw;
	}
	.fix_area .about .deco-01 img {
		width: 4.2vw;
	}
	.fix_area .about .deco-02 {
        left: 7.5vw;
        top: 3.6vw;
	}
	.fix_area .about .deco-02 img {
		width: 7.8vw;
	}
	.fix_area .about .deco-03 {
        right: 7vw;
        top: 4vw;
	}
	.fix_area .about .deco-03 img {
		width: 8.2vw;
	}
	.fix_area .about .deco-04 {
        right: 1.8vw;
        top: -.4vw;
	}
	.fix_area .about .deco-04 img {
		width: 6.4vw;
	}
	.fix_area .about .deco-04 p {
		margin-top: .5vw;
	}

	/** page_link **/
	.fix_area .page_link {
		margin: 0 2.6vw;
	}
	.fix_area .page_link li {
		margin: 0 1vw 1vw;
		width: calc(50% - 2vw);
	}
	.fix_area .page_link li a {
		border-radius: 5px;
		font-size: 1.1vw;
		padding: .5vw 0;
		padding-right: 2vw;
	}
	.fix_area .page_link li a::after {
		right: 3.5vh;
		height: 1.2vw;
		width: 1.2vw;
	}

	/** entry_btn **/
	.fix_area .entry_btn {
		margin-top: 1.5vw;
	}
}

@media screen and (max-width: 1120px) {
	.fix_area {
		padding: 3vw 2vw;
	}

	/** title_box **/
	.fix_area .title_box {
		border-radius: 25px;
		padding-bottom: 2vw;
	}
	.fix_area .title_box .signboard {
        padding: 1vw 2vw;
	}
	.fix_area .title_box .signboard .logo {
		width: 16vw;
	}
	.fix_area .title_box .signboard .catch {
        font-size: 1.2vw;
        margin-top: .7vw;
		text-align: right;
        width: 20vw;
	}

	.fix_area .title_box h1 {
		font-size: 5.8vw;
		letter-spacing: .6vw;
	}
	.fix_area .title_box h2 {
		font-size: 3.2vw;
		letter-spacing: .3vw;
	}
	.fix_area .title_box .deco-01 {
		bottom: -1.2vw;
		left: -1.2vw;
		width: 7vw;
	}
	.fix_area .title_box .deco-02 {
        bottom: -.8vw;
        right: -1vw;
        width: 6.4vw;
	}

	/** about **/
	.fix_area .about {
		margin-top: 3vw;
	}
	.fix_area .about h3 {
        font-size: 2.8vw;
        letter-spacing: .2vw;
        margin-bottom: 1.6vw;
	}
	.fix_area .about .txt-01 {
		font-size: 2.2vw;
	}
	.fix_area .about .txt-01::after {
		bottom: -3vw;
        height: 2.4vw;
        width: 2.3vw;
	}
	.fix_area .about .txt-02 {
        font-size: 1.6vw;
		margin: 4vw 0 3vw;
	}

	.fix_area .about .deco p {
		border-radius: 4vw;
		font-size: 1.4vw;
		padding: 0 1vw;
	}
	.fix_area .about .deco-01 {
        left: -1vw;
        top: -2vw;
	}
	.fix_area .about .deco-01 img {
		width: 4.2vw;
	}
	.fix_area .about .deco-02 {
        left: 4.5vw;
        top: 7vw;
	}
	.fix_area .about .deco-02 img {
		width: 7.8vw;
	}
	.fix_area .about .deco-03 {
        right: 4vw;
        top: 7vw;
	}
	.fix_area .about .deco-03 img {
		width: 8.2vw;
	}
	.fix_area .about .deco-04 {
        right: 0;
        top: -1vw;
	}
	.fix_area .about .deco-04 img {
		width: 6.4vw;
	}
	.fix_area .about .deco-04 p {
		margin-top: .5vw;
	}

	/** page_link **/
	.fix_area .page_link {
		margin: 0;
	}
	.fix_area .page_link li {
		margin: 0 1vw 1.5vw;
		width: calc(50% - 2vw);
	}
	.fix_area .page_link li a {
		border-radius: 5px;
		font-size: 1.4vw;
		padding: 1vw 0;
		padding-right: 2vw;
	}
	.fix_area .page_link li a::after {
		right: 1.5vw;
		height: 1.5vw;
		width: 1.5vw;
	}

	/** entry_btn **/
	.fix_area .entry_btn {
		margin-top: 1.5vw;
	}
}

@media screen and (max-width: 840px) {
	.fix_area {
        padding: 8vw 4vw 10vw;
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: 100%;
	}

	/** title_box **/
	.fix_area .title_box {
		border-radius: 4vw;
        padding-bottom: 4vw;
	}
	.fix_area .title_box .signboard {
        padding: 2vw 4vw;
	}
	.fix_area .title_box .signboard .logo {
		width: 32vw;
	}
	.fix_area .title_box .signboard .catch {
        font-size: 2.8vw;
        margin-top: .7vw;
        text-align: right;
        width: 48vw;
	}

	.fix_area .title_box h1 {
		font-size: 12.4vw;
		letter-spacing: .8vw;
	}
	.fix_area .title_box h2 {
		font-size: 6.8vw;
		letter-spacing: .5vw;
	}
	.fix_area .title_box .deco-01 {
        bottom: -3vw;
        left: -5vw;
        width: 15vw;
	}
	.fix_area .title_box .deco-02 {
        bottom: -1vw;
        right: -3vw;
        width: 13vw;
	}

	/** about **/
	.fix_area .about {
		margin-top: 8vw;
	}
	.fix_area .about h3 {
        font-size: 5.8vw;
        letter-spacing: .4vw;
        margin-bottom: 4vw;
	}
	.fix_area .about .txt-01 {
		font-size: 4.2vw;
	}
	.fix_area .about .txt-01::after {
		bottom: -6vw;
        height: 4.8vw;
        width: 4.6vw;
	}
	.fix_area .about .txt-02 {
        font-size: 3.2vw;
		margin: 8vw 0;
	}

	.fix_area .about .deco p {
        border-radius: 6vw;
        font-size: 3.2vw;
        padding: 0 2vw;
	}
	.fix_area .about .deco-01 {
        left: -3vw;
        top: -7vw;
	}
	.fix_area .about .deco-01 img {
		width: 9vw;
	}
	.fix_area .about .deco-02 {
        left: 8vw;
        top: 12vw;
	}
	.fix_area .about .deco-02 img {
		width: 17vw;
	}
	.fix_area .about .deco-03 {
        right: 9vw;
        top: 14vw;
	}
	.fix_area .about .deco-03 img {
		width: 17vw;
	}
	.fix_area .about .deco-04 {
        right: -2vw;
        top: -5vw;
	}
	.fix_area .about .deco-04 img {
		width: 15vw;
	}
	.fix_area .about .deco-04 p {
		margin-top: 1vw;
	}

	/** page_link **/
	.fix_area .page_link {
		margin: 0 10vw;
	}
	.fix_area .page_link li {
		margin: 0 0 3vw;
		width: 100%;
	}
	.fix_area .page_link li a {
		border-radius: 5px;
		font-size: 3.6vw;
		padding: 1.6vw 0 1.4vw;
		padding-right: 4vw;
	}
	.fix_area .page_link li a::after {
		right: 6vw;
		height: 4vw;
		width: 4vw;
	}

	/** entry_btn **/
	.fix_area .entry_btn {
		margin-top: 6vw;
	}
}

@media screen and ( 1220px <= width < 1750px ) and ( max-height: 830px ) {
	.fix_area .about .txt-01::after,
	.fix_area .about .txt-02 {
		display: none;
	}
	
	.fix_area .page_link {
		margin-top: 2vw;
	}
	
	.fix_area .about .deco-01 img {
		width: 3.4vw;
	}
    .fix_area .about .deco-02 {
        top: 2.8vw;
    }
	.fix_area .about .deco-02 img {
		width: 6.4vw;
	}
    .fix_area .about .deco-03 {
        top: 3.4vw;
    }
    .fix_area .about .deco-03 img {
        width: 6.4vw;
    }
    .fix_area .about .deco-04 img {
        width: 5.4vw;
    }
}


/** -----------------
scroll_area
----------------- **/
.scroll_area {
	margin-left: 50%;
	overflow-y: scroll;
	width: 50%;
}

/** -- title -- **/
.title-01 {
	background: url(../img/recruit-part/title-deco.png) no-repeat 50% 100% / 30px;
	font-size: 60px;
	letter-spacing: 5px;
	line-height: 1.3;
	margin-bottom: 50px;
	padding-bottom: 40px;
	text-align: center;
}
.title-01 span {
	font-size: 24px;
	letter-spacing: 2px;
}
.title-02 {
	font-size: 94px;
	letter-spacing: 5px;
	margin-bottom: 50px;
	text-align: center;
}
.title-02 span {
	display: block;
	font-size: 24px;
	letter-spacing: 2px;
}

@media screen and (max-width: 1750px) {
	/** -- title -- **/
	.title-01 {
        background-size: 2vw;
        font-size: 3.4vw;
        letter-spacing: .3vw;
        margin-bottom: 3vw;
        padding-bottom: 2vw;
	}
	.title-01 span {
		font-size: 1.3vw;
        letter-spacing: .14vw;
	}
	.title-02 {
        font-size: 5.2vw;
        letter-spacing: .3vw;
        margin-bottom: 3vw;
	}
	.title-02 span {
        font-size: 1.3vw;
        letter-spacing: .14vw;
	}
}

@media screen and (max-width: 1120px) {
	/** -- title -- **/
	.title-01 {
        background-size: 3vw;
        font-size: 4vw;
        letter-spacing: .4vw;
        margin-bottom: 4vw;
        padding-bottom: 3vw;
	}
	.title-01 span {
		font-size: 2vw;
        letter-spacing: .2vw;
	}
	.title-02 {
        font-size: 6vw;
        letter-spacing: .5vw;
        margin-bottom: 4vw;
	}
	.title-02 span {
        font-size: 2vw;
        letter-spacing: .2vw;
	}
}

@media screen and (max-width: 840px) {
	.scroll_area {
		margin-left: 0;
		width: 100%;
	}
	
	/** -- title -- **/
	.title-01 {
        background-size: 6vw;
        font-size: 9vw;
        letter-spacing: .6vw;
        margin-bottom: 8vw;
        padding-bottom: 6vw;
	}
	.title-01 span {
		font-size: 3.6vw;
        letter-spacing: .4vw;
	}
	.title-02 {
        font-size: 12vw;
        letter-spacing: .5vw;
        margin-bottom: 6vw;
	}
	.title-02 span {
        font-size: 3.6vw;
        letter-spacing: .4vw;
	}
}


/** -- fv -- **/
.fv {
	padding: 30px 10px 20px;
	height: 100vh;
}

/** inner **/
.fv .inner {
	height: 100%;
}
.fv .inner div {
	margin: 0 5px 10px;
	height: calc(33.3333% - 10px);
	width: calc(33.3333% - 10px);
}
.fv .inner .thumb {
	border-radius: 10px;
	overflow: hidden;
}
.fv .inner .thumb img {
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}
.fv .inner .thumb:nth-child(2) img {
	object-position: 70%;
}
.fv .inner .thumb:nth-child(9) img {
	object-position: 100%;
}
.fv .inner .text {
	align-items: center;
	display: flex;
	justify-content: center;
}
.fv .inner .text p {
	font-size: 50px;
	line-height: 1.6;
}

@media screen and (max-width: 1750px) {
	.fv {
		padding: 1.8vw .6vw 1.2vw;
		height: 100vh;
	}

	/** inner **/
	.fv .inner div {
		margin: 0 .3vw .6vw;
		height: calc(33.3333% - .6vw);
		width: calc(33.3333% - .6vw);
	}
	.fv .inner .thumb {
		border-radius: 10px;
	}
	.fv .inner .text p {
        font-size: 2.8vw;
	}
}

@media screen and (max-width: 1120px) {
	.fv .inner .text p {
        font-size: 3vw;
	}
}

@media screen and (max-width: 840px) {
	.fv {
		margin-top: 6vw;
		padding: 1.8vw .6vw 1.2vw;
		height: auto;
	}

	/** inner **/
	.fv .inner div {
		margin: 0 1vw 2vw;
		height: 34vw;
		width: calc(33.3333% - 2vw);
	}
	.fv .inner .thumb {
		border-radius: 2vw;
	}
	.fv .inner .thumb:nth-child(2) img {
		object-position: 70%;
	}
	.fv .inner .text p {
        font-size: 5.6vw;
        padding-left: 4vw;
        padding-top: 4vw;
	}
}


/** -- recfor -- **/
.recfor {
	margin-top: 50px;
}

/** box **/
.recfor .box {
	position: relative;
}
.recfor .box .image {
	overflow: hidden;
}
.recfor .box .image img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.recfor .box p {
	background-color: white;
	border-radius: 5px;
	font-size: 39px;
	padding: 5px 20px;
	position: absolute;
}
.recfor .box .deco {
	position: absolute;
}

.recfor .box-01 .image {
	border-radius: 0 20px 20px 0;
	margin-left: 60px;
	height: 360px;
	width: 550px;
}
.recfor .box-01 p {
	bottom: 25px;
	right: 30px;
}
.recfor .box-01 .deco {
	right: 30px;
	top: 10px;
	width: 274px;
}

.recfor .box-02 {
	margin-top: 30px;
}
.recfor .box-02 .image {
	border-radius: 20px 0 0 20px;
	margin-left: auto;
	height: 340px;
	width: 520px;
}
.recfor .box-02 p {
	bottom: 30px;
	left: 110px;
}
.recfor .box-02 .deco {
	left: 15px;
	top: 5px;
	width: 280px;
}

.recfor .box-03 {
	margin-top: 30px;
}
.recfor .box-03 .image {
	border-radius: 0 20px 20px 0;
	height: 260px;
	width: 396px;
}
.recfor .box-03 p {
	bottom: 25px;
	right: 210px;
}
.recfor .box-03 .deco {
	right: 60px;
	top: -20px;
	width: 220px;
}

/** message **/
.recfor .message {
	position: relative;
}
.recfor .message::before {
	background: url(../img/recruit-part/bg-circle.png) no-repeat center / 115%;
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
}
.recfor .message p {
	color: white;
	font-size: 50px;
	padding: 220px 0;
	text-align: center;
	position: relative;
}

@media screen and (max-width: 1750px) {
	.recfor {
		margin-top: 3vw;
	}

	/** box **/
	.recfor .box p {
        border-radius: 5px;
        font-size: 2.2vw;
        padding: .3vw 1.2vw;
	}

	.recfor .box-01 .image {
        border-radius: 0 20px 20px 0;
        margin-left: 2vw;
        height: 20.4vw;
        width: 31vw;
	}
	.recfor .box-01 p {
        bottom: 1.4vw;
        right: 1.8vw;
	}
	.recfor .box-01 .deco {
        right: 1.4vw;
        top: .6vw;
        width: 15.5vw;
	}

	.recfor .box-02 {
		margin-top: 1.8vw;
	}
	.recfor .box-02 .image {
		border-radius: 20px 0 0 20px;
        height: 19.4vw;
        width: 29.6vw;
	}
	.recfor .box-02 p {
        bottom: 1.8vw;
        left: 6.2vw;
	}
	.recfor .box-02 .deco {
        left: 1vw;
        top: .3vw;
        width: 15.8vw;
	}

	.recfor .box-03 {
		margin-top: 1.8vw;
	}
	.recfor .box-03 .image {
		border-radius: 0 20px 20px 0;
        height: 14.8vw;
        width: 22.8vw;
	}
	.recfor .box-03 p {
        bottom: 1.6vw;
        right: 12vw;
	}
	.recfor .box-03 .deco {
        right: 3.4vw;
        top: -1vw;
        width: 12.4vw;
	}

	/** message **/
	.recfor .message p {
        font-size: 2.8vw;
        padding: 12vw 0;
	}
}

@media screen and (max-width: 1120px) {
	.recfor {
		margin-top: 3vw;
	}

	/** box **/
	.recfor .box p {
        border-radius: 5px;
        font-size: 2.2vw;
        padding: .3vw 1.2vw;
	}

	.recfor .box-01 .image {
        border-radius: 0 20px 20px 0;
        margin-left: 2vw;
        height: 20.4vw;
        width: 31vw;
	}
	.recfor .box-01 p {
        bottom: 1.4vw;
        right: 1.8vw;
	}
	.recfor .box-01 .deco {
        right: 1.4vw;
        top: .6vw;
        width: 15.5vw;
	}

	.recfor .box-02 {
		margin-top: 1.8vw;
	}
	.recfor .box-02 .image {
		border-radius: 20px 0 0 20px;
        height: 19.4vw;
        width: 29.6vw;
	}
	.recfor .box-02 p {
        bottom: 1.8vw;
        left: 6.2vw;
	}
	.recfor .box-02 .deco {
        left: 1vw;
        top: .3vw;
        width: 15.8vw;
	}

	.recfor .box-03 {
		margin-top: 1.8vw;
	}
	.recfor .box-03 .image {
		border-radius: 0 20px 20px 0;
        height: 14.8vw;
        width: 22.8vw;
	}
	.recfor .box-03 p {
        bottom: 1.6vw;
        right: 12vw;
	}
	.recfor .box-03 .deco {
        right: 3.4vw;
        top: -1vw;
        width: 12.4vw;
	}

	/** message **/
	.recfor .message p {
        font-size: 2.8vw;
        padding: 12vw 0;
	}
}

@media screen and (max-width: 840px) {
	.recfor {
		margin-top: 6vw;
	}

	/** box **/
	.recfor .box p {
        border-radius: 1vw;
        font-size: 4.2vw;
        padding: 1vw 2vw;
	}

	.recfor .box-01 .image {
        border-radius: 0 4vw 4vw 0;
        margin-left: 0;
        height: 45vw;
        width: 64vw;
	}
	.recfor .box-01 p {
        bottom: 3vw;
        right: 4vw;
	}
	.recfor .box-01 .deco {
        right: 2vw;
        top: 4vw;
        width: 32vw;
	}

	.recfor .box-02 {
		margin-top: 6vw;
	}
	.recfor .box-02 .image {
		border-radius: 4vw 0 0 4vw;
        height: 42vw;
        width: 62vw;
	}
	.recfor .box-02 p {
        bottom: 3vw;
        left: 8vw;
	}
	.recfor .box-02 .deco {
        left: 2vw;
        top: 3vw;
        width: 32vw;
	}

	.recfor .box-03 {
		margin-top: 6vw;
	}
	.recfor .box-03 .image {
		border-radius: 0 4vw 4vw 0;
        height: 32vw;
        width: 48vw;
	}
	.recfor .box-03 p {
        bottom: 3vw;
        right: 20vw;
	}
	.recfor .box-03 .deco {
        right: 3vw;
        top: -3vw;
        width: 27vw;
	}

	/** message **/
	.recfor .message p {
        font-size: 5.6vw;
        padding: 24vw 0;
	}
}


/** -- ease -- **/
.ease {
	margin-top: 50px;
}

/** box **/
.ease .box {
	margin-bottom: 50px;
	position: relative;
}
.ease .box .image {
	border-radius: 20px 0 0 20px;
	margin-left: auto;
	overflow: hidden;
	height: 390px;
	width: 550px;
}
.ease .box .image img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.ease .box p {
	background-color: white;
	border-radius: 5px;
	font-size: 26px;
	padding: 30px;
	position: absolute;
	left: 60px;
}
.ease .box .deco {
	position: absolute;
}

.ease .block-01 .box p {
	bottom: 20px;
}
.ease .block-01 .box .deco {
	left: 30px;
	top: -25px;
	width: 336px;
}

.ease .block-02 {
	margin-top: 100px;
}
.ease .block-02 .box p {
	bottom: -20px;
}
.ease .block-02 .box .deco {
	left: 110px;
	top: -25px;
	width: 250px;
}

.ease .block-03 {
	margin-top: 100px;
}
.ease .block-03 .box p {
	bottom: -20px;
}
.ease .block-03 .box .deco {
	left: 60px;
	top: -40px;
	width: 330px;
}

/** insurance **/
.ease .insurance {
	border: solid 5px #0053A3;
	background-color: white;
	margin: 0 auto;
	width: 800px;
}
.ease .insurance h4 {
	border-bottom: solid 5px #0053A3;
	font-size: 30px;
	padding: 10px 0;
	text-align: center;
}
.ease .insurance .text {
	align-items: center;
	padding: 30px 40px;
}
.ease .insurance .text img {
	width: 200px;
}
.ease .insurance .text p {
	font-size: 20px;
	line-height: 1.6;
	margin-left: 40px;
	width: calc(100% - 200px - 40px);
}

@media screen and (max-width: 1750px) {
	.ease {
		margin-top: 3vw;
	}

	/** box **/
	.ease .box {
		margin-bottom: 2.8vw;
	}
	.ease .box .image {
		border-radius: 20px 0 0 20px;
        height: 22.4vw;
        width: 31.2vw;
	}
	.ease .box p {
		border-radius: 5px;
        font-size: 1.4vw;
        padding: 1.7vw;
        left: 2vw;
	}

	.ease .block-01 .box p {
		bottom: 1.2vw;
	}
	.ease .block-01 .box .deco {
        left: 1.8vw;
        top: 0.7vw;
        width: 16.2vw;
	}

	.ease .block-02 {
		margin-top: 5.8vw;
	}
	.ease .block-02 .box p {
		bottom: -1.2vw;
	}
	.ease .block-02 .box .deco {
        left: 3vw;
        top: -0.4vw;
        width: 13.2vw;
	}

	.ease .block-03 {
		margin-top: 5.8vw;
	}
	.ease .block-03 .box p {
		bottom: -1.2vw;
	}
	.ease .block-03 .box .deco {
        left: 2vw;
        top: -1vw;
        width: 16.8vw;
	}

	/** insurance **/
	.ease .insurance {
		border: solid 5px #0053A3;
        margin: 0 2vw;
        width: auto;
	}
	.ease .insurance h4 {
		border-bottom: solid 5px #0053A3;
        font-size: 1.7vw;
        padding: .6vw 0;
	}
	.ease .insurance .text {
		padding: 1.8vw 2.2vw;
	}
	.ease .insurance .text img {
		width: 11.4vw;
	}
	.ease .insurance .text p {
        font-size: 1.1vw;
        margin-left: 2.2vw;
		width: calc(100% - 11.4vw - 2.2vw);
	}
}

@media screen and (max-width: 1120px) {
	.ease {
		margin-top: 3vw;
	}

	/** box **/
    .ease .box {
        margin-bottom: 4vw;
    }
	.ease .box p {
		border-radius: 5px;
        font-size: 1.6vw;
        left: 2vw;
	}

	.ease .block-01 .box .deco {
        top: 0;
	}

	.ease .block-02 {
		margin-top: 6vw;
	}
	.ease .block-02 .box p {
		bottom: -2vw;
	}

	.ease .block-03 {
		margin-top: 6vw;
	}
	.ease .block-03 .box p {
		bottom: -2vw;
	}

	/** insurance **/
	.ease .insurance {
		border: solid 5px #0053A3;
        margin: 0 2vw;
        width: auto;
	}
	.ease .insurance h4 {
		border-bottom: solid 5px #0053A3;
        font-size: 2vw;
        padding: 1vw 0;
	}
	.ease .insurance .text {
		padding: 2vw;
	}
	.ease .insurance .text p {
        font-size: 1.4vw;
        margin-left: 2vw;
		width: calc(100% - 11.4vw - 2vw);
	}
}

@media screen and (max-width: 840px) {
	.ease {
		margin-top: 6vw;
	}

	/** box **/
    .ease .box {
        margin-bottom: 8vw;
    }
	.ease .box .image {
		border-radius: 4vw 0 0 4vw;
        height: 48vw;
        width: 68vw;
	}
	.ease .box p {
		border-radius: 1vw;
        font-size: 3.8vw;
        left: 2vw;
	}
	
	.ease .block-01 .box p {
		bottom: 3vw;
	}
	.ease .block-01 .box .deco {
        left: 1vw;
        top: 5vw;
        width: 30vw;
	}

	.ease .block-02 {
		margin-top: 12vw;
	}
	.ease .block-02 .box p {
		bottom: -4vw;
	}
	.ease .block-02 .box .deco {
        left: 2vw;
        top: -1vw;
        width: 28vw;
	}

	.ease .block-03 {
		margin-top: 16vw;
	}
	.ease .block-03 .box p {
		bottom: -4vw;
	}
	.ease .block-03 .box .deco {
        left: 1vw;
        top: 4vw;
        width: 30vw;
	}

	/** insurance **/
	.ease .insurance {
		border: solid 3px #0053A3;
        margin: 0 4vw;
	}
	.ease .insurance h4 {
		border-bottom: solid 3px #0053A3;
        font-size: 4.6vw;
        padding: 1.4vw 0;
	}
	.ease .insurance .text {
		padding: 3vw 4vw;
	}
	.ease .insurance .text img {
		width: 20vw;
	}
	.ease .insurance .text p {
        font-size: 3.4vw;
        margin-left: 3vw;
		width: calc(100% - 20vw - 3vw);
	}
}


/** -- event -- **/
.event {
	background-color: white;
	border-radius: 20px;
	margin: 0 60px;
	padding: 40px 40px;
}

/** exp **/
.event .exp p {
	font-size: 26px;
	letter-spacing: 3px;
	text-align: center;
}

.event .exp-01 .deco-01 {
	left: -20px;
	top: -20px;
	width: 150px;
}
.event .exp-01 .deco-02 {
	right: -20px;
	top: 20px;
	width: 152px;
}

.event .exp-02 {
	margin: 50px 0 20px;
}
.event .exp-02 .deco-01 {
	left: -60px;
	top: -15px;
	width: 156px;
}
.event .exp-02 .deco-02 {
	right: -55px;
	top: -50px;
	width: 172px;
}

/** image **/
.event .image {
	position: relative;
}
.event .image p {
	background-color: white;
	font-size: 28px;
	padding: 0 10px;
	position: absolute;
}

.event .image-01 {
	margin-top: 40px;
	z-index: 1;
}
.event .image-01 p {
	left: 240px;
	top: 40px;
}
.event .image-02 {
	margin-top: -80px;
	z-index: 0;
}
.event .image-02 p {
	left: 40px;
	top: 50px;
}
.event .image-03 {
	margin-top: -35px;
	z-index: 1;
}
.event .image-03 p {
	left: 140px;
	top: 5px;
}
.event .image-04 {
	margin-top: -30px;
	z-index: 2;
}
.event .image-04 p {
	left: 320px;
	top: 0px;
}

@media screen and (max-width: 1750px) {
	.event {
		border-radius: 20px;
		margin: 0 2vw;
		padding: 2.2vw 2.2vw;
	}

	/** exp **/
	.event .exp p {
        font-size: 1.4vw;
        letter-spacing: .2vw;
	}

	.event .exp-01 .deco-01 {
        left: -1.2vw;
        top: -1.2vw;
        width: 8.2vw;
	}
	.event .exp-01 .deco-02 {
        right: -1.4vw;
        top: 1vw;
        width: 8.4vw;
	}

	.event .exp-02 {
		margin: 3vw 0 1vw;
	}
	.event .exp-02 .deco-01 {
        left: -3vw;
        top: -1vw;
        width: 8.8vw;
	}
	.event .exp-02 .deco-02 {
        right: -3.4vw;
        top: -2.8vw;
        width: 9.6vw;
	}

	/** image **/
	.event .image p {
        font-size: 1.6vw;
        padding: 0 .6vw;
	}

	.event .image-01 {
		margin-top: 2.2vw;
	}
	.event .image-01 p {
        left: 13.6vw;
        top: 2.2vw;
	}
	.event .image-02 {
		margin-top: -4.4vw;
	}
	.event .image-02 p {
		left: 2.2vw;
        top: 2.8vw;
	}
	.event .image-03 {
		margin-top: -2vw;
	}
	.event .image-03 p {
        left: 8vw;
        top: .2vw;
	}
	.event .image-04 {
		margin-top: -1.8vw;
	}
	.event .image-04 p {
        left: 17.5vw;
        top: 0px;
	}
}

@media screen and (max-width: 1120px) {
	.event {
		border-radius: 20px;
		margin-top: 6vw;
		padding: 2vw;
	}

	/** exp **/
	.event .exp p {
        font-size: 1.6vw;
        letter-spacing: .3vw;
	}

	.event .exp-01 .deco-01 {
        left: -3vw;
        top: -1.2vw;
        width: 8.2vw;
	}
	.event .exp-01 .deco-02 {
        right: -3.4vw;
        top: 1vw;
        width: 8.4vw;
	}

	.event .exp-02 {
		margin: 4vw 0 2vw;
	}
	.event .exp-02 .deco-01 {
        top: 2vw;
	}
	.event .exp-02 .deco-02 {
        right: -4vw;
        top: -3.6vw;
        width: 8.6vw;
	}
}

@media screen and (max-width: 840px) {
	.event {
        border-radius: 4vw;
		margin: 0 4vw;
        margin-top: 16vw;
        padding: 4vw 2vw;
	}

	/** exp **/
	.event .exp p {
        font-size: 3.8vw;
        letter-spacing: .4vw;
	}

	.event .exp-01 .deco-01 {
        left: -5vw;
        top: -6vw;
        width: 16vw;
	}
	.event .exp-01 .deco-02 {
        right: -5vw;
        top: 4vw;
        width: 15vw;
	}

	.event .exp-02 {
        margin: 9vw 0 5vw;
	}
	.event .exp-02 .deco-01 {
        left: -3vw;
        top: 8vw;
        width: 17vw;
	}
	.event .exp-02 .deco-02 {
        right: -6vw;
        top: -11vw;
        width: 16vw;
	}

	/** image **/
	.event .image p {
        font-size: 3.6vw;
        padding: 0 .6vw;
	}

	.event .image-01 {
		margin-top: 5vw;
	}
	.event .image-01 p {
        left: 27vw;
        top: 3vw;
	}
	.event .image-02 {
		margin-top: -9vw;
	}
	.event .image-02 p {
        left: 5vw;
        top: 5vw;
	}
	.event .image-03 {
		margin-top: -4vw;
	}
	.event .image-03 p {
        left: 17vw;
        top: 0;
	}
	.event .image-04 {
		margin-top: -3vw;
	}
	.event .image-04 p {
        left: 37vw;
        top: -.5vw;
	}
}


/** -- voice -- **/
.voice {
	margin-top: 100px;
}

.voice .exp {
	font-size: 24px;
	margin-top: -30px;
	text-align: center;
}

/** list **/
.voice .list {
	margin: 50px 60px 0;
}

.voice .list .box {
	align-items: flex-start;
	background-color: white;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 30px 40px;
}
.voice .list .box img {
	width: 170px;
}
.voice .list .box .text {
	margin-left: 30px;
	width: calc(100% - 170px - 30px);
}
.voice .list .box h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.voice .list .box p {
	font-size: 20px;
	line-height: 1.8;
}

@media screen and (max-width: 1750px) {
	.voice {
		margin-top: 6vw;
	}

	.voice .exp {
		font-size: 1.4vw;
		margin-top: -1.6vw;
	}

	/** list **/
	.voice .list {
		margin: 3vw 2vw 0;
	}

	.voice .list .box {
		border-radius: 10px;
        margin-bottom: 1.2vw;
        padding: 1.8vw 2.2vw;
	}
	.voice .list .box img {
		width: 9.6vw;
	}
	.voice .list .box .text {
		margin-left: 1.8vw;
		width: calc(100% - 9.6vw - 1.8vw);
	}
	.voice .list .box h3 {
		font-size: 1.4vw;
		margin-bottom: .6vw;
	}
	.voice .list .box p {
		font-size: 1.12vw;
	}
}

@media screen and (max-width: 1120px) {

	.voice .exp {
		font-size: 1.6vw;
	}

	/** list **/
	.voice .list {
		margin: 4vw 2vw 0;
	}

	.voice .list .box {
		border-radius: 10px;
        margin-bottom: 2vw;
        padding: 2vw;
	}
	.voice .list .box img {
		width: 9.6vw;
	}
	.voice .list .box .text {
		margin-left: 2vw;
		width: calc(100% - 9.6vw - 2vw);
	}
	.voice .list .box h3 {
		font-size: 1.6vw;
		margin-bottom: 1vw;
	}
	.voice .list .box p {
		font-size: 1.4vw;
	}
}

@media screen and (max-width: 840px) {
	.voice {
		margin-top: 14vw;
	}

	.voice .exp {
		font-size: 3.8vw;
		margin-top: -2vw;
	}

	/** list **/
	.voice .list {
		margin: 8vw 4vw 0;
	}

	.voice .list .box {
		border-radius: 2vw;
        margin-bottom: 4vw;
        padding: 5vw 4vw;
	}
	.voice .list .box img {
		width: 18vw;
	}
	.voice .list .box .text {
		margin-left: 3vw;
		width: calc(100% - 18vw - 3vw);
	}
	.voice .list .box h3 {
		font-size: 3.8vw;
		margin-bottom: 2vw;
	}
	.voice .list .box p {
		font-size: 3.4vw;
	}
}


/** -- faq -- **/
.faq {
	margin-top: 100px;
}

/** list **/
.faq .list {
	margin: 50px 60px 0;
}

.faq .list .box + .box {
	margin-top: 40px;
}
.faq .list .box .question {
	font-size: 24px;
	margin-bottom: 15px;
}
.faq .list .box .answer {
	font-size: 18px;
	font-weight: 400;
	padding-left: 70px;
	position: relative;
}
.faq .list .box .answer span {
	font-family: "fot-udkakugoc80-pro";
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 1750px) {
	.faq {
		margin-top: 6vw;
	}

	/** list **/
	.faq .list {
		margin: 3vw 3vw 0;
	}

	.faq .list .box + .box {
		margin-top: 2.2vw;
	}
	.faq .list .box .question {
		font-size: 1.4vw;
		margin-bottom: .8vw;
	}
	.faq .list .box .answer {
		font-size: 1vw;
		padding-left: 5vw;
	}
	.faq .list .box .answer span {
        font-size: 1.12vw;
	}
}

@media screen and (max-width: 1120px) {
	/** list **/
	.faq .list {
		margin: 3vw 2vw 0;
	}

	.faq .list .box + .box {
		margin-top: 2vw;
	}
	.faq .list .box .question {
		font-size: 1.6vw;
		margin-bottom: 1vw;
	}
	.faq .list .box .answer {
		font-size: 1.4vw;
	}
	.faq .list .box .answer span {
        font-size: 1.4vw;
	}
}

@media screen and (max-width: 840px) {
	.faq {
		margin-top: 14vw;
	}

	/** list **/
	.faq .list {
		margin: 6vw 4vw 0;
	}

	.faq .list .box + .box {
		margin-top: 6vw;
	}
	.faq .list .box .question {
		font-size: 3.8vw;
		margin-bottom: 2vw;
	}
	.faq .list .box .answer {
		font-size: 3.4vw;
		padding-left: 12vw;
	}
	.faq .list .box .answer span {
        font-size: 3.6vw;
	}
}


/** -- entry_flow -- **/
.entry_flow {
	margin-top: 100px;
	padding: 0 60px;
}

/** box **/
.entry_flow .box {
	align-items: center;
	background-color: white;
	border-radius: 10px;
	padding: 50px 40px;
}
.entry_flow .box + .box {
	margin-top: 40px;
}

.entry_flow .box .text {
	padding-right: 20px;
	width: 50%;
}
.entry_flow .box h3 {
	align-items: center;
	font-size: 40px;
	margin-bottom: 20px;
}
.entry_flow .box h3 span {
	font-size: 20px;
	margin-right: 20px;
}
.entry_flow .box p {
	font-size: 20px;
}

.entry_flow .box .image {
	width: 50%;
}
.entry_flow .box:nth-of-type(2) .image,
.entry_flow .box:nth-of-type(4) .image,
.entry_flow .box:nth-of-type(5) .image {
	padding-left: 40px;
}
.entry_flow .box:nth-of-type(3) .image {
	padding-left: 50px;
}

.entry_flow .entry_btn {
	margin-top: 60px;
}

@media screen and (max-width: 1750px) {
	.entry_flow {
		margin-top: 6vw;
		padding: 0 2vw;
	}

	/** box **/
	.entry_flow .box {
		border-radius: 10px;
		padding: 2.8vw 2.2vw;
	}
	.entry_flow .box + .box {
		margin-top: 2.2vw;
	}

	.entry_flow .box .text {
		padding-right: 1.2vw;
		width: 50%;
	}
	.entry_flow .box h3 {
        font-size: 2.2vw;
        margin-bottom: 1.2vw;
	}
	.entry_flow .box h3 span {
        font-size: 1.16vw;
        margin-right: 1.2vw;
	}
	.entry_flow .box p {
        font-size: 1.12vw;
	}

	.entry_flow .box .image {
		width: 50%;
	}
	.entry_flow .box:nth-of-type(2) .image,
	.entry_flow .box:nth-of-type(4) .image,
	.entry_flow .box:nth-of-type(5) .image {
		padding-left: 2.2vw;
	}
	.entry_flow .box:nth-of-type(3) .image {
		padding-left: 2.8vw;
	}

	.entry_flow .entry_btn {
		margin-top: 3.4vw;
	}
}

@media screen and (max-width: 1120px) {
	/** box **/
	.entry_flow .box {
		border-radius: 10px;
		padding: 3vw 2vw;
	}
	.entry_flow .box + .box {
		margin-top: 2vw;
	}

	.entry_flow .box .text {
		padding-right: 1.2vw;
		width: 50%;
	}
	.entry_flow .box h3 {
        font-size: 2.6vw;
        margin-bottom: 1.2vw;
	}
	.entry_flow .box h3 span {
        font-size: 1.6vw;
        margin-right: 1.2vw;
	}
	.entry_flow .box p {
        font-size: 1.4vw;
	}

	.entry_flow .entry_btn {
		margin-top: 4vw;
	}
}

@media screen and (max-width: 840px) {
	.entry_flow {
		margin-top: 14vw;
		padding: 0 4vw;
	}

	/** box **/
	.entry_flow .box {
		border-radius: 2vw;
		padding: 6vw 6vw;
	}
	.entry_flow .box + .box {
		margin-top: 5vw;
	}

	.entry_flow .box .text {
		padding-right: 0;
		width: 100%;
	}
	.entry_flow .box h3 {
        font-size: 4.8vw;
        margin-bottom: 3vw;
	}
	.entry_flow .box h3 span {
        font-size: 4vw;
        margin-right: 3vw;
	}
	.entry_flow .box p {
        font-size: 3.4vw;
	}

	.entry_flow .box .image {
		margin-top: 6vw;
		width: 100%;
	}
	.entry_flow .box:nth-of-type(2) .image,
	.entry_flow .box:nth-of-type(4) .image,
	.entry_flow .box:nth-of-type(5) .image {
		padding-left: 0;
	}
	.entry_flow .box:nth-of-type(3) .image {
		padding-left: 0;
	}

	.entry_flow .entry_btn {
		margin-top: 8vw;
	}
}


/** -- about_co -- **/
.about_co {
	background-color: #F6F6F6;
	margin-top: 100px;
	padding: 80px 60px;
}
.about_co h2 {
	font-size: 60px;
	margin-bottom: 50px;
	text-align: center;
}

/** profile **/
.about_co .profile .text {
	padding-top: 10px;
	width: 50%;
}
.about_co .profile .text dl {
	font-size: 20px;
}
.about_co .profile .text dl dt {
	float: left;
	width: 160px;
}
.about_co .profile .text dl dd {
	margin-bottom: 20px;
	margin-left: 160px;
}
.about_co .profile .text a {
	background: url(../img/recruit-part/icon-link.png) no-repeat 100% 5px / 10px;
	display: table;
	font-size: 20px;
	padding-right: 15px;
	text-decoration: underline;
}

.about_co .profile .image {
	padding-left: 20px;
	width: 50%;
}

.about_co .intro {
	background-color: white;
	border-radius: 10px;
	font-size: 20px;
	margin-top: 50px;
	padding: 50px;
}

.about_co .copyright {
	color: #707070;
	margin-top: 50px;
	text-align: center;
}

@media screen and (max-width: 1750px) {
	.about_co {
		margin-top: 6vw;
		padding: 5vw 2vw;
	}
	.about_co h2 {
		font-size: 3.4vw;
        margin-bottom: 3vw;
	}

	/** profile **/
	.about_co .profile .text {
		padding-top: 0;
		width: 50%;
	}
	.about_co .profile .text dl {
		font-size: 1.12vw;
	}
	.about_co .profile .text dl dt {
		width: 9vw;
	}
	.about_co .profile .text dl dd {
        margin-bottom: 1.2vw;
        margin-left: 9vw;
	}
	.about_co .profile .text a {
        background-position: 100% .3vw;
        background-size: .6vw;
        font-size: 1.12vw;
        padding-right: .8vw;
	}

	.about_co .profile .image {
		padding-left: 1.2vw;
		width: 50%;
	}

	.about_co .intro {
		border-radius: 10px;
        font-size: 1.12vw;
        margin-top: 3vw;
        padding: 3vw;
	}

	.about_co .copyright {
		margin-top: 3vw;
	}
}

@media screen and (max-width: 1120px) {
	.about_co h2 {
		font-size: 3.8vw;
        margin-bottom: 4vw;
	}

	/** profile **/
	.about_co .profile .text {
		width: calc(50% + 2vw);	
	}
	.about_co .profile .text dl {
		font-size: 1.2vw;
	}
	.about_co .profile .text a {
        background-position: 100% .3vw;
        background-size: .8vw;
        font-size: 1.2vw;
        padding-right: 1vw;
	}

	.about_co .profile .image {
		padding-left: 0;
		width: calc(50% - 2vw);
	}

	.about_co .intro {
		border-radius: 10px;
        font-size: 1.4vw;
        margin-top: 4vw;
        padding: 3vw;
	}

	.about_co .copyright {
		margin-top: 4vw;
	}
}

@media screen and (max-width: 840px) {
	.about_co {
		margin-top: 16vw;
		padding: 12vw 4vw;
	}
	.about_co h2 {
		font-size: 7.8vw;
        margin-bottom: 8vw;
	}

	/** profile **/
	.about_co .profile {
		flex-direction: column-reverse;
	}
	.about_co .profile .text {
		margin-top: 8vw;
		padding-top: 0;
		width: auto;
	}
	.about_co .profile .text dl {
		font-size: 3.6vw;
		margin: 0 4vw;
	}
	.about_co .profile .text dl dt {
		width: 30vw;
	}
	.about_co .profile .text dl dd {
        margin-bottom: 4vw;
        margin-left: 30vw;
	}
	.about_co .profile .text a {
        background-position: 100% .8vw;
        background-size: 2vw;
		font-size: 3.6vw;
		margin-left: 4vw;
        padding-right: 3vw;
	}

	.about_co .profile .image {
		padding-left: 0;
		width: 100%;
	}

	.about_co .intro {
		border-radius: 2vw;
        font-size: 3.6vw;
        margin-top: 8vw;
        padding: 4vw;
	}

	.about_co .copyright {
		font-size: 2.8vw;
		margin-top: 10vw;
	}
}