@charset "utf-8";


/*
########################################################
	ページ全体情報
########################################################
*/

.pc { display: block !important; }
.sp { display: none !important; }

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.window {
	margin: 0;
	padding: 0;
	width: 100%;
}
.page {
	margin: 0 auto;
	padding: 0;
	width: 1100px;
}
.pageIn {
	margin: 0 auto;
	padding: 0;
	width: 1070px;
}
h2 {
	font-size: 2.143em !important;
}
.caption {
	font-size: 12px;
}

.ttl_pointBg { /* 虹ありタイトル */
	text-align: center;
	padding-top: 50px;
	position: relative;
	font-size: 2.143em;
}
.ttl_pointBg:before { /* 虹ポイント */
	content: url('../img/title_bg.svg');
	display: inline-block;
	position: absolute;
	width: 101px;
	height: 36px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
}
.menu_index:before, .menu_index:after,
#topAboutBox:after, #pageAboutBox:after { /* 雲背景 */
	content: '';
	display: inline-block;
	position: absolute;
	background-image: url('../img/cloud_bg.svg');
	width: 171px;
	height: 97px;
}
.left_mainImg { /* 左画像 */
	width: 40%;
	height: 625px;
	position: absolute;
	left: -2px;
	border-radius: 150px 150px 0 0;
	-webkit-border-radius: 150px 150px 0 0;
	-moz-border-radius: 150px 150px 0 0;
	z-index: 0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.right_box { /* 右ブロック */
	width: 60%;
	float: right;
	padding: 65px 0 0 120px;
}
.right_box p {
	font-size: 1.143em;
	line-height: 2;
	width: 560px;
}
.schedule_table { /* 診察テーブル */
	width: 100%;
	border-top: 1px solid #DBE5AA;
	text-align: center;
}
.schedule_table th {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	background-color: #23b6bc;
	font-weight: normal;
	padding: 20px 0;
}
.schedule_table td {
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background-color: #fff;
	padding: 20px 0;
	font-size: 1.286em;
	width: 10%;
}
.right_box p.timeS_txt {
	font-size: 0.875em;
	margin-top: 10px;
	line-height: 1.4;
}




/*
########################################################
	ヘッダー
########################################################
*/
.header_content {
	padding: 40px 60px;
	width: 100%;
	box-sizing: border-box;
}
.header_content h1 img {
	width: 383px;
	height: 79px;
}
.header_content.flexBox, .header_leftBlock.flexBox {
	-webkit-align-items: center;
	align-items: center;
}
.con_ttl {
	background: #009fe8;
	padding: 10px 15px;
	text-align: center;
	font-size: 0.857em;
	color: white;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	position: relative;
	vertical-align: middle;
}
.tel {
	font-size: 2.143em;
	color: #009fe8;
	padding-left: 10px;
	vertical-align: middle;
}
.header_rightBlock__rightBox {
	margin-left: 30px;
}


/*
########################################################
	グローバルメニュー
########################################################
*/
#globalMenu {
	margin-bottom: 50px;
}
#globalMenu li {
	font-size: 1.143em;
	position: relative;
}
#globalMenu li:after {
	content: url(../img/global_bg.svg);
	width: 3px;
	height: 19px;
	top: 2px;
	position: absolute;
	display: inline-block;
	margin-left: 25px;
}
#globalMenu li:last-child:after {
	content: none;
}
#globalMenu li a {
	height: 19px;
	display: inline-block;
}



/*
########################################################
	トップページ
########################################################
*/
.center_btnBox {
	text-align: center;
}
a.blue_btn {
	background: #0068b6;
	padding: 15px 50px;
	text-align: center;
	font-size: 1.286em;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	color: white !important;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	display: inline-block;
	margin: 0 auto;
}

