@charset "utf-8";
/*
	Theme Name: office_shibatamiki_2020
	Author: shibatamiki
	License: don't use.
*/

html{
font-size: 62.5%;
min-width: 320px;
}
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","San Francisco",San Francisco,"メイリオ", sans-serif;
	font-weight: 500;
	-webkit-text-size-adjust: 100%!important;
	font-size: 1.6rem;
	background: #fcfbf7;
	color: #626262;
	line-height: 1.875;
	letter-spacing: 0.03em;
	word-wrap:break-word;
	overflow-wrap:break-word;
	margin: 0;
	padding: 0;
}
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
a{
	color: #717071;
}
a:hover{
	color: opacity: .8;
}
p{
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 2rem;
	line-height: 1.875;
}
a,p,dt,dd,li,h1,h2,h3,h4,h5,h6,time{
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt" 1;
}
.cf{
	overflow: hidden;
	clear: both;
}
.search-error{
	color: #dd0073;
	text-align: center;
	padding-top: 3rem;
}

/***************************************************
* ヘッダー
****************************************************/
.home #main-header{
	padding: 40px 27px 30px;
}
#main-header{
	padding: 40px 27px 10px;
	text-align: center;
	margin: 0px auto 0px;
	max-width: 1000px;
}
.tel-pc-nolink:hover img{
	opacity: 1;
}
a[href^="tel:"]:hover img{
    opacity: 1;
}
#logo{
	max-width: 354px;
	height: auto;
	width:100%;
}

#logos{
	margin-bottom: 45px;
	flex-direction: row-reverse;
}
.contents-title-text,
.page-section-title{
	margin-top: 30rem;
}
.scroll-header{
	position: fixed;
	width: 100%;
	background: #fcfbf7;
	top:0;
	z-index: 3;
	transition: .3s;
}
@media only screen and (max-width: 900px){
	#logo{
		display: block;
		padding-top: 124px;
		margin: 0 auto;
		max-width:140px;
		height:auto;
		width:100%;
	}
.home #logo {
	display: block;
}
	#logo{
		display: none;
	}	
	.home #logo img{
		display: inline;
	}
	#main-header{
		padding: 0px 0px 0px!important;
	}
	.scroll-header{
		position: static;
		background: transparent;
	}
	.contents-title-text,
	.page-section-title{
		margin-top: auto;
	}
}

/***************************************************
* メニュー PC
****************************************************/
@media only screen and (min-width: 901px){
	.pc-nav li a, .pc-nav li a img {
	    display: block;
	}
}

/***************************************************
* head_tel 
****************************************************/
.head_tel_cnt{
	padding-top: 13px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
@media only screen and (max-width: 900px){
	.head_tel_cnt{
		justify-content:flex-end;
	}
	.head_tel{
		position: fixed;
		width: 100%;
		z-index: 100;
		height: 72px;
		box-sizing: border-box;
		padding-top: 0;
		top:0;
		left:0;
	}
	.sp-header-left{
		margin-right: 140px;
		padding: 13px 0 0 0px;
		text-align: center;
		height: 72px;
		box-sizing: border-box;
		background: #dc0073; 
		display: block;
	}
	.head_tel_cnt{
		padding-top: 0;
		position: fixed;
		right: 0;
		top: 0;
	}
	.head_tel_cnt_mail,
	.head_tel_cnt_line{
		padding: 15px 0 0 0px;
		width: 68px;
		text-align: center;
		height: 72px;
		box-sizing: border-box;
		background: #dc0073; 
		display: block;
		margin-left:2px;
	}
}
/***************************************************
* メニュー SP
****************************************************/

@media only screen and (max-width: 900px){
	/*--ハンバーガーメニューについて--*/
		.drawer-hamburger{
			-webkit-transition: 0s;
			transition: 0s;
			-webkit-transform: none;
			transform: none;
			padding: 2.5rem 1.7rem 3.3rem;
		    background-repeat: no-repeat;
		    background-position: bottom center;
		    background-size: 36px auto;
		    width: 35px;
		    background-color: transparent;
		    top:65px;
			background:url(img/menu/menu.png) no-repeat;
			background-size: 50%;
			background-position: bottom 7px center;
		}
		.drawer-hamburger:hover{
			background-color: transparent;
		}
		.drawer-open .drawer-hamburger{
			background-image: none;
			background-color: transparent;
			top:0;
		}
		.sp-nav  {
			background: #dc0073;
			color: #fff;
			text-align: left;
			height: 100vh;
		}
			.drawer-menu>li{
			    width: 100%;
			    list-style-type: none;
				text-align: center;
			}
			.drawer-menu li.sp-nav-first{
				padding-top: 2.2rem;
			}
			.drawer-menu>li>a{
				color: #fff;
				font-size: 1.8rem;
				display: block;
				font-weight: bold;
				text-decoration: none;
				padding: 1rem 0rem 1rem;
				letter-spacing: 0.1em;
			}
			.drawer-menu>li>a:hover{
			    background-color: transparent;
			    color: #fff;
			}
	.sp-sns-nav{
		padding: 0rem 0px 1.8rem;
		box-sizing: border-box;
		margin: 2rem 2.7rem 3rem;
	}
	.sp-sns-nav li a{
		color: #fff;
		font-size: 2rem;
		padding: 0 10px;
	}
	.sp-sns-nav li a:hover{
		opacity: 0.7;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after{
		background: #727272;
	}
}
/***************************************************
* スライダー
****************************************************/
.top-slider{
	margin-top: 23.5rem;
	margin-bottom: 69px;
}
.top-slider .slick-slide div{
	margin: 0px 5px;
	max-width: 1200px;
}
.slick-slide img{
	width: 100%;
	height: auto;
}
.slick-slider{
  opacity: 0;
  transition: opacity .3s linear;
}

.slick-slider.slick-initialized{
  opacity: 1;
}
@media only screen and (max-width: 1000px){
.top-slider{
	margin-bottom: 63px;
}
	.slick-slide div{
		margin: 0!important;
	}
}
.slick-dots li.slick-active button {
    border: 4px solid #e3007e!important;
}
@media only screen and (max-width: 900px){
	.top-slider{
		margin-top: 0px;
	}
}
/***************************************************
* コンテント
****************************************************/
main{
	overflow: hidden;
}
.content-box{
	margin: 0px auto 0px;
	max-width: 1000px;
	padding: 0px 27px 0px;
}
.borderBtm{
	border-bottom: 1px solid #cecdcc;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
/*-- h2 title --*/
.home-title{
	margin-bottom: 4.5rem;
	text-align: center;
}
.contents-title{
	margin-bottom: 2.5rem;
	text-align: center;
}
.contents-title-text{
	margin-bottom: 11rem;
	text-align: center;
}
	.contents-title-text{
	color: #dc0073;
	font-size: 2.7rem;
	font-weight: bold;
	letter-spacing: 0.075em;
	}
	.contents-title img{
		display: block;
		margin: 0 auto;
	}
	.contents-title span{
		font-size: 1.3rem;
		font-weight: normal;
		padding-bottom: 7px;
		border-bottom: 3px solid #ffe200;
	}
	.contents-title a,
	.contents-title-text{
		text-decoration: none;
	}
.blog-cmn .contents-title{
	margin-bottom: 6.5rem;
}
@media only screen and (max-width: 900px){
	.content-box{
		margin: 0px auto 0px;
		padding: 0px 25px 0px;
	}
	.borderBtm{
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.contents-title{
		margin-bottom: 2rem;
	}
	.contents-title-text{
		margin-bottom: 8rem;
	}
	.page-section-title{
		margin-top:16rem;
	}
	.blog-cmn .contents-title{
		margin-bottom: 7rem;
	}
}
@media only screen and (max-width: 767px){
	.home-title{
		margin-bottom: 2.5rem;
	}
	#news .home-title{
		margin-bottom: 4rem;
	}
}
/***************************************************
* 女性の相談初回無料　service トップ
****************************************************/

#service .fl-wrap{
	margin-bottom: 50px;
}
/*- ここまで -*/
.service-list{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom: 5rem;
}
	.service-list li{
		text-align: center;
		display: block;
		text-decoration: none;
	    width: 12.5%;
	}
@media only screen and (max-width: 767px){
	.service-list li{
		width: 31.4%;
		margin-bottom: 2.6%;
	}
	#service .fl-wrap{
		
	}
	
#service.content-box{
	padding-top: 70px;
	margin-bottom: 70px;
}
	.home #service .btn-border{
		margin: 0px;
	}
	.home #service .btn-border:first-child{
		margin-bottom:  20px;
	}

}


