@charset "UTF-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

/* Google font Icon */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);


/* ////////////////////////////////////////

	common

//////////////////////////////////////// */


body {
    margin: 0;
    padding: 0;
    color: #000000;
    word-break: break-all;
}

body.no_scroll {
    overflow: hidden;
}

body * {
    line-height: 2.0;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

main {
    overflow: hidden;
}

a {
    color: #000000;
}

a.btn_left {
    padding: 20px 40px 20px 20px;
    background-color: #FFFFFF;
    border-radius: 0 50px 50px 0;
}

a.btn_right {
    padding: 20px 20px 20px 40px;
    background-color: #FFFFFF;
    border-radius: 50px 0 0 50px;
}

.text_left {
    text-align: left !important;
}

.text_right {
    text-align: right !important;
}

.text_center {
    text-align: center !important;
}

.is-active {
    display:  block !important;
}

.page_top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    transition: 0.3s;
    z-index: 100;
}

.page_top a {
    display: block;
    width: 50px;
    height: 50px;
    padding: 10px;
    fill: #FFFFFF;
    background-color: #F7C934;
    border-radius: 50%;
}


/* ////////////////////////////////////////

	flex

//////////////////////////////////////// */


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

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

.flex_left {
    display: flex;
    justify-content: flex-start;
}

.flex_right {
    display: flex;
    justify-content: flex-end;
}

.flex_center {
    display: flex;
    justify-content: center;
}

.flex_column {
    display: flex;
    flex-direction: column;
}


/* ////////////////////////////////////////

	modaal

//////////////////////////////////////// */


body.modaal-noscroll .header_btn {
    display: none;
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
    background: #F7C934 !important;
}

.scroll-areax {
    height: 60vh;
    padding-right: 20px;
}

.policy_box h4 {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
    color: #41AAD3;
}

.policy_box h5 {
    margin: 20px 0 5px;
    font-size: 14px;
    color: #41AAD3;
}

.policy_box dl * {
    font-size: 10px;
}

.policy_box dt {
    margin-top: 20px;
}

.terms_box h4 {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
    color: #41AAD3;
}

.terms_box h5 {
    margin: 20px 0 5px;
    font-size: 14px;
    color: #41AAD3;
}

.terms_box dl * {
    font-size: 10px;
}


/* ////////////////////////////////////////

	simplebar

//////////////////////////////////////// */


.simplebar-track {
    background: #E5E5E5; /* バーの背景色を設定できます*/
    border-radius: 10px; /* バーに丸みをもたせる*/
}

.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
  opacity:1; /* デフォルトだと薄くなっています。*/
}

.simplebar-track .simplebar-scrollbar::before {
  background: #F7C934; /* ここでバーの色を設定 */
}


/* ////////////////////////////////////////

	contact

//////////////////////////////////////// */


.contact_box {

}

.form_box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto;
}

.form_box dl {
	display: flex;
    justify-content: flex-start; 
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
}

.form_box dt {
	width: 40%;
}

.form_box dd {
	width: 60%;
}

.agree a {
    display: block;
    font-size: 12px;
    color: #41AAD3;
}

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap input[type="date"] {
	width: 100%;
	height: 40px;
	padding: 10px;
	margin: 5px 0 0;
	background-color: rgba(65, 170, 211, 0.3);
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3) inset;
	font-size: 14px;
	box-sizing: border-box;
}

.wpcf7-form-control-wrap select {
	display: inline-block;
	width: 20%;
	height: 40px;
	padding: 10px;
	margin: 5px 15px 0 0;
	background-color: rgba(65, 170, 211, 0.3);
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3) inset;
	font-size: 14px;
	box-sizing: border-box;
	float: left;
}

.wpcf7-form-control-wrap:last-of-type select {
	margin-right: 0;
	clear: both;
	float: none;
}

.wpcf7-form-control-wrap textarea {
	width: 100%;
	height: 120px;
	padding: 10px;
	margin: 5px 0 0;
	background-color: rgba(65, 170, 211, 0.3);
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3) inset;
	font-size: 14px;
	box-sizing: border-box;
}

div.wpcf7-mail-sent-ok {
	padding: 10px 15px !important;
	color: #FFFFFF;
	border: 0px none !important;
	background: #112A47;
	border-radius: 10px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	padding: 10px 15px !important;
	color: #FFFFFF;
	border: 0px none !important;
	background: #FF0000;
	border-radius: 10px;
}

span.require {
	margin-left: 10px;
	color: #41AAD3;
}

span.wpcf7-quiz-label {
	display: block;
	text-align: left;
}

.require_desc {
    text-align: right;
}

.submit_desc {
    text-align: center;
}

.submit_desc br {
    display: none;
}

.submit_btn {
    display: block;
    width: 80px;
    height: 80px;
    margin: 30px auto 0;
    color: #FFFFFF;
    text-align: center;
    background-color: #41AAD3;
    border: 0px none;
    border-radius: 50%;
    transition: all .3s;
}

