@charset "UTF-8";



/*導入、タイトル
---------------------------------------------------------*/
.com_lead_box {
	position: relative;
}
.com_lead_box::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url("../images/recruit/m_img@2x.png") no-repeat right top;
	background-size: 850px auto;
}
.com_lead_box .lead_bg {
	position: relative;
	z-index: 1;
	background: none;
}
.com_lead_box .lead_bg .com_lead > dd {
	width: 100%;
}

.com_lead_box .txt_bosyu {
	margin-top: 50px;
}

.com_lead_box .anc_list {
	width: 90%;
	max-width: 780px;
	margin: 80px auto 0;
	display: flex;
    justify-content: space-between;
}
.com_lead_box .anc_list li {
	width: 32%;
	max-width: 232px;
}
.com_lead_box .anc_list li a {
	display: block;
	background: #e87e3a;
	position: relative;
	padding-right: 20%;
}
.com_lead_box .anc_list li a i {
	position: absolute;
	right: 5%;
	bottom: 0;
	width: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	background: #d65513;
	border-radius: 50%;
	transform: translateY(10%) rotate(90deg);
	transform-origin: center center 0;
	transition: all .4s;
}
.com_lead_box .anc_list li a:hover {
	background: #eb9158;
}
.com_lead_box .anc_list li a:hover i {
	bottom: -.5em;
}

/*タイトル*/
.rec_title {
	text-align: center;
	margin-bottom: 70px;
}
.rec_title .ft_order {
	display: inline-block;
	color: #e87e3a;
	font-size: 220%;
	letter-spacing: .2em;
	line-height: 1.2em;
	padding: 0 1.0em;
	position: relative;
}
.rec_title .ft_order::before,
.rec_title .ft_order::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 90%;
	background: #e87e3a;
	top: .1em;
	transform: rotate(27deg);
}
.rec_title .ft_order::before {
	left: 0;
}
.rec_title .ft_order::after {
	right: 0;
}
.rec_title h2 {
	font-size: 180%;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-top: .3em;
}

/*影*/
.rec_shadow {
	background: url("../images/recruit/shadow1@2x.png") no-repeat center top;
	background-size: 100% 80px;
}

/* 1300px以下
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1300px) {
.com_lead_box::before {
	background-size: 60% auto;
	transform: translate(4%, -5vw);
}	
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_lead_box::before {
	background-size: 70% auto;
	transform: translate(5%, -15vw);
}
.com_lead_box .lead_bg {
    padding-top: 12%;
}
.com_lead_box .txt_bosyu {
	margin-top: 4%;
}
.com_lead_box .anc_list {
	margin-top: 6%;
}
/*タイトル*/
.rec_title {
	margin-bottom: 6%;
}
/*影*/
.rec_shadow {
	background-size: 100% 10vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead_box::before {
	background-size: 100% auto;
	transform: translate(8%, -10vw);
}
.com_lead_box .txt_bosyu {
	margin-top: 6%;
}

.com_lead_box .anc_list {
	width: 100%;
	margin-top: 10%;
}
.com_lead_box .anc_list li a {
	padding: 0 0 .8em;
}
.com_lead_box .anc_list li a i {
	width: 2.0em;
	line-height: 2.0em;
	transform: translateY(20%) rotate(90deg);
}

/*タイトル*/
.rec_title {
	margin-bottom: 8%;
	font-size: 80%;
}
/*影*/
.rec_shadow {
	background-size: 100% 15vw;
}
}



/*当院の特徴
---------------------------------------------------------*/
#clinic .rec_title {
	padding-top: 100px;
}

#clinic > div {
	position: relative;
}
#clinic .box1::before,
#clinic .box2::before,
#clinic .box3::before {
	content: "";	/*背景*/
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 810px;
	background-image: url("../images/recruit/bg1@2x.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}
#clinic h3 {
	font-size: 240%;
	letter-spacing: .1em;
	line-height: 1.4em;
}

/*幅広*/
#clinic .width_img .img_box {
	position: relative;
	margin-bottom: 70px;
}
#clinic .width_img .img_box > div:not(.abs_box) {
	position: relative;
	z-index: 0;
	width: 80%;
	max-width: 1070px;
}
#clinic .width_img .img_box .abs_box {
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 5%;
}
#clinic .width_img .img_box .no {
	width: 27%;
	max-width: 350px;
}
#clinic .width_img .img_box h3 {
	margin-top: .8em;
	text-align: left;
}