/*------- news 更新情報 トップ --------*/

#news{

}

.message {
	margin-bottom: 4.5rem;
}
.page-message p,
.message p{
		font-size: 1.6rem;
		margin-bottom: 0;
		line-height: 1.875;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.075em;
		padding: 0 27px;
	}
.message p{
	padding: 0;
}
.page-message p{
	font-weight: normal;
}
	.news-list{
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		margin-bottom: 4.5rem;
	}
	.news-list article{
		width: 23.5%;
		position: relative;
	}
	.news-list article a{
		text-decoration: none;
	}
	.news-list article a:hover{
		text-decoration: underline;
	}
	.news-list h3{
		margin-bottom: 2rem;
	}
	.new{
		position: absolute;
		right: -9px;
		top: -10px;
	}
	.thum-hover{
		overflow: hidden;
		margin-bottom: 15px;
	}
	.thum-hover img{
		width: 100%;
		height: auto;
		transition-duration: 0.3s;
	}
	.news-list a:hover .thum-hover img {
		transform: scale(1.1);
		transition-duration: 0.3s;
	}
	.date-tax{
		margin-bottom: 10px;
	}
	.date-tax time{
		padding-left: 10px;
	}
	.cat-name{
	    font-size: 1.2rem;
        line-height: 1.7;
        letter-spacing: 0.05em;
	    color: #dc0073;
	    font-weight: bold;
	    text-decoration: none;
	    text-align: center;	    
	    border-radius: 1rem;
	    background-color: #ffe200;
	    box-sizing: border-box;
	    display: inline-block;
	    content: "";
	    padding: 0 2rem;
	    width: 107px;
	}
	.cat-blog{
		background-color: #dc0073!important;
		color: #fff!important;
	}

/*@media only screen and (max-width: 1000px){
	.news-list article{
		width: 48.5%;
	}
}*/

@media only screen and (max-width: 767px){
	.news-list article{
		width: 100%;
	}
	.page-message p,
	.message p{
		text-align: left
	}
	.page-message p br,
	.message p br{
		display: none;
	}
	#service .message p{
		text-align: center;
	}
	.page-message p{
		padding: 0 27px;
	}
	.message {
		margin-bottom: 3rem;
	}
}

/***************************************************
* support トップ
****************************************************/
#support{
	
}
.support-list{

}
	.support-list li{
		width: 32%;
		margin-bottom: 4rem;
	}
	.support-list h3{
		color: #e3007e;
		font-weight: bold;
		text-align: center;
		font-size: 1.8rem;
		padding: 17px 0px 7px;
	}
	.support-list li p{
		margin-bottom: 0;
	}
	.support-list li img{
		width:100%;
	}
