@charset "UTF-8";
/*
Theme Name:Seitai_pack-rwd
Description:整体院HPテンプレート(RWD-モバイル版CSS)
Author:ユアテイスト
Author URI:http://tastescity.com
Version:2.0
*/

body {
	font-size: 1.2rem;
	line-height: 1.4;
}

.sp_inline {
	display: inline !important;
}
.sp_block {
	display: block !important;
}
.sp_flex {
	display: flex !important;
}
.pc_inline,
.pc_block,
.pc_flex {
	display: none !important;
}
.hover:hover {
	opacity: 1;
}

.nd {display: block;}
.nds {display:none;}

.c-pictbox-r1			{float:right;width:50%;margin:8px 0px 8px 10px;}
.c-pictbox-r1 img	{width:100%;}
.c-pictbox-l1			{float:left;width:50%;margin:8px 10px 8px 0px;}
.c-pictbox-l1	img	{width:100%;}
.contactbox-2			{margin:15px 0px 8px 0px;}
.contactbox-2 a		{display:block;margin-top:10px;}

#sejyutu-box			{}
#sejyutu-box table{width:100%;}
#sejyutu-box th		{border-bottom:dotted 2px #ccc;font-weight:bold;padding:8px;background:url(https://nakano-seitai.jp/wp-content/themes/image/p_all/appointment-text2_bg.png) no-repeat top;text-align:left;}
#sejyutu-box td		{border-bottom:dotted 2px #ccc;font-weight:bold;padding:8px;}
#sejyutu-box div	{width:100%;padding:8px 0px 8px 0px;text-align:center;font-weight:bold;color:#f00;background:#fcf;}

.btn-orange {
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#fff;text-align:center;
	text-shadow: 0 -1px #FF3300;
	margin:15px 20px 10px 20px;
	padding: 8px 0px 8px 0px;
	background:#f90;
	background: -moz-linear-gradient(top, #FF9900, #FC7319);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FC7319));
	font-size:13px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 1px #c60;
	box-shadow: 0 2px 1px #c60;
	border:solid 1px #c60;
	}


/* header
******************************************
 */
#header {
	padding: 0;
	background: none;
}
#header:after {
	display: none;
}
#header .header_text {
	position: static;
	width: 100%;
	margin: 0;
	padding: 1vw 4.6vw;
	font-size: 1.2rem;
}
#header .header_text:after {
	display: none;
}
#header .main_visual {
	width: 100%;
}
#header .main_visual .text_block {
	bottom: 4vw;
	right: 0;
	width: 126vw;
	font-size: 6.5vw;
	transform: scale(0.5);
	transform-origin: right bottom;
}
#header .main_visual .text_block .sub_text {
	margin-top: 3vw;
	font-size: 4.5vw;
}
#header .header_inner {
	flex-direction: column;
}
#header .main_visual img {
	width: 100%;
}
#header .hours {
	align-self: flex-end;
	margin-top: 1vw;
	font-size: 1.2rem;
}
#header .tel_button {
	margin: 3vw 0;
}
#header .mail_button {
	margin: 0 0 6vw 0;
}

.navi_list {
	width: 100%;
	flex-wrap: wrap;
}
.navi_list > li {
	width: 50%;
}
.navi_list > li:nth-of-type(even) {
	border-left: 1px solid #fff;
}
.navi_list > li:nth-of-type(n+3) {
	border-top: 1px solid #fff;
}
.navi_list > li + li:before {
	display: none;
}
.navi_list > li > a {
	padding: 2vw;
	font-size: 1.2rem;
}
.navi_list > li > a:hover {
	background: #78ab3e;
	color: #fff;
}
.navi_list > li > a.active {
	background: #fff;
	color: #78ab3e;
}

.inner_navi_list {
	background: #fff;
	transition: 0.5s;
	opacity: 0;
}
.inner_navi_list.open {
	height: auto;
	border-bottom: 1px solid #78ab3e;
	opacity: 1;
}
.inner_navi_list > li + li {
	border-top: 1px solid #78ab3e;
}
.inner_navi_list > li > a {
	display: block;
	padding: 2vw;
	font-size: 1.2rem;
	color: #78ab3e;
	text-decoration: none;
}

/* maincontent
******************************************
 */