#clinic .width_img.no_left .img_box > div {
	margin-left: auto;
	margin-right: 0;
}
#clinic .width_img.no_left .img_box .abs_box {
	left: 0;
	text-align: left;
}
#clinic .width_img.no_left .img_box .no {
	margin-left: 0;
	margin-right: auto;
}
#clinic .width_img.no_left .img_box h3 {
	width: 100%;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}

#clinic .width_img.no_right .img_box > div {
	margin-left: 0;
	margin-right: auto;
}
#clinic .width_img.no_right .img_box .abs_box {
	right: 0;
	text-align: right;
}
#clinic .width_img.no_right .img_box .no {
	margin-left: auto;
	margin-right: 0;
}
#clinic .width_img.no_right .img_box h3 {
	display: inline-block;
}

#clinic .width_img .txt_box {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	display: flex;
    justify-content: space-between;
}
#clinic .width_img.no_right .txt_box {
    flex-direction: row-reverse;
}
#clinic .width_img .txt_box .txt {
	width: 50%;
}
#clinic .width_img .txt_box .sub_img {
	width: 47%;
	max-width: 560px;
}
#clinic .width_img .point_box {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#clinic .width_img .point_box div {
	width: 27%;
}
#clinic .width_img .point_box dl {
	width: 73%;
	font-size: 135%;
	letter-spacing: .1em;
	line-height: 1.6em;
}
#clinic .width_img .point_box dt {
	position: relative;
	margin-bottom: .3em;
}
#clinic .width_img .point_box dt::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #8a837a;
	opacity: 0.3;
	left: 0;
	top: 50%;
}
#clinic .width_img .point_box dt span {
	display: block;
	width: 30%;
	max-width: 94px;
	padding-right: .2em;
	background: #fdfdf5;
	transform: translateX(-1.5em);
}

/*2列*/
#clinic .col2_box {
	display: flex;
    justify-content: space-between;
}
#clinic .col2_box > div {
	width: 48.5%;
	max-width: 620px;
}
#clinic .col2_box .img_box {
	position: relative;
	margin-bottom: 50px;
}
#clinic .col2_box .img_box div {
	position: relative;
	z-index: 0;
}
#clinic .col2_box .img_box .no {
	position: absolute;
	z-index: 1;
	width: 57%;
	max-width: 350px;
	left: 0;
	bottom: 0;
	transform: translate(-5%, 25%);
}
#clinic .col2_box .txt_box > * {
	width: 100%;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}
#clinic .col2_box .txt_box h3 {
	margin-bottom: .4em;
}

/*01*/
#clinic .box1::before {
	width: 32%;	/*背景*/
	max-width: 460px;
	left: 0;
	top: -30px;
	background-image: url("../images/recruit/bg1@2x.png");
	background-position: left top;
}
#clinic .no1 h3 {
	color: #3a99b2;
}
#clinic .no1 .point_box dd span {
	color: #3a99b2;
}

/*02・03*/
#clinic .box2::before {
	width: 32%;	/*背景*/
	max-width: 438px;
	right: 0;
	bottom: 0;
	transform: translateY(60%);
	background-image: url("../images/recruit/bg2@2x.png");
	background-position: right center;
}
#clinic .no2 h3 {
	color: #a277aa;
}
#clinic .no3 h3 {
	color: #5ca574;
}
#clinic .no3 .txt_box dl {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
#clinic .no3 .txt_box dt {
	width: 43%;
}
#clinic .no3 .txt_box dd {
	width: 55%;
}

/*04*/
#clinic .box3::before {
	width: 32%;	/*背景*/
	max-width: 460px;
	left: 0;
	bottom: 0;
	transform: translateY(50%);
	background-image: url("../images/recruit/bg3@2x.png");
	background-position: left center;
}
#clinic .no4 h3 {
	color: #e6a400;
}

/*05*/
#clinic .no5 h3 {
	color: #e87e3a;
}
#clinic .no5 .point_box dd span {
	color: #e87e3a;
}

/*06・07*/
#clinic .no6 h3 {
	color: #c86158;
}
#clinic .no7 h3 {
	color: #d77496;
}