.submit_btn:hover {
	color: #FFFFFF;
	background-color: #F7C934;
	opacity: 1;
}

.wpcf7-not-valid-tip {
    text-align: left !important;
    color: #F7C934 !important;
}

.wpcf7 form .wpcf7-response-output {
    color: #FFFFFF !important;
    text-align: center !important;
	background-color: #F7C934 !important;
    border: 0px none!important;
    border-radius: 20px;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #41AAD3 !important;
}


/* ////////////////////////////////////////

	アニメーション

//////////////////////////////////////// */


.updown {
    animation-name: updown1;   /* アニメーション名の指定 */
    animation-delay: 0s;   /* アニメーションの開始時間指定 */
    animation-duration: 4s;   /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
    animation-iteration-count: infinite; 
}

@keyframes updown1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}


/* ////////////////////////////////////////

	header

//////////////////////////////////////// */


#header {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 100vw;
    height: 0;
    z-index: 1000;
}

#header_sp {
    position: relative;
    display: block;
    z-index: 1;
}

#header_sp.active::before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 40vw;
    height: 100%;
    background-color: #41aad3bd;
    transition: all .6s;
    z-index: -1;
}

#header_sp.active::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 40vw;
    height: 100%;
    background-image: url("https://minatosenri.co.jp/wp-content/themes/minatositter/img/bg9.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .6s;
    z-index: -2;
}

#header_sp .header_inner {
    position: relative;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 5vw;
    padding-bottom: calc(20vh + 10vw);
    margin: 0;
    padding-left: 65vw;
    text-align: center;   
    transition: all .6s;
}

#header_sp.active .header_inner {
    display: flex;
}

#header_sp.active .header_inner::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 60vw;
    height: 100%;
    background-color: #0000006E;
    z-index: -1;
}

#header_sp .header_logo {
    display: block;
    width: 100%;
    padding: 0;
}

#header_sp .header_logo a img {
    width: 100%;
    max-width: 180px;
    height: auto;
}

#header_sp .header_menu {
    display: block;
    width: 100%;
}

#header_sp .header_menu ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 30px 0;
}

#header_sp .header_menu ul li {
    width: 50%;
}

#header_sp .header_menu ul li a {
    display: block;
    line-height: 1.3;
    padding: 15px 0;
    font-size: 16px;
    color: #FFFFFF;
}

#header_sp .header_conv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

#header_sp .header_conv a {
    display: block;
    min-width: 50%;
    padding: 10px 40px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 50px;
}

#header_sp .header_conv a.line {
    color: #00C300;
}

#header_sp .header_conv a.mail {
    color: #F7C934;
}

#header_sp .header_recruit {
    position: absolute;
    bottom: 5vh;
    display: block;
    width: 40vw;
    height: 10vh;
    background-color: #FFFFFF;
}

#header_sp .header_recruit a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    color: #41AAD3;
}

#header_sp .header_recruit a span {
    display: inline-block;
    width: 50px;
    height: 50px;
}

#header_sp .header_recruit a span svg {
    width: 100%;
    height: auto;
    fill: #41AAD3;
}


/*----- header_btn -----*/


.header_btn {
	display: block;
	position: fixed;
	top: 20px;
	right: 30px;
	z-index: 9999;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-color: #41AAD3;
    border-radius: 50%;
}

.header_btn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 10px;
	height: 2px;
	border-radius: 2px;
	background-color: #fff;
	width: 20px;
 }

.header_btn span:nth-of-type(1) {
	top: 40%;	
}

.header_btn span:nth-of-type(2) {
	top: 60%;
}

.header_btn.active span:nth-of-type(1) {
	top: 36%;
	left: 8px;
	transform: translateY(6px) rotate(-45deg);
	width: 25px;
}

.header_btn.active span:nth-of-type(2) {
	top: 65%;
	left: 8px;
	transform: translateY(-6px) rotate(45deg);
	width: 25px;
}


/* ////////////////////////////////////////

	footer

//////////////////////////////////////// */


#footer {
    position: relative;
    width: 100vw;
    min-height: 50vh;
}

#footer::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #41aad3bd;
    z-index: -1;
}

#footer::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("https://minatosenri.co.jp/wp-content/themes/minatositter/img/bg10.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -2;
}

.footer_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100vw;
    padding: 80px 0 20px;
    color: #FFFFFF;
    text-align: center;
}

.footer_logo {
    width: 100%;
    margin-bottom: 30px;
}

.footer_logo img {
    width: 250px;
    height: auto;
}

.footer_conv {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin-bottom: 50px;
}

.footer_conv a {
    display: inline-block;
    min-width: 150px;
    padding: 10px 40px;
    color: #41AAD3;
    background-color: #FFFFFF;
    border-radius: 50px;
}

.footer_conv a.line {
    color: #00C300;
}

.footer_conv a.mail {
    color: #F7C934;
}

.footer_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 800px;
    margin-bottom: 50px;
}

.footer_menu a {
    width: 20%;
    line-height: 1.4;
    font-size: 16px;
    color: #FFFFFF;
}