/*　メインイメージ
------------------------------------------------------------*/
#image_window {
	width: 85%;
	margin: 0 auto;
	position: relative;
}
.top_img {
	width: 100%;
	height: auto;
	border-radius: 150px 150px 0 0;
	-webkit-border-radius: 150px 150px 0 0;
	-moz-border-radius: 150px 150px 0 0;
	z-index: 0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.center-item {
	width: 60%;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 2;
}
.center-item li {
	color: white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 210px;
	height: 180px;
	font-size: 1.857em;
	text-align: center;
}
.center-item li.flexBox {
	justify-content: center;
	align-items: center;
}
.center-item li:first-child {
	background-color: #eb7292;
}
.center-item li:first-child span {
	font-size: 1.308em;
}
.center-item li:first-child span.sa_part {
	display: block;
	text-align: left;
	font-size: 0.846em;
}
.center-item li:nth-child(2n) {
	background-color: #f6ad00;
}
.center-item li:nth-child(2n) span {
	font-size: 0.846em;
}
.center-item li:last-child {
	background-color: #23b6bc;
}
.top_copy {
	background-color: white;
	width: 610px;
	height: 270px;
	margin-top: -50px;
	text-align: center;
	font-size: 2.143em;
	padding-top: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index: 1;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
}

/*　お知らせ	
------------------------------------------------------------*/
#info_Block {
	position: relative;
	margin-top: 170px;
	z-index: 3;
	padding: 60px 0;
}
#infoBox.flexBox {
	align-items: center;
}
.top_entry {
	width: 70%;
}
#info_Block li {
	width: 100%;
	margin-bottom: 45px;
	line-height: 2;
	padding: 0;
}
#info_Block li:before {
	content: none;
}
#info_Block li:last-child {
    margin-bottom: 0;
}
.top_entry li p {
	width: 80%;
}
.top_day {
	color: #898989;
}

/*　当院の施術内容	
------------------------------------------------------------*/
.topMenu_Block,
.pageMenu_Block {
	margin-top: 100px;
}
#topMenuBox p {
	margin: 10px auto 70px;
	text-align: center;
}
.menu_index {
	position: relative;
}
.menu_index:before {
	bottom: 300px;
	left: -80px;
}
.menu_index:after {
	bottom: 0;
	right: -100px;
}
.menu_index li {
	width: 30%;
	margin-bottom: 125px;
	position: relative;
}
/*.menu_index li:nth-child(4) {
	margin-left: 17%;
	margin-bottom: 100px;
}
.menu_index li:last-child {
	margin-right: 17%;
	margin-bottom: 100px;
}*/
.menu_index li img {
	width: 100%;
	height: 300px;
	border-radius: 80px 80px 0 0;
	-webkit-border-radius: 80px 80px 0 0;
	-moz-border-radius: 80px 80px 0 0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.menu_index_ttl {
	background-color: white;
	width: 300px;
	padding: 10px 0;
	text-align: center;
	font-size: 1.714em;
	margin: 0 auto;
	position: absolute;
	top: 275px;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
}
.menu_index li:nth-child(1) .menu_index_ttl,
#nekoze_ttl {
	border-top: 1px solid #e74478;
	border-bottom: 1px solid #e74478;
	color: #e74478;
}
.menu_index li:nth-child(2) .menu_index_ttl,
#kotsuban_ttl {
	border-top: 1px solid #009fe8;
	border-bottom: 1px solid #009fe8;
	color: #009fe8;
}
.menu_index li:nth-child(3) .menu_index_ttl,
#voltage_ttl {
	border-top: 1px solid #8dc21f;
	border-bottom: 1px solid #8dc21f;
	color: #8dc21f;
}
.menu_index li:nth-child(4) .menu_index_ttl,
#therapy_ttl {
	border-top: 1px solid #a574af;
	border-bottom: 1px solid #a574af;
	color: #a574af;
	letter-spacing: 0;
}
.menu_index li:nth-child(5) .menu_index_ttl,
#sango_ttl {
	border-top: 1px solid #ef8543;
	border-bottom: 1px solid #ef8543;
	color: #ef8543;
}
.menu_index li:nth-child(6) .menu_index_ttl,
#joy_ttl {
	border-top: 1px solid #23b6bc;
	border-bottom: 1px solid #23b6bc;
	color: #23b6bc;
}

/*　交通事故治療
------------------------------------------------------------*/
.topAccident_Block {
	background: url('../img/accident_bg.jpg') repeat;
	padding: 80px 0;
	width: 98%;
	margin: 140px 1% 0;
}
#accident_index h2 {
	text-align: center;
	margin-bottom: 60px;
}
#accident_index li {
	text-align: center;
	margin-bottom: 50px;
}
#accident_index img {
	width: 208px;
	height: 208px;
	margin-bottom: 25px;
}