/*動画*/
#clinic .movie .bg {
	position: relative;
	padding: 80px 4% 0;
	text-align: center;
}
#clinic .movie .bg::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0;
background: -moz-linear-gradient(top,  rgba(249,247,208,1) 0%, rgba(249,247,208,0) 100%);
background: -webkit-linear-gradient(top,  rgba(249,247,208,1) 0%,rgba(249,247,208,0) 100%);
background: linear-gradient(to bottom,  rgba(249,247,208,1) 0%,rgba(249,247,208,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7d0', endColorstr='#00f9f7d0',GradientType=0 );
	opacity: 0.8;
}
#clinic .movie .title_box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	transform: translateY(-30%);
}
#clinic .movie .title_box .com_index1 {
	color: #e87e3a;
}
#clinic .movie .title_box dd {
	position: absolute;
	width: 18%;
	max-width: 143px;
	right: calc(50% + 200px);
	bottom: 20%;
}
#clinic .movie .movie_wrap {
	margin-top: 30px;
	width: 100%;
	max-width: 815px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#clinic .movie .movie_wrap::before {
	content: "";
	display: block;
	padding-top: 55.5%;	/*高さ*/
}
#clinic .movie .movie_wrap iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#clinic .movie .movie_wrap::after {
	content: "";	/*影*/
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0;
	top: 100%;
	background: url("../images/recruit/shadow2@2x.png") no-repeat center top;
	background-size: 100% 100%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#clinic .rec_title {
	padding-top: 8%;
}
#clinic h3 {
	font-size: 4.0vw;
	letter-spacing: .05em;
}

/*幅広*/
#clinic .width_img .img_box {
	margin-bottom: 4%;
}
#clinic .width_img .txt_box {
    align-items: center;
}
#clinic .width_img .point_box dl {
	font-size: 2.7vw;
	letter-spacing: .05em;
	line-height: 1.6em;
}
#clinic .width_img .point_box dd br {
	display: none !important;
}

/*2列*/
#clinic .col2_box .img_box {
	margin-bottom: 10%;
}

/*01*/
#clinic .box1::before {
	top: -5vw;	/*背景*/
}
/*02・03*/
/*04*/
/*05*/
/*06・07*/

/*動画*/
#clinic .movie .bg {
	padding-top: 10%;
}
#clinic .movie .title_box dd {
	right: calc(50% + 150px);
}
#clinic .movie .movie_wrap {
	margin-top: 3%;
}
#clinic .movie .movie_wrap::after {
	height: 6vw;	/*影*/
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#clinic .rec_title {
	padding-top: 12%;
}
#clinic h3 {
	font-size: 150%;
	letter-spacing: .05em;
}

/*幅広*/
#clinic .width_img .img_box {
	margin-bottom: 0;
}
#clinic .width_img .img_box > div:not(.abs_box) {
	width: 90%;
}
#clinic .width_img .img_box .abs_box {
	position: relative;
	left: auto;
	bottom: auto;
}
#clinic .width_img .img_box .no {
	width: 35%;
	position: absolute;
	left: 0;
	bottom: calc(100% + 1.0em);
	transform: translateX(-15%);
}
#clinic .width_img .img_box h3 {
	margin-top: .3em;
}

#clinic .width_img.no_right .img_box .abs_box {
	right: auto;
}
#clinic .width_img.no_right .img_box .no {
	left: auto;
	right: 0;
	transform: translateX(20%);
}

#clinic .width_img .txt_box {
	display: block;
}
#clinic .width_img .txt_box .txt {
	width: 100%;
	margin: .5em 0 4%;
}
#clinic .width_img .txt_box .sub_img {
	width: 100%;
	max-width: 100%;
}
#clinic .width_img .point_box div {
	width: 25%;
}
#clinic .width_img .point_box dl {
	width: 75%;
	font-size: 110%;
	letter-spacing: normal;
	line-height: 1.4em;
}
#clinic .width_img .point_box dd br {
	display: none !important;
}

/*2列*/
#clinic .col2_box {
	display: block;
}
#clinic .col2_box > div {
	width: 100%;
	max-width: 100%;
}
#clinic .col2_box .img_box {
	padding-left: 25%;
	margin-bottom: 0;
}
#clinic .col2_box .img_box .no {
	width: 35%;
	position: absolute;
	left: 0;
	bottom: 1.0em;
	transform: none;
}
#clinic .col2_box > div:first-child {
	margin-bottom: 12%;
}
#clinic .col2_box > div:first-child .img_box {
	padding-left: 0;
	padding-right: 25%;
}
#clinic .col2_box > div:first-child .img_box .no {
	left: auto;
	right: 0;
	transform: translateX(20%);
}
#clinic .col2_box .txt_box > * {
	max-width: 100%;
}
#clinic .col2_box .txt_box h3 {
	margin-top: .3em;
	margin-bottom: .4em;
}