.footer_menu a br {
    display: none;
}

.footer_menu a span {
    display: block;
    line-height: 1.3;
    font-size: 10px;
}

.footer_recruit {
    width: 100%;
    padding: 20px;
    margin-bottom: 50px;
    text-align: center;
    background-color: #FFFFFF;
}

.footer_recruit a {
    position: relative;
    display: inline-block;
    padding-left: 55px;
    color: #41AAD3;
}

.footer_recruit a span {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.footer_recruit a span svg {
    width: 100%;
    height: auto;
    fill: #41AAD3;
}

.footer_policy {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin-bottom: 10px;
}

.footer_policy a {
    display: inline-block;
    font-size: 12px;
    color: #FFFFFF;
}


/* ////////////////////////////////////////

	section

//////////////////////////////////////// */


.section {
    position: relative;
    width: 100vw;
    z-index: 1;
}

.section_inner {
    margin: 0 auto;
}

.section_title {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    padding-top: 80px;
    font-size: 32px;
    text-align: center;
}

.section_title br {
    display: none;
}

.section_title em.ico_yellow {
    display: inline-block;
    width: 50px;
    margin-top: 5px;
    margin-right: 20px;
    background-image: url("https://minatosenri.co.jp/wp-content/themes/minatositter/img/ico_yellow.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.section_title em.ico_blue {
    display: inline-block;
    width: 50px;
    margin-top: 5px;
    margin-left: 20px;
    background-image: url("https://minatosenri.co.jp/wp-content/themes/minatositter/img/ico_blue.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.section_title span {
    display: block;
    margin-top: -10px;
    font-size: 14px;
}


/* ////////////////////////////////////////

	top

//////////////////////////////////////// */


#kv.top {

}

#kv.top .kv_inner {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 90vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #41AAD3;
}

#kv.top .kv_conv {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30vw;
    height: 30vw;
}

#kv.top .kv_conv a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
    height: 100%;
    line-height: 1.2;
    padding-right: 5vw;
    font-size: 24px;
    color: #FFFFFF;
    background-color: #F7C934;
    border-radius: 50vw 0 0 0;
}

#kv.top .kv_conv a span {
    position: relative;
    top: 2px;
    left: 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 5px;
}

#kv.top .kv_conv a span svg {
    width: 100%;
    height: auto;
    fill: #FFFFFF;
}

.kv_logo {
    position: absolute;
    top: 20px;
    left: 40px;
    display: block;
    width: 120px;
    z-index: 5;
}

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

#news.top {

}

#news.top .section_inner {
    position: relative;
    width: 90vw;
    padding-top: 0;
}

#news.top .section_title {
    position: absolute;
    top: -70px;
    left: 50px;
    padding: 0;
    font-size: 32px;
    color: #FFFFFF;
    z-index: 5;
}

#news.top .section_title span {
    display: inline-block;
    margin-left: 10px;
}

.news_dl {
    position: relative;
    display: block; 
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: -50px;
    background-color: #ECF7FC;
    border-radius: 20px;
}

.news_dt {
    padding: 20px 100px 0 50px;
}

.news_dt p.current {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.6;
    /* padding-left: 35px; */
    font-size: 16px;
    color: #41AAD3;
}

.news_dt p.current span {
    position: absolute;
    top: -2px;
    left: 0;
    width: 28px;
    height: 28px;
}

.news_dt p.current span svg {
    width: 100%;
    height: auto;
    fill: #41AAD3;
}

.news_dt p.current em {
    display: inline-block;
    padding-right: 20px;
    margin-left: 35px;
    font-size: 12px;   
}

.news_dt p.open_btn {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: #F7C934;
    border-radius: 50%;
    cursor: pointer;
    transition: all .6s;
    z-index: 10;
}

.news_dt p.open_btn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 12px;
	height: 2px;
	border-radius: 2px;
	background: #FFFFFF;
	width: 40%;
}

.news_dt p.open_btn span:nth-of-type(1) {
	top: 13px;
    transform: translateY(6px) rotate(90deg);
}

.news_dt p.open_btn span:nth-of-type(2) {
	top: 19px;
}

.news_dt p.open_btn.active {
	transform: rotate(360deg);
}

.news_dt p.open_btn.active span:nth-of-type(1) {
	top: 13px;
	left: 12px;
	transform: translateY(6px) rotate(-45deg);
	width: 40%;
}

.news_dt p.open_btn.active span:nth-of-type(2){
	top: 25px;
	left: 12px;
	transform: translateY(-6px) rotate(45deg);
	width: 40%;
}

.news_dd {
    display: none;
    padding: 0 50px;
}

.news_dd p.current {
    padding-top: 10px;
    font-size: 12px;
}

.news_item {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #FFFFFF;
}

.news_item dt {

}

.news_item dt p {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.6;
    /* padding-left: 35px; */
    margin-bottom: 10px;
    font-size: 16px;
    color: #41AAD3;
}