/*　にじぞら整骨院について
------------------------------------------------------------*/
.topAbout_Block {
	margin-top: 140px;
}
#topAboutBox {
	margin-top: 85px;
	position: relative;
	min-height: 625px;
}
#topAboutBox:after,
#pageAboutBox:after {
	top: 0;
	right: 100px;
	z-index: 0;
}
.top_timeS_area {
	position: relative;
	margin-top: 50px;
}
.top_timeS {
	position: absolute;
	left: -150px;
	background-color: white;
	padding: 40px 30px;
	width: 60vw;
}

/* 患者様の声 */
.voice_Block {
	background: linear-gradient(rgba(255, 255, 255), rgba(255, 255, 255, 0)),
	url('../img/voice_bg.jpg') repeat;
	margin-top: 45px;
	padding: 60px 0;
}
.voice_title {
	width: 100%;
	text-align: center;
}
.voice_title h3 {
	display: inline-block;
	position: relative;
	margin-bottom: 70px;
	padding: 20px 70px;
	background: #f6f6f6;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	color: #e74478;
	font-size: 1.857em;
}
.voice_title h3:after{
	content: "";
	position: absolute;
	margin: 0;
	bottom: -30px;
	left: 70px;
	width: 0;
	height: 0;
	border-top: 40px solid #f6f6f6;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	transform: rotate(-20deg);
}
.voice_img li {
	width: 23%;
	margin-bottom: 60px;
}
.voice_img img {
	width: 100%;
	height: 300px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

/*　よくあるご質問
------------------------------------------------------------*/
.topFaq_Block {
	margin-top: 125px;
}
.topFaq_Block h2 {
	text-align: center;
	margin-bottom: 50px;
}
.faq_Box {
	padding: 35px 35px 35px 70px;
	background-color: #f6f6f6;
	margin-bottom: 45px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.faq_Box {
	padding: 35px 35px 35px 70px;
	background-color: #f6f6f6;
	margin-bottom: 45px;
}
.faq_Box dt {
	color: #8dc21f;
	font-weight: bold;
	font-size: 1.286em;
	margin-bottom: 20px;
	position: relative;
}
.faq_Box dt:before {
	content: 'Q';
	color: #8dc21f;
	font-size: 1.667em;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	position: absolute;
	top: -10px;
	left: -50px;
}


/*
########################################################
	ページ
########################################################
*/
#image_window.page_image {
	width: 100%;
	padding: 0 60px;
}
.page_title {
	width: 100%;
	height: 250px;
	border-radius: 150px 150px 0 0;
	-webkit-border-radius: 150px 150px 0 0;
	-moz-border-radius: 150px 150px 0 0;
	z-index: 0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	background: #e8fbfc url('../img/page_ttlBg.svg') no-repeat right bottom;
	background-size: 618px 206px;
	text-align: center;
	padding-top: 100px;
	margin-bottom: 20px;
}
.breadcrumbs .flexBox {
	justify-content: flex-start;
}
.breadcrumbs li {
	margin-left: 20px;
}
.breadcrumbs li:before {
	margin-right: 20px;
	content: '／';
	color: #626262;
}
.breadcrumbs li:first-child {
	margin: 0;
}
.breadcrumbs li:first-child:before {
	content: none;
}
h4.ttl_content {
	font-size: 2em;
}
.gray_bgArea {
	background-color: #f6f6f6;
	padding: 70px 0 30px;
	width: 98%;
	margin: 0 1% 170px;
}
.gray_bgArea li {
	width: 50%;
	position: relative;
	padding-left: 30px;
	margin-bottom: 30px;
}
.gray_bgArea li:before{ 
	content: "";
	position: absolute;
	top: .25em;
	left: 0;
	width: 13px;
	height: 13px;
	background-color: #f6ad00;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.content_listBlock_left .flexBox,
.content_listBlock_left.flexBox {
	align-items: center;
}

/*　にじぞら整骨院について
------------------------------------------------------------*/
.pageAbout_Block {
	margin-top: 50px;
}
#pageAboutBox {
	margin-top: 85px;
	position: relative;
	min-height: 625px;
}
#pageAboutBox h4 {
	margin-bottom: 50px;
}

