@charset "utf-8";


/*
  parts-faq
*/


#parts-faq .faq-block{
	margin: 0 0 35px;
}

#parts-faq .faq-block .faq-item {
	margin: 0 auto;
	background-color: #fff;
	margin-bottom: 25px;
	border-radius: 15px;
}


#parts-faq .question {
	display: flex;
	padding: 10px 10px 10px 15px;
	position: relative;
	font-size: 14px;
}
#parts-faq .question .mark {
	font-size: 22px;
	color: #F4E58B;
	width: 22px;
	margin-right: 10px;
	flex-shrink: 0;
	padding: 0;
	line-height: 1.3;
}
#parts-faq .question .quetion-text {
	font-size: 14px;
	flex-grow: 1;
	padding: 0 1em 0 0;
}
#parts-faq .question .open-btn {
	width: 24px;
	height: 24px;
	background-color: #F4E58B;
	border-radius: 50%;
	position: relative;
	transition: 0.5s ease;
	flex-shrink: 0;
	margin: 0.2em 0 0;
	
}
#parts-faq .question.open .open-btn {
	background-color: #ED5858;
}
#parts-faq .question .open-btn::before, #parts-faq .question .open-btn::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #fff;
	top: 50%;
	right: 7px;
	transform: translateY(-50%) rotate(0deg);
	transition: 0.5s ease;
}
#parts-faq .question .open-btn::after {
	transform: translateY(-50%) rotate(90deg);
}
#parts-faq .question.open .open-btn::after {
	transform: translateY(-50%) rotate(0deg);
}
#parts-faq .answer {
	display: flex;
	align-items: flex-start;
	padding: 10px 10px 10px 15px;
}
#parts-faq .answer .mark {
	font-size: 22px;
	color: #ED5858;
	width: 22px;
	margin-right: 10px;
	flex-shrink: 0;
	padding: 0;
	line-height: 1.3;
	
}
#parts-faq .answer .answer-text {
	font-size: 12px;
	margin: 0 0 20px;
	padding: 0 3em 0 0;
}
#parts-faq .btn-shadow a {
	width: 368px;
	background-color: #fff;
	margin: 0 auto;
	font-size: 18px;
}
#parts-faq .btn {
	width: 220px;
	margin: 0 auto;
}
#parts-faq .btn a {
	display: flex;
	padding: 8px 25px 8px 80px;
	font-size: 13px;
	position: relative;
	border: 1px solid #111;
	border-radius: 30px;
	width: 100%;
	background-color: #fff;
	box-shadow: -1px 3px 3px 0px #ccc;
}
#parts-faq .btn .arrow {
	/* margin-left: auto;*/
	position: relative;
}
#parts-faq .btn .i-arr {
	position: absolute;
	left: 72%;
}



/*
   hospital-map
*/
#hospital-map {
	padding: 110px 0 80px;
	background-color: #FAEFDA;
	position: relative;
	margin-bottom: 100px;
}

#hospital-map .inner{
	padding: 0!important;
	
}


#hospital-map h3 {
	text-align: center;
	font-size: 40px;
	line-height: 1;
	margin: 0 0 5px;
}
#hospital-map .sub-ttl {
	font-size: 14px;
	text-align: center;
}

#hospital-map .hospital-map-area {

}
#hospital-map .map-1f {
	position: relative;
}
#hospital-map .map-1f .img {
	padding: 0 10px;
}
#hospital-map .map-1f .floor-desc {
	padding: 0 30px;
}
#hospital-map .map-1f .floor-desc h4 {
	font-size: 38px;
	margin-bottom: 15px;
	line-height: 1;
}
#hospital-map .map-1f .floor-desc .txt {
	font-size: 14px;
	line-height: 2;
}
#hospital-map .map-1f .floor-desc .txt span {
	display: inline-block;
	border-bottom: 1px solid #111;
	font-weight: 600;
	margin: 7px 0 ;
}

#hospital-map .map-1f .add-txt {
	font-size: 14px;
	line-height: 2;
	padding: 0 30px;
}
#hospital-map .map-1f .deco01 {
	position: absolute;
	top: -160px;
	left: 10px;
	width: 56px;
}

#hospital-map .map-1f .deco02 {
	position: absolute;
	top: -105px;
	right: 15px;
	width: 44px
}
#hospital-map .map-2f {
	position: relative;
}
#hospital-map .map-2f .img {
	margin: 50px 0 0;
	padding: 0 10px;
}
#hospital-map .map-2f .floor-desc {
	padding: 0 30px;
		
}
#hospital-map .map-2f .floor-desc h4 {
	font-size: 38px;
	line-height: 1;
	margin: 0 0 15px;
}
#hospital-map .map-2f .floor-desc .txt {
	font-size: 14px;
	line-height: 2;
}

#hospital-map .map-2f .floor-desc .txt span {
	display: inline-block;
	border-bottom: 1px solid #111;
	font-weight: 600;
	margin: 7px 0 ;
}

#hospital-map .map-2f .deco01 {
	display: none;
}
#hospital-map .map-2f .deco02 {
	position: absolute;
	top: 150px;
	left: 30px;
	width: 58px;
}


#hospital-map .map-p {
	position: relative;
	margin: 40px 0 0;
}

#hospital-map .map-p .img {
	margin:0 0 15px;
	padding: 0 30px
	
}


#hospital-map .map-p .floor-desc {
	position: relative;
	padding: 0 30px;
}

#hospital-map .map-p .floor-desc h4 {
	font-size: 23px;
	margin: 0 0 10px;
}
#hospital-map .map-p .floor-desc .txt {
	font-size: 14px;
	line-height: 2;
}

#hospital-map .map-p .floor-desc .deco01 {
	position: absolute;
	right: 30px;
	bottom:-30px;
	width: 120px;
}









#hospital-map .map-bg {
	margin: 100px 0 0;
}


#hospital-map .hospital-view {
	position: absolute;
	width: 100%;
	height: 140px;
	bottom: -80px;
	z-index: 1;
}


#hospital-map.hospital-view::before {
	content: "";
	display: block;
	width: 100%;
	height: 95px;
	/* background: #fff; */
	background: transparent;
	position: absolute;
	left: 0;
	top: -5px;
	z-index: 1;
}
#hospital-map .hospital-view::after {
	content: "";
	display: block;
	position: relative;
	width: 100%;
	height: 140px;
	z-index: 10;
	background: url(../images/index/hospital-view-slide.png) repeat-x 0 0;
	overflow: hidden;
	-moz-animation: newsloop 80s linear infinite;
	animation: typeloop 80s linear infinite;
	background-size: 920px 140px;
}



@keyframes typeloop {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -2060px 0;
	}
}
/*


/*
   aside
*/
#aside {
	margin: 50px 0 0;
}
#aside .aside-block {
	margin: 0 0 30px;
}
#aside .aside-block .heading {
	background-color: #A55132;
	width: 100%;
	font-size: 15px;
	color: #fff;
	padding: 7px 0;
	text-align: center;
	border-radius: 10px;
	margin: 0 0 20px;
}
#aside .aside-block.category .aside-list li a {
	border-bottom: 1px solid #707070;
	padding: 10px 15px;
	position: relative;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	font-size: 13px;
}
#aside .aside-block.category li a::before {
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #ccc;
	position: initial;
	left: initial;
	top: initial;
	margin: 0 1em 0 0;
	transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
#aside #aside .aside-block.category li a:hover:before {
	background-color: #F4E58B;
	transform: scale(1.4285);
}
#aside .aside-block .aside-list li {
	margin: 0;
}
#aside .aside-block.archive select {
	padding: 10px 30px;
	font-size: 13px;
	width: 100%;
	appearance: none;
}
#aside .aside-block.archive .select-month {
	position: relative;
}
#aside .aside-block.archive .select-month::before, #aside .aside-block.archive .select-month::after {
	content: "";
	position: absolute;
	pointer-events: none; /* クリックイベントを無効にしてselectに届くように */
	display: block;
	width: 9px;
	height: 1px;
	background-color: #111;
}
#aside .aside-block.archive .select-month::before {
	top: 20px;
	right: 40px;
	transform: rotate(30deg);
}
#aside .aside-block.archive .select-month::after {
	top: 20px;
	right: 32px;
	transform: rotate(-30deg);
}