.news_item dt p span {
    position: absolute;
    top: -2px;
    left: 0;
    width: 28px;
    height: 28px;
}

.news_item dt p span svg {
    width: 100%;
    height: auto;
    fill: #41AAD3;
}

.news_item dt p em {
    display: inline-block;
    padding-right: 15px;
    margin-left: 35px;
    font-size: 12px;   
}

.news_item dd {

}

.news_item dd p {
    font-size: 12px;
}

.news_link {
    margin-top: 20px;
    text-align: right;
}

.news_link a {
    color: #F7C934;
}

#features.top {
    padding-top: 5vw;
}

#features.top .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#features.top .section_bg {
    padding: 5vw;
}

#features.top .section_prologue {
    width: 100%;
    max-width: 800px;
    padding: 2.5vw 5vw;
    margin: 0 auto 5vw;
    background-color: #FFFFFF;
    border-radius: 20px;
}

#features.top .section_prologue h3 {
    line-height: 1.6;
    margin: 0 0 10px;
    font-size: 22px;
    color: #41AAD3;
    text-align: center;
}

#features.top .section_prologue h3 br {
    display: none;
}

#features.top .section_prologue p {
    line-height: 1.6;
    font-size: 14px;
}

#features.top .section_box {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 2.5vw;
    width: 100%;
    padding-bottom: 5vw;
}

#features.top .section_box dl {
    
}

#features.top .section_box dt {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    border-radius: 50px 0 0;
}

#features.top .section_box dt img {
    width: 100%;
    height: auto;
}

#features.top .section_box dd {
    padding: 2.0vw 2.5vw;
    background-color: #FFFFFF;
}

#features.top .section_box dd h4 {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 10px;
    font-size: 18px;
    color: #F7C934;
}

#features.top .section_box dd p {
    font-size: 14px;
}

#features.top .section_epilogue {
    width: 100%;
    max-width: 800px;
    padding: 2.5vw 5vw;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 20px;
}

#features.top .section_epilogue h3 {
    line-height: 1.6;
    margin: 0 0 10px;
    font-size: 22px;
    color: #41AAD3;
    text-align: center;
}

#features.top .section_epilogue h3 br {
    display: none;
}

#features.top .section_epilogue p {
    line-height: 1.6;
    font-size: 14px;
}

#system.top {
    padding-top: 5vw;
}

#system.top .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #ECF7FC;
    border-radius: 0 50px 0 0;
}

#system.top .section_title {
    margin-left: 5vw;
}

#system.top .section_bg {
    padding: 5vw;
}

#system.top .section_box {

}

#system.top .section_box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    width: 100%;
    padding: 5vw;
    background-color: #FFFFFF;
    border-radius: 0 50px 0 0;
}

#system.top .section_box dt {
    width: calc(40% - 5vw);
    overflow: hidden;
    line-height: 0;
    border-radius: 0 50px 0 0;
    order: 2;
}

#system.top .section_box dt img {
    width: 100%;
    height: auto;
}

#system.top .section_box dd {
    width: 60%;
    order: 1;
}

#system.top .section_box dd h3 {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 20px;
    font-size: 26px;
    color: #41AAD3;
}

#system.top .section_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

#system.top .section_menu li {

}

#system.top .section_menu li a {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    text-align: center;
    color: #FFFFFF;
    background-color: #F7C934;
    border-radius: 50px;
}

#system.top .section_menu li a span {
    display: inline-block;
    margin-right: 5px;
}

#about.top {
    padding-top: 5vw;
}

#about.top .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#about.top .section_title {
    margin-right: 5vw;
}

#about.top .section_bg {
    padding: 5vw;
}

#about.top .section_box {

}

#about.top .section_box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    width: 100%;
    padding: 5vw;
    background-color: #FFFFFF;
    border-radius: 50px 0 0 0;
}

#about.top .section_box dt {
    width: calc(40% - 5vw);
    overflow: hidden;
    line-height: 0;
    border-radius: 50px 0 0 0;
}

#about.top .section_box dt img {
    width: 100%;
    height: auto;
}

#about.top .section_box dd {
    width: 60%;
}

#about.top .section_box dd h3 {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 20px;
    font-size: 26px;
    color: #41AAD3;
}

#about.top .section_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

#about.top .section_menu li {

}

#about.top .section_menu li a {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    text-align: center;
    color: #FFFFFF;
    background-color: #F7C934;
    border-radius: 50px;
}

#about.top .section_menu li a span {
    display: inline-block;
    margin-right: 5px;
}


/* ////////////////////////////////////////

	system

//////////////////////////////////////// */


#kv.system {
    width: 100vw;

}

#kv.system .kv_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 70vh;
    padding-top: 80px;
    text-align: center;
    color: #FFFFFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #41AAD3;
}

#kv.system .kv_inner h1 {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 26px;
    background-color: #F7C934;
}

#kv.system .kv_inner h1 span {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#kv.system .kv_inner h1 span svg {
    width: 100%;
    height: auto;
    fill: #FFFFFF;
}