.voice_comment {
	padding: 0 2%;
	margin-top: 20px;
}
.voice_comment.flexBox {
	justify-content: flex-start;
}
.voice_comment li {
	width: 30%;
	margin: 0 5% 50px 0;
}
.voice_comment li:nth-child(3n) {
	margin-right: 0;
}
.voice_comment li img {
	width: 100%;
	height: auto;
}

/*　当院の施術内容	
------------------------------------------------------------*/
.content_listBlock_left li {
	margin-top: 50px;
}
.content_listBlock_left img {
	width: 280px;
	height: 280px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.content_listBlock_con {
	width: 770px;
	line-height: 1.8;
}
.content_listBlock_con h4 {
	margin-bottom: 20px;
	line-height: 1.6;
}
.content_listBlock_con p {
	text-align: justify;
	font-size: 1.143em;
	line-height: 2;
}

/*　当院の施術内容	詳細ページテンプレート	
------------------------------------------------------------*/
.pageMenu_con_Block {
	margin-top: 55px;
}
.menu_con_ttl {
	background-color: white;
	padding: 10px 0;
	text-align: center;
	font-size: 1.714em;
	margin: 0 auto 85px;
	display: block;
	width: 30%;
}
.ttl_pointBg2 {
	color: #0068b6;
	font-size: 1.857em;
	margin-bottom: 20px;
}
.ttl_pointBg2:before {
	content: url('../img/title_bg2.svg');
	display: inline-block;
	width: 32px;
	height: auto;
	margin-right: 20px;
	vertical-align: middle;
}
.pageMenu_con_Block #pageAboutBox {
	margin-top: 0;
	margin-bottom: 170px;
}
.pageMenu_con_Block #pageAboutBox:after {
	content: none;
}
.pageMenu_con_Block .content_listBlock_left img {
	width: 400px;
	height: 400px;
}
.pageMenu_con_Block .content_listBlock_con {
	width: 610px;
}
#menu_con01 span {
	background: linear-gradient(transparent 60%, #ffa1bf 60%);
	padding-bottom: 3px;
}
#menu_con02 span {
	background: linear-gradient(transparent 60%, #87d5f9 60%);
	padding-bottom: 3px;
}
#menu_con03 span {
	background: linear-gradient(transparent 60%, #cce697 60%);
	padding-bottom: 3px;
}
#menu_con04 span {
	background: linear-gradient(transparent 60%, #cdb6d2 60%);
	padding-bottom: 3px;
}
#menu_con05 span {
	background: linear-gradient(transparent 60%, #ffc8a6 60%);
	padding-bottom: 3px;
}
#menu_con06 span {
	background: linear-gradient(transparent 60%, #aadee0 60%);
	padding-bottom: 3px;
}

/*　交通事故治療
------------------------------------------------------------*/
#pageAccident {
	margin-top: 85px;
}
.content_acciBox h3 {
	height: 200px;
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 2.143em;
	padding-top: 80px; 
}
.content_acciBox h3:after {
	content: '';
	height: 200px;
	width: 200px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit- transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}
.content_acciBox img,
.content_flowBox img {
	width: 400px;
}
.content_acciBox .content_listBlock_con,
.content_flowBox .content_listBlock_con {
	width: 630px;
}

#accident_con1 {
	margin: 85px 0 175px;
}
#accident_con1 h3:after {
	border: 1px solid #e74478;
}
#accident_con1 h4 {
	color: #e74478;
}
#accident_con2 {
	margin: 175px 0;
}
#accident_con2 h3:after {
	border: 1px solid #23b6bc;
}
#accident_con2 h4 {
	color: #23b6bc;
}
#accident_con3 h3:after {
	border: 1px solid #ef8543;
}
#accident_con3 h4 {
	color: #ef8543;
}

/*　施術の流れ
------------------------------------------------------------*/
.content_flowBox {
	padding: 50px 0;
}
.content_flowBox .content_listBlock_left {
	border-bottom: 3px dotted #e5e5e5;
	padding: 80px 0;
	position: relative;
}
.content_flowBox .content_listBlock_left:after {
	content: url('../img/arrow.svg');
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit- transform: translateX(-50%) translateY(-50%);
	width: 95px;
	height: 54px;
}
.last_child .content_listBlock_left {
	border: none;
	padding-bottom: 0;
}
.last_child .content_listBlock_left:after {
	content: none;
}
.content_flowBox h4:before {
	width: 85px;
	height: 85px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}