/* --------------------------------------------------------------------------------
	★初診の方へ　newpatient
-------------------------------------------------------------------------------- */
#newpatient {
}
#newpatient .inner {
	padding: 0 30px;	
}


#newpatient #treatment .inner{
	padding:0 10px;
}

/*
   mv
 */

#newpatient .mv {
	padding: 130px 0px 50px;
	background-color: #FBEFDA;
}
#newpatient .mv .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	padding: 0 30px;
	
}
#newpatient .mv .desc {
	
}
#newpatient .mv .desc h2 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 20px;
	line-height: 1.8;
	font-weight: 400;
}
#newpatient .mv .desc .txt {
	font-size: 14px;
}
#newpatient .mv .img {
	/*width: 80vw;*/
	width: 300px;
	margin: 0 0 20px;
}
/*
   step
 */
#newpatient #step {
	background-color: #EFEFEF;
	padding: 115px 0 40px;
}
#newpatient #step .inner {
	position: relative;	
}

#newpatient #step h2 {
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.2em;
	margin: 0 0 40px;
	position: relative;
}

#newpatient #step h2::after {
	content: '';
	display: inline-block;
	width: 112px;
	height: 120px;
	background-image: url(https://cont-p.com/ydc/wp-content/themes/ydc/images/newpatient/i-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	right: -15px;
    bottom: -35px;
}

#newpatient #step .step-slider {
	width: 100%;
	margin-bottom: 100px;
	
}
#newpatient #step .step-slider li {
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	background-color: #fff;
	border-radius: 15px;
	min-height: 610px;
	
}
#newpatient #step .step-content {
	padding: 10px 25px 0px;
}
#newpatient #step .step-content h3 {
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding: 0 0 5px;
	
}
#newpatient #step .step-content h3 span {
	display: block;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
}
#newpatient #step .step-content h3 span span.number {
	display: inline-block;
	font-size: 36px;
	padding: 0 25px 0 5px;
	
}
#newpatient #step .step-content .desc {
	font-size: 13px;
	
	line-height: 2;
	
}
#newpatient #step .step-content .tel a {
	
}
#newpatient #step .step-content .tel .txt {
	font-size: 16px;
	margin: 0 0 5px;
}
#newpatient #step .step-content .tel .number {
	display: flex;
	align-items: center;
}
#newpatient #step .step-content .tel .number{
	margin: 15px 0 0;
}




#newpatient #step .step-content .addline {
	margin: 15px 0 0; 
}

#newpatient #step .step-content .addline a {
	display: flex;
	align-items: center;
}

#newpatient #step .step-content .addline .ico {
	margin: 0 14.69px 0 0; 
}

#newpatient #step .step-content .addline .txt {
	width: 200px;      
	background: #02C755;
	border-radius: 999px;
	color: #fff;
	font-size: 14px;    
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3.63px 0;     
}






#newpatient #step .step-img {
margin: 15px 0 0;
}

#newpatient #step .step-img img{
	object-fit: cover;
	border-radius: 15px 15px 0 0;
}

#newpatient #step .arrow_box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 20px 0 0;
	position: absolute;
	bottom: -90px;
	left: 50%;
	transform: translateX(-50%);
}
#newpatient #step .prev-arrow, #newpatient #step .next-arrow {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition: all .3s ease;
	cursor: pointer;
	position: relative;
}
#newpatient #step .prev-arrow {
	transform: rotate(180deg);
	margin-right: 150px;
}
#newpatient #step .prev-arrow::before, #newpatient #step .next-arrow::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid #111;
	border-top: 1px solid #111;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
}
#newpatient #step .prev-arrow::after, #newpatient #step .next-arrow::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 1px;
	background-color: #111;
	top: 0;
	bottom: 0;
	left: -20px;
	right: 0;
	margin: auto;
}
#newpatient #step .slick-num {
	position: absolute;
	bottom: -90px;
	left: 49%;
	transform: translateX(-50%);
	border: 1px solid #000;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}
#newpatient #step .slick-list {
	overflow: hidden;
}
#newpatient #step .slick-track {
	max-width: 100%;
	display: flex;
}
#newpatient #step .slick-slide {
	flex-shrink: 0;
}


#newpatient #parts-faq {
	background: #efefef;
	padding: 115px 0 100px;
}

#newpatient #parts-faq h3{
	font-size: 40px;
	line-height: 1;
	margin: 0 0 10px;
	
}

#newpatient #parts-faq .sub-ttl{
	font-size: 12px;
	margin: 0 0 30px;
	padding: 0 0 0 1.5em;
	
}


#newpatient #parts-faq .inner{
	
}

#newpatient #parts-faq .btn{
	width: 220px;
}



/*
   bring
*/
#bring {
	padding: 50px 0;
	background-color: #35D981;
}
#bring .bring-area {
	
}
#bring .bring-area .item {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px 15px 10px;
	margin: 0 0 20px;
	
}
#bring .bring-area .item h3 {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5;
}
#bring .bring-area .item .desc {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 20px;
	text-align: center;
}

#bring .bring-area .item .img {
	margin: 0 auto;
}
#bring .bring-area .pay {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px 15px 10px;
}
#bring .bring-area .pay h3 {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5;
}
#bring .bring-area .pay .desc {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 20px;
	text-align: center;
}
#bring .bring-area .pay .img {
	margin: 0 auto;
}


/*
   treatment
*/
#treatment {
	padding: 50px 20px;
}
#treatment .treatment-menu {
	display: flex;
	flex-direction: column;
	
}
#treatment .menu-link {
	margin-bottom: 20px;
}
#treatment .menu-link a {
	display: block;
	overflow: visible;
	font-size: 20px;
	font-weight: 400;
	width: 100%;
}

#treatment .menu-link .ttl{
	display: flex;
	justify-content: space-between;
}


#treatment .menu-link .ttl p {
	font-size: 20px;
	font-weight: 400;
}

#treatment .menu-list {
	display: flex;
	flex-direction: column;
	
}
#treatment .menu-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	margin: 0 0 30px;
}
#treatment .menu-list li .img-box {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
}

#treatment .menu-list li .img-box img{
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 10px;
}

#treatment .menu-list li .img-box p {
	position: absolute;
	color: #fff;
	bottom: 10px;
	left: 0;
	padding: 10px;
	font-size: 13px;
	line-height: 2.5;
}
#treatment .menu-list li .btn {
	width: 80%;
}
#treatment .menu-list li .btn a {
	display: flex;
	justify-content: center;
	padding: 10px 20px;
	font-size: 13px;
	position: relative;
	border: 1px solid #111;
	border-radius: 40px;
	width: 100%;
	box-shadow: -1px 3px 3px 0px #ccc;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 400;
}



/* --------------------------------------------------------------------------------
	★当院について
-------------------------------------------------------------------------------- */
#hospital-about {

}

#hospital-about .inner {
	padding: 0 30px;	
}

/*
   mv 
*/

#hospital-about .mv {
	padding: 120px 0px 50px;
	background-color: #C3E0EB;
}
#hospital-about .mv .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	padding: 0 30px;
	
}
#hospital-about .mv .desc {
	
}
#hospital-about .mv .desc h2 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 20px;
	line-height: 1.8;
	font-weight: 400;
}
#hospital-about .mv .desc .txt {
	font-size: 14px;
}
#hospital-about .mv .img {
	width: 205px;
	margin: 0 0 20px;
}

#hospital-about .mv .img  img{
	margin: 0 0 0 20px;
}



/*
   doctor-comment
 */
#hospital-about #doctor-comment {
	padding: 50px 0;
}
#hospital-about #doctor-comment .comment {
	position: relative;
	margin: 0 auto;
}
#hospital-about #doctor-comment .comment .img {
	margin: 0 0 25px;
}

#hospital-about #doctor-comment .comment .txt-box {
	
}
#hospital-about #doctor-comment .comment .txt-box .txt {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 15px;
}
#hospital-about #doctor-comment .comment .txt-box .name {
	font-size: 14px;
	text-align: right;
}
/*
  staff-intro
*/
#staff-intro {
	padding: 90px 0 60px;
	background-color: #C2E0EB;
}
#staff-intro .inner {
	padding: 0;
}
#staff-intro h3 {
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.2em;
	margin: 0 0 30px;
	position: relative;
	padding: 0 30px;
}