#kv.system .kv_navi {
    display: block;
    height: 80px;
    margin: 0 auto;
}

#kv.system .kv_navi ul {
    display: flex;
    max-width: 800px;
    height: 80px;
    margin: 0 auto;
}

#kv.system .kv_navi ul li {
    width: 33.333%;
    height: 80px;
}

#kv.system .kv_navi ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    font-size: 14px;
    text-align: center;
    color: #F7C934;
}

#kv.system .kv_navi ul li a span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

#kv.system .kv_navi ul li a span svg {
    width: 100%;
    height: auto;
    fill: #F7C934;
}

#price.system {
    padding-top: 5vw;
}

#price.system .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#price.system .section_title {
    margin-right: 5vw;
}

#price.system .section_bg {
    padding: 5vw;
}

#price.system .section_box {
    padding: 5vw;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
}

#price.system .section_box dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
}

#price.system .section_box dl:last-of-type {
    border-bottom: 0px none;
}

#price.system .section_box dt {
    width: 30%;
    padding: 20px;
}

#price.system .section_box dt p {
    display: flex;
    align-items: center;
    color: #41AAD3;
}

#price.system .section_box dt p span {
    display: inline-block;
    margin-right: 5px;
    fill: #41AAD3;
}

#price.system .section_box dd {
    width: 70%;
    padding: 20px;
}

#grant.system {
    padding-top: 5vw;
}

#grant.system .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #ECF7FC;
    border-radius: 0 50px 0 0;
}

#grant.system .section_title {
    margin-left: 5vw;
}

#grant.system .section_bg {
    padding: 5vw;
}

#grant.system .section_box {

}

#grant.system .section_box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    width: 100%;
    padding: 5vw;
    background-color: #FFFFFF;
    border-radius: 0 50px 0 0;
}

#grant.system .section_box dt {
    width: calc(40% - 5vw);
    overflow: hidden;
    line-height: 0;
    margin-bottom: 20px;
    border-radius: 0 50px 0 0;
    order: 2;
}

#grant.system .section_box dt img {
    width: 100%;
    height: auto;
}

#grant.system .section_box dd {
    width: 60%;
    order: 1;
}

#grant.system .section_box dd h3 {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 20px;
    font-size: 26px;
    color: #41AAD3;
}

#flow.system {
    padding-top: 5vw;
}

#flow.system .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#flow.system .section_title {
    margin-right: 5vw;
}

#flow.system .section_bg {
    padding: 5vw;
}

#flow.system .section_box dl {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
}

#flow.system .section_box dt {
    display: block;
    width: 100%;
    padding: 20px 5vw 0;
}

#flow.system .section_box dt p {
    display: flex;
    align-items: center;
    color: #41AAD3;
}

#flow.system .section_box dt p span {
    display: inline-block;
    width: 40px;
    height: 40px;
}

#flow.system .section_box dt p span svg {
    position: relative;
    top: -3px;
    left: -5px;
    width: 40px;
    height: 40px;
    fill: #41AAD3;
}

#flow.system .section_box dd {
    display: block;
    width: 100%;
    padding: 20px 5vw;
}

#flow.system .section_box dd p {

}

#flow.system .section_box dt + dd {
    padding-top: 0;
}

#flow.system a.line {
    display: inline-block;
    padding: 10px 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #FFFFFF;
    background-color: #00C300;
    border-radius: 50px;
}

#flow.system a.mail {
    display: inline-block;
    padding: 10px 40px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #FFFFFF;
    background-color: #F7C934;
    border-radius: 50px;
}

#faq.system {
    padding-top: 5vw;
}

#faq.system .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #ECF7FC;
    border-radius: 0 50px 0 0;
}

#faq.system .section_title {
    margin-left: 5vw;
}

#faq.system .section_bg {
    padding: 5vw;
}

#form.system {
    padding-top: 5vw;
}

#form.system .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#form.system .section_title {
    margin-right: 5vw;
}

#form.system .section_bg {
    padding: 5vw;
}

#form.system .section_box {
    padding: 5vw;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
}


/* ////////////////////////////////////////

	about

//////////////////////////////////////// */


#kv.about {
    width: 100vw;
}

#kv.about .kv_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 70vh;
    padding-top: 80px;
    text-align: center;
    color: #FFFFFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #41AAD3;
}

#kv.about .kv_inner h1 {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 26px;
    background-color: #F7C934;
}

#kv.about .kv_inner h1 span {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#kv.about .kv_inner h1 span svg {
    width: 100%;
    height: auto;
    fill: #FFFFFF;
}

#kv.about .kv_navi {
    display: block;
    height: 80px;
    margin: 0 auto;
}

#kv.about .kv_navi ul {
    display: flex;
    max-width: 800px;
    height: 80px;
    margin: 0 auto;
}

#kv.about .kv_navi ul li {
    width: 25%;
    height: 80px;
}

#kv.about .kv_navi ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    font-size: 14px;
    text-align: center;
    color: #F7C934;
}

#kv.about .kv_navi ul li a span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

