@charset "utf-8";
/*
Theme Name: 保育園（求人募集）
Author: 3eee
Author URI: https://3eee.co.jp/
Description: nursery school build.
Version: 1.0
*/


/**
 * カスタムプロパティ（共通CSS 変数設定）
**/


h2 {
    margin: var(--margin_a) auto;
    padding: var(--margin_a) 0;
}

div.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	top: -60px;
/*	z-index: 0;*/
}

div.viewer img {
	aspect-ratio: 16 / 9;
	width: 100%;
}

.guide_wra {
	width: 100%;
    margin: 0 auto 6em auto;
    text-align: center;
}

.guide_box {
	margin: 0 auto;
    padding: 4em 0;
    text-align: center;
}

.guide_box img{
	width: 85%;
    display: block;
    margin: 2em auto;
}

.duide_text {
    text-align: left;
    width: 85%;
    margin: 4em auto 0 auto;
    font-size: medium;
    color: #595757;
    line-height: 2em;
}

.back01{
	background-color:#fdead5;
	padding:2em 0!important;
}

.back02{
	background: #fdf4f6;
	padding:2em 0!important;
}

.back03{
	background: #fdf4f6;
    padding: 1em 1.5em !important;
    margin: 1em 0 0 0;
    border-radius: 10px;
}

.box01{
	padding:1em 0!important;	
}

.box01 img{
    margin: 0 auto!important;
}

.copy {
	padding: 0!important;
    font-size: 80%;
    color: #999;
    line-height: 2em;
}

.copy small {
	margin: 1em 0;
    font-weight: normal;
    font-size: 70%;
}


select {
	padding: 0.5em 1em;
}


iframe{
    width: 100%;
    height: 50vh;
    border: 0;
	margin-bottom: var(--margin_b);
	overflow: hidden;
}

div.copy {
	text-align: center;
    display: block;
    padding: 1.5em 0 !important;
}

.copy small {
	display:block;
}

.duide_text {
	font-size: var(--fs_h4);
}

.recruit_info {
	width:100%;
	max-width:1000px;
	margin: 0 auto var(--margin_a) auto;
}

.recruit_info img {
	width:100%;
}