#staff-intro h3::after {
	content: '';
	display: inline-block;
	width: 112px;
	height: 120px;
	background-image: url(https://cont-p.com/ydc/wp-content/themes/ydc/images/newpatient/i-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	right: 6vw;
    bottom: -35px;
}
	


#staff-intro .slider-area {
	padding-bottom: 100px;
	position: relative;
}


#staff-intro .staff-slider {
	
}
#staff-intro .staff-slider .slick-list {
	
}
#staff-intro .staff-slider .slick-track {
	max-width: 100%;
	display: flex !important;
	align-items: stretch;
}
#staff-intro .staff-slider .slick-slide {
	flex-shrink: 0;
	height: auto !important;
	display: flex !important;
}
#staff-intro .staff-slider .slick-slide > div {
	display: flex;
	width: 100%;
}
#staff-intro .staff-slider .slider-item {
	/*width:calc(100vw - 80px)!important;*/
	flex-shrink: 0;
	padding: 20px;
	background-color: #fff;
	border-radius: 20px;
	margin: 0 10px;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
#staff-intro .staff-slider .slider-item .img {
	margin-bottom: 15px;
}
#staff-intro .staff-slider .slider-item .ttl {
	font-size: 14px;
	margin-bottom: 5px;
}


#staff-intro .staff-slider .slider-item .staff-txt {
	font-size: 14px;
	line-height: 2;
	flex: 1;
}
#staff-intro .arrow_box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 20px auto 0;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	width: 50vw;
	
}
#staff-intro .prev-arrow, #staff-intro .next-arrow {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition: all .3s ease;
	cursor: pointer;
	position: relative;
}
#staff-intro .prev-arrow {
	transform: rotate(180deg);
	margin-right: 150px;
}
#staff-intro .prev-arrow::before, #staff-intro .next-arrow::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid #111;
	border-top: 1px solid #111;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
}
#staff-intro .prev-arrow::after, #staff-intro .next-arrow::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 1px;
	background-color: #111;
	top: 0;
	bottom: 0;
	left: -20px;
	right: 0;
	margin: auto;
}
#staff-intro .slick-num {
	position: absolute;
	bottom: -90px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}




/* --------------------------------------------------------------------------------
	★診療メニュー
-------------------------------------------------------------------------------- */

#medical-menu .inner {
	padding: 0 30px;	
}

/*
   mv 
*/

#medical-menu .mv {
	padding: 120px 0px 50px;
	background-color: #fff;
}
#medical-menu .mv .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	padding: 0 30px;
	
}
#medical-menu .mv .desc {
	
}
#medical-menu .mv .desc h2 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 20px;
	line-height: 1.8;
	font-weight: 400;
}
#medical-menu .mv .desc .txt {
	font-size: 14px;
}
#medical-menu .mv .img {
	width: 288px;
	margin: 0 0 20px;
}

#medical-menu .mv .img  img{
	margin: 0 0 0 20px;
}



/*
   maintenance
 */
#medical-menu #maintenance {
	padding: 100px 0 50px;
	background-color: #EFEFEF;
}
#medical-menu #maintenance .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;

}
#medical-menu #maintenance .desc {
	
	
}
#medical-menu #maintenance .desc h3 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
#medical-menu #maintenance .desc .txt {
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 2;
}
#medical-menu #maintenance .desc .img-box {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

#medical-menu #maintenance .desc .img-box .img {
	margin: 0 20px;
}

#medical-menu #maintenance .desc .img-box .img.prevention {
	
}

#medical-menu #maintenance .desc .img-box .img.prevention img{
	
}

#medical-menu #maintenance .desc .img-box .img.mainte {
	
}

#medical-menu #maintenance .desc .img-box .img.mainte img{
	
}


#medical-menu #maintenance .desc .img-box .img p {
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
}

#medical-menu #maintenance .maintenance-img {
	width: 306px;
}

#medical-menu #maintenance .maintenance-img img{
	margin: 0 0 20px;
}

/*
   child
 */
#medical-menu #child {
	padding: 120px 0px 50px;
	background-color: #F5D9D9;
}
#medical-menu #child .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	
}
#medical-menu #child .desc {
	
}
#medical-menu #child .desc h3 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
#medical-menu #child .desc .txt {
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 2;
}

#medical-menu #child .desc .img-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}

#medical-menu #child .desc .img-box .img {
	margin: 0 0 15px;
	text-align: center;
	width: 30%;
}

#medical-menu #child .desc .img-box .img.c-i04{
	
}

#medical-menu #child .desc .img-box .img.c-i05{
	
}


#medical-menu #child .desc .img-box .img p {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 0;
	line-height: 1.2;
}

#medical-menu #child .child-img {
	width: 245px;
	margin: 0 0 10px;
}




/*
   senior
 */


#medical-menu #senior {
	padding: 120px 0px 50px;
	background-color: #FBEFDA;
}
#medical-menu #senior .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	
}
#medical-menu #senior .desc {
	
}
#medical-menu #senior .desc h3 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
#medical-menu #senior .desc .txt {
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 2;
}

#medical-menu #senior .desc .img-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}

#medical-menu #senior .desc .img-box .img {
	margin: 0 0 15px;
	text-align: center;
	width: 30%;
}




#medical-menu #senior .desc .img-box .img p {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 0;
	line-height: 1.2;
}




#medical-menu #senior .senior-img {
	width: 303px;
	margin: 0 0 10px;
}





/* 
  teeth
*/
#medical-menu #teeth {
	padding: 50px 0;
	background-color: #F8F8F8;
	overflow: hidden;
}
#medical-menu #teeth h3 {
	text-align: center;
	font-size: 28px;
	line-height: 1.5;
	position: relative;
}
#medical-menu #teeth h3 .deco {
	width: 80px;
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 8
}

#medical-menu #teeth .sub-ttl {
	text-align: center;
	font-size: 12px;
	margin-bottom: 30px;
}

#medical-menu #teeth .lifestage {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 0;
	overflow: hidden;
	/*background: url(https://cont-p.com/ydc/wp-content/themes/ydc/images/index/sp-teeth-bg.jpg) no-repeat;
	background-size: contain;*/
	background: url(https://cont-p.com/ydc/wp-content/themes/ydc/images/index/sp-teeth-bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}



#medical-menu #teeth .lifestage .deco-bg {
	display: none;
}


#medical-menu #teeth .flow {
	width: 100%;
	margin-bottom: 40px;
	padding: 0 20vw 0 0;
}

#medical-menu #teeth .flow:nth-of-type(even) {
	padding: 0 0 0 20vw;

}


#medical-menu #teeth .flow .flow-img {
	display: block;
	margin: 0 auto 20px;
	/*width: 65%!important;*/
	
}


#medical-menu #teeth .flow01 .flow-img {
	
	object-fit: contain;
}

#medical-menu #teeth .flow06 .flow-img {
	
	object-fit: contain;
}




#medical-menu #teeth .flow .tag-list {
	display: flex;
	margin-bottom: 10px;
}
#medical-menu #teeth .flow .tag-list .tag {
	padding: 0 15px;
	background-color: #376B99;
	color: #fff;
	border-radius: 30px;
	margin-right: 10px;
	font-size: 10px;
}
#medical-menu #teeth .flow .tag-list .tag.age {
	background-color: #81AD4D;
}
#medical-menu #teeth .flow .ttl {
	font-size: 16px;
	margin-bottom: 10px;
}
#medical-menu #teeth .flow .desc {
	font-size: 12px;
	margin-bottom: 10px;
}
#medical-menu #teeth .flow .dental {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#medical-menu #teeth .flow .dental li{
	display: flex;
	align-items: center;
	margin: 0 10px 15px 0;
}



#medical-menu #teeth .flow .dental .img {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F1F1F1;
	border-radius: 50%;
	padding: 2px;
	margin-right: 5px;
}

#medical-menu #teeth .flow .dental p {
	font-size: 10px;
}


#medical-menu #teeth .flow .dental .img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}
#medical-menu #teeth .pickup {
	padding: 15px 20px;
	width: 100%;
}