/*01*/
#clinic .box1::before {
	top: -5vw;
}
/*02・03*/
/*04*/
/*05*/
/*06・07*/

/*動画*/
#clinic .movie .bg {
	margin-top: 20%;
	padding: 15% 0 0;
}
#clinic .movie .title_box dt {
	font-size: 300%;
}
#clinic .movie .title_box dd {
	width: 25%;
	right: auto;
	left: 0;
	bottom: 50%;
	transform: translateY(40%);
}
#clinic .movie .movie_wrap {
	margin-top: 4%;
}
#clinic .movie .movie_wrap::after {
	height: 6vw;	/*影*/
}
}



/*1日の流れ
---------------------------------------------------------*/
#schedule .bg {
	background: #cca46b;
	padding: 60px 0;
	color: #fff;
}
#schedule .rec_title .ft_order {
	color: #fdfcab;
}
#schedule .rec_title .ft_order::before,
#schedule .rec_title .ft_order::after {
	background: #fdfcab;
}
#schedule ul {
	width: 100%;
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#schedule ul::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 59px;	/*時間の半分*/
	height: 100%;
	left: 0;
	top: 0;
	background: url("../images/recruit/dash@2x.png") repeat-y right top;
	background-size: 3px auto;
}
#schedule ul li {
	position: relative;
	z-index: 1;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#schedule ul .time {
	width: 117px;
	transform: translateY(-20px);
}
#schedule ul .time img {
	margin: 0 auto;
}
#schedule ul .txt {
	width: calc(97% - 117px);
	max-width: 834px;
	box-sizing: border-box;
	border-bottom: solid 3px #fdfcab;
	position: relative;	
}
#schedule ul li:last-child .txt {
	border-bottom: none;
}
#schedule ul .time,
#schedule ul .txt {
	padding: 120px 0 50px;
}
#schedule ul .txt.img_box dl {
	width: 50%;
}
#schedule ul .txt.img_box > div {
	position: absolute;
	left: 52%;
	top: 50%;
	transform: translateY(-50%);
}
#schedule ul .txt dt {
	font-size: 200%;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#schedule .bg {
	padding: 6% 0;
}
#schedule ul .time,
#schedule ul .txt {
	padding: 8% 0 3%;
}
#schedule ul .txt.img_box > div {
	width: 40%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#schedule .bg {
	padding: 8% 0;
}
#schedule ul::before {
	width: 11%;	/*時間の半分*/
	background-size: 2px auto;
}
#schedule ul .time,
#schedule ul .txt {
	padding: 8% 0 2%;
}
#schedule ul .time {
	width: 22%;
	transform: translateY(-15%);
}
#schedule ul .txt {
	width: 78%;
	padding-right: 3%;
	border-width: 2px;
}
#schedule ul .txt.img_box dl {
	width: 100%;
	position: relative;
	z-index: 1;
}
#schedule ul .txt.img_box > div {
	position: relative;
	z-index: 0;
	left: 0;
	top: 0;
	transform: none;
	width: 80%;
	margin: 0 auto;
}
#schedule ul .txt dt {
	font-size: 160%;
	letter-spacing: .05em;
	margin-bottom: .3em;
}
}



/*サポート
---------------------------------------------------------*/
#support .bg {
	background: #fdfcab;
}
#support .w1220 {
	padding-top: 90px;
	padding-bottom: 80px;
	position: relative;
}
#support .abs {
	position: absolute;
	width: 35%;
	max-width: 380px;
	left: 0;
	right: 0;
	top: 0;
	transform: translateY(-30%);
	margin: auto;
}
#support h2 {
	text-align: center;
	font-size: 235%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: 40px;
}
#support .flex_box {
	display: flex;
    justify-content: space-between;
}
#support .flex_box dl {
	width: 48.5%;
	max-width: 585px;
}
#support .flex_box dt {
	background: #e87e3a;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 130%;
	letter-spacing: .1em;
	line-height: 1.4em;
	padding: .5em 0;
	margin-bottom: 1.0em;
}
#support .flex_box dl:last-of-type dt {
	background: #e5988a;
}
#support .flex_box dd {
	padding: 0 3%;
}
#support .txt {
	width: 100%;
	max-width: 1100px;
	margin: 50px auto 0;
	border-top: solid 1px rgba(138,131,122,0.3);
	padding-top: 50px;
	text-align: center;
	font-size: 135%;
	letter-spacing: .1em;
	line-height: 1.8em;
}