@media only screen and (max-width: 767px){
	.support-list li{
		width: 100%;
		margin-bottom: 3.5rem;
	}
}

/***************************************************
* STAFF 紹介
****************************************************/
.page-message{
	margin-bottom: 6.5rem;	
}
#staff .content-box{
	padding-bottom: 0rem;
	margin-bottom: 0rem;
}
.staff-list li{
	padding-right: 2%;
	width: 32%;
    margin-bottom: 4rem;
    text-align: center;
}
	.staff-list li:nth-child(3n){
		padding-right: 0%;	
	}
	.staff-list li img{
		width: 100%;
		padding-bottom: 1.5rem;
	}
	.staff-list li a{
		color: #dd0073;
	}
	.staff-list p{
		text-align: left;
	}
	.staff-list span{
		color: #e3007e;
		margin-bottom: 1.5rem;
	}
	.staff-list h2{
		font-size: 2rem;
		color: #e3007e;
		margin-bottom: .7rem;
	}
	#staff .contents-title{
		margin-top: 1rem;
		margin-bottom: 7rem
		
	}
@media only screen and (max-width: 767px){
	.staff-list li{
		padding: 0 0;
		width: 100%;
	    margin-bottom: 4rem;
	}
	.page-message{
		margin-bottom: 4.5rem;	
	}
	#staff .contents-title{
		margin-top: 4rem;
		margin-bottom: 5rem
	}
}

/***************************************************
* ニュース　お知らせ news archive
****************************************************/
#topics-archive {
	overflow: hidden;
}
	.topics-content aside{
		width: 18%;
	}
	.category-list{
		margin-bottom: 4rem;
	}
	.topics-content aside h3{
		padding-bottom: 1.2rem;
		margin-bottom: 3rem;
		border-bottom: 3px solid #dd0073;
		text-align: center;
		line-height: 1.1;
		vertical-align: top;
		color: #dd0073;
	}
	.topics-content aside li{
		font-size: 1.4rem;
		line-height: 2;
	}
	.topics-content aside .slug-news{
		margin-bottom: 2.4rem;
	}
	.topics-content .topbox {
 	   width: 74.5%;
	}
	@media screen and (min-width: 975px) {
		#topics-archive .post-link{
			width: 67%;
		}
	}
@media screen and (max-width: 767px) {
	.topics-content .topbox,
	.topics-content aside{
		width: 100%;
	}
	.topics-content aside{
		margin-top: 70px;
	}
}

/***************************************************
* サーチ　検索 search
****************************************************/
/* Widget Search */
.searchform {
	position: relative;
	margin: 0 auto 4rem;
    max-width: 400px;
    height: 30px;
    box-sizing: border-box;
}
.searchform  input[type="search"] {
	position: absolute;
	width: 100%!important;
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	box-sizing: border-box;
	display: block;
    padding: 3px 5%;
    margin-bottom: 14px;
    font-size: 1.4rem;
    color: #535353;
    border: 1px solid #dcdddd;
    border-radius: 20px;
    vertical-align: middle;
    max-width: 100%;
    background-color: #FFFFFF;
    -webkit-transition: background-color 0.24s ease-in-out;
    transition: background-color 0.24s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
    z-index: 1;
}
.searchform button {
	position: absolute;
	right: 3px;
	border: 0;
	background: none;
	display: block;
	height: 100%;
	padding: .3em .5em;
	font-size: 1.1em;
	color: #dd0073;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.searchform {
	    height: 45px;
	}
	.searchform  input[type="search"] {
		padding: 10px 5%;
		border-radius: 25px;
	}
	.searchform button {
		padding: .5em .5em;
		font-size: 1.35em;
	}
}
@media all and (-ms-high-contrast:none){/*IE11用ハック*/
	.searchform button {
		padding: 0px 5px;
		margin-top: -3px;
	}
}

/***************************************************
* ニュース　お知らせ news archive
****************************************************/
#topics-archive article header h2{
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #dd0073;
	font-size: 2rem;
	padding: 0rem 1rem 1rem;
	margin-bottom: 1.6rem;
	border-bottom: 3px solid #dd0073;
}
#topics-archive article header h2 a{
	text-decoration: none;
	color: #dd0073;
}	
/***************************************************
* よくある質問 qanda
****************************************************/
.topics-content.qanda-single article header{
	margin-bottom: 4.5rem;
}
/***************************************************
* シングル
****************************************************/
.topics-content {
	margin-top: -1rem;
	margin-bottom: 0;
	padding-bottom: 0;
}
article main{
	padding: 0;
}
.topics-content article{
	
}
	.topics-content article header{
		margin: 0 -1rem 3rem;
	}
	.topics-content .main-image{
		width: 100%;
	}
	.topics-content article header h1{
		line-height: 1.5;
		letter-spacing: 0.05em;
		color: #dd0073;
		font-size: 2rem;
		padding: 0rem 1rem 1rem;
		margin-bottom: 1.6rem;
		border-bottom: 3px solid #dd0073;
	}
	
	.topics-content aside h3{
		line-height: 1.75;
		text-align: left;
	}
	.topics-content time{
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		line-height: 1.2;
		align-self: center;
		padding: 4px 1rem 0;
		margin-bottom: 1rem
	}
.cat-name-single{
	margin: 0 1rem;
}

.topics-content .entry-content{
	margin-bottom: 140px;
}	
	.topics-content .entry-content .alignnone{
		margin: 25px 0px 25px;
		width: 100%;
	}
	.topics-content .entry-content p:last-of-type{
		margin-bottom: 0;
	}
	.topics-content .entry-content a{
		color: #dd0073;
	    text-decoration: underline;
	}