#medical-menu .pickup .pickup-inner{
	display: flex;
	align-items: center;
	justify-content: center;
}



#medical-menu #teeth .prevention,#medical-menu #teeth .maintenance {
	margin: 0 7px;
}
#medical-menu #teeth .pickup .ttl {
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	font-weight: 400;
	background-color: #F4E58B;
	border-radius: 16px;
}
#medical-menu #teeth .pickup .prevention a, #medical-menu #teeth .pickup .maintenance a {
	display: flex;
	align-items: center;
	margin-right: 15px;
	font-size: 13px;
}
#medical-menu #teeth .pickup .prevention .img, #medical-menu #teeth .pickup .maintenance .img {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F1F1F1;
	border-radius: 50%;
	padding: 2px;
	margin-right: 10px;
}
#medical-menu #teeth .pickup .prevention .img img, #medical-menu #teeth .pickup .maintenance .img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}
#medical-menu #teeth .pickup .prevention a .name, #medical-menu #teeth .pickup .maintenance a .name {
	font-weight: 400;
}



/* --------------------------------------------------------------------------------
	診療内容
-------------------------------------------------------------------------------- */
#medical-content {
	background: #F8F8F8;
	
}
/*
   mv
 */


#medical-content .inner {
	padding: 0 30px;	
}


#medical-content .mv {
	padding: 120px 0px 50px;
	background-color: #EFEFEF;
}
#medical-content .mv .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	padding: 0 30px;
	
}
#medical-content .mv .desc {
	
}
#medical-content .mv .desc h3 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 20px;
	line-height: 1.8;
	font-weight: 400;
}
#medical-content .mv .desc .txt {
	font-size: 14px;
	margin: 0 0 20px;
}
#medical-content .mv .img {
	margin: 0 0 20px;
}

#medical-content .mv .img img{
	margin: 0 0 0 20px;
}


#medical-content .desc .img-box {
	display: flex;
	justify-content: center;
	/*flex-wrap: wrap;*/
	align-items: flex-end;
}


#medical-content .mv .desc .img-box .img01 {
	text-align: center;
	margin: 0 30px 0 0;
}
#medical-content .mv .desc .img-box .img01 img {
	
}

#medical-content .mv .desc .img-box .img02 {
	
	text-align: center;
}
#medical-content .mv .desc .img-box .img02 img {
	
}

#medical-content .mv .desc .img-box .img .teeth-prevention {
	
}
#medical-content .mv .desc .img-box p {
	font-size: 14px;
	text-align: center;
	
}
#medical-content .mv .maintenance-img {
	width: 306px;
	margin: 0 5px 20px;
}




/*
   child
 */

#medical-content #child .mv {
	padding: 120px 0px 50px;
	background-color: #F5D9D9;
}


#medical-content #child .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	
}

#medical-content #child .desc h3 {
      font-size: 30px;
    }


#medical-content #child .desc .img-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}

#medical-content #child .desc .img-box .img {
	width: 30%;
	margin: 0 0 15px;
	text-align: center;
}

#medical-content #child .mv .img img {
        margin: 0;
    }


#medical-content #child .desc .img-box .img p {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 0;
	line-height: 1.2;
}

#medical-content #child .child-img {
	width: 245px;
	margin: 0 0 10px;
}



/*
   senior
 */



#medical-content #senior .mv {
	padding: 120px 0px 50px;
	background-color: #FBEFDA;
}


#medical-content #senior .inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	
}

#medical-content #senior .desc h3 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }


#medical-content #senior .desc .img-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}

#medical-content #senior .desc .img-box .img {
	width: 30%;
	margin: 0 0 15px;
	text-align: center;
}

#medical-content #senior .mv .img img {
	margin: 0;
}




#medical-content #senior .desc .img-box .img p {
	font-size: 13px;
	text-align: center;
	margin: 10px 0 0;
	line-height: 1.2;
}


#medical-content #senior .desc .img-box .img.c-i03 p {
	font-size: 10px;
	
}


#medical-content #senior .senior-img {
	width: 303px;
	margin: 0 0 10px;
}




/*
   contents-area 
*/
#contents-area {
	padding: 70px 0 0;
}
#contents-area .inner {

}

#contents-area #main {

}
/*
   main
*/

#main .term-title {
	font-size: 30px;
	margin: 0 0 40px;
}


#main #prevention-content {
	margin: 0 0 50px;
	padding: 0 0 50px;
	border-bottom: 1px solid #707070;
}


#main #prevention-content .ttl-toc {
	font-size: 14px;
	margin: 0 0 20px;
}





#main #prevention-content {
	margin: 0 0 70px;
}
#main #prevention-content h2 {
	font-size: 32px;
	margin-bottom: 40px;
	font-weight: 400;
	
}
#main #prevention-content .ttl {
	font-size: 15px;
	margin: 0 0 15px;
	letter-spacing: 0.2em;
}



#main #prevention-content h2.toc-title {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 15px;
}

#main #prevention-content h2.toc-title .js-caret {
	font-size: 12px;
}



#main #prevention-content .js-toc-panel {
	margin: 0 0 25px;
}

#main .content-outer {
	border-bottom: 1px solid #707070;
	padding: 0 0 60px;
	margin: 0 0 40px;
}




#main #prevention-content .contents-list {}
#main #prevention-content .contents-list li a {
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #707070;
}
#main #prevention-content .contents-list li a .number {
	font-size: 10px;
	margin-right: 30px;
}
#main #prevention-content .contents-list li a .txt {
	font-size: 14px;
}


/* content-block */
#main .content-block {
	margin-bottom: 50px;
	
}

#main h1.post-title {
	font-size: 28px;
	margin: 0 0 30px;
}


#main .content-block h2 {
	font-size: 20px;
	margin-bottom: 30px;
	line-height: 1.8;
}
#main .content-block p {
	font-size: 13px;
	padding: 0 0 0 0.5em;
	line-height: 2.2;
	margin: 0 0 30px;
}

#main .content-block h3 {
	font-size: 16px;
	padding: 5px 20px;
	background: #fff;
	border-radius: 10px;
	margin: 0 0 15px;
}


#main .content-block ul li {
	margin: 0 0 40px;
	
}

#main .content-block h4.ttl {
	font-size: 14px;
	padding: 0px 1em 10px;
	margin: 0 0 20px;
	border-bottom: 1px solid #707070;
}




#main .content-block h4 {
	font-size: 14px;
	padding: 0px 1em 10px;
	margin: 0 0 20px;
	border-bottom: 1px solid #707070;
}

#main .content-block h5 {
	font-size: 14px;
	padding: 0 0 0 0.5em;
	line-height: 2.2;
	font-weight: 600;
}


#main .content-block .tbl-outer {
	display: flex;
	overflow-x: scroll;
	padding: 0 0 20px;
		
	
}

#main .content-block .contens-tbl {
	
	flex-shrink: 0;
	font-size: 14px;
	border-collapse:collapse;
	
	
}

#main .content-block .contens-tbl th {
	font-size: 14px;
	border: 1px solid #707070;
	padding: 10px 20px;
	min-width: 12vw;
}

#main .content-block .contens-tbl td {
	font-size: 14px;
	border: 1px solid #707070;
	padding: 10px 20px;
	vertical-align: top;
}




#main .page-jump {
	padding: 75px 0 0;
}
#main .page-jump .jump-icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 180px;
	margin: 0 auto;
}
#main .page-jump .jump-icon .icon {
	border-radius: 50%;
	border: 1px solid #111;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	
}
#main .page-jump .jump-icon .txt {
	font-size: 12px;
	font-weight: bold;
}





/*
   aside
*/

#medical-content #aside{
	margin: 80px 0 0;
	width: calc(100% + 60px);
	margin-left: -30px;
	margin-right: -30px;
}

#medical-content #aside .aside-block{
	padding: 52px 0 22px;
	margin: 0;
}




#medical-content #aside .aside-block h3{
	text-align: center;
	font-size: 30px;
	margin: 0 0 25px;
}


#medical-content #aside .aside-block .aside-list{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
}


#medical-content #aside .aside-block.adult .aside-list{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
}