#maincontent {
	width: 100%;
	margin-top: 6vw;
}

/* 
Footer
****************************************
*/
#footer {
	margin-top: 10vw;
}
#footer .footer_inner {
	flex-direction: column;
	padding: 3vw;
	background: no-repeat url(image/footer/footer_bg_sp.png);
	background-size: cover;
}
#footer .footer_inner:before {
	display: none;
}
#footer .footer_inner h2 {
	width: 60%;
}
#footer address {
	padding: 3vw;
	font-size: 1rem;
}

/* Content
******************************************
 */
#content {
	width: 100%;
	padding: 0 3vw;
}
#content.page_block {
	width: calc(100% - 6vw);
	margin: 0 3vw;
	padding: 0 3vw;
}
#content h2 {
	margin: 0 -3vw 3vw -3vw;
	padding: 1vw 2vw;
	font-size: 1.6rem;
}
#content h3 {
	margin-bottom: 1vw;
	font-size: 1.4rem;
}
#content.page_block * + h2 {
	margin-top: 3vw;
}
#content.page_block * + p {
	margin-top: 3vw;
}

#content ul {
	margin-top: 3vw;
}
#content ul > li {
	padding-left: 1.5vw;
	border-left: 4px solid #ff9900;
}
#content ul > li + li {
	margin-top: 1.5vw;
}

#content dl {
	margin-top: 3vw;
	margin-bottom: 3vw;
}
#content dt {
	font-size: 1.4rem;
}

#content * + table {
	margin-top: 3vw;
}

#content table caption,
#content th,
#content td {
	padding: 1.5vw;
}

/* common
******************************************
 */
.content_block {
	padding: 0 3vw;
}
* + .content_block {
	margin-top: 3vw;
}
.content_block ul > li {
	font-size: 1.2rem;
}

.green_block,
.orange_block {
	margin-top: 3vw;
	padding: 3vw;
}
.green_block > h2 {
	margin-bottom: 1.5vw;
}
.green_block > p,
.orange_block p {
	font-size: 1.2rem;
}

.green_bg_box {
	margin-top: 3vw;
	padding: 3vw;
	font-size: 1.2rem;
}
.green_bg_box p + p {
	margin-top: 1.5vw;
	padding: 1.5vw;
}

.harf_block {
	flex-wrap: wrap;
}
.harf_block > * {
	width: 100%;
}
.harf_block > * + * {
	margin: 3vw 0 0 0;
}

.harf_list > li {
	width: calc((100% - 1vw) / 3);
}
.harf_list > li:nth-of-type(even) {
	margin-left: 0;
}
.harf_list > li:nth-of-type(n+4) {
	margin-top: 1vw;
}

.contact_block {
	margin-top: 3vw;
	padding: 0;
	background: none;
	border: none;
}
.contact_block .detail_box {
	padding: 3vw;
	background: no-repeat right / auto 100% #fff url(image/common/contact_block_bg.png);
	border: 1px solid #78ab3e;
}
.contact_block .detail_box h2 {
	font-size: 1.2rem;
}
.contact_block .detail_box p {
	width: 60%;
	margin-top: 1rem;
	padding: 0.5vw 1vw;
	font-size: 1rem;
}
.contact_box {
	flex-direction: column;
	margin-top: 3vw;
	padding: 0 3vw;
}
.contact_box .tel_item .hours {
	margin-top: 0;
	margin-bottom: 3vw;
	font-size: 1.2rem;
}
.contact_box .tel_item,
.contact_box .mail_item {
	width: 100%;
}
.contact_box .mail_item {
	margin-top: 3vw;
	margin-left: 0;
}