@media only screen and (max-width: 767px){
	.topics-content .entry-content img{
		margin: 15px auto 0px;
	}
	.topics-content .entry-content{
		margin-bottom: 70px;
	}	
}
.navigation-link{
    position: relative;
    margin: 10rem 0 5rem;
}
	.navigation-link .left-btn{
			margin: 0 auto;
			position: absolute;
			top: -12px;
			left: 0;
			right: 0;
	}
@media only screen and (max-width: 767px){
	.navigation-link .left-btn {
	    width: 100%;
	    top:0;
	    position: relative;
	}
	.navigation-link ul {
	    margin-bottom: 39px;
	}
.navigation-link{
	margin: 2rem auto 7rem;
	}
}
/***************************************************
* news singleページ
****************************************************/
.topics-content #news header{
	padding-bottom: 40px;
}
	.topics-content #news header h1{
		font-size: 1.8rem;
		padding-bottom: 0rem;
		margin: 0;
	}

	.topics-content #news article header{
		margin: 0;
	}
	
@media only screen and (max-width: 767px){
.topics-content #news header{
	padding-bottom: 30px;
}
	.topics-content #news header h1{
		padding: 0px;
	}
}

/***************************************************
* 記事　entry-content
****************************************************/

/*-- 記事 --*/
.entry-content{
	
}
.entry-content h2{
	font-size: 2rem;
	color: #dd0073;
	line-height: 1.5;
	padding-bottom: 1rem;
	border-bottom: 2px solid #dd0073;
	margin-bottom: 4.5rem;
}
.entry-content h3{
	color:#dd0073;
	line-height: 1.875;
}
.entry-content a{
	color: #dd0073;
    text-decoration: underline;
}
.entry-content h3:before{
	content:'\025cf';
	display:inline-block;
	color:#dd0073;
	padding-right: .5rem;
}
.entry-content ul li:before{
	content:'\025cf';
	display:inline-block;
	color:#8fc31f;
	padding-right: .5rem;
}
@media only screen and (max-width: 767px){
	.entry-content h2{
		margin-bottom: 3.5rem;
	}
}

/***************************************************
* 料金案内　pirice list
****************************************************/
/*------------- pirice list ------------*/
.page-content .message{
	margin-bottom: 8rem;
}
#pricelist .message{
	padding-left: 0!important;
	padding-right: 0!important;
}
#pricelist section{
	margin-bottom: 5.5rem;
}
	#pricelist strong{
		color: #dc0073;;
	}
	#pricelist .dl-type1{
		font-size: 1.5rem;
		line-height: 1.66;
	}
@media only screen and (min-width: 768px){
	.page-content .message{
		padding-left: 27px;
		padding-right: 27px;
	}
}
@media only screen and (max-width: 767px){
	.page-content .message{
		margin-bottom: 6rem;
		padding-left: 27px;
		padding-right: 27px;
	}
#pricelist section{
	margin-bottom: 3.5rem;
	}
}

/*-box1-*/

	#pricelist .box1 ul{
		width: 51%;
	}
		#pricelist li,#pricelist .box2 p,#pricelist .box4 .fl-wrap {
			letter-spacing: 0.01em;
		}
	#pricelist .box1 .img{
		width: 45%;
		padding-top: .5rem;
	}

/*-box2-*/

#pricelist .box2 .text{
	width: 51%;
}
#pricelist .box2 .img{
	width: 45%;
	text-align: center;
}
#pricelist small{
	font-size: 12px;
}

	.sp-mb30{
		margin-bottom: 0rem;
	}
@media only screen and (max-width: 767px){
	.sp-mb30{
		margin-bottom: 3rem;
	}
	#pricelist .box1 ul,
	#pricelist .box1 .img,
	#pricelist .box2 .text,
	#pricelist .box2 .img{
		width: 100%;
	}
}

/*-box3-*/

.table-type2{
	border-top:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	box-sizing: border-box;
	margin: 1rem 0 1.5rem;
}
	.table-type2 th{
		background: #f7f4cc;
		font-weight: bold;
	}
	.table-type2 th,.table-type2 td{
		width: 33%;
		border-right:1px solid #d7d7d7;
		border-bottom:1px solid #d7d7d7;
		text-align: center;
		padding: 0;
		height: 50px;
		box-sizing: border-box;
		vertical-align: middle;
		letter-spacing: 0;
	}
	.table-type2 th{
		width: 30%;
	}
	.table-type2 td{
		background: #fff;
	}
	.table-type2 th br{
		display: none;
	}
	.table-type3 td{
		width: 66%;
	}
.note{
	font-size: 1.5rem;
}
	.mb-pc3-sp2{
		margin-bottom: 3rem;
	}
	.mb-pc35-sp2{
		margin-bottom: 3.5rem;
	}
	.mb-pc35-sp15{
		margin-bottom: 3.5rem;
	}
	.mb-pc45-sp25{
		margin-bottom: 4.5rem;
	}
	.mb-pc4-sp2{
		margin-bottom: 4rem;		
	}
	.mb-pc4-sp25{
		margin-bottom: 4rem;
	}
	.mb-pc50-sp40{
		margin-bottom: 5rem;
	}
	.mb-pc50-sp40-img{
		margin-bottom: 5rem;
	}
	.mb-pc4-sp3{
		margin-bottom: 4rem;
	}
	.mb-pc45-sp3{
		margin-bottom: 4.5rem;
	}
	.mb-pc45-sp35{
		margin-bottom: 4.5rem;
	}