/* 1100px以下
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
#support h2 {
	font-size: 200%;
}
#support .flex_box dt {
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#support .w1220 {
	padding-top: 10%;
	padding-bottom: 6%;
}
#support h2 {
	font-size: 180%;
	letter-spacing: .05em;
	margin-bottom: 4%;
}
#support .flex_box dt {
	margin-bottom: .5em;
}
#support .txt {
	margin-top: 4%;
	padding-top: 4%;
	font-size: 130%;
	letter-spacing: .05em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#support .w1220 {
	padding-top: 15%;
	padding-bottom: 10%;
	position: relative;
}
#support .abs {
	width: 55%;
}
#support h2 {
	font-size: 150%;
	letter-spacing: .05em;
	margin-bottom: 6%;
}
#support .flex_box {
	display: block;
}
#support .flex_box dl {
	width: 100%;
	max-width: 100%;
}
#support .flex_box dt {
	font-size: 110%;
	letter-spacing: .05em;
	margin-bottom: .5em;
}
#support .flex_box dl:last-of-type {
	margin-top: 4%;
}
#support .flex_box dd {
	padding: 0 6%;
}
#support .txt {
	margin-top: 5%;
	padding-top: 5%;
	text-align: left;
	font-size: 110%;
	letter-spacing: .05em;
	line-height: 1.6em;
}
}



/*見学にお越しください！
---------------------------------------------------------*/
#kengaku .slide_box {
	position: relative;
}
#kengaku .slide_box::before {
	content: "";	/*背景*/
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0;
	background: #fdfcab;
}
#kengaku .slide_box::after {
	content: "";
	display: block;
	padding-top: 314px;	/*高さ*/
}
#kengaku .slide_box .slide_wrap {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
#kengaku .sub_slide1 li:nth-child(even) {
	padding-top: 20px;
}
#kengaku .w1340 {
	position: relative;
	padding-top: 100px;
	text-align: center;
}
#kengaku .abs_point {
	position: absolute;
	z-index: 2;
	width: 45%;
	max-width: 520px;
	right: 3%;
	top: 0;
	transform: translateY(-60%);
	display: flex;
    justify-content: space-between;
}
#kengaku .abs_point li {
	width: 33%;
	max-width: 160px;
}
#kengaku h2 {
	font-size: 260%;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-bottom: .8em;
}
#kengaku .com_tel {
	width: 90%;
	max-width: 1070px;
	box-sizing: border-box;
	margin: 30px auto 0;
	background-color: #fc945d;
	background-image: url("../images/recruit/tel_bg1@2x.png"), url("../images/recruit/tel_bg2@2x.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 396px auto, 232px auto;
	color: #fff;
	padding: 40px 0;
}

/* 1145px以下
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1145px) {
#kengaku .slide_box::after {
	padding-top: 28%;	/*高さ*/
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#kengaku .w1340 {
	padding-top: 8%;
	text-align: center;
}
#kengaku h2 {
	font-size: 220%;
	letter-spacing: .05em;
	margin-bottom: .5em;
}
#kengaku .com_tel {
	margin-top: 3%;
	background-size: 45% auto, 25% auto;
	padding: 4% 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#kengaku .slide_box::after {
	padding-top: 44%;	/*高さ*/
}
#kengaku .sub_slide1 li:nth-child(even) {
	padding-top: 5vw;
}
#kengaku .w1340 {
	padding-top: 15%;
}
#kengaku .abs_point {
	width: 70%;
	right: 0;
}
#kengaku h2 {
	font-size: 160%;
	letter-spacing: .05em;
	margin-bottom: .5em;
}
#kengaku .com_tel {
	width: 100%;
	box-sizing: border-box;
	margin-top: 6%;
	background-size: 80% auto, 30% auto;
	padding: 3% 6%;
}
#kengaku .com_tel dt {
	margin-bottom: .5em;
}
}



/*募集要項
---------------------------------------------------------*/
/*WPパーツ*/
.recruit .txt_bosyu {
	color: #c71c21;
	font-size: 135%;
	letter-spacing: .15em;
	line-height: 1.6em;
}