.campaign_block {
	margin-top: 3vw;
}
.campaign_block h4 {
	margin-bottom: 3vw;
	font-size: 1.2rem;
}
.campaign_block .campaign_name {
	padding: 1vw 2vw;
	font-size: 1.6rem;
}
.campaign_block .inner {
	padding: 0;
	background: none;
	border: none;
}
.campaign_box {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	background: no-repeat left / auto 100% #fff url(image/common/campaign_block_bg.jpg);
	padding: 3vw;
	border: 1px solid #78ab3e;
	border-radius: 0 0 2px 2px;
}
.campaign_box .clinic_name {
	padding-right: 80px;
	font-size: 1rem;
}
.campaign_box .course_name {
	padding-right: 80px;
	font-size: 1.2rem;
}
.campaign_box .campaign_item {
	margin-top: 3vw;
	padding-top: 3vw;
}
.campaign_box .campaign_item .conditions {
	margin-bottom: 1.5vw;
	font-size: 1.2rem;
}
.campaign_box .campaign_item .before_price,
.campaign_box .campaign_item .after_price {
	font-size: 1rem;
}
.campaign_box .campaign_item .before_price .price {
	font-size: 1.2rem;
}
.campaign_box .campaign_item .after_price .price {
	font-size: 2rem;
}
.campaign_box .campaign_item .off {
	top: -50px;
	right: 10px;
	width: 60px;
	height: 60px;
	font-size: 1.2rem;
}
.campaign_box .campaign_item .off .percent {
	font-size: 2rem;
}
.campaign_block .contact_box {
	margin-top: 3vw;
}

/* contact
******************************************
 */
.information {
	width: 100%;
	align-items: center;
	padding: 0 3vw;
}
.information_list {
	width: 100%;
	margin-top: 3vw;
	justify-content: space-between;
}
.information_list > li {
	width: 100%;
	padding: 0.2rem;
	font-size: 1.2rem;
}
.information_list > li + li {
	margin-left: 3vw;
}
.contact_box {
	width: 100%;
}
.tel_button {
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 2vw 3vw;
	background: #fff;
	border: 1px solid #ff9900;
	border-radius: 2px;
	color: #ff9900;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.2;
	text-decoration: none;
}
.tel_button:before {
	content: "\f879";
	display: inline-block;
	margin-right: 2.8vw;
	color: #ff9900;
	font-family: "Font Awesome 5 Free";
	font-size: 3.0rem;
	font-weight: 400;
	vertical-align: bottom;
	line-height: 1;
}
.mail_button {
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 2vw 3vw;
}
.mail_button:before {
	margin-right: 2.8rem;
}

/* 
Page index
--------------------------
 */
.voice_box .text_item {
	padding: 3vw;
}
.voice_box .text_item p {
	font-size: 1.2rem;
}
.voice_box .text_item .link {
	font-size: 1.2rem;
}
.voice_box .text_item .link:before {
	margin-right: 6px;
	font-size: 1.2rem;
}
.sub_voice_block {
	flex-wrap: wrap;
	margin-top: 3vw;
}
.sub_voice_block > .sub_voice_box {
	width: calc((100% - 1.5vw ) / 2);
	padding: 1.5vw;
}
.sub_voice_block > .sub_voice_box:nth-of-type(n+3) {
	margin-top: 1.5vw;
}
.sub_voice_block a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sub_voice_block p + p {
	margin-top: 0;
}
.sub_voice_block .img,
.sub_voice_block .parts {
	width: calc((100% - 1.5vw ) / 2);
	margin: 0;
	font-size: 1.2rem;
}
.sub_voice_block .text {
	width: 100%;
	font-size: 1.2rem;
}
.sub_voice_block .link {
	font-size: 1.2rem;
}

/* 
Page appointment
------------------------------
 */
.contactbox-1 {
	display: none;
}

/* 
Page voice
------------------------------
 */
.voice_block {
	margin-top: 3vw;
	padding: 1.5vw;
}
.voice_block .top_box {
	flex-direction: column;
}
.voice_block .top_box img {
	width: 50%;
	margin: 0 auto 1.5vw;
}
.voice_block .top_box .text_item .text {
	font-size: 1.4rem;
}
.voice_block .top_box .text_item .name {
	font-size: 1rem;
}
#content .voice_block .bottom_box .voice_list dt {
	margin-bottom: 1.5vw;
	padding: 1vw 1.5vw;
}
#content .voice_block .bottom_box .voice_list dt + dd,
#content .voice_block .bottom_box .voice_list dd + dt {
	margin-top: 1.5vw;
}
#content .voice_block .bottom_box .voice_list dd p + p {
	margin-top: 1.5vw;
}
.voice_block .bottom_box .scan_item {
	width: 60%;
	margin-top: 1.5vw;
}
.voice_block .bottom_box .scan_item:after {
	right: 3vw;
	bottom: 3vw;
	font-size: 3rem;
}