@media only screen and (max-width: 767px){
	.table-type2 th,.table-type2 td{
		font-size: 1.2rem;
	}
	.table-type2 th br{
		display: block;
	}
	.mb-pc35-sp15{
		margin-bottom: 1.5rem;
	}
	.mb-pc35-sp2{
		margin-bottom: 2rem;
	}
	.mb-pc3-sp2{
		margin-bottom: 2rem;
	}
	.mb-pc4-sp2{
		margin-bottom: 2rem;		
	}
	.mb-pc4-sp25{
		margin-bottom: 2.5rem;
	}
	.mb-pc45-sp25{
		margin-bottom: 2.5rem;
	}
	.mb-pc4-sp3{
		margin-bottom: 3rem;
	}
	.mb-pc45-sp3{
		margin-bottom: 3rem;
	}
	.mb-pc45-sp35{
		margin-bottom: 3.5rem;
	}
	.mb-pc50-sp40{
		margin-bottom: 4rem;
	}
	.mb-pc50-sp40-img{
		margin-bottom: 3.5rem;
	}
	.note{
		font-size: 1.4rem;
	}
}

/*-box4-*/
	.box4 .img{
		padding-top: .5rem;
	}
/*-box7-*/
#pricelist .box7{
	margin-bottom: 10rem;
	padding-bottom: 9rem;
	border-bottom:2px solid #dcdcdc;	
}
.features-border1{
	border-radius: 1.7rem;
	background: #efeedf;
	padding: 2.5rem 2.7rem 1rem;
	text-align: center;
}
	.features-border1 h4{
		color: #dc0073;
		font-size: 2rem;
		line-height: 1.5;
		padding-bottom: 1.5rem;
	}
	.features-border1 h4 br{
		display: none;
	}
	.features-border1 p{
		text-align: center;
		font-weight: bold;
	}
@media only screen and (max-width: 767px){
	#pricelist .box7{
		margin:0px 0px 10rem;
		padding-bottom: 10rem;
		border-bottom:2px solid #dcdcdc;
	}
	.features-border1 p{
		text-align: left;
	}
	.features-border1 h4 br{
		display: block;
	}
}

/***************************************************
* case-border
****************************************************/
.case-border{
	border-radius: 1.7rem;
	background: #efeedf;
	padding: 3.5rem 2.7rem;
	text-align: center;
	clear: both;
	overflow: hidden;
}
	.case-border h4{
		color: #dc0073;
		font-size: 2rem;
		line-height: 1.5;
		padding-bottom: 2rem;
	}
	.case-border h5{
		color: #dc0073;
		font-size: 1.4rem;
		padding-bottom: 0.5rem;
		font-weight: normal;
	}	
	.case-border .text-item{
		text-align: left;
		padding: 1rem 1.2rem 1rem;
	}
	.case-border .img-item{
		padding: 0rem 1.2rem 0rem;
	}
	.case-border h4 br{
		display: none;
	}
	.case-border p{
		font-weight: bold;
		margin-bottom: 0;
		line-height: 1.55;
		font-size: 1.8rem;
		font-weight: bold;
		color: #dc0073;
	}
	.case-border .item{
		width: 46%;
	}
@media only screen and (max-width: 767px){
	.case-border .item{
		width: 100%;
	}
	.case-border h4 br{
		display: block;
	}
	.case-border .text-item{
		text-align: center;
	}
	.case-border .text-item p{
		text-align: center;
	}
	.case-border .text-item2{
		padding-top: 2rem;
	}
}
/***************************************************
* contact
****************************************************/
.contact-info {
	margin-bottom: 55px;
}
.contact-info li{
	background: #fff;
	width: 32%;
	border-radius: 9px;
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 2%;
}
.contact-info li:nth-child(3n){
	margin-right: 0px;
}
.contact-info .btn{
	width: 100%;
}
.contact-info p{
	text-align: center;
	margin-bottom: 0;
	font-size: 1.4rem;
}
address a,
address{
	color: #dc0073;
	margin: 0;
	text-decoration: none;
}
.contact-info address a,
.contact-info address{
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.5;
}
.contact-info .btn{
	margin-top: 1rem;
}
.contact-icon{
	margin-bottom: 10px;
}

#contact-form{
	max-width:650px;
	margin: 0 auto;
}
	#contact-form dl{
		width: 48.5%;
	}
	#contact-form .w100{
		width: 100%;
	}
	#contact-form dt{
		font-weight: normal;
		font-size: 1.4rem;
		margin-bottom: .3rem;
	}
	#contact-form dd{
		margin-bottom: 1rem;
	}
#contact-form .privacy{
	text-align: center;
	font-size: 1,4rem;
}
#contact-form .privacy a{
	color: #dc0073;
	padding: 3rem 0rem 1rem;
	display: block;
}
#contact-form .privacy .check-btn{
	display: inline;
}
div.wpcf7 .submit-box{
	margin-top: 2.5rem;
	text-align: center;
}
#contact-form input[type="checkbox"]{
	top: 0px;
}
.contact-message{
	text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    border: none;
}
div.wpcf7 .ajax-loader{
	display: block;
	margin: 2rem auto 4px;
}
@media only screen and (max-width: 900px){
	#contact-form{
		margin-top: -100px;
		padding-top: 100px;
	}	
	.contact-info li{
		width: 48.5%;
		margin-right: 2%;
	}
	.contact-info li:nth-child(3n){
		margin-right: 2%;
	}	
	.contact-info li:nth-child(2n){
		margin-right: 0%;
	}	
}
@media only screen and (max-width: 767px){
	.contact-info li{
		width: 100%;
		margin-right: 0!important;
	}
	#contact-form dl{
		width: 100%;
	}
	.contact-message{
		text-align: left;
	}

}


/***************************************************
* 事業所案内　access
****************************************************/
/*------------- 事業所案内 トップ ------------*/

