@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900);
@import url(https://fonts.googleapis.com/css2?family=Vollkorn:wght@600&display=swap);
	

/*** 基本指定 ***/
.wrap {width:1510px; max-width:92%; margin:0 auto;}
.wrap_m {width:1280px;}
.wrap_ms {width:1150px;}
.wrap_s {width:940px;}
.wrap_sm {width:845px;}
.wrap_ss {width:810px;}

* {letter-spacing:.05em;}
body,select,textarea,input,div {font-family:'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;  font-size:15px; font-weight:400; line-height:1.7em; letter-spacing:0.1em; color: #323232;}
@media (max-width:767px) {
	.flex {flex-wrap: wrap;}
	body,select,textarea,input,div {font-size: 14px;}
}

body {background: url("../images/index/bg.png"); position: relative;}

@media (max-width:767px) {
	body {background: url("../images/index/bg.png"); background-size: 60%;}
}



/*** HOME：FV ***/
.home_main {height: 90vh; position: relative;}
.home_main h1 {position: absolute; left:35px; top:35px; z-index: 500}
.home_main h2 {position: absolute; left:85px; bottom:100px; z-index: 500; font-weight:900; font-size: 55px; line-height: 1.4em; color: #251d1c; text-shadow: 0 0 10px #c79e9c;}

@media (max-width:1600px) {
	.home_main {height:80vh;}
	.home_main h2 {font-size:50px;}
}
@media (max-width:1400px) {
	.home_main {height:70vh;}
	.home_main h2 {font-size:45px;}
}
@media (max-width:1024px) {
	.home_main {height:80vh; position: relative;}
	.home_main h1 {left:30px; top:25px; max-width:20%;}
	.home_main h2 {left:50px; bottom:70px; font-size:40px;}
}
@media (max-width:768px) {
	.home_main {height:55vh; position: relative;}
	.home_main h2 {left:40px; font-size:32px;}
}
@media (max-width:767px) {
	.home_main {height:40vh; position: relative;}
	.home_main h1 {left:13px; top:13px; max-width:25%;}
	.home_main h2 {left:20px; bottom:40px; font-size:24px;}
}
@media (max-width:320px) {
	.home_main h2 {font-size:22px;}
}



/*** HOME：FV：スライド調整 ***/
.home_main .swiper-container {height:100%;}
.home_main .swiper-container .swiper-slide img {object-fit: cover; width: 100%; height: 100%;}
.home_main .swiper-container-horizontal>.swiper-pagination-bullets {text-align: right; right: 30px; left: auto; bottom: 20px;}
.home_main .swiper-pagination-bullet {background: #ffffff; opacity: 1;}
.home_main .swiper-pagination-bullet-active {background: #ff7e00;}
.home_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}

@media (max-width:767px) {
	.home_main .swiper-container-horizontal>.swiper-pagination-bullets {right:15px; bottom:10px;}
	.home_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
}



/*** HOME：FV：ボタン ***/
.home_main .home_main_btn {position: absolute; right:20px; top:20px; z-index: 500;}
.home_main .home_main_btn li + li {margin-left: 10px;}

@media (max-width:767px) {
	.home_main .home_main_btn {right:10px; top:10px; z-index: 500; max-width:12%;}
	.home_main .home_main_btn li {width:100%; margin-left: auto;}
	.home_main .home_main_btn li + li {margin-left:5px;}
}




/*** HOME：FV：山 ***/
.main_mountain {position: relative; margin-top: -66px; text-align: center; z-index: 100;}

@media (max-width:1024px) {
	.main_mountain {margin-top: -50px;}
	.main_mountain img {max-width: 40%;}
}
@media (max-width:767px) {
	.main_mountain {margin-top: -20px;}
	.main_mountain img {max-width:50%;}
}


/*** HOME：header ***/
.home_header {padding:75px 15px;}
.home_header .flex li:nth-child(1) {margin-left: auto;}
.home_header .flex li:last-child {margin-right: auto;}
.home_header li {position: relative;}
.home_header li + li::before {content:""; left:0; height:14px; width:1px; top:50%; margin-top:-7px; background:#a09a92; position: absolute;}
.home_header li a {display: block; padding: 3px 20px; font-size: 16px; font-weight: 700; color: #251d1c; position: relative; transition: .3s;}
.home_header li a:hover {color: #8e6864;}

@media (max-width:768px) {
	.home_header {padding:75px 10px 50px;}
	.home_header li a {display: block; padding: 3px 15px; font-size: 15.5px; font-weight: 700; color: #251d1c; position: relative; transition: .3s;}
}
@media (max-width:767px) {
	.home_header {padding:20px 0 0;}
	.home_header li a {padding:12px 5px; font-weight: 500; text-align: center;}
}



/*** HOME：header：アイコン ***/
.home_header .flex li span {position: relative;}
.home_header .flex li span::before {content:""; width: 100%; height: 40px; position: absolute; bottom: 120%; left: auto; right: auto; transition: .3s;}
.home_header .flex li:nth-child(1) span::before {background: url("../images/index/menu_01.svg") no-repeat center;}
.home_header .flex li:nth-child(2) span::before {background: url("../images/index/menu_02.svg") no-repeat center;}
.home_header .flex li:nth-child(3) span::before {background: url("../images/index/menu_03.svg") no-repeat center;}
.home_header .flex li:nth-child(4) span::before {background: url("../images/index/menu_04.svg") no-repeat center;}
.home_header .flex li:nth-child(5) span::before {background: url("../images/index/menu_05.svg") no-repeat center;}
.home_header .flex li:nth-child(6) span::before {background: url("../images/index/menu_06.svg") no-repeat center;}
.home_header .flex li a:hover span::before {opacity: .8;}

@media (max-width:767px) {
    .home_header .flex li span::before {display: none;}
}




/*** HOME：header：ハンバーガー ***/
#openModal,
header .closeModal {display: none;}

@media (max-width:767px) {
	#openModal {display: block;}
	#modalArea {display: none; position: fixed; height: 100%; left: 0; top: 0; width: 100%; z-index: 1000;}
	.modalArea {display: none; position: fixed; z-index:2000; top: 0; left: 0; width: 100%; height: 100%;}
	.modalBg {width: 100%; height: 100%; background-color: rgba(255,255,255, 0.93);}
	.modalWrapper {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width:84%;}
	header .closeModal {position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:2em;}
	.modalWrapper li {display: block; width: 100%;}
	.header_menu ul {flex-wrap: wrap;}
	.header_menu li + li {border-left:0; border-top: 1px solid #a28b89;}
	.home_header li + li::before {display: none;}
}


/** コンテンツ：header **/
.contents_header {padding:20px 25px; position: relative;}
.contents_header h1 {max-width: 15%;}
.contents_header .header_menu {margin-left: auto;}
.contents_header .flex li:nth-child(1) {margin-left: auto;}
.contents_header .flex li:last-child {margin-right: auto;}
.contents_header li {position: relative;}
.contents_header li + li::before {content:""; left:0; height:14px; width:1px; top:50%; margin-top:-7px; background:#a09a92; position: absolute;}
.contents_header li a {display: block; padding: 3px 20px; font-size: 16px; font-weight: 700; color: #251d1c; position: relative; transition: .3s;}
.contents_header li a:hover {color: #8e6864;}

@media (max-width:980px) {
	.contents_header li a {display: block; padding: 3px 10px; font-size: 15px;}
}
@media (max-width:820px) {
    .contents_header {padding:15px 20px;}
	.contents_header li a {display: block; padding: 3px 10px; font-size: 14px;}
}
@media (max-width:767px) {
    .contents_header {padding:10px 15px;}
    .contents_header h1 {max-width:22%;}
	.contents_header li a {padding:12px 5px; font-weight: 500; text-align: center;}
    .contents_header #openModal {position: absolute; right:10px; top: 50%; transform: translateY(-50%); max-width:12%;}
    .contents_header li + li::before {display: none;}
}




/*** header：メニューアクティブ化 ***/
.header_menu li a span {position: relative; z-index: 1;}
.header_menu li a::after {height:7px; width:80%; right:0; left:0; margin: 0 auto; position: absolute; bottom:5px; background:#bda8a0;}
.home .header_menu li:nth-child(1) a::after {content:"";}
.about .header_menu li:nth-child(2) a::after {content:"";}
.vision .header_menu li:nth-child(3) a::after {content:"";}
.childcare .header_menu li:nth-child(4) a::after {content:"";}
.download .header_menu li:nth-child(5) a::after {content:"";}
.contact .header_menu li:nth-child(6) a::after {content:"";}

@media (max-width:767px) {
	header li a::after {display:none !important;}
	header li a span {line-height: 1.1em;}
}




/*** HOME：コンテンツ共通 ***/
.home_info_wrap {padding-bottom:55px;}
.home_title {text-align: center; font-family: 'Vollkorn', serif; color: #8f6a66; font-size: 38px; letter-spacing: .13em; padding-bottom: 25px;}
.btn_wrap {padding-top:30px; text-align: center;}
.btn_wrap a {display: inline-block; padding:8px 15px; border: 2px solid #bda8a0; border-radius: 100px; color: #8f6a66; font-size: 16px; font-weight: 700; line-height: 1.6em; min-width: 12em; position: relative; transition: .3s;}
.btn_wrap a::after {content:""; width: 15px; height: 15px; position: absolute; right: 10px; top: 50%; margin-top: -7px; background: url("../images/index/arr.png") no-repeat;}
.btn_wrap a:hover {background: rgba(255,255,255,.3);}

@media (max-width:1024px) {
	.home_title {font-size:32px; letter-spacing: .1em; padding-bottom: 20px;}
}
@media (max-width:767px) {
	.home_title {font-size:27px; letter-spacing: .08em; padding-bottom:10px;}
	.btn_wrap {padding-top:20px;}
}



/*** HOME：背景透かしロゴ指定 ***/
.home_logo_wrap1,
.home_logo_wrap2 {position: relative; overflow: hidden;}
.home_logo_wrap1 .bg_logo {position: absolute; right: -160px; bottom: -20px; z-index:-2;}
.home_logo_wrap2 .bg_logo {position: absolute; left: -100px; top:5px; z-index:-2;}

@media (max-width:768px) {
	.home_logo_wrap1 .bg_logo,
	.home_logo_wrap2 .bg_logo {max-width: 55%;}
	.home_logo_wrap1 .bg_logo {right: -80px; bottom: -10px;}
	.home_logo_wrap2 .bg_logo {left: -50px; top:5px;}
}
@media (max-width:767px) {
	.home_logo_wrap1 .bg_logo,
	.home_logo_wrap2 .bg_logo {max-width:65%;}
	.home_logo_wrap1 .bg_logo {right: -40px; bottom: -5px;}
	.home_logo_wrap2 .bg_logo {left: -30px; top:5px;}
}


/*** HOME：Greeting ***/
.home_greeting {width: 50%; padding: 50px 30px 50px 50px; text-align: center; position: relative;}
.home_greeting > strong {display: block; font-size:30px; font-weight: 900; line-height: 1.6em; padding-bottom:20px;}
.home_greeting > p {line-height: 2.1em;}
.i_medaka {position: absolute; left:10%; top:30px; z-index: -1;}
.i_zarigani {position: absolute; right:10%; bottom:30px; z-index: -1;}

@media (max-width:1520px) {
	.i_medaka {left:7%;}
	.i_zarigani {right:7%;}
}
@media (max-width:1410px) {
	.i_medaka {left:5%; max-width:18%;}
	.i_zarigani {right:5%;}
}
@media (max-width:1024px) {
	.home_greeting > strong {font-size:26px; padding-bottom:20px;}
}
@media (max-width:768px) {
	.home_info_wrap {flex-wrap: wrap;}
	.home_greeting {width:100%; padding: 50px 30px;}
	.i_zarigani {right:5%; bottom:auto; top:10px; max-width: 20%;}
}
@media (max-width:767px) {
	.home_greeting > strong {font-size:20px; padding-bottom:10px;}
	.i_medaka {left:4%; max-width:14%;}
	.home_greeting > p {text-align: left;}
}
@media (max-width:320px) {
	.home_greeting > strong {font-size:18px;}
}


/*** HOME：Informaiton ***/
.home_information {width: 50%; padding: 50px 80px; border-left:1px solid #d6c9c4; position: relative;}
.information_list li {border-bottom:1px solid #e3daca;}
.information_list a {display: block; padding:8px 6px 9px 8px;}
.information_list a time {font-size: 13px; color: #8f6a66; line-height: 1.3em;}
.information_list a p {color: #251d1c;}
.information_list a:hover p {color: #8e6864;}
.i_tombo {position: absolute; right:7%; top:-60px; z-index: -1;}

@media (max-width:1520px) {
	.i_tombo {right:5%;}
}
@media (max-width:1410px) {
	.i_tombo {right:3%; max-width:33%;}
}
@media (max-width:1280px) {
	.home_information {padding: 50px 60px;}
}
@media (max-width:1024px) {
	.home_information {padding: 50px 40px;}
}
@media (max-width:768px) {
	.home_info_wrap {flex-wrap: wrap;}
	.home_information {width:100%; border-left:0;}
	.i_tombo {right:5%; top:-20px; max-width: 25%;}
}
@media (max-width:767px) {
	.home_information {padding: 50px 25px;}
	.i_tombo {right:3%; top:-10px; max-width:30%;}
}



/*** HOME：Recommend ***/
.recommend_wrap {width: 1285px; padding: 130px 0 0 0;}
.recommend_title {text-align: center; padding-bottom: 20px;}
.recommend_title figure {padding-bottom:25px;}
.recommend_title span {font-size:20px; font-weight:700;}
.recommend_title .home_title {padding-bottom: 15px;}
.recommend_box {margin: 0 -3%;}
.recommend_box > li {width: 44%; margin:3%;}
.recommend_box > li figure {width:54%; padding-right: 25px;}
.recommend_box > li .recommend_box_text {width: 46%;}
.recommend_box_text > strong {display: block; font-size: 28px; font-weight: 900; padding-bottom:15px; line-height:1.3em;}
.recommend_box_text > strong span {display: inline-block; font-size: 18px;}
.recommend_box_text > p {line-height: 2.1em;}
.recommend_box_text > .btn_wrap {padding-top:22px; text-align: left;}
.recommend_box_text > .btn_wrap a {text-align: center; font-weight: 500; padding:5px 15px 7px;}

@media (max-width:1360px) {
	.recommend_box_text > strong {font-size:24px;}
}
@media (max-width:1024px) {
	.recommend_box > li figure {width:50%; padding-right: 25px;}
	.recommend_box > li .recommend_box_text {width:50%;}
	.recommend_box_text > strong {font-size:22px;}
	.recommend_box_text > p {line-height:1.9em;}
	.recommend_box {margin: 0 -2%;}
	.recommend_box > li {width: 46%; margin:2%;}
}
@media (max-width:768px) {
	.recommend_wrap {padding:80px 0 0 0;}
	.recommend_title figure img {max-width:13%;}
	.recommend_box {margin:0; padding: 0 5%;}
	.recommend_box > li {width:100%; margin:3% 0;}
	.recommend_box > li figure {width:35%; padding-right: 25px;}
	.recommend_box > li .recommend_box_text {width:65%;}
}
@media (max-width:767px) {
	.recommend_wrap {padding:60px 0 0 0;}
	.recommend_title figure {padding-bottom:15px;}
	.recommend_title figure img {max-width:18%;}
	.recommend_title .home_title {padding-bottom:5px;}
	.recommend_title span {font-size:16px; font-weight:700;}
	.recommend_box > li figure {width:100%; padding-right:0; text-align: center; padding-bottom: 10px;}
	.recommend_box > li figure img {width:50%;}
	.recommend_box > li .recommend_box_text {width:100%; padding-bottom: 20px;}
	.recommend_box_text > strong {font-size:18px; text-align: center; padding-bottom:5px;}
	.recommend_box_text > .btn_wrap {padding-top:12px; text-align: center;}
	.btn_wrap a {font-size:15px;}
}


/*** footer ***/
.foot_inaho {background: url("../images/index/i_inaho.png") repeat-x bottom; height:170px;}
footer {background: #FFFFFF; padding:60px 70px 100px; position: relative;}
footer .foot_info {order: 1;}
footer .foot_info figure {padding-right: 25px;}
footer .foot_info strong {display: block; color: #0f4880; font-size: 20px; padding-bottom: 10px; font-weight: 900;}
footer .foot_info p {font-size: 14px;}
footer .foot_info span {font-size: 12px; color: #7eb6c1;}

.page_top {position: absolute; top:0; right: 70px; transform: translateY(-50%);}

@media (max-width:1024px) {
	footer {padding:60px 35px 100px;}
    .page_top {right:35px;}
	footer .foot_info strong {font-size:18px;}
}
@media (max-width:767px) {
    .page_top {right:20px;}
	footer .foot_info strong {font-size:17px; padding-bottom: 7px;}
	footer .foot_info .flex {align-items: center;}
	.foot_inaho {background: url("../images/index/i_inaho.png") repeat-x bottom; background-size:90%; height:80px;}
	footer .foot_info span {font-size:11px;}
}

/*** footer：メニュー ***/
footer nav {order: 2; margin-left:auto;}
footer nav li:nth-child(1) {margin-left: auto;}
footer nav li a,
footer nav li span {color: #251d1c; display: block; padding: 0 10px; line-height: 1.1em;}
footer nav li a:hover {color: #8e6864;}
footer nav .foot_nav_l {font-size: 14px; margin-bottom:20px;}
footer nav .foot_nav_s {font-size: 13px;}
footer nav .foot_nav_s li a {padding: 0 10px 0 15px;}

footer nav .foot_nav_l li + li {border-left: 1px solid #bbb;}
footer nav .foot_nav_s li + li {position: relative;}
footer nav .foot_nav_s li + li::before {content:"/"; position: absolute; left: 0; top: 0; line-height: 1.1em; color: #bbb;}
footer nav .foot_nav_s_title + li a{padding-left: 0;}
footer nav .foot_nav_s .foot_nav_s_title + li::before {display: none;}

@media (max-width:1024px) {
	footer {padding:50px 30px 70px;}
	footer .flex {flex-wrap: wrap;}
	footer .foot_info {order:2;}
	footer nav {order:1; margin-left:0; width: 100%; padding-bottom:30px;}
}
@media (max-width:767px) {
	footer {padding:40px 30px 50px;}
	footer nav .foot_nav_l {margin-bottom:30px;}
	footer nav .foot_nav_l li + li {border-left:0;}
	footer nav .foot_nav_l li {text-align: center; border-bottom: 1px solid #ccc; display: block; width: 100%;}
	footer nav li:nth-child(1) {margin-left:0;}
	footer nav li a {padding:10px 8px;}
	.foot_nav_s_title {display: block; width: 100%; padding: 0; text-align: center; padding-bottom: 8px;}
	footer nav .foot_nav_s li a {padding: 0 5px 0 10px;}
	footer nav .foot_nav_s li:nth-child(2) {margin-left: auto;}
	footer nav .foot_nav_s li:nth-child(2) a {padding-left:0;}
	footer nav .foot_nav_s li:last-child {margin-right: auto;}
	footer .foot_info figure {width:30%; margin-left: auto;}
	footer .foot_info .foot_info_tx {margin-right: auto;}
	footer .foot_info p {font-size: 13px;}
}



/*** テーブル：子どもさんの1日 ***/
.table_ichinichi {}
.table_ichinichi thead th {}
.table_ichinichi thead th span {font-size: 17px; text-align: center; background: #896460; color: #ffffff; padding:12px 15px; display: block; height: 100%;}

.table_ichinichi thead th .ichinichi_012 {border-radius:10px 0 0 10px;}
.table_ichinichi thead th .ichinichi_345 {border-radius:0 10px 10px 0;}
.table_ichinichi thead th .ichinichi_time {background: #9c7d79;}

.table_ichinichi tbody th,
.table_ichinichi tbody td {padding:10px 15px 6px; border-bottom: 1px solid #d6ccb9; vertical-align: middle;}
.table_ichinichi tbody th {text-align:center; white-space: nowrap; width:6%;}
.table_ichinichi tbody th {background: rgba(255,255,255,.5);}
.table_ichinichi tbody td {width: 47%;}

.table_ichinichi tbody ul { display: flex; flex-wrap: wrap;}
.table_ichinichi tbody ul li { width: 50%; letter-spacing: 0; padding-left:18px; position: relative; line-height: 1.5em; padding-bottom: 5px;}
.table_ichinichi tbody ul li::after {content:""; width: 12px; height: 12px; background: url("../images/index/list_ico.png") no-repeat center; background-size:80%; position: absolute; left: 0; top:5px;}
.table_ichinichi tbody .cell_encho {background: rgba(109,95,94,.45); padding:10px; color: #ffffff; line-height: 1em;}

@media (max-width:768px) {
    .table_ichinichi tbody ul li { width:100%;}
}
@media (max-width:767px) {
    .table_ichinichi thead th span {font-size:14px; padding:6px 8px;}
    .table_ichinichi tbody th,
    .table_ichinichi tbody td {padding:8px 10px 6px;}
    .table_ichinichi tbody ul li {font-size: 13px; letter-spacing: 0; padding-left:16px;}
}



/** コンテンツ：共通指定 **/
.bg_w {background: #fff;}
.bg_logo_w {background: url("../images/about/bg_logo.png") no-repeat right bottom #fff; background-size: 30% auto;}
.sub {font-size: .9em;}
.li_dot {margin-left: 1.3em;}
.li_dot li {list-style: circle;}
.li_num {margin-left: 1.8em;}
.li_num li {list-style-type: decimal-leading-zero}
.text_l {font-size: 16px; line-height: 2.2em;}

@media (max-width:767px) {
    .text_l {font-size: 15px; line-height:1.8em;}
}
@media (max-width:425px) {
    .text_l {font-size: 14px;}
}



/** コンテンツ：タイトル **/
.contents_main {height: 661px;}
.contents_main .wrap {width: 1100px;}
.contents_title {text-align: right; padding: 70px 0 0 0;}
.contents_title * {-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.contents_title h2 {font-size: 40px; padding:20px; background:#fff; color:#32271c; display: inline-block; line-height: 1; position: relative;}
.contents_title h2 span {position: absolute; right: 100%; top: 0; font-size:17px; letter-spacing: .5em; padding:20px 10px 15px 12px; background:#3e3230; color: #fff;}

@media (max-width:1024px) {
    .contents_main {height:450px; background-size: cover !important;}
    .contents_title {padding:50px 0 0 0;}
    .contents_title h2 {font-size:35px; padding:15px;}
    .contents_title h2 span {font-size:15px; padding:20px 10px 15px 12px;}
}
@media (max-width:768px) {
    .contents_main {height:400px;}
    .contents_title {padding:40px 0 0 0;}
    .contents_title h2 {font-size:30px;}
    .contents_title h2 span {font-size:14px;}
}
@media (max-width:600px) {
    .contents_main {height:260px;}
    .contents_title {padding:30px 0 0 0;}
    .contents_title h2 {font-size:22px; padding:10px;}
    .contents_title h2 span {font-size:11px; padding:15px 7px 10px 8px; letter-spacing: .2em;}
}



/** コンテンツ：タイトル：個別背景画像 **/
.about .contents_main {background: url("../images/about/main.jpg") no-repeat left top;}
.itsutsumuri .contents_main {background: url("../images/itsutsumuri/main.jpg") no-repeat center top;}
.recruit .contents_main {background: url("../images/recruit/main.jpg") no-repeat center top;}
.childcare .contents_main {background: url("../images/childcare/main.jpg") no-repeat center top;}
.vision .contents_main {background: url("../images/vision/main.jpg") no-repeat center top;}
.download .contents_main {background: url("../images/download/main.jpg") no-repeat center top;}
.contact .contents_main {background: url("../images/contact/main.jpg") no-repeat center top;}





/** コンテンツ：エリア別タイトル **/
.contents_area_title {text-align: center; padding-bottom:45px;}
.contents_area_title > span {display: block; padding-bottom: 10px;}
.contents_area_title h3 {font-size: 30px; font-weight:700; color: #896460; line-height: 1.2em; letter-spacing: .15em;}

@media (max-width:768px) {
    .contents_area_title > span img {max-width:24%;}
    .contents_area_title > span .i_long {max-width: 60%;}
}

@media (max-width:767px) {
    .contents_area_title {padding-bottom:25px;}
    .contents_area_title h3 {font-size:22px; letter-spacing:.12em;}
    .contents_area_title.pb_2 {padding-bottom: 1em !important;}
}



/** 園について：園施設の概略 **/
.gaiyou_table_wrap {margin: 0 -2.5%;}
.gaiyou_table {width: 45%; margin: 0 2.5%;}
.gaiyou_table table {border-top: 1px solid #d7cece;}
.gaiyou_table table th,
.gaiyou_table table td {padding:20px 0; border-bottom: 1px solid #d7cece; vertical-align: middle;}
.gaiyou_table table th {width: 25%; font-size: 18px; color: #896460; font-weight:500; white-space: nowrap; padding-right: 1em;}
.gaiyou_table .sub {display: block; padding-top: 5px;}

@media (max-width:768px) {
    .gaiyou_table table,
    .gaiyou_table table tbody,
    .gaiyou_table table tr,
    .gaiyou_table table th,
    .gaiyou_table table td {display: block; width: 100%;}
    .gaiyou_table table th {padding-bottom: 0; border-bottom: 0; font-size: 16px;}
    .gaiyou_table table td {padding-top: 5px; font-size: 14px;}
}

@media (max-width:767px) {
    .gaiyou_table_wrap {margin:0;}
    .gaiyou_table {width:100%; margin:0;}
    .gaiyou_table + .gaiyou_table table {border-top: 0;}
    .gaiyou_table table th {font-size: 15px;}
    .gaiyou_table table td {font-size: 13px;}
}


/** 園について：施設紹介 **/
.shisetsu_list {margin:0 -1.5%;}
.shisetsu_list li {width:30.33%; margin: 0 1.5% 20px; text-align: center;}
.shisetsu_list strong {font-size: 22px; display: block; padding: 15px 0; color: #896460;}

@media (max-width:1024px) {
    .shisetsu_list strong {font-size:20px;}
}

@media (max-width:768px) {
    .shisetsu_list li {width:47%;}
    .shisetsu_list strong {font-size:16px; padding: 10px 0;}
}

@media (max-width:767px) {
    .shisetsu_list strong {font-size:15px;}
}
@media (max-width:425px) {
    .history_image {overflow: hidden;}
    .history_image img {max-width: 150%;}
}



/** いつつむりについて **/
.mark_info {background: #fff; text-align: center; border-radius:200px; padding: 50px 5%; margin-bottom: 40px;}
.itsutsumuri_info {margin-bottom:30px;}
.itsutsumuri_info .flex {margin-bottom:10px;}
.itsutsumuri_info .flex * {font-size: 18px;}
.itsutsumuri_info .flex strong {width:18%; text-align: center; white-space: nowrap; border-radius:14px; padding:3px 5px; color: #fff; background: #c1a9a7; font-weight:400;}
.itsutsumuri_info .flex p {padding-left: 10px; width: 80%;}

@media (max-width:767px) {
    .mark_info {border-radius:80px; padding:25px 12%; margin-bottom:30px;}
    .itsutsumuri_info .flex strong {width:50%; border-radius:14px; padding:3px 15px; margin:0 auto 10px;}
    .itsutsumuri_info .flex p {padding-left:0; width:100%; margin-bottom:10px; font-size: 16px; line-height: 1.6em;}
}


/** リクルート：リスト **/
.list_maru {margin-bottom:70px;}
.list_maru li {position: relative; padding: 10px 0 10px 30px; font-size: 16px; border-bottom: 1px solid #d8c7c5;}
.list_maru li::before {content:""; position: absolute; left:10px; top:17px; width: 12px; height: 12px; background:#906b67; border-radius: 50%;}

@media (max-width:767px) {
    .list_maru li {font-size: 15px;}
}

/** リクルート：テーブル **/
.normal_table {}
.normal_table th,
.normal_table td {padding: 15px 25px; border: 1px solid #e2dcd7; font-size: 16px;}
.normal_table th {width: 25%; background:#f7f4ef;}
.normal_table td {background: #fff;}

@media (max-width:767px) {
    .normal_table,
    .normal_table tbody,
    .normal_table tr,
    .normal_table th,
    .normal_table td {display: block; width: 100%;}
    .normal_table th,
    .normal_table td {padding:8px 15px; font-size:15px;}
    .normal_table th {}
    .normal_table td {margin-bottom: 10px; border: 0; background: none;}
}


/** リクルート：コール **/
.tel_wrap {text-align: center;}
.tel_wrap * {color: #896460;}
.tel_wrap > strong {display: block; font-size: 26px; padding-bottom: 12px; line-height: 1.5em; letter-spacing: .15em;}
.tel_wrap > a {font-size: 22px; font-weight:700;}

@media (max-width:767px) {
    .tel_wrap > strong {font-size:16px; letter-spacing: .1em; padding-bottom: 5px;}
    .tel_wrap > a {font-size:18px;}
}
@media (max-width:320px) {
    .tel_wrap > strong {font-size:15px; letter-spacing: .05em;}
}



/** 保育園の一年 **/
.ichinen_list {margin: 0 -2%;}
.ichinen_list > li {width: 29.33%; margin: 0 2% 60px; background: #fff; border-radius: 15px;}
.ichinen_list > li figure {position:relative;}
.ichinen_list > li figure span {position: absolute; left: 15px; top: -25px; background:#8c625e; border-radius: 100px; padding: 15px 0; font-size: 30px; min-width: 4em; text-align: center; display: inline-block; color: #fff; font-weight:700;}
.ichinen_list > li > div {padding: 20px 20px 20px 45px;}
.ichinen_list > li li {list-style:circle;}

@media (max-width:768px) {
    .ichinen_list > li {margin: 0 2% 40px;}
    .ichinen_list > li figure span {left:8px; top:-17px;  padding:6px 0; font-size:20px; min-width: 4em;}
}
@media (max-width:767px) {
    .ichinen_list > li {border-radius: 10px;}
    .ichinen_list > li figure span {left:7px; top:-15px;  padding:5px 0; font-size:16px; min-width:3.5em;}
    .ichinen_list > li {margin: 0 2% 30px;}
    .ichinen_list > li {width:46%;}
    .ichinen_list > li > div {padding:10px 10px 15px 35px;}
    .ichinen_list > li li {font-size: 12px; line-height: 1.6em;}
}




/** 毎月の行事 **/
.gyoji_box {background: #fff;}
.gyoji_box + .gyoji_box {margin-top: 30px;}
.gyoji_box figure {width: 44%;}
.gyoji_text {width:56%; padding: 20px 40px;}
.gyoji_text strong {display: block; font-size: 20px; color: #896460; padding-bottom:13px;}
.gyoji_box p {line-height:1.9em; letter-spacing:.03em;}

.gyoji_box + .gyoji_box figure,
.gyoji_box + .gyoji_box + .gyoji_box + .gyoji_box figure {order: 2;}
.gyoji_box + .gyoji_box + .gyoji_box figure,
.gyoji_box + .gyoji_box + .gyoji_box + .gyoji_box + .gyoji_box figure {order:1;}
.gyoji_box + .gyoji_box .gyoji_text,
.gyoji_box + .gyoji_box + .gyoji_box + .gyoji_box .gyoji_text {order:1; text-align: right;}
.gyoji_box + .gyoji_box + .gyoji_box .gyoji_text,
.gyoji_box + .gyoji_box + .gyoji_box + .gyoji_box + .gyoji_box .gyoji_text {order:2; text-align:left;}

.gyoji_sub {margin-top: 30px;}
.gyoji_sub li {padding:20px 5px; border-bottom: 1px solid #c4bbae;}
.gyoji_sub li strong { font-size: 20px; color: #896460; display: block; padding-bottom: 5px;}

@media (max-width:768px) {
    .gyoji_box p {line-height:1.6em; font-size: 14px;}
    .gyoji_box p .sp_none {display: none;}
    .gyoji_text {width:55%; padding: 20px 20px 20px;}
}
@media (max-width:767px) {
    .gyoji_box {margin: 0 5%;}
    .gyoji_box figure {width:100%; order:1 !important;}
    .gyoji_text {width:100%; padding:15px 20px; text-align: left !important; order:2 !important;}
    .gyoji_text strong,
    .gyoji_sub li strong { font-size:15px; padding-bottom:7px;}
    .gyoji_box p {line-height:1.7em; letter-spacing:.01em; font-size:12px;}
}





/** 理念 **/
.rinen li {padding: 10px 0; border-bottom: 1px solid #c8b9a8; font-size:20px; color: #32271c; font-weight:500; text-align: center; letter-spacing: .15em;}
.rinen_image_wrap {background:linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);}
.rinen_image {height: 228px; background: url("../images/vision/image.png") repeat-x center;}

@media (max-width:1023px) {
    .rinen_image {height:170px; background-size: cover;}
}
@media (max-width:767px) {
    .rinen li {font-size:17px; letter-spacing: .05em;}
    .rinen_image {height:90px; background-size: cover;}
}



/** 保育の基本方針 **/
.houshin {}
.houshin li {padding: 30px; width: 50%;}
.houshin li strong {font-size: 26px; display: block; text-align: center; padding-bottom: 15px; color: #896460;}
.houshin li p {font-size: 16px; line-height: 2em;}
.houshin li:nth-child(1),
.houshin li:nth-child(3) {border-right: 1px solid #c4b4b2;}
.houshin li:nth-child(1),
.houshin li:nth-child(2) {border-bottom: 1px solid #c4b4b2;}

@media (max-width:767px) {
    .houshin li {padding:15px;}
    .houshin li strong {font-size: 20px; line-height: 1.6em;}
    .houshin li p {font-size: 14px; line-height:1.7em; letter-spacing: 0;}
}
@media (max-width:320px) {
    .houshin li strong {font-size:18px;}
}


/** 保育目標 **/
.mokuhyo {padding:100px 5% 50px;}
.mokuhyo h3 {margin-top: -70px; position: relative;}
.mokuhyo_list {margin: 0 -2.5% 50px;}
.mokuhyo_box {width:45%; margin: 0 2.5% 45px;}
.mokuhyo_box > strong {display: block; text-align: center; font-size:24px; color: #896460; padding-bottom:15px; border-bottom:2px solid #fff; font-weight: 700; margin-bottom: 10px;}
.mokuhyo_box li {padding: 15px 5px 10px 25px; position: relative; font-size: 16px;}
.mokuhyo_box li::before {content:""; position: absolute; left: 0; top: 16px; width: 14px; height: 14px; background: #896460; border-radius: 50%;}

@media (max-width:767px) {
    .mokuhyo {padding:50px 5% 25px;}
    .mokuhyo h3 {margin-top: -35px; padding: 0 10%;}
    .mokuhyo_list {margin: 0 0 50px;}
    .mokuhyo_box {width:100%; margin: 0 0 45px;}
    .mokuhyo_box li::before {top:20px;}
    .mokuhyo_box > strong {font-size: 18px; padding-bottom:8px;}
    .mokuhyo_box li {padding: 10px 5px 5px 20px; font-size: 14px;}
    .mokuhyo_box li::before {top:16px; width: 10px; height: 10px;}
}



/** 保育の特色 **/
.tokushoku_list {margin: 0 -2.5% 50px;}
.tokushoku_box {width:45%; margin: 0 2.5% 45px;}
.tokushoku_box figure {text-align: center; padding-bottom: 20px;}
.tokushoku_box strong {display: block; text-align: center; font-size:24px; color: #896460; padding-bottom:15px; font-weight: 700;}
.tokushoku_box strong span {display: block; font-size: 18px; font-weight: 500; padding-top: 8px;}
.tokushoku_box p {line-height:1.9em; font-size: 16px;}

@media (max-width:767px) {
    .tokushoku_list {margin: 0 0 50px;}
    .tokushoku_box {width:100%; margin: 0 0 45px;}
    .tokushoku_box strong {font-size: 18px;}
    .tokushoku_box p {line-height:1.7em; font-size: 14px;}
}





/** ダウンロード **/
.download_list li {border-bottom: 1px solid #ccc;}
.download_list li a {display: block; position: relative; padding: 15px 9em 15px 45px; font-size:18px; color: #333; transition: .3s;}
.download_list li a::before {content:""; width:20px; height:25px; background: url("../images/download/ico.svg") no-repeat center; position: absolute; left:15px; top: 50%; transform: translateY(-50%);}
.download_list li a:hover {background: #fff;}
.download_list li a::after {content:"ダウンロード"; display: inline-block; right: 10px; top: 50%; transform: translateY(-50%); border: 2px solid #A69288; border-radius: 100px; padding:4px 15px 5px; color: #564139; font-size: 13px; line-height:1.5em; position: absolute; transition: .3s;}
.download_list li a:hover::after {background: #A69288; color: #fff;}






/** お問い合わせ **/
.tel_box {text-align: center;}
.tel_box strong {display: block; padding-bottom: 10px; margin-bottom:30px; border-bottom: 2px solid #B59B91;}
.tel_box a {font-size:40px; font-weight:800; display: inline-block; color: #251d1c; position: relative; padding: 7px 0 7px 40px;}
.tel_box a::before {content:""; position: absolute; left: 0; width:30px; height:30px; background: url("../images/index/tel_icon.svg") no-repeat center; top:50%; transform: translateY(-50%);}
.tel_box p {font-size: 18px; line-height: 1.8em; padding-top: 15px;}

@media (max-width:767px) {
    .tel_box a {font-size:30px;}
    .tel_box p {font-size: 15px;}
}




/** NEWS / 詳細 **/
.news_title {padding-bottom: 15px; margin-bottom: 30px; border-bottom: 3px double #e3daca;}
.news_title time {font-size: 13px; display: block; padding-bottom: 3px; color: #8f6a66;}
.news_title h1 {font-size: 20px; font-weight: 500;}
.news_image {padding:0 3% 30px;}
.news_text_wrap {line-height: 2.1em; padding-bottom: 20px;}

@media (max-width:767px) {
    .news_title h1 {font-size:17px;}
}