#medical-content #aside .aside-block .aside-list li{
	text-align: center;
	margin: 0 14px 30px;
}

#medical-content #aside .aside-block.senior .aside-list li{
	width: 33%;
	margin: 0 0 10px;
}





#medical-content #aside .aside-block .aside-list li p{
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}

#medical-content #aside .aside-block .aside-list li .icon{
	margin: 0 auto 10px;
	text-align: center;
	
}



#medical-content #aside .aside-block.maintenance{
	background: #EFEFEF;
	padding: 52px 0 52px;
}


#medical-content #aside .aside-block.child{
	background: #F5D9D9;
	padding: 52px 0 22px;
}


#medical-content #aside .aside-block.senior{
	background: #FBEFDA;
	padding: 52px 0 42px;
	
}


#medical-content #aside .aside-block.maintenance h3{
	text-align: center;
	font-size: 20px;
	margin: 0 0 25px;
}



#medical-content #aside .aside-block.maintenance .aside-list li{
	text-align: center;
	margin: 0 14px;
}

#medical-content #aside .aside-block.maintenance .aside-list li p{
	text-align: center;
	font-size: 12px;
}

#medical-content #aside .aside-block.maintenance .aside-list li .icon{
	margin: 0 0 10px;
	width: 114px;
	
}



#medical-content #aside .aside-block.child .aside-list li .icon{
	width: 85px;
}



#medical-content #aside .aside-block.senior .aside-list li .icon{
	width: 85px;
	
}



/* --------------------------------------------------------------------------------
	★採用情報
-------------------------------------------------------------------------------- */
#recruit {
	/*padding-top: 70px;*/
	/*background-color: #FAFAFA;*/
}
#recruit .inner {
	padding: 0 30px;
}
/*
   mv
*/
#recruit .mv {
	padding: 100px 0 0;
}

#recruit .mv .heading {
	
}

#recruit .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#recruit .mv .heading .ttl {
	margin: 10px 0 0;
}
#recruit .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
}
#recruit .mv .heading .ttl .sub-ttl {
	font-size: 14px;
	margin:5px 0 0 1em;
}
#recruit .mv .heading .img {
	width: 57px;
}
#recruit .mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	
}
#recruit .mv .content {
	display: flex;
	flex-direction: column-reverse;
}
#recruit .mv .content .desc {
	width: 100%;
	margin:0 0 50px;
}
#recruit .mv .content .desc h3 {
	font-size: 20px;
	line-height: 1.8;
	font-weight: 400;
	margin: 0 0 20px;
}
#recruit .mv .content .desc .txt {
	font-size: 14px;
	line-height: 2.2;
}
#recruit .mv .content .img {
	margin:0 0 60px;
}


#recruit .mv .content2 {
	display: flex;
	flex-direction: column-reverse;
}
#recruit .mv .content2 .desc {
	width: 100%;
	margin:0 0 50px;
}
#recruit .mv .content2 .desc h3 {
	font-size: 20px;
	line-height: 1.8;
	font-weight: 400;
	margin: 0 0 20px;
}
#recruit .mv .content2 .desc .txt {
	font-size: 14px;
	line-height: 2.2;
	margin: 0 0 40px;
}
#recruit .mv .content2 .img {
	margin:0 0 40px;
}

#recruit .mv .content2 .img ul li:first-child img{
	width: 65vw;
	margin: 0 0 40px;
}

#recruit .mv .content2 .img ul li:last-child {
	text-align: right;
	
	
}
#recruit .mv .content2 .img ul li:last-child img{
	width: 65vw;
	
	
}



#recruit .hospital-view {
	position: relative;
	width: 100%;
	height: 140px;
	z-index: 1;
}
#recruit .hospital-view::before {
	content: "";
	display: block;
	width: 100%;
	height: 95px;
	/* background: #fff; */
	background: transparent;
	position: absolute;
	left: 0;
	top: -5px;
	z-index: 1;
}
#recruit .hospital-view::after {
	content: "";
	display: block;
	position: relative;
	width: 100%;
	height: 140px;
	z-index: 10;
	background: url(../images/index/hospital-view-slide.png) repeat-x 0 0;
	overflow: hidden;
	-moz-animation: newsloop 80s linear infinite;
	animation: typeloop 80s linear infinite;
	background-size: 920px 140px;
}
@keyframes typeloop {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -2060px 0;
	}
}
/* 
  info-column
 */
#recruit #info-column {
	padding: 100px 0 75px;
	background-color: #fff;
	overflow: hidden
}
#recruit #info-column .inner {
	width: 100%
}
#recruit #info-column .column-area {
	display: flex;
	width: 100%;
}
#recruit #info-column .column-head {
	text-align: center;
	width: 40px;
	margin: 0 30px 0 0;
}
#recruit #info-column .column-head h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	writing-mode: vertical-rl;
	
}
#recruit #info-column .column-head .img {
	display: none;
}
#recruit #info-column .column-contents {
	width: calc(100vw - 70px);
}
#recruit #info-column .column-contents .view-more {
	position: relative;
}
#recruit #info-column .column-contents .view-more a {
	position: absolute;
	width: 300px;
	left: 28vw;
	font-size: 16px;
	top: -14px;
}
#recruit #info-column .column-contents .view-more a::before {
	transform: rotate(45deg);
	top: 8px;
	right: 15px;
}
#recruit #info-column .column-contents .view-more a:hover::before {
	right: -20px;
}
#recruit #info-column .column-contents .view-more a::after {
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
#recruit #info-column .column-contents .view-more a:hover:after {
	width: 30px;
	right: -10px;
}
#recruit #info-column .column-contents .column-list {
	padding: 45px 0 15px;
	
}
#recruit #info-column .column-contents .column-list .column-item {
	width: 230px !important;
	margin-right: 20px;
	flex-shrink: 0 !important;
}
#recruit #info-column .column-contents .column-list .column-item .img {
	position: relative;
	margin: 0 0 10px;
}

#recruit #info-column .column-contents .column-list .column-item .img img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 15px;
}

#recruit #info-column .column-contents .column-list .column-item a .img::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: -1;
	opacity: 0;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#recruit #info-column .column-contents .column-list .column-item a:hover .img::before {
	z-index: 2;
	opacity: 1;
}
#recruit #info-column .column-contents .column-list .column-item a .img::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	border-top: 3px solid #F8F8F8;
	border-right: 3px solid #F8F8F8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	opacity: 0;
	z-index: -1;
}
#recruit #info-column .column-contents .column-list .column-item a:hover .img::after {
	z-index: 3;
	opacity: 1;
}
#recruit #info-column .column-contents .column-list .column-item .date {
	font-size: 12px;
	color: #999999;
}
#recruit #info-column .column-contents .column-list .column-item .title {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 400;
}
#recruit #info-column .column-contents .column-list .column-item .tag-list {
	display: flex;
	flex-wrap: wrap;
}
#recruit #info-column .column-contents .column-list .column-item .tag-list li {
	font-size: 14px;
	color: #999999;
	border: 1px solid #999999;
	border-radius: 30px;
	padding: 0px 10px;
	margin-right: 7px;
	margin-bottom: 5px;
}
#recruit #info-column .column-contents .column-list .column-item.tag-list li a {
	display: block;
	font-size: 12px;
	width: 100%;
	color: #999999;
	padding: 0px 10px;
	cursor: pointer;
}
#recruit #info-column .column-contents .column-list .column-item .tag-list li p {
	line-height: 1.4;
	font-size: 12px;
}
.column-list .slick-track {
	display: flex !important;
	width: calc(100vw - (15vw + 260px)) !important;
}
/*
   job-guideline
*/
#recruit #job-guideline {
	padding: 80px 0 40px;
	background-color: #FAFAFA;
}
#recruit #job-guideline .inner {
	
}
#recruit #job-guideline .job-guideline-ttl {
	font-size: 24px;
	margin: 0 0 30px;
	
}
#recruit #job-guideline .contents-area {
	
}
#recruit #job-guideline .job-content {
	border-radius: 20px;
	background-color: #fff;
	padding: 20px 20px 40px;
	position: relative;
	margin-bottom: 30px;
}
#recruit #job-guideline .job-content h4 {
	font-size: 20px;
	margin:20px 0 ;
	font-weight: 400;
}
#recruit #job-guideline .job-content .content-box {}
#recruit #job-guideline .job-content .content-box ul li {
	padding: 25px 0;
	border-bottom: 1px solid #707070;
}