#access.content-box{

}
#access .fl-wrap{
	flex-direction: row-reverse;
}
#access .access-text p{
	margin-bottom: 1.5rem;
}
#access .access-text h1{
	padding-bottom: 1.5rem;
	color: #e3007e;
}
#access .access-text{
	width: 48%;
	margin-bottom: 4.5rem;
}
#access .access-map{
	width: 50%;
}

iframe{
	width: 100%;
}

@media only screen and (max-width: 767px){
#access .fl-wrap{
	margin: 0 -25px;
}
	#access .access-text{
		padding: 0px 25px;
	}
	#access .access-text,
	#access .access-map{
		width: 100%;
		box-sizing: border-box;
	}
	#access .access-map{
		padding: 8px 0 0;
		margin-bottom: 3.5rem;
	}
	#access .access-text p{
		letter-spacing: 0;
	}
	#access iframe{
		height: 290px;
	}
	#access .access-btn{
		margin: 0;
	}
}
/*-------------  事業所案内  ------------*/
.access .contents-title{
	margin-bottom: 7rem;
}
 .access-info h2{
	font-size: 1.6rem;
	color: #dc0073;
	margin-bottom: 1.5rem;
	margin-top: -5px;
	}
	.access-text{
		width: 45%;
		box-sizing: border-box;
	}
	#access-page .access-image{
		width: 50%;
	}
		#access-page .access-image img{
			width: 100%;
		}
		#access-page .access-text p{
			line-height: 1.65;
			margin-bottom: 2.5rem;
		}
		#access-page .access-text p:last-child{
			margin-bottom: 0;
		}
	.access-info{
		margin: 7rem 0px;
	}
/* 託児所　*/
	.chibikko-hiroba {
		background: #ffe100;
		padding: 5%;
		box-sizing: border-box;
	}
	#access-page .chibikko-hiroba h2{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.chibikko-hiroba .text{
		font-size: 1.4rem;
		line-height: 1.7;
		width: 44%;
	}
	.chibikko-hiroba dl{
		margin: 2rem 0 0;
	}
	.chibikko-hiroba dt{
		font-weight: normal;
	}
	.chibikko-hiroba ul{
		width: 50%;
	}
	.chibikko-hiroba li{
		width: 49%;
	}
	.chibikko-hiroba li img{
		width: 100%;
	}
	#access-page .chibikko-hiroba h2{
		margin-bottom: 2.5rem;
	}
	 .chibikko-hiroba p{
		 margin-bottom: 0;
		 line-height: 1.7;
	 }
	 .map-btn{
		 padding-left: .7rem;
	 }
@media only screen and (max-width: 767px){
.home .access-info{
	margin: 4rem 2.5rem 4.5rem;
}
	.access-info{
		margin: 4rem -2.5rem 4.5rem;
	}
	#access-page .access-image{
		margin-bottom: 4rem;
	}
	.full-width-map {
		margin: 0px -27px 0;		
	}
	.full-width-map iframe{
		height: 338px;
	}
	#access-page h2{
		margin-bottom: 2rem;
	}
	.access .contents-title{
		margin-bottom: 5rem;
	}
	.access-text,
	.chibikko-hiroba ul,
	.chibikko-hiroba .text,
	#access-page .access-image{
		width: 100%;
	}
	#access-page .access-text p{
		margin-bottom: 2rem;
	}
	#access-page .access-text p:last-of-type{
		margin-bottom: 4rem;
	}
	.access-text{
		padding: 0px 25px;
	}
	.chibikko-hiroba{
		padding: 3rem 2.5rem;
	}
	.chibikko-hiroba dl{
		margin: 2.5rem 0 3rem;
	}
	#access-page .chibikko-hiroba h2{
		margin-bottom: 2.2rem;
	}
}


/***************************************************
* シングル
****************************************************/
#news-single {
	margin-top: -1rem;
	margin-bottom: 0;
	padding-bottom: 0;
}
article main{
	padding: 0;
}
.single article{
	
}
	.single article header{
		margin: 0 -1rem 3rem;
	}
	.single .main-image{
		width: 100%;
	}
	.single article header h1{
		line-height: 1.5;
		letter-spacing: 0.05em;
		color: #dc0073;
		font-size: 2rem;
		padding: 0rem 1rem 1rem;
		margin-bottom: 1.6rem;
		border-bottom: 3px solid #dc0073;
	}
	.single aside h3{
		line-height: 1.75;
	}
	.single time{
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		line-height: 1.2;
		align-self: center;
		padding: 4px 1rem 0;
		margin-bottom: 1rem
	}
.single .entry-content{
	margin-bottom: 50px;
}	
	.single .entry-content .alignnone{
		margin: 25px 0px 25px;
		width: 100%;
	}
	.single .entry-content p:last-of-type{
		margin-bottom: 0;
	}
	.single .entry-content a{
		color: #dd0073;
	    text-decoration: underline;
	}
@media only screen and (max-width: 767px){
	.single .entry-content img{
		margin: 15px auto 0px;
	}
}
.navigation-link{
    position: relative;
    margin: 10rem 0 5rem;
}
	.navigation-link .left-btn{
			margin: 0 auto;
			position: absolute;
			top: -12px;
			left: 0;
			right: 0;
	}
@media only screen and (max-width: 767px){
	.navigation-link .left-btn {
	    width: 100%;
	    top:0;
	    position: relative;
	}
	.navigation-link ul {
	    margin-bottom: 39px;
	}
.navigation-link{
	margin: 2rem auto 7rem;
	}
}

/***************************************************
* お知らせ
****************************************************/


/*-- 一覧ページ　アーカイブページ --*/
@media only screen and (min-width: 767px){


}