.content_flowBox h4.step1:before {
	content: url('../img/flow_point1.svg');
}
.content_flowBox h4.step2:before {
	content: url('../img/flow_point2.svg');
}
.content_flowBox h4.step3:before {
	content: url('../img/flow_point3.svg');
}
.content_flowBox h4.step4:before {
	content: url('../img/flow_point4.svg');
}
.content_flowBox h4.step5:before {
	content: url('../img/flow_point5.svg');
}

/*　料金表
------------------------------------------------------------*/
.content_priceBox {
	margin-top: 80px;
}
.price_table {
	width: 100%;
	border-top: 1px solid #dbdbdb;
	text-align: center;
	margin-bottom: 80px;
}
.price_table th {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	background-color: #f6ad00;
	font-weight: normal;
	padding: 20px 0;
	width: 30%;
}
.price_table td {
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background-color: #fff;
	padding: 20px 0;
}
.price_table span {
	color: #f6ad00;
	font-size: 1.286em;
}

/*　アクセス
------------------------------------------------------------*/
.content_mapBox {
	margin-top: 50px;
}
.map_box {
	width: 100%;
	height: 760px;
	padding: 0 60px;
}
.map_info {
	margin: 30px auto;
	line-height: 1.8;
}
.map_info a.blue_btn {
	padding: 10px 90px;
	margin: 0;
}
.map_access.gray_bgArea {
	padding: 50px 0;
	margin-bottom: 0;
}
.map_access_train, .map_access_car {
	width: 50%;
	line-height: 1.8;
}
.map_access h4 {
	font-size: 1.714em;
	margin-bottom: 20px;
}
.map_access_train h4:before,
.map_access_car h4:before {
	vertical-align: middle;
	display: inline-block;
	margin-right: 20px;
	height: 43px;
}
.map_access_train h4:before {
	content: url('../img/train_icon.svg');
	width: 23px;
}
.map_access_car h4:before {
	content: url('../img/car_icon.svg');
	width: 28px;
}
a.white_btn {
	background: white;
	border: 1px solid #0068b6;
	padding: 5px 30px;
	text-align: center;
	font-size: 1.143em;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	color: #0068b6 !important;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	display: inline-block;
	margin-top: 20px;
}
.content_aroundBox {
	margin-top: 175px;
}
.around_leftImg {
	width: 60%;
	height: 600px;
}
.around_rightImg {
	width: 40%;
	height: 600px;
}
.around_leftImg img,
.around_rightImg img {
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.around_leftImg img {
	height: 100%;
}
.around_rightImg img {
	height: 50%;
}
.content_aroundBox p {
	line-height: 2;
	margin-top: 30px;
}

/*　よくあるご質問
------------------------------------------------------------*/
.content_faqBox {
	margin-top: 100px;
}
.content_faqBox a {
	text-decoration: underline !important;
}



/* 404 */
.block404 {
	padding: 50px 0 100px !important;
	text-align: center;
	line-height: 200%;
}
.block404 p {
	margin-bottom: 45px;
}



/*
########################################################
	フッター
########################################################
*/
#footer {
	margin-top: 150px;
	border-top: 1px solid #dcdcdc;
	position: relative;
}
#goTopPage {
	width: 65px;
	height: 65px;
	position: absolute;
	top: -33px;
	right: 60px;
}
#fotInfo {
	padding: 80px 60px;
}
.fot_leftArea {
	width: 50%;
}
.fot_leftArea img {
	width: 311px;
	height: 56px;
	margin-bottom: 20px;
}
.fot_leftArea address {
	margin-bottom: 20px;
}
.fot_leftArea .schedule_table {
	margin: 20px 0 15px;
}
.fot_rightArea {
	width: 45%;
}
.fotLink {
	margin: 0 auto;
	padding: 30px 15%;
	border-top: 1px solid #dcdcdc;
}
.fotLink a {
	color: #7d7d7d !important;
}
#copy {
	color: #bfbfbf;
	font-size: 0.750em;
	padding: 15px 0;
	text-align: center;
	background-color: #f6f6f6;
}


_:lang(x)+_:-webkit-full-screen-document, #gNavi {
	letter-spacing: 0;
}