#kv.about .kv_navi ul li a span svg {
    width: 100%;
    height: auto;
    fill: #F7C934;
}

#thoughts.about {
    padding-top: 5vw;
}

#thoughts.about .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#thoughts.about .section_title {
    margin-right: 5vw;
}

#thoughts.about .section_bg {
    padding: 5vw;
}

#thoughts.about .section_box {

}

#thoughts.about .section_box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    width: 100%;
    padding: 5vw;
    background-color: #FFFFFF;
    border-radius: 50px 0 0 0;
}

#thoughts.about .section_box dt {
    width: calc(40% - 5vw);
    overflow: hidden;
    line-height: 0;
    margin-bottom: 20px;
    border-radius: 50px 0 0 0;
}

#thoughts.about .section_box dt img {
    width: 100%;
    height: auto;
}

#thoughts.about .section_box dd {
    width: 60%;
}

#thoughts.about .section_box dd h3 {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 20px;
    font-size: 26px;
    color: #41AAD3;
}

#thoughts.about .section_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

#thoughts.about .section_menu li {

}

#thoughts.about .section_menu li a {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    text-align: center;
    color: #FFFFFF;
    background-color: #F7C934;
    border-radius: 50px;
}

#thoughts.about .section_menu li a span {
    display: inline-block;
    margin-right: 5px;
}

#greeting.about {
    padding-top: 5vw;
}

#greeting.about .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #ECF7FC;
    border-radius: 0 50px 0 0;
}

#greeting.about .section_title {
    margin-left: 5vw;
}

#greeting.about .section_bg {
    padding: 5vw;
}

#greeting.about .section_box {

}

#greeting.about .section_box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
    width: 100%;
    padding: 5vw;
    background-color: #FFFFFF;
    border-radius: 0 50px 0 0;
}

#greeting.about .section_box dt {
    width: calc(40% - 5vw);
    overflow: hidden;
    line-height: 0;
    border-radius: 0 50px 0 0;
    order: 2;
}

#greeting.about .section_box dt img {
    width: 100%;
    height: auto;
}

#greeting.about .section_box dd {
    width: 60%;
    order: 1;
}

#greeting.about .section_box dd h3 {
    position: relative;
    padding: 0;
    padding-left: 45px;
    margin: 0 0 20px;
    font-size: 20px;
    color: #41AAD3;
}

#greeting.about .section_box dd h3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}

#greeting.about .section_box dd h3 span svg {
    width: 100%;
    height: auto;
    fill: #41AAD3;
}

#greeting.about .section_box dd h4 {
    font-size: 14px;
}

#greeting.about .section_box dd h5 {
    padding: 20px;
    margin-top: 20px;
    font-size: 12px;
    background-color: #FBFBF7;
    border-radius: 20px;
}

#greeting.about .section_box dd h5 span {
    display: block;
    margin-bottom: 10px;
    color: #F7C934;
    font-size: 14px;
}

#sitter.about {

}

#sitter.about .section_inner {
    width: 90vw;
}

#sitter.about .section_title {

}

#sitter.about .section_bg {
    padding-top: 5vw;
}

#sitter.about .section_box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    width: 100%;
    padding: 100px;
    margin: 0 0 5vw;
}

#sitter.about .section_box dl:nth-child(2n-1) {
    background-color: #FBFBF7;
}

#sitter.about .section_box dl:nth-child(2n) {
    background-color: #ECF7FC;
}

#sitter.about .section_box dl:last-of-type {
    margin-bottom: 0;
}

#sitter.about .section_box dl:nth-child(2n-1) dt {
    order: 1;
}

#sitter.about .section_box dl:nth-child(2n) dt {
    order: 2;
}

#sitter.about .section_box dl:nth-child(2n-1) dd {
    order: 2;
}

#sitter.about .section_box dl:nth-child(2n) dd {
    order: 1;
}

#sitter.about .section_box dt {
    width: calc(40% - 80px);
    overflow: hidden;
    line-height: 0;
    margin-bottom: 20px;
    border-radius: 50px 0 0 0;
}

#sitter.about .section_box dt img {
    width: 100%;
    height: auto;
}

#sitter.about .section_box dd {
    width: 60%;
}

#sitter.about .section_box dd h3 {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 20px;
    font-size: 26px;
    color: #41AAD3;
}

#sitter.about .section_box dd p {

}

#profile.about {
    padding-top: 5vw;
}

#profile.about .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#profile.about .section_title {
    margin-right: 5vw;
}

#profile.about .section_bg {
    padding: 5vw;
}

#profile.about .section_box {
    padding: 5vw;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
}

#profile.about .section_box dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
}

#profile.about .section_box dl:last-of-type {
    border-bottom: 0px none;
}

#profile.about .section_box dt {
    width: 30%;
    padding: 20px;
}

#profile.about .section_box dt p {
    color: #41AAD3;
}

#profile.about .section_box dd {
    width: 70%;
    padding: 20px;
}

#profile.about .section_box dd p {

}

#news.about {
    padding-top: 5vw;
}