/* 
Page interview
------------------------------
 */
#content.interview_block {
	width: calc(100% - 6vw);
	margin: 0 3vw;
}
.interview_block p + p,
.interview_block .box1 + *,
.interview_block figure + * {
	margin-top: 3vw;
}
.interview_block .box1,
.interview_block p + figure {
	width: 35%;
	margin: 3vw 0 3vw 1.5vw;
}

/*
Form
------------------------------
*/
#content .formbox dl {
	flex-direction: column;
}
#content .formbox dt,
#content .formbox dd {
	width: 100%;
	margin-left: 0;
}
#content .formbox dd + dt {
	margin-top: 3vw;
}
#content .formbox input,
#content .formbox textarea,
#content .formbtn {
	width: 100%;
}
#content input[type="submit"] {
	width: 100%;
	margin-top: 3vw;
	padding: 2vw 3vw;
	background: #ff9900;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

/* 
Page flow
------------------------------
 */
.flow_list > li {
	width: calc((100% - 3vw) /2);
}
.flow_list > li:nth-of-type(n+4) {
	margin-top: 0;
}
.flow_list > li:nth-of-type(n+3) {
	margin-top: 3vw;
}
.flow_list h4 {
	margin-bottom: 0.5vw;
}
.flow_list p {
	margin-top: 1.5vw !important;
	font-size: 1.2rem;
}

/* 
完了ページ
------------------------------
 */
#kanryo-box p		{font-size:17px;font-weight:bold;line-height:2.5;padding-top:10px;}

/* 
ブログ
------------------------------
 */
#content-blog {
	flex-direction: column;
}
#content-blog #side-right {
	width: 100%;
	margin-left: 0;
	padding: 0 3vw;
}
#content-blog .entry{
	padding: 0 3vw;
}
#blog-box .entry .title {
	background:#eee bottom no-repeat;
	margin-bottom:4px;
}
#blog-box .entry .title a {
	display:block;
	font-weight:bold;
	padding:10px;
	line-height:1.4;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#blog-box .entry .title a:hover {
	display:block;
	font-weight:bold;
	padding:10px;
	line-height:1.4;
	font-size:14px;
	color:#666;
	text-decoration:none;
}
#blog-box .entry .title span {
	display:block;
	font-weight:bold;
	padding:10px;
	line-height:1.4;
	font-size:14px;
	color:#000;
	text-decoration:none;
}

#blog-box .wp-pagenavi {
	margin:16px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	text-align:center;
}
#blog-box .current {
	margin:4px;
	padding:4px 8px;
	border:solid 1px #f60;
	font-weight:bold;
	color:#fff;
	background:#fc0;
}
#blog-box .wp-pagenavi a {
	margin:4px;
	padding:4px 8px;
	border:solid 1px #f60;
	background:#fff;
}
.wp-pagenavi a:hover {
	margin:4px;
	padding:4px 8px;
	border:solid 1px #f60;
	background:#fc0;
	color:#fff;
}

#blogmenu {margin:10px 0px 10px 0px;border:solid 10px #eee;}
#blogmenu ul	{border:solid 1px #fff;}
#blogmenu h2	{background:#2774A4;font-size:16px;color:#fff;text-align:center;padding:8px;line-height:1.0;}
#blogmenu span{font-size:10px;}
#blogmenu a		{
	display:block;text-align:left;
	font-weight:bold;
	text-decoration:none;
	color:#333;font-size:11px;
	text-shadow: 0 -1px #fff;
	padding: 8px;
	background-color: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc),to(#fff));
	font-size: 13px;
	border-bottom: 1px solid #666;
}
#btn-blogtop {
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#fff;text-align:center;
	text-shadow: 0 -1px #FF3300;
	margin:15px 20px 10px 20px;
	padding: 8px 0px 8px 0px;
	background:#f90;
	background: -moz-linear-gradient(top, #FF9900, #FC7319);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FC7319));
	font-size:13px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 1px #c60;
	box-shadow: 0 2px 1px #c60;
	border:solid 1px #c60;
}

/* 当院の特徴：見出しの枠線を消す */
.feature_title {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.contact_box.custom-cta {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 16px;
}

.contact_box.custom-cta img {
  width: 100%;
  height: auto;
}