/***************************************************
* news singleページ
****************************************************/
.single #news header{
	padding-bottom: 40px;
}
	.single #news header h1{
		font-size: 1.8rem;
		padding-bottom: 0rem;
		margin: 0;
	}
	.single #news time{
		color: #959595;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.single #news article header{
		margin: 0;
	}
	
@media only screen and (max-width: 767px){
.single #news header{
	padding-bottom: 30px;
}
	.single #news header h1{
		padding: 0px;
	}
}
/***************************************************
* 固定ページあしらい
****************************************************/
.page-default-title {
	text-decoration: none;
	color: #dd0073;
	font-size: 2rem;
}

/***************************************************
* プライバシーポリシー
****************************************************/
.privacypolicy .contents-title{
	margin-bottom: 6.5rem;
}
#privacy p{
	line-height: 1.875;
}
#privacy h3,
#privacy p,
#privacy dt,
#privacy dd,
#privacy li{
	letter-spacing: 0em;
}
	.dl-type1 dt,.dl-type1 dt a{
		font-weight: normal;
	}
	.dl-type1 dl{
		margin-bottom:3.5rem;
		line-height: 1.875;
	}
		.dl-type1 dd{
			line-height: 1.875;
			text-align: justify;
		    text-justify: inter-ideograph;
		}
		#privacy ul li,#privacy ol li{
			padding-left:1em;
			text-indent:-1em;
		}
		.not-indent li{
			padding-left:0em;
			text-indent:0em;	
		}
		#privacy .not-indent p{
			margin-bottom: 3.5rem;
		}
	#privacy h3{
		color: #dc0073;
		font-weight: bold;
	}
	#privacy h4{
		font-weight: normal;
	}
	#privacy ol{
		list-style-type: none;
		padding: 0;
	}
@media only screen and (max-width: 767px){
	#privacy .mb80{
		margin-bottom: 65px;
	}
	.dl-type1 dl,#privacy .not-indent p{
		margin-bottom: 3rem;
	}
	#privacy ul li,#privacy ol li{
		padding-left:0em;
		text-indent:0em;
	}
	.privacypolicy .contents-title{
		margin-bottom: 7rem;
	}
}

/*-- 一覧ページ --*/
.culumn3dl dl{
	text-decoration: none;
	display: block;
	width: 32%;
	margin-right: 1.9%;
	margin-bottom: 45px;
	text-align: center;
}
.culumn3dl dl:nth-child(3n){
	margin-right: 0;
}
.culumn3dl dt{
	text-align: center;
}
.culumn3dl dt img{
	max-width: 150px;
	max-height: 60px;
}
	.culumn3dl dd a{
		color: #2ea8e1;
	}
	.culumn3dl dd a:hover{
		color: #58b6ee;
	}
	
	.inc-name{
		padding: 20px 0px 15px;
	}
@media only screen and (max-width: 767px){
	.culumn3dl dl{
		width: 100%;
	}
}
/***************************************************
* フッター
****************************************************/
footer{
	background: #dc0073;
	color: #fff;
	padding:45px 27px 27px;
	box-sizing: border-box;
	margin-top: 100px;
}
	footer a{
		color: #fff;
	}
	footer a:hover{
		color: #fff;
		opacity: 0.75;
	}
	.site-footer{
		text-align: center;
	}
	.site-footer p{
		text-align: center;
	}
	.site-footer .sns li{
		margin: auto 12px 20px;
	}
	.site-footer li{
		display: inline-block;
		margin: 0px 6px 5px;
	}
	.site-footer .fab{
		margin-right: 10px;
		
	}
	.site-footer .fa-youtube{
		font-size: 2.4rem;
		vertical-align: middle;
	}
	.site-footer .fa-facebook-f{
		font-size: 2.2rem;
		vertical-align: middle;
	}
	.site-footer .fa-twitter{
		font-size: 2.3rem;
		vertical-align: middle;
	}
.copyright{
	margin-top: 35px;
	text-align: center;
}
/***************************************************
* フッター距離
****************************************************/
.home #news.content-box,
	#service-page .content-box,
	#pricelist.content-box,
	#access-page.content-box,
	#privacy.content-box{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.news-content,.box-end{
		margin-bottom: 0!important;
		padding-bottom: 0!important;
	}
	.slider-footer{
		margin-top: 15rem;
	}
	body.single .slider-footer,
	body.archive .slider-footer{
		margin-top: 10rem;
	}
@media only screen and (max-width: 767px){
	footer{
		margin-top: 8rem;
	}
	.slider-footer{
		margin-top: 0rem!important;
	}
}
	.btn-center{
		margin: 80px auto 0px!important;
		text-align: center;
	}
/***************************************************
* テーマ素材
****************************************************/
/*btnまとめ*/
.btnb-hover:hover{
	background-color: #fff;
	transition: .5s ;
	color: #2ea8e1;
}
.btn{
    background-color: #dc0073;
    border-radius: 2.4rem;
    content: "";
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    width: 31.5%;
    height: 47px;
    box-sizing: border-box;
    padding-top: 9px;
    letter-spacing: 0.15;
    position: relative;
    font-weight: bold;
}
.btn:hover{
	background: #e3338f;
}
@media all and (-ms-high-contrast:none){/*IE11用ハック*/
    *::-ms-backdrop,
    .btn{
	    padding-top: 11px;
    }
}

.btn-blank:before{
			content: '';
			width: 15px;
			height: 15px;
			display: inline-block;
			background-image: url(img/blank.png);
		    background-repeat: no-repeat;
		    background-position: left center;
		    background-size: 15px auto; 
		    vertical-align: middle;
		    margin-top: -5px;
		    padding: 0px 11px 0px 0px;
		}