#news.about .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #ECF7FC;
    border-radius: 0 50px 0 0;
}

#news.about .section_bg {
    padding: 5vw;
}

#news.about .news_box {
    height: 60vh;
    padding: 5vw;
    background-color: #FFFFFF;
}

#news.about .news_item:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: 0px none;
}

#policy.about {
    padding-top: 5vw;
}

#policy.about .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

#policy.about .section_title {
    margin-right: 5vw;
}

#policy.about .section_bg {
    padding: 5vw;
}

#policy.about .policy_box {
    height: 40vh;
    padding: 5vw;
    background-color: #FFFFFF;
}

#policy.about .policy_box dl {
    display: block;
    margin: 0 0 20px;
}

#policy.about .policy_box dl:last-of-type {
    margin-bottom: 0;
}

#policy.about .policy_box dt {

}

#policy.about .policy_box dt p {
    font-size: 12px;
}

#policy.about .policy_box dd {

}

#policy.about .policy_box dd p {
    font-size: 12px;
}

#terms.about {
    padding-top: 5vw;
}

#terms.about .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #ECF7FC;
    border-radius: 0 50px 0 0;
}

#terms.about .section_bg {
    padding: 5vw;
}

#terms.about .terms_box {
    height: 40vh;
    padding: 5vw;
    background-color: #FFFFFF;
}

#terms.about .terms_box h4 {
    font-size: 12px;
    color: #41AAD3;
}

#terms.about .terms_box dl {
    display: block;
    margin: 0 0 20px;
}

#terms.about .terms_box dl:last-of-type {
    margin-bottom: 0;
}

#terms.about .terms_box dt {

}

#terms.about .terms_box dt p {
    font-size: 12px;
}

#terms.about .terms_box dd {

}

#terms.about .terms_box dd p {
    font-size: 12px;
}


/* ////////////////////////////////////////

	faq

//////////////////////////////////////// */


#kv.faq {
    width: 100vw;
}

#kv.faq .kv_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 70vh;
    padding-top: 80px;
    text-align: center;
    color: #FFFFFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #41AAD3;
}

#kv.faq .kv_inner h1 {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 26px;
    background-color: #F7C934;
}

#kv.faq .kv_inner h1 span {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#kv.faq .kv_inner h1 span svg {
    width: 100%;
    height: auto;
    fill: #FFFFFF;
}

#kv.faq .kv_navi {
    display: block;
    height: 80px;
    margin: 0 auto;
}

#kv.faq .kv_navi ul {
    display: flex;
    max-width: 800px;
    height: 80px;
    margin: 0 auto;
}

#kv.faq .kv_navi ul li {
    width: 33.333%;
    height: 80px;
}

#kv.faq .kv_navi ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    font-size: 14px;
    text-align: center;
    color: #F7C934;
}

#kv.faq .kv_navi ul li a span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

#kv.faq .kv_navi ul li a span svg {
    width: 100%;
    height: auto;
    fill: #F7C934;
}

#category01.faq {
    padding-top: 5vw !important;
}

.section.faq + .section.faq {
    padding-top: 80px;
}

.section.faq:nth-child(2n) .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #FBFBF7;
    border-radius: 50px 0 0 0;
}

.section.faq:nth-child(2n) .section_title {
    margin-right: 5vw;
}

.section.faq:nth-child(2n-1) .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #ECF7FC;
    border-radius: 0 50px 0 0;
}

.section.faq:nth-child(2n-1) .section_title {
    margin-left: 5vw;
}

.section.faq .section_bg {
    padding: 5vw;
}

.section.faq .section_inner {
    width: 90vw;
}

.section.faq h2 {
    font-size: 24px;
    /* color: #41AAD3; */
    text-align: center;
}

.faq_item {
	display: block;
	width: 100%;
    overflow: hidden;
	padding: 0;
	margin: 0 0 20px;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
}

.faq_item:last-of-type {
    margin-bottom: 0;
}

.faq_item dt {
    position: relative;
    padding: 20px 70px;
    color: #41AAD3;
    background-color: #FFFFFF;
    cursor: pointer;
}

.faq_item dt p {
    line-height: 1.6;
}

.faq_item dt p span {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #41AAD3;
    border-radius: 50%;
    z-index: 5;
}

.faq_item dt p span svg {
    fill: #FFFFFF;
}

.faq_item dt em.openbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    /* background-color: #41AAD3; */
    border-radius: 50%;
    cursor: pointer;
    transition: all .6s;
    z-index: 10;
}

.faq_item dt em.openbtn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 12px;
	height: 2px;
	border-radius: 2px;
	background: #41AAD3;
	width: 40%;
}

.faq_item dt em.openbtn span:nth-of-type(1) {
	top: 13px;
    transform: translateY(6px) rotate(90deg);
}

.faq_item dt em.openbtn span:nth-of-type(2) {
	top: 19px;
}

.faq_item dt.active em.openbtn {
	transform: rotate(360deg);
}