#recruit #job-guideline .job-content .content-box ul li h5 {
	font-size: 16px;
	color: #7B7B7B;
	margin: 0 0 10px;
}


#recruit #job-guideline .job-content .content-box ul li .desc {
	font-size: 13px;
}
#recruit #job-guideline .job-content .content-box .deco {
	position: absolute;
	top: 20px;
	right: 20px;
}

#recruit #job-guideline .job-content .content-box .deco img{
	height: 82px;
	object-fit: contain;
}


/*#recruit #job-guideline #dentist.job-content .content-box .deco {
	width: 82px;
}
#recruit #job-guideline #hygienist.job-content .content-box .deco {
	width: 82px;
}
#recruit #job-guideline #assistant.job-content .content-box .deco {
	width: 62px;
}*/
/*
   entry 
*/
#recruit #entry {
	padding: 80px 0 20px;
	background-color: #EFEFEF;
}
#recruit #entry .heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto 20px;
}

#recruit #entry .heading h3 {
	font-size: 24px;
}


#recruit #entry .heading .img {
	width: 0px;
	position: relative;
}
#recruit #entry .heading .img img {
	display: none;
	position: absolute;
	top: -40px;
	right: 0px;
}
#recruit #entry .btn {
	width: 220px;
	margin: 0 auto;
}
#recruit #entry .btn button {
	display: flex;
	padding: 15px 35px 15px 80px;
	font-size: 13px;
	position: relative;
	border: 1px solid #111;
	border-radius: 30px;
	width: 100%;
	background-color: #fff;
}
#recruit #entry .btn button .i-arr {
	position: absolute;
	left: 65%;
}
/*
   form-area
 */
#form-area {
	
	margin: 0 auto 30px;
}
#form-area .form-list {
	width: 100%;
	margin-bottom: 40px;
}
#form-area .form-list tr {
	padding: 20px 0;
	border-bottom: 1px solid #707070;
	display: flex;
	flex-direction: column;
}
#form-area .form-list th {
	padding: 10px 0;
}
#form-area .form-list th p {
	text-align: left;
	position: relative;
	font-size: 16px;
}
#form-area .form-list th p::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #111;
	margin-right: 10px;
	padding: 2px;
	margin-bottom: 3px;
}
#form-area .form-list th .required {
	background-color: #111;
	color: #fff;
	border-radius: 30px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	padding: 2px 10px;
}
#form-area .form-list td {
	
}
#form-area .form-list td input {
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px 30px;
	font-size: 12px;
}
#form-area .form-list td select {
	width: 60%;
	font-size: 12px;
	padding: 15px 30px;
	border: none;
	border-radius: 10px;
}
#form-area .form-list td textarea {
	width: 100%;
	height: 326px;
	padding: 20px 30px;
	border: none;
	border-radius: 10px;
}
#form-area .form-list .capital {
	display: block;
	font-size: 12px;
	margin: 0 0 7px;
}
#form-area .form-list .cities {
	display: block;
	margin: 10px 0 7px;
	font-size: 12px;
}
/* privacy-policy */
#form-area .privacy-policy {}
#form-area .privacy-policy .ttl {
	font-size: 13px;
	margin-bottom: 15px;
}
#form-area .privacy-policy .policy-box {
	width: 100%;
	height: 260px;
	overflow: scroll;
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 15px;
	margin-bottom: 20px;
}
#form-area .privacy-policy .policy-box p {
	font-size: 12px;
}
#form-area .privacy-policy .acceptance {
	text-align: center;
	font-size: 14px;
}
#form-area .privacy-policy .acceptance label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
#form-area .privacy-policy .acceptance input[type="checkbox"] {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#form-area .privacy-policy .acceptance input[type="checkbox"] {
	position: relative;
	width: 34px;
	height: 34px;
	background-color: #fff;
	border: 1px solid #000;
	vertical-align: -5px;
	border-radius: 50%;
	margin-right: 15px;
}
#form-area .privacy-policy .acceptance input[type="checkbox"]:checked:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #707070;
	opacity: 1;
}


#entry #form-area h3 {
	font-size: 24px;
	text-align: left;
	margin: 0;
	line-height: 1.7;
    }

#entry #form-area .thank-txt{
	line-height: 2.2;
	font-size: 14px;
	padding: 40px 0 120px;
    }


/* --------------------------------------------------------------------------------
	★採用情報コラム
-------------------------------------------------------------------------------- */



#recruit-column .inner {
	padding: 0 30px;
}
/*
   mv
*/
#recruit-column .mv {
	padding: 100px 0 0;
}

#recruit-column .mv .heading {
	
}

#recruit-column .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#recruit-column .mv .heading .ttl {
	margin: 10px 0 0;
}
#recruit-column .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
}
#recruit-column .mv .heading .ttl .sub-ttl {
	font-size: 14px;
	margin:5px 0 0 1em;
}
#recruit-column .mv .heading .img {
	width: 57px;
}
#recruit-column .mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	
}
#recruit-column .mv .content {
	display: flex;
	flex-direction: column-reverse;
}
#recruit-column .mv .content .desc {
	width: 100%;
	margin:0 0 50px;
}
#recruit-column .mv .content .desc h3 {
	font-size: 20px;
	line-height: 1.8;
	font-weight: 400;
	margin: 0 0 20px;
}
#recruit-column .mv .content .desc .txt {
	font-size: 14px;
	line-height: 2.2;
}
#recruit-column .mv .content .img {
	margin:0 0 60px;
}


/* blog-list-area */
#recruit-column #contents-area {
	padding: 0 0 60px;
}
#recruit-column #contents-area .inner {
	
}
#recruit-column #blog-list-area {
	margin: 0 0 70px;
}
#recruit-column #blog-list-area .entry-list {}
#recruit-column #blog-list-area .entry-list .blog-list-item {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 35px;
}
#recruit-column #blog-list-area .entry-list .blog-list-item .img {
	margin: 0 0 15px;
}

#recruit-column #blog-list-area .entry-list .blog-list-item .img img{
	width: 100%;
	height: 214px;
	object-fit: cover;
	border-radius: 15px;
}



#recruit-column #blog-list-area .entry-list .blog-list-item .content {
	position: relative;
	border-bottom: 1px solid #707070;
	padding-bottom: 18px;
}
#recruit-column #blog-list-area .entry-list .blog-list-item .content .date {
	color: #7B7B7B;
	font-size: 12px;
}
#recruit-column #blog-list-area .entry-list .blog-list-item .content .title {
	font-size: 14px;
	margin: 0 0 5px;
	padding: 0;
}
#recruit-column #blog-list-area .entry-list .blog-list-item .content .blog-btn {
	position: absolute;
	bottom: 20px;
	right: 10px;
	display: block;
	width: 36px;
	height: 36px;
	/*border: 1px solid #111;
	border-radius: 50%;*/
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#recruit-column #blog-list-area .entry-list .blog-list-item .content:hover .blog-btn {
	transform: translateX(10px);
}
#recruit-column #blog-list-area .entry-list .blog-list-item .content .blog-btn::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 47%;
	right: 10px;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#recruit-column #blog-list-area .entry-list .blog-list-item .content .blog-btn::after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	right: 13px;
	transform: translateY(-50%);
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#recruit-column #blog-list-area .entry-list .blog-list-item .tag-list {
	display: flex;
	flex-wrap: wrap;
}
#recruit-column #blog-list-area .entry-list .blog-list-item .tag-list li {
	font-size: 12px;
	color: #999999;
	border: 1px solid #999999;
	border-radius: 30px;
	padding: 0px 10px;
	margin-right: 7px;
	margin-bottom: 5px;
}
#recruit-column #blog-list-area .entry-list .blog-list-item .tag-list li a {
	display: block;
	font-size: 12px;
	width: 100%;
	color: #999999;
	padding: 0px 5px;
	cursor: pointer;
	line-height: 1.4;
}
#recruit-column #blog-list-area .entry-list .blog-list-item .tag-list li p {
	line-height: 1.4;
}
#recruit-column #aside .aside-block.category .heading {
	background-color: #346EAA;
}
#recruit-column #aside .aside-block.archive .heading {
	background-color: #346EAA;
}
/* pagenation */
#recruit-column .pagenation {
	display: flex;
	align-items: center;
	justify-content: center;
}
#recruit-column .pagenation .page-number {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #111;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 12px;
}
#recruit-column .pagenation .prev-page, #recruit-column .pagenation .next-page {
	display: block;
	width: 50px;
	height: 50px;
	transition: all .3s ease;
	cursor: pointer;
	position: relative;
	overflow: visible;
}
#recruit-column .pagenation .prev-page::before, #recruit-column .pagenation .next-page::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #111;
	border-top: 1px solid #111;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: all .3s ease;
}
#recruit-column .pagenation .prev-page::after, #recruit-column .pagenation .next-page::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background-color: #111;
	top: 0;
	bottom: 0;
	left: -20px;
	right: 0;
	margin: auto;
	transition: all .3s ease;
}
#recruit-column .pagenation .prev-page::before {
	transform: rotate(-135deg);
	left: -40px;
}
#recruit-column .pagenation .prev-page:hover:before {
	left: -80px;
}
#recruit-column .pagenation .prev-page:hover:after {
	left: -60px;
}
#recruit-column .pagenation .next-page::before {
	left: 40px;
}
#recruit-column .pagenation .next-page:hover::before {
	left: 60px;
}
#recruit-column .pagenation .next-page::after {
	left: 20px;
}
#recruit-column .pagenation .next-page:hover::after {
	left: 40px;
}