.fa-chevron-right:before {
    position: absolute;
    right: 17px;
    font-size: 1.9rem;
    top: calc(50% - 10px);
}
.fa-chevron-down:before {
    position: absolute;
    right: 17px;
    font-size: 1.9rem;
    top: calc(50% - 10px);
}
.fa-chevron-left:before {
    position: absolute;
    left: 17px;
    font-size: 1.9rem;
    top: calc(50% - 10px);
}
	.btn-border{
		font-size: 1.6rem;
	    border-radius: 3rem;
	    border: 3px solid #e3007e;
	    content: "";
	    display: block;
	    text-align: center;
	    color: #e3007e;
	    text-decoration: none;
		padding-top: 7px;
		width: 100%;
		max-width: 320px;
		height: 48px;
	    font-weight: bold;
	    letter-spacing: 0.15em;
	    box-sizing: border-box;
	    background-color: transparent;
	    position: relative;
	    margin: 0px 10px;
	}
	.light-btn{
		background-color: #dc0073;
		border: 3px solid #dc0073;
	}
	.tour-btn{
	    margin-top: 50px;
	    padding-top: 50px;
	    border-top: 1px solid #d0d0d0;
	}
	.tour-btn a{
		margin: 0 auto;
		
	}
	.tour-btn p{
		margin: 15px 0px 0px;
		text-align: center;
		font-size: 1.2rem;
	}

	.icon-circle{
	    border-radius: 50%;
	    content: "";
	    display: inline-block;
	    text-align: center;
	    color: #fff;
		height: 20px;
		width: 20px;
		margin-right: .8rem;
	    text-decoration: none;
	    box-sizing: border-box;
	    background-color: #dc0073;
	    position: relative;
	}
	.fa-angle-right:before {
	    position: absolute;
		font-size: 1.5rem;
	    top: calc(50% - 8px);
	    right: .5rem;
	}
@media all and (-ms-high-contrast:none){/*IE11用ハック*/
    *::-ms-backdrop,
    .btn-border{
	    padding-top: 9px;
	}
	.cat-name{
		height: 20px;
		line-height: 2;
	}
	.qa-cat{
		height: 19px;
		line-height: 1.9;
	}
}
	.btn-border:hover{
		/*opacity: 0.7;*/
		transition: .5s ;
		color: #fff;
		background: #e3007e;
	}
	
@media only screen and (max-width: 767px){
	/*アイコン調整*/
	.btn-border{
		width: 100%;
		max-width: none;
		margin: 0;
	}
	.sns{
	padding-top: 0px;
	}
}
/*-- arrow --*/
.arrow{
	text-decoration: none;
  	padding-right: 6px;
  	font-style: normal;
  	display: inline-block;
}
.arrow:before {
    content: url(img/arrow.svg);
    vertical-align: middle;
}
.arrow-w:before {
    content: url(img/arrow-w.svg);
}

/* options
-----------------------------------------------------------------------------*/

.mb100{
	margin-bottom: 100px;
}
.fixed {
    overflow: auto;
    height: 100%;
}
.pt-page{
	padding-top: 78px;
}
.pt5{
	padding-top: 5px;
}
.pt10{
	padding-top: 10px;
}
.pb20{
	padding-bottom: 20px;
}
.mt20{
	margin-top: 20px;
}
.mt25{
	margin-top: 25px;
}
.mt30{
	margin-top: 30px;
}
.mt35{
	margin-top: 35px;
}
.mt40{
	margin-top: 40px;
}
.mt45{
	margin-top: 45px;
}
.mt50{
	margin-top: 50px;
}
.mb0{
	margin-bottom: 0px!important;
}
.mb10{
	margin-bottom: 10px!important;
}
.mb15{
	margin-bottom: 15px!important;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb35{
	margin-bottom: 35px;
}
.mb40{
	margin-bottom: 40px;
}
.mb45{
	margin-bottom: 45px;
}
.mb50{
	margin-bottom: 50px;
}
.mb60{
	margin-bottom: 60px;
}
.mb70{
	margin-bottom: 70px;
}
.mb80{
	margin-bottom: 80px;
}
.mb90{
	margin-bottom: 90px;
}
.mb100{
	margin-bottom: 100px;
}
.pb35{
	padding-bottom: 3.5rem;
}
.pb40{
	padding-bottom: 4rem;
}
.txt-left {
  text-align: left!important;
  text-justify: auto!important;
}
.txt-center{
	text-align: center;
}
.txt-content{
	text-align: justify;
    text-justify: inter-ideograph;
}
.bg-white{
	background-color: #fff;
}
.bg-green{
	background-color: #87bf19;
}
.w100{
	width: 100%;
}
@media only screen and (max-width: 900px){
	.pt-page{
		padding-top: 0px;
	}
}
.animated{
	opacity: 0;
}
.fadeIn{
  animation-duration: 2s;
  animation-delay: 0s; 
}
@media only screen and (min-width: 768px){
	.animated-none-pc{
		opacity: 1!important;
	}
	.animated-none-pc.fadeIn{
	    -webkit-animation-name: none;
	    animation-name: none;
	}
	.tel-img:hover,
	.tel-img:hover img,
	.tel-img img,
	.tel-img img:hover{
		opacity: 1!important;
		cursor:default;
	}
}

#page-top{
	position: fixed;
	bottom: 50px;
	right: 50px;
	opacity: 1;
	cursor: pointer;
	z-index: 3;
}
.pc-br{
	display: block;
}
@media only screen and (max-width: 767px){
	#page-top{
		bottom:0px;
		right: 0px;
		
	}
	#page-top img{
		width: 30px;
		height: 22px;
		padding: 2rem 2rem 3rem;
	}
span.br{display: block}
	.pc-br{
		display: none;
	}
}