.w80 {
	width: 90% !important;
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

a {
    text-decoration: none;
    color: #f39d7f;
}


/*  園の概要  */
section.ab_summary div.content1 {
	width: 90%;
	margin: 0 auto;
	padding: var(--margin_d) 0;
}

section.ab_summary dl {
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	background: #fff;
	border-radius: 10px;
	margin: 0 0 var(--margin_f) 0;
}

section.ab_summary dl dt{
	font-weight: 400;
	font-size: var(--fs_p);
	padding: var(--margin_e);
	text-align: left;
	color: #9BC675;
	position: relative;
	letter-spacing: 2px;
}

section.ab_summary dl dd{
	padding: var(--margin_e);
}

section.ab_summary dl dd ul li{
	list-style: circle;
    margin: 0 0 0 1.5em;
}

section.ab_summary dl dd{
	background: #fff;
	width: calc(100% - 35%);
    font-size: 80%;
}


/*　スマホ
----------------------------------------*/
@media screen and (max-width: 768px) ,print{
	section.form_area {
		width: 100%;
		letter-spacing: 2px;
		font-size: var(--fs_p);
	}

	section.form_area div.form {
		width: 90%;
/*		max-width: 320px;*/
		margin: 0 auto;
		padding: 0 0 var(--margin_c);
		background: #fff;
	}

	section.form_area p {
/*		width: 24em;
		font-weight: 400;*/
		display: block;
		margin: 0 auto;
	}

	section.form_area p.tel {
		line-height: 1.5em;
		border: 1px solid #878787;
		padding: 1.5em;
		width: calc(100% - 3em);
		margin: 3em auto;
		background: #FEFBE0;
		text-align: center;
	}

	section.form_area p.tel em {
		margin: 0;
		display: block;
		font-style: normal;
	}

	section.form_area span {
	/*	display: block;
		font-weight: 400;*/
		margin: 0;
	}

	section.form_area input[type=text],
	section.form_area textarea {
		width: 100%;
		border: 2px solid #e3e3e3;
		font-weight: 400;
	}

	section.form_area textarea {
		margin: 0 0 -0.5em;
		resize: none;
	}

	textarea::-webkit-input-placeholder {
		font-weight: normal;
	}
	textarea:-moz-placeholder {
		font-weight: normal;
	}
	textarea::-moz-placeholder {
		font-weight: normal;
	}
	textarea:-ms-input-placeholder {
		font-weight: normal;
	}

	section.form_area dl {
		font-weight: 200;
		font-size: var(--fs_p);
		display: block;
		letter-spacing: 1px;
		font-family: 'Hind', sans-serif !important;
		border-bottom: 0;
		margin: var(--margin_b) 0;
		padding: var(--margin_d) 0;
	}
	
	section.form_area dl dt {
		width: 300px;
		background: #fff;
		font-weight: 600;
		font-size: var(--fs_p);
		padding: 0em;
		text-align: left;
		color: #9BC675;
		position: relative;
		letter-spacing: 2px;
		font-family: 'Hind', sans-serif !important;
		display: flex;
		gap: 10px;
	}
	
	.text_radio{
		background: #ffffff;
		padding: 1em;
		border: 2px solid #e3e3e3;
	}
	
	
	section.form_area dl dd {
	}
	

	/*確認画面での設定*/
	.mw_wp_form_confirm dl dt {
		padding: 1em 0;
	}

	.mw_wp_form_confirm dl dd {
		margin: 0;
		font-weight: bold;
	}
	/*---------------*/

	section.form_area dl dt::before {
		content: "";
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		position: absolute;
		left: 2em;
		top: calc(2em - 1px);
	}

	section.form_area input[type=checkbox] {
		margin: 0 10px 0 0;
		transform:scale(1.5);
	}

	section.form_area span.mwform-checkbox-field-text {
		margin: 0 15px 0 0;
	}

	section.form_area .mwform-checkbox-field label,
	section.form_area .mwform-radio-field label {
		align-items: center;
		display: inline-flex;
	}

	section.form_area span.req {
        color: #F39D7F;
        text-align: center;
        font-size: 80%;
        height: 20px;
        padding: 0 2px;
        line-height: 220%;
	}

	dd span.error {
		font-size: 10pt !important;
		color: #F39D7F !important;
	}

	section.form_area .tip2 {
		text-align: left;
		margin: 0 15px;
	}

	section.form_area .tip2 a {
		color: #E73828;
		text-decoration: underline;
	}

	section.form_area dl > dd p.tip2 label {
		display: flex;
		align-items: baseline;
	}

	section.form_area dl > dd p.tip2 label input {
		width: 10px;
		border: 2px solid #e3e3e3;
		font-size: 11pt;
	}

	section.form_area dl > dd p.tip2 label span {
		color: #00c3c3;
	}

	.mw_wp_form_confirm p.setu,
	.mw_wp_form_confirm p.tel {
		display: none;
	}


	/*確認画面へボタン用*/
	.btn-confirm{
		display: block;
		background:url(../img/input_btn.png) no-repeat center #9BC675;
		margin: 40px auto 0;
		background-size: 80%;
		width: 200px;
		height:50px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	/*戻るボタン 送信ボタン共通*/

	.btn-back,
	.btn-submit {
		margin: 40px auto 0;
		background-size: 50% !important;
		width: 170px;
		height:50px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer !important;
	}

	/*戻るボタン用*/
	.btn-back {
		background:url(../img/form_back_btn.png) no-repeat center #F39D7F;
	}

	/*送信ボタン用*/
	.btn-submit {
		background:url(../img/confirm_btn.png) no-repeat center #9BC675;
	}

	.btn-confirm:hover,
	.btn-back:hover,
	.btn-submit:hover {
		opacity: 0.5;
	}

	section.form_area div.b_img img {
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
	}
	

/*  園の概要  */
	section.ab_summary dl {
		display: block;
	}

	section.ab_summary dl dt{
        padding: var(--margin_d) 0;
        text-align: center;
        border-bottom: 1px solid;
        margin: var(--margin_c) auto;
	}

	section.ab_summary dl dd{
        padding: 0 var(--margin_c) var(--margin_c) var(--margin_a);
        font-size: 100%;
        color: #333;
        width: 85%;
	}

	section.ab_summary dl dd ol {
		margin: 0 0 0 2em;
	}

	iframe{
		width: 100%;
		height: 50vh;
		border: 0;
	}
}

/*　タブレット
----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1280px) ,print{
	section.form_area {
		width: 100%;
		letter-spacing: 2px;
		font-size: var(--fs_p);
	}

	section.form_area div.form {
		width: 90%;
/*		max-width: 320px;*/
		margin: 0 auto;
		padding: 0 0 var(--margin_c);
		background: #fff;
	}

	section.form_area p {
/*		width: 24em;*/
		display: block;
		font-weight: 400;
		margin: 0 auto;
		text-align: center;
	}

	section.form_area p.tel {
		line-height: 1.5em;
		border: 1px solid #878787;
		padding: 1.5em;
		width: 20em;
		margin: 3em auto;
		background: #FEFBE0;
		text-align: center;
	}

	section.form_area p.tel em {
		margin: 0;
		display: block;
		font-style: normal;
	}

	section.form_area span {
	/*	display: block;
		font-weight: 400;*/
		margin: 0;
	}

	section.form_area input[type=text],
	section.form_area textarea {
		width: 380px;
		border: 2px solid #e3e3e3;
		font-weight: 400;
	}

	section.form_area textarea {
		margin: 0 0 -0.5em;
		resize: none;
	}

	textarea::-webkit-input-placeholder {
		font-weight: normal;
	}
	textarea:-moz-placeholder {
		font-weight: normal;
	}
	textarea::-moz-placeholder {
		font-weight: normal;
	}
	textarea:-ms-input-placeholder {
		font-weight: normal;
	}

	section.form_area dl {
		font-weight: 200;
		font-size: var(--fs_p);
		display: flex;
		flex-wrap: wrap;
		letter-spacing: 1px;
		font-family: 'Hind', sans-serif !important;
		align-items: center;
		border-bottom: 1px solid #e3e3e3;
		margin:  0;
		padding: var(--margin_d) 0;
	}
	
	section.form_area dl dt {
		width: 300px;
		background: #fff;
		font-weight: 600;
		font-size: var(--fs_p);
		padding: 0em;
		text-align: left;
		color: #9BC675;
		position: relative;
		letter-spacing: 2px;
		font-family: 'Hind', sans-serif !important;
		display: flex;
		gap: 10px;
		align-items: center;
	}
	

	/*確認画面での設定*/
	.mw_wp_form_confirm dl dt {
		padding: 1em 0;
	}

	.mw_wp_form_confirm dl dd {
		margin: 0;
		font-weight: bold;
	}
	/*---------------*/

	section.form_area dl dt::before {
		content: "";
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		position: absolute;
		left: 2em;
		top: calc(2em - 1px);
	}

	section.form_area input[type=checkbox] {
		margin: 0 10px 0 0;
		transform:scale(1.5);
	}

	section.form_area span.mwform-checkbox-field-text {
		margin: 0 15px 0 0;
	}

	section.form_area .mwform-checkbox-field label,
	section.form_area .mwform-radio-field label {
		align-items: center;
		display: inline-flex;
	}

	section.form_area span.req {
		color: #fff;
		background-color: #F39D7F;
		text-align: center;
		/*width: calc(26% - 2em);
		margin: -3px 0 0 10px;*/
		font-size: 10pt;
		height: 20px;
		padding: 0 2px;
	}

	dd span.error {
		font-size: 10pt !important;
		color: #F39D7F !important;
	}

	section.form_area .tip2 {
		text-align: left;
		margin: 0 15px;
	}

	section.form_area .tip2 a {
		color: #E73828;
		text-decoration: underline;
	}

	section.form_area dl > dd p.tip2 label {
		display: flex;
		align-items: baseline;
	}

	section.form_area dl > dd p.tip2 label input {
		width: 10px;
		border: 2px solid #e3e3e3;
		font-size: 11pt;
	}

	section.form_area dl > dd p.tip2 label span {
		color: #00c3c3;
	}

	.mw_wp_form_confirm p.setu,
	.mw_wp_form_confirm p.tel {
		display: none;
	}


	/*確認画面へボタン用*/
	.btn-confirm{
		display: block;
		background:url(../img/input_btn.png) no-repeat center #9BC675;
		margin: 40px auto 0;
		background-size: 80%;
		width: 200px;
		height:50px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	/*戻るボタン 送信ボタン共通*/

	.btn-back,
	.btn-submit {
		margin: 40px auto 0;
		background-size: 50% !important;
		width: 170px;
		height:50px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer !important;
	}

	/*戻るボタン用*/
	.btn-back {
		background:url(../img/form_back_btn.png) no-repeat center #F39D7F;
	}

	/*送信ボタン用*/
	.btn-submit {
		background:url(../img/confirm_btn.png) no-repeat center #9BC675;
	}

	.btn-confirm:hover,
	.btn-back:hover,
	.btn-submit:hover {
		opacity: 0.5;
	}

	section.form_area div.b_img img {
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
	}
	
/*  園の概要  */
	section.ab_summary dl {
		display: block;
	}

	section.ab_summary dl dt{
	padding: var(--margin_f) var(--margin_c);
        border-bottom: 2px solid;
        width: max-content;
        margin: var(--margin_d) 0 var(--margin_e) 0;
	}

	section.ab_summary dl dd{
		padding:  0 var(--margin_c) var(--margin_c);
	}

	section.ab_summary dl dd ol {
		margin: 0 0 0 2em;
	}

}

/*　PC
----------------------------------------*/
@media screen and (min-width: 1280px) ,print{

	section.form_area {
		width: 100%;
		letter-spacing: 2px;
		font-size: var(--fs_p);
	}

	section.form_area div.form {
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 0 var(--margin_c);
		background: #fff;
	}

	section.form_area p {
		width: 40em;
		display: block;
		font-weight: 400;
		margin: 0 auto;
		text-align: center;
	}

	section.form_area p.tel {
		line-height: 1.5em;
		border: 1px solid #878787;
		padding: 1.5em;
		width: 25em;
		margin: 3em auto;
		background: #FEFBE0;
		text-align: center;
	}

	section.form_area p.tel em {
		margin: 0;
		display: block;
		font-style: normal;
	}

	section.form_area p.tel em a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: #000;
	}

	section.form_area span {
	/*	display: block;*/
		font-weight: 400;
		margin: 0;
	}

	section.form_area input[type=text],
	section.form_area textarea {
		width: 450px;
		border: 2px solid #e3e3e3;
		font-weight: 400;
	}

	section.form_area textarea {
		margin: 1em 0;
	}

	textarea {
		resize: none;
	}

	textarea::-webkit-input-placeholder {
		font-weight: normal;
	}
	textarea:-moz-placeholder {
		font-weight: normal;
	}
	textarea::-moz-placeholder {
		font-weight: normal;
	}
	textarea:-ms-input-placeholder {
		font-weight: normal;
	}

	section.form_area dl {
		font-weight: 200;
		font-size: 10pt;
		display: flex;
		flex-wrap: wrap;
		letter-spacing: 1px;
		font-family: 'Hind', sans-serif !important;
		align-items: center;
		border-bottom: 1px solid #e3e3e3;
	}
	
	section.form_area dl dt {
		width: 300px;
		background: #fff;
		font-weight: 600;
		font-size: 11pt;
		padding: 2em 1em 2em 4em;
		text-align: left;
		color: #9BC675;
		position: relative;
		letter-spacing: 2px;
		font-family: 'Hind', sans-serif !important;
		display: flex;
		gap: 10px;
		align-items: center;
	}
	

	/*確認画面での設定*/
	.mw_wp_form_confirm .pri {
		display: none;
	}

	.mw_wp_form_confirm dl dt {
		padding: 1em 0;
	}

	.mw_wp_form_confirm dl dd {
		margin: 0;
		font-weight: bold;
	}
	/*---------------*/

	section.form_area dl dt::before {
		content: "";
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		position: absolute;
		left: 2em;
		top: calc(2em - 1px);
	}

	section.form_area input[type=checkbox] {
		margin: 0 10px 0 0;
		transform:scale(1.5);
	}

	section.form_area span.mwform-checkbox-field-text {
		margin: 0 15px 0 0;
	}

	section.form_area .mwform-checkbox-field label,
	section.form_area .mwform-radio-field label {
		align-items: center;
		display: inline-flex;
	}

	section.form_area span.req {
		color: #fff;
		background-color: #F39D7F;
		text-align: center;
		/*width: calc(26% - 2em);
		margin: -3px 0 0 10px;*/
		font-size: 10pt;
		height: 20px;
		padding: 0 2px;
	}

	dd span.error {
		font-size: 10pt !important;
		color: #F39D7F !important;
	}

	section.form_area .tip2 {
		text-align: left;
		margin: 0 15px;
	}

	section.form_area .tip2 a {
		color: #E73828;
		text-decoration: underline;
	}

	section.form_area dl > dd p.tip2 label {
		display: flex;
		align-items: baseline;
	}

	section.form_area dl > dd p.tip2 label input {
		width: 10px;
		border: 2px solid #e3e3e3;
		font-size: 11pt;
	}
	section.form_area dl > dd p.tip2 label span {
		color: #00c3c3;
	}

	/*確認画面へ進むボタン用*/
	.btn-confirm{
		display: block;
		background:url(../img/input_btn.png) no-repeat center #9BC675;
		margin: 40px auto 0;
		background-size: 80%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-back {
	/*戻るボタン用*/
	/*	display: block;*/
		background:url(../img/form_back_btn.png) no-repeat center #F39D7F;
		margin: 40px auto 0;
		background-size: 46%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-submit {
	/*送信ボタン用*/
	/*	display: block;*/
		background:url(../img/confirm_btn.png) no-repeat center #9BC675;
		margin: 40px auto 0;
		background-size: 46%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-confirm:hover,
	.btn-back:hover,
	.btn-submit:hover {
		opacity: 0.5;
	}

	section.form_area div.b_img img {
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
	}

	.guide_wra {
	   max-width: 800px;
	}

	/*  園の概要  */
	section.ab_summary dl {
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-around;
	}

	section.ab_summary dl dt{
		width: 20%;
	}

	section.ab_summary dl dd{
		background: #fff;
		width: calc(100% - 35%);
	}

	section.ab_summary dl dd ol {
		margin: 0 0 0 2em;
	}

}