/* --------------------------------------------------------------------------------
	★お知らせ一覧
-------------------------------------------------------------------------------- */
#news-archive {
	background-color: #FAFAFA;
}
#news-archive .inner {
	padding: 0 30px;
}
/*
   mv
*/
#news-archive .mv {
	padding: 110px 0 30px;
}
#news-archive .mv .heading {
	
}
#news-archive .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#news-archive .mv .heading .ttl {
	
}
#news-archive .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.15em;
}
#news-archive .mv .heading .ttl .sub-ttl {
	font-size: 14px;
    margin: 5px 0 0 1em;
}
#news-archive .mv .heading .img {
	width: 94px;
}
#news-archive .mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
}
/* news-info */
#news-archive .news-info {
	margin: 0 auto;
	padding: 0 0 40px;
}
#news-archive .news-info .news-list {
	margin: 0 0 40px;
	padding: 0 30px;
}
#news-archive .news-info .news-list li {
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	margin: 0 0 15px;
	position: relative;
}
#news-archive .news-info .news-list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 7px 40px 15px 20px;
}
#news-archive .news-info .news-list li a .date {
	color: #7B7B7B;
	width: 100%;
	font-size: 12px;
}
#news-archive .news-info .news-list li a .title {
	font-size: 14px;
}
#news-archive .news-info .news-list li a .news-btn {
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #111;
	border-radius: 50%;
	position: absolute;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	right: 10px;
	bottom: 10px;
}
#news-archive .news-info .news-list li a:hover .news-btn {
	transform: translateX(10px);
}
#news-archive .news-info .news-list li a .news-btn::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 47%;
	right: 7px;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#news-archive .news-info .news-list li a .news-btn::after {
	content: "";
	width: 10px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* pagenation */
#news-archive .pagenation {
	display: flex;
	align-items: center;
	justify-content: center;
}
#news-archive .pagenation .page-number {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #111;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 12px;
}
#news-archive .pagenation .prev-page, #news-archive .pagenation .next-page {
	display: block;
	width: 50px;
	height: 50px;
	transition: all .3s ease;
	cursor: pointer;
	position: relative;
	overflow: visible;
}
#news-archive .pagenation .prev-page::before, #news-archive .pagenation .next-page::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #111;
	border-top: 1px solid #111;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: all .3s ease;
}
#news-archive .pagenation .prev-page::after, #news-archive .pagenation .next-page::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background-color: #111;
	top: 0;
	bottom: 0;
	left: -20px;
	right: 0;
	margin: auto;
	transition: all .3s ease;
}
#news-archive .pagenation .prev-page::before {
	transform: rotate(-135deg);
	left: -40px;
}
#news-archive .pagenation .prev-page:hover:before {
	left: -80px;
}
#news-archive .pagenation .prev-page:hover:after {
	left: -60px;
}
#news-archive .pagenation .next-page::before {
	left: 40px;
}
#news-archive .pagenation .next-page:hover::before {
	left: 60px;
}
#news-archive .pagenation .next-page::after {
	left: 20px;
}
#news-archive .pagenation .next-page:hover::after {
	left: 40px;
}
/* --------------------------------------------------------------------------------
	★お知らせ記事
-------------------------------------------------------------------------------- */

#news-single {
	background-color: #FAFAFA;
}
#news-single .inner {
	padding: 0 30px;
}
/*
   mv
*/
#news-single .mv {
	padding: 110px 0 30px;
}
#news-single .mv .heading {
	
}
#news-single .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#news-single .mv .heading .ttl {
	
}
#news-single .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.15em;
}
#news-single .mv .heading .ttl .sub-ttl {
	font-size: 14px;
    margin: 5px 0 0 1em;
}
#news-single .mv .heading .img {
	width: 94px;
}
#news-single .mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	display: none;
}


/* 
news-content 
*/
#news-single #contents-area {
	padding: 0;
}
#news-single #contents-area .inner {
	
}
#news-single #contents-area #main {
	
}
#news-single #main .content-block h3 {
	font-size: 20px;
	background: none;
	margin: 0 0 30px;
	padding: 5px 0;
}
#news-single #main .content-block .desc {
	font-size: 14px;
	line-height: 2.2;
}



/* --------------------------------------------------------------------------------
	★ブログ記事一覧
-------------------------------------------------------------------------------- */

#blog-archive {
	background-color: #FAFAFA;
}
#blog-archive .inner {
	padding: 0 30px;
}
/*
   mv
*/
#blog-archive .mv {
	padding: 110px 0 30px;
}
#blog-archive .mv .heading {
	
}
#blog-archive .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#blog-archive .mv .heading .ttl {
	
}
#blog-archive .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.15em;
}
#blog-archive .mv .heading .ttl .sub-ttl {
	font-size: 14px;
    margin: 5px 0 0 1em;
}
#blog-archive .mv .heading .img {
	width: 81px;
}
#blog-archive .mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
}




/* blog-list-area */
#blog-archive #contents-area {
	padding: 0 0 60px;
}
#blog-archive #contents-area .inner {
	
}
#blog-archive #blog-list-area {
	margin: 0 0 70px;
}
#blog-archive #blog-list-area .entry-list {}
#blog-archive #blog-list-area .entry-list .blog-list-item {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 35px;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .img {
	margin: 0 0 15px;
}