#guidelines .txt_bosyu {
	text-align: center;
	margin-bottom: 100px;
}
#guidelines .tbl_bosyu {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 1px rgba(138,131,122,0.3);
}
#guidelines .tbl_bosyu th,
#guidelines .tbl_bosyu td {
	box-sizing: border-box;
	padding: 40px 3%;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px rgba(138,131,122,0.3);
}
#guidelines .tbl_bosyu th {
	width: 24%;
	background: #fff;
	border-right: solid 1px rgba(138,131,122,0.3);
	font-family: zen-old-mincho, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 120%;
	letter-spacing: .1em;
	line-height: 1.4em;
}
#guidelines .tbl_bosyu td {
	width: 76%;
	font-size: 90%;
	letter-spacing: .15em;
	line-height: 2.1em;
}
#guidelines .tbl_bosyu td p {
	margin-top: 1.5em;
}
#guidelines .tbl_bosyu td p:first-of-type {
	margin-top: 0;
}
.entry_txt1,
.entry_tel,
.entry_txt2 {
	margin-bottom: 1.5em;
}
.mobile_attention {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}
.entry_mail,
.entry_tel {
	font-size: 120%;
}
	
/* メール受信注意 */
.mobile_attention {
	background: #fff;
	border-top: solid 1px #e87e3a;
	border-bottom: solid 1px #e87e3a;
	padding: 3%;
}
.mobile_attention dt {
	color: #e87e3a;
	font-size: 110%;
	letter-spacing: .1em;
	line-height: 1.6em;
	text-align: center;
}
.mobile_attention dt span {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-right: 1.5em;
}
.mobile_attention dt span::before {
	font-family: 'fontello';
	content: '\e800';
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
}
.mobile_attention dt.close_btn span::before {
	transform: translateY(-50%) rotate(-90deg);
}	
.mobile_attention dd {
	margin-top: 3%;
	font-size: 90%;
	line-height: 1.8em;
}
.mobile_attention dd span {
	color: #e87e3a;
	font-weight: bold;
}
.mobile_attention ul {
	margin-top: 1.0em;
	list-style: none;
}
.mobile_attention li {
	float: left;
	margin-right: 20px;
	position:relative;
	padding-left: 12px;
}
.mobile_attention li::before{
    position: absolute;
    content: "";
    left: 0;
	top:0.8em;
    width: 4px;
    height: 4px;
    border-top: 1px solid #c0bcb8;
    border-right: 1px solid #c0bcb8;
    transform: rotate(45deg);
}
.mobile_attention .hyde_box {
	display: none;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*WPパーツ*/
.recruit .txt_bosyu {
	font-size: 125%;
	letter-spacing: .1em;
}

#guidelines .txt_bosyu {
	margin-bottom: 8%;
}
#guidelines .tbl_bosyu th,
#guidelines .tbl_bosyu td {
	padding: 3%;
}
#guidelines .tbl_bosyu th {
	font-size: 110%;
	letter-spacing: .05em;
}
#guidelines .tbl_bosyu td {
	letter-spacing: .1em;
	line-height: 1.8em;
}
#guidelines .tbl_bosyu td p {
	margin-top: 1.0em;
}
.entry_txt1,
.entry_tel,
.entry_txt2 {
	margin-bottom: 1.0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*WPパーツ*/
.recruit .txt_bosyu {
	font-size: 110%;
	letter-spacing: .05em;
}

#guidelines .txt_bosyu {
	margin-bottom: 8%;
}
#guidelines .tbl_bosyu tr,
#guidelines .tbl_bosyu th,
#guidelines .tbl_bosyu td {
	display: block;
	box-sizing: border-box;
	width: 100%;
}
#guidelines .tbl_bosyu th {
	border: none;
	font-size: 110%;
	letter-spacing: .05em;
	padding: .5em 5%;
}
#guidelines .tbl_bosyu th br {
	display: none !important;
}
#guidelines .tbl_bosyu td {
	padding: 1.0em 5%;
	font-size: 100%;
	letter-spacing: normal;
	line-height: 1.8em;
}
#guidelines .tbl_bosyu td p {
	margin-top: 1.0em;
}
.entry_txt1,
.entry_tel,
.entry_txt2 {
	margin-bottom: 1.0em;
}
.mobile_attention {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.entry_mail,
.entry_tel {
	font-size: 110%;
}
	
/* メール受信注意 */
.mobile_attention dt {
	font-size: 100%;
	letter-spacing: normal;
	line-height: 1.6em;
	text-align: center;
}
.mobile_attention dt span {
	display: block;
}
}



/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}