.faq_item dt.active em.openbtn span:nth-of-type(1) {
	top: 13px;
	left: 12px;
	transform: translateY(6px) rotate(-45deg);
	width: 40%;
}

.faq_item dt.active em.openbtn span:nth-of-type(2){
	top: 25px;
	left: 12px;
	transform: translateY(-6px) rotate(45deg);
	width: 40%;
}

.faq_item dd {
    display: none;
    padding: 20px 70px;
    background-color: #FFFFFF;
}

.faq_item dd p {
    position: relative;
    line-height: 1.6;
}

.faq_item dd p span {
    position: absolute;
    top: -5px;
    left: -50px;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #F7C934;
    border-radius: 50%;
    z-index: 5;
}

.faq_item dd p span svg {
    fill: #FFFFFF;
}


/* ////////////////////////////////////////

	recruit

//////////////////////////////////////// */


#kv.recruit {
    width: 100vw;
}

#kv.recruit .kv_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 70vh;
    padding-top: 80px;
    text-align: center;
    color: #FFFFFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #41AAD3;
}

#kv.recruit .kv_inner h1 {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 26px;
    background-color: #F7C934;
}

#kv.recruit .kv_inner h1 span {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#kv.recruit .kv_inner h1 span svg {
    width: 100%;
    height: auto;
    fill: #FFFFFF;
}

#kv.recruit .kv_navi {
    display: block;
    height: 80px;
    margin: 0 auto;
}

#kv.recruit .kv_navi ul {
    display: flex;
    max-width: 800px;
    height: 80px;
    margin: 0 auto;
}

#kv.recruit .kv_navi ul li {
    width: 25%;
    height: 80px;
}

#kv.recruit .kv_navi ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    font-size: 14px;
    text-align: center;
    color: #F7C934;
}

#kv.recruit .kv_navi ul li a span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

#kv.recruit .kv_navi ul li a span svg {
    width: 100%;
    height: auto;
    fill: #F7C934;
}

#features.recruit {

}

#features.recruit .section_inner {
    width: 90vw;
}

#features.recruit .section_title {

}

#features.recruit .section_bg {
    padding-top: 5vw;
}

#features.recruit .section_box dl {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    width: 100%;
    padding: 100px;
    margin: 0 0 5vw;
}

#features.recruit .section_box dl:nth-child(2n-1) {
    background-color: #FBFBF7;
}

#features.recruit .section_box dl:nth-child(2n) {
    background-color: #ECF7FC;
}

#features.recruit .section_box dl:last-of-type {
    margin-bottom: 0;
}

#features.recruit .section_box dl:nth-child(2n-1) dt {
    order: 1;
}

#features.recruit .section_box dl:nth-child(2n) dt {
    order: 2;
}

#features.recruit .section_box dl:nth-child(2n-1) dd {
    order: 2;
}

#features.recruit .section_box dl:nth-child(2n) dd {
    order: 1;
}

#features.recruit .section_box dt {
    width: calc(40% - 80px);
    overflow: hidden;
    line-height: 0;
    margin-bottom: 20px;
    border-radius: 50px 0 0 0;
}

#features.recruit .section_box dt img {
    width: 100%;
    height: auto;
}

#features.recruit .section_box dd {
    width: 60%;
}

#features.recruit .section_box dd h3 {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 20px;
    font-size: 26px;
    color: #41AAD3;
}

#features.recruit .section_box dd p {

}

#description.recruit {
    padding-top: 5vw;
}

#description.recruit .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #ECF7FC;
    border-radius: 50px 0 0 0;
}

#description.recruit .section_title {
    margin-right: 5vw;
}

#description.recruit .section_bg {
    padding: 5vw;
}

#description.recruit .section_box {
    padding: 5vw;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
}

#description.recruit .section_box dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
}

#description.recruit .section_box dl:last-of-type {
    border-bottom: 0px none;
}

#description.recruit .section_box dt {
    width: 30%;
    padding: 20px;
}

#description.recruit .section_box dt p {
    display: flex;
    align-items: center;
    color: #41AAD3;
}

#description.recruit .section_box dt p span {
    display: inline-block;
    margin-right: 5px;
}

#description.recruit .section_box dd {
    width: 70%;
    padding: 20px;
}

#description.recruit .section_box dd p {

}

#faq.recruit {
    padding-top: 5vw;
}

#faq.recruit .section_inner {
    width: 95vw;
    margin-right: 5vw;
    background-color: #FBFBF7;
    border-radius: 0 50px 0 0;
}

#faq.recruit .section_title {
    margin-left: 5vw;
}

#faq.recruit .section_bg {
    padding: 5vw;
}

#form.recruit {
    padding-top: 5vw;
}

#form.recruit .section_inner {
    width: 95vw;
    margin-left: 5vw;
    background-color: #ECF7FC;
    border-radius: 50px 0 0 0;
}

#form.recruit .section_title {
    margin-right: 5vw;
}

#form.recruit .section_bg {
    padding: 5vw;
}

#form.recruit .section_box {
    padding: 5vw;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
}