#blog-archive #blog-list-area .entry-list .blog-list-item .img img{
	width: 100%;
	height: 115vw;
	object-fit: contain;
	border-radius: 15px;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .content {
	position: relative;
	border-bottom: 1px solid #707070;
	padding-bottom: 18px;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .content .date {
	color: #7B7B7B;
	font-size: 12px;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .content .title {
	font-size: 14px;
	margin: 0 0 5px;
	padding: 0;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .content .blog-btn {
	position: absolute;
	bottom: 20px;
	right: 10px;
	display: block;
	width: 36px;
	height: 36px;
	/*border: 1px solid #111;
	border-radius: 50%;*/
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#blog-archive #blog-list-area .entry-list .blog-list-item .content:hover .blog-btn {
	transform: translateX(10px);
}
#blog-archive #blog-list-area .entry-list .blog-list-item .content .blog-btn::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 47%;
	right: 10px;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#blog-archive #blog-list-area .entry-list .blog-list-item .content .blog-btn::after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	right: 13px;
	transform: translateY(-50%);
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#blog-archive #blog-list-area .entry-list .blog-list-item .tag-list {
	display: flex;
	flex-wrap: wrap;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .tag-list li {
	font-size: 12px;
	color: #999999;
	border: 1px solid #999999;
	border-radius: 30px;
	padding: 0px 10px;
	margin-right: 7px;
	margin-bottom: 5px;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .tag-list li a {
	display: block;
	font-size: 12px;
	width: 100%;
	color: #999999;
	padding: 0px 5px;
	cursor: pointer;
	line-height: 1.4;
}
#blog-archive #blog-list-area .entry-list .blog-list-item .tag-list li p {
	line-height: 1.4;
}
#blog-archive #aside .aside-block.category .heading {
	background-color: #346EAA;
}
#blog-archive #aside .aside-block.archive .heading {
	background-color: #346EAA;
}
/* pagenation */
#blog-archive .pagenation {
	display: flex;
	align-items: center;
	justify-content: center;
}
#blog-archive .pagenation .page-number {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #111;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 12px;
}
#blog-archive .pagenation .prev-page, #blog-archive .pagenation .next-page {
	display: block;
	width: 50px;
	height: 50px;
	transition: all .3s ease;
	cursor: pointer;
	position: relative;
	overflow: visible;
}
#blog-archive .pagenation .prev-page::before, #blog-archive .pagenation .next-page::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #111;
	border-top: 1px solid #111;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: all .3s ease;
}
#blog-archive .pagenation .prev-page::after, #blog-archive .pagenation .next-page::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background-color: #111;
	top: 0;
	bottom: 0;
	left: -20px;
	right: 0;
	margin: auto;
	transition: all .3s ease;
}
#blog-archive .pagenation .prev-page::before {
	transform: rotate(-135deg);
	left: -40px;
}
#blog-archive .pagenation .prev-page:hover:before {
	left: -80px;
}
#blog-archive .pagenation .prev-page:hover:after {
	left: -60px;
}
#blog-archive .pagenation .next-page::before {
	left: 40px;
}
#blog-archive .pagenation .next-page:hover::before {
	left: 60px;
}
#blog-archive .pagenation .next-page::after {
	left: 20px;
}
#blog-archive .pagenation .next-page:hover::after {
	left: 40px;
}
/* --------------------------------------------------------------------------------
	★ブログ記事
-------------------------------------------------------------------------------- */

#blog-single {
	background-color: #FAFAFA;
}
#blog-single .inner {
	padding: 0 30px;
}
/*
   mv
*/
#blog-single .mv {
	padding: 110px 0 30px;
}
#blog-single .mv .heading {
	
}
#blog-single .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#blog-single .mv .heading .ttl {
	
}
#blog-single .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.15em;
}
#blog-single .mv .heading .ttl .sub-ttl {
	font-size: 14px;
    margin: 5px 0 0 1em;
}
#blog-single .mv .heading .img {
	width: 81px;
}
#blog-single .mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	display: none;
}

/* 
blog-content 
*/
#blog-single #contents-area {
	padding: 0;
}
#blog-single #contents-area .inner {
	
}
#blog-single #contents-area #main {
	
}
#blog-single #main .content-block h3 {
	font-size: 20px;
		background: none;
	margin: 0 0 30px;
	padding: 5px 0;
}
#blog-single #main .content-block .desc {
	font-size: 14px;
	line-height: 2.2;
}
#blog-single #aside .aside-block.category .heading {
	background-color: #346EAA;
}
#blog-single #aside .aside-block.archive .heading {
	background-color: #346EAA;
}
/* --------------------------------------------------------------------------------
	★faq
-------------------------------------------------------------------------------- */


#faq-archive{
	background-color: #FAFAFA;
}
#faq-archive .inner {
	padding: 0 30px;
}
/*
   mv
*/
#faq-archive .mv {
	padding: 110px 0 30px;
}
#faq-archive .mv .heading {
	
}
#faq-archive .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#faq-archive .mv .heading .ttl {
	
}
#faq-archive .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.15em;
}
#faq-archive .mv .heading .ttl .sub-ttl {
	font-size: 14px;
    margin: 5px 0 0 1em;
}
#faq-archive .mv .heading .img {
	width: 106px;
}
#faq-archive.mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
}

/* 
faq-area
*/
#faq-archive #contents-area {
	padding: 0 0 60px;
}
#faq-archive #parts-faq {
	background-color: #FAFAFA;
}
#faq-archive #parts-faq .inner {
	
}
#faq-archive #parts-faq #main {
	
}
#faq-archive #aside .aside-block.category .heading {
	background-color: #F4E58B;
}
#faq-archive #aside .aside-block.archive .heading {
	background-color: #F4E58B;
}
/* --------------------------------------------------------------------------------
	★お問い合わせ
-------------------------------------------------------------------------------- */

#form{
	background-color: #FAFAFA;
}
#form .inner {
	padding: 0 30px;
}
/*
   mv
*/
#form .mv {
	padding: 110px 0 30px;
}

#form #add-line{
	margin: 0 auto;
	padding: 50px 30px 0;
	background-color: #fff;
	
	
}

#form #add-line .txt{
	margin: 0 0 30px;
}

#form #add-line .txt h3{
	position: relative;
	font-size: 24px;  
	margin: 0 0 30px;
	line-height: 1.7;
	
}

#form #add-line .txt p{
	font-size: 14px; 
}

#form #add-line .txt p br{
	display: none;
}


#form #add-line .txt h3 img{
	position: absolute;
	right: 0px;
	top:-20px;
}

#form #add-line .img{
	text-align: center;
}

#form #add-line .img .ico{
	text-align: center;
}

#form #add-line .img .ico {
display: none;
}

#form #add-line .img .addbtn{
	margin: 0 auto;
	text-align: center;
	border-bottom: 2px solid #707070;
	padding: 0 0 50px;
}

#form #add-line .img .addbtn img{
	width: 200px;
	
}






#form .mv .heading {
	
}
#form .mv .heading .page-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
}
#form .mv .heading .ttl {
	
}
#form .mv .heading .ttl h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.15em;
}
#faq-archive .mv .heading .ttl .sub-ttl {
	font-size: 14px;
    margin: 5px 0 0 1em;
}
#form .mv .heading .img {
	width: 99px;
}
#form.mv .heading .desc {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
}




#form .content-heading {
	padding: 115px 30px 45px;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
}
#form .content-heading .desc {
	
}
#form .content-heading .desc h3 {
	font-size: 24px;
	margin: 10px 0 20px;
	line-height: 1.5;
	letter-spacing: 0.15em;
}
#form .content-heading .desc .tel {
	margin: 0 auto;
}
#form .content-heading .desc .tel a {
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #707070;
	margin-bottom: 20px;
}
#form .content-heading .desc .tel a svg {
	width: 24px;
	margin: 0 15px 0 0;
}
#form .content-heading .desc .tel a .number {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.5;
}
#form .content-heading .desc .date {
	display: flex;
	align-items: center;
	justify-content: center;
}
#form .content-heading .desc .date .time {
	font-size: 12px;
	margin: 0 15px 0 0;
}
#form .content-heading .desc .date .day {
	font-size: 12px;
	color: #7B7B7B;
}
#form .content-heading .img {
	position: absolute;
	right: 30px;
	width: 99px;
	top: 35px;
}




#form #form-area h3 {
	font-size: 30px;
	text-align: center;
	margin: 0 0 60px;
}
#form .btn {
	width: 320px;
	margin: 0 auto;
}
#form .btn a {
	display: flex;
	padding: 15px 25px 15px 80px;
	font-size: 16px;
	position: relative;
	border: 1px solid #111;
	border-radius: 30px;
	width: 100%;
	background-color: #fff;
}
#form .btn a .i-arr {
	position: absolute;
	left: 75%;
}


#form #form-area {
	padding: 60px 30px 0;
	background-color: #FAFAFA;
}
#form #form-area h3 {
	font-size: 24px;
	text-align: left;
	margin: 0;
	line-height: 1.7;
	
}

#form .btn {
	width: 220px;
	margin: 0 auto;
}
#form .btn button {
	display: flex;
	padding: 15px 35px 15px 80px;
	font-size: 13px;
	position: relative;
	border: 1px solid #111;
	border-radius: 30px;
	width: 100%;
	background-color: #fff;
}
#form .btn button .i-arr {
	position: absolute;
	left: 65%;
}

#form .thank-txt {
	line-height: 2.2;
    font-size: 14px;
	padding: 40px 0 120px;
}