/* Theme Name: PC0720 */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
/* 共通部分
============================================================================== */
html, body {
	font-size: 14px;
	line-height: 1.7;
	color: #461e14;
	font-family: "Noto Sans JP", sans-serif;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.sp_only{display: none;}
li {
	list-style: none;
}
a:hover img {
	opacity: .85;
}
.inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
}
table{
	table-layout: fixed;
}
td input{
	max-width: 60%;
}

/* header部分　下層共通
============================================================================== */
header {
	height: 130px;
}
.inner_1280 {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

header h1 {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 10;
}
header .tel_head{
	position: absolute;
	top: 36px;
	right: 0;
}

.flex_plus {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.flex_plus.start     { -webkit-justify-content: flex-start; justify-content: flex-start; }
.flex_plus.end       { -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex_plus.center    { -webkit-justify-content: center; justify-content: center; }
.flex_plus.around    { -webkit-justify-content: space-around; justify-content: space-around; }
.flex_plus.between   { -webkit-justify-content: space-between; justify-content: space-between; }
.flex_plus.stretch   { -webkit-align-items: stretch; align-items: stretch; }
.flex_plus.ai_center { -webkit-align-items: center; align-items: center; }
.flex_plus.ai_start  { -webkit-align-items: flex-start; align-items: flex-start; }
.flex_plus.ai_end    { -webkit-align-items: flex-end; align-items: flex-end; }

.mb5    { margin-bottom:  5px; }
.mb10   { margin-bottom: 10px; }
.mb15   { margin-bottom: 15px; }
.mb20   { margin-bottom: 20px; }
.mb25   { margin-bottom: 25px; }
.mb30   { margin-bottom: 30px; }
.mb35   { margin-bottom: 35px; }
.mb40   { margin-bottom: 40px; }
.mb45   { margin-bottom: 45px; }
.mb50   { margin-bottom: 50px; }
.mb55   { margin-bottom: 55px; }
.mb60   { margin-bottom: 60px; }
.mb65   { margin-bottom: 65px; }
.mb70   { margin-bottom: 70px; }
.mb75   { margin-bottom: 75px; }
.mb80   { margin-bottom: 80px; }
.mb85   { margin-bottom: 85px; }
.mb90   { margin-bottom: 90px; }
.mb95   { margin-bottom: 95px; }
.mb100  { margin-bottom:100px; }
.mb105  { margin-bottom:105px; }
.mb110  { margin-bottom:110px; }
.mb115  { margin-bottom:115px; }
.mb120  { margin-bottom:120px; }
.mb125  { margin-bottom:125px; }
.mb130  { margin-bottom:130px; }
.mb135  { margin-bottom:135px; }
.mb140  { margin-bottom:140px; }
.mb145  { margin-bottom:145px; }
.mb150  { margin-bottom:150px; }

/* .gnav */
.gnav {
	position: absolute;
	top: 30px;
	right: 205px;
	width: 480px;
	z-index: 10;
}
.gnav ul {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-align-items: flex-end; /* Safari用 */
	align-items: flex-end;
}
.gnav li a {
	display: -webkit-flex; /* Safari用 */
	display: flex;
	-webkit-justify-content: center; /* Safari用 */
	justify-content: center;

	padding: 10px 5px;
	position: relative;
}
.gnav li > a:hover:after , .gnav li > a.current:after{
	content: "";
	display: block;
	width: 30px;
	border-bottom: 1px solid #bf2f65;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -15px;
}
.gnav li:hover .sub{
	display: block;
}
.gnav li .sub p a {
	padding-top: 15px;
}

.sub {
	padding-top: 40px;
	width: 480px;
	position: absolute;
	right: 0;
	top: 50px;
	display: none;
	z-index: 99;
}

.sub_inner {
	background: #bf2f65;
	padding: 5px 20px 10px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content: space-around;/*--- safari（PC）用 ---*/
	justify-content:space-around;
	position: relative;
}
.sub_inner:before {
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #bf2f65;
	position: absolute;
	top: -16px;
	right: 118px;
}
.sub p { text-align: center;}
.sub a:hover {
	opacity: .75;
}

/* .main_img メイン画像　この上にヘッダーのせる
============================================================================== */
.main_img{
	background-position: top center;
	height: 700px;
	position: relative;
}
.main_img h2 {
	/* position: absolute; */
	/* top: 448px; */
	/* left: 0; */
	z-index: 1;
    position: absolute;
    top: 185px;
    left: 225px;
}



/* #content
======================================================================================== */

/* .news_index 新着情報
============================================================================== */
.news_index {
	padding: 104px 0 85px;
}
.news_index .box_news_index {
	width: 825px;
	margin: 0 auto;
}
.news_index h2 {
	margin-bottom: 55px;
}
.news_index ul {
	height: 215px;
	padding-right: 20px;
	overflow: hidden;
	position: relative;
}
.news_index ul li {
	padding-bottom: 25px;
	border-bottom: #674e49 dotted 1px;
	margin-bottom: 25px;
}
.news_index ul li .news_date{
	float: left;
}
.news_index ul li p{
	padding-left: 110px;
	word-wrap: break-word;
}
/* （パーフェクトスクロールバー） */
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	background: #bf2f65 !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	right: 0px !important;
	width: 3px !important;
}
.ps-container > .ps-scrollbar-y-rail {
	background: #fff !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	width: 3px !important;
	right: 0 !important;
}

/* .life_index 乳がんになっても安心して暮らせる社会生活を応援する
============================================================================== */
.life_index {
	height: 500px;
	background: url(images/index/bg_life.png) no-repeat center top / cover;
	padding-top: 115px;
}
.life_index h2 {
	text-align: center;
	margin-bottom: 60px;
}
.life_index p {
	font-size: 16px;
	line-height: 1.9;
	text-align: center;
}
/* .movie_index
============================================================================== */
.movie_index{
	padding: 80px 0 20px;
}
.movie_index .inner{width: 800px;}
.movie_index .wrap_staff01 .movie{
	max-width: 800px;
	height: 450px;
	position: relative;
}
.movie_index .movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie_index .txt{
	font-size: 17px;
	line-height: 1.8;
}
/* .medical_index 診療案内
============================================================================== */
.medical_index {
	padding: 113px 0 105px;
}
.medical_index h2 {
	text-align: center;
	margin-bottom: 60px;
}
.medical_index ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/* .breast_index 乳腺診療専門クリニック
============================================================================== */
.breast_index {
	height: 580px;
	background: url(images/index/bg_breast.png) center top no-repeat;
	padding-top: 132px;
}
.breast_index h2 {
	margin-bottom: 45px;
}
.breast_index p {
	font-size: 16px;
	line-height: 2.5;
	margin-bottom: 50px;
}
.breast_index ul {
	width: 540px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/* .survivorship_index サバイバーシップ支援
============================================================================== */
.survivorship_index {
	height: 720px;
	background: url(images/index/bg_survivorship.png) center top no-repeat;
	padding-top: 140px;
}
.survivorship_index h2 {
	text-align: center;
	margin-bottom: 40px;
}
.survivorship_index p {
	font-size: 16px;
	line-height: 1.9;
	text-align: center;
	margin-bottom: 55px;
}
.survivorship_index ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/* .bnrbox_index バナー３つ
============================================================================== */
.bnrbox_index {
	padding: 70px 0 65px;
}
.bnrbox_index .bnr_association {
	text-align: center;
	margin-bottom: 50px;
}
.bnrbox_index ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.bnrbox_index .bnr_sangyo_office {
    margin-top: 50px;
	text-align: center;
}
/*
============================================================================== */


/* フッター総合
======================================================================================== */

/* .foot_main フッター本体
============================================================================== */
.foot_main {
	border-top: #bf2f65 solid 1px;
	padding: 100px 0;
}
.foot_main h2 {
	text-align: center;
	margin-bottom: 50px;
}
.foot_main .col_l {
	width: 50%;
	float: left;
}
.foot_main .col_r {
	width: 50%;
	float: right;
	padding-left: 50px;
	padding-top: 22px;
}

/* （中身　左） */
.foot_main .col_l .telfax_foot {
	margin-bottom: 24px;
}
.foot_main .col_l p:nth-of-type(1) {
	margin-bottom: 25px;
}
.foot_main .col_l .tbl_foot {
	margin-bottom: 12px;
}

/* （中身　右） */
.foot_main .col_r > p {
	line-height: 2.0;
	letter-spacing: -0.02em;
	margin-bottom: 18px;
}
.foot_main .col_r .map_foot {
	margin-bottom: 15px;
}
.foot_main .col_r .icn_car {
	background: url(images/index/icn_car.png) left center no-repeat;
	padding-left: 48px;
}
.foot_main .col_r .icn_car p {
	color: #5a4632;
	line-height: 1.5;
}

/* page_top ページトップ
======================================================================== */
.page_top {
	position: absolute;
	right: -40px;
	bottom: -90px;
}

/* #map グーグルマップ
============================================================================== */
#map {
	position: relative;
	width: 100%;
	padding: 500px 0 0 0;
}
#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* copyright コピーライト
============================================================================== */
.copyright {
	padding: 14px 0;
	background: #bf2f65;
	text-align: center;
}
.copyright small {
	font-size: 12px;
	color: #fff;
	line-height: 1;
}

.fix_web{
	position: fixed;
	right: 0;
	top: 35px;
	z-index: 1000;
}
.fix_web li{
	margin-bottom: 15px;
}
.inv-recaptcha-holder{
display: none;
}


/* ポップアップ popup
------------------------------------------------------------------*/
.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}
.popup.is_show {
	opacity: 1;
	visibility: visible;
}
.popup_inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 1000px;
	max-height: 90%;
	overflow-y: auto;
	background-color: #fff;
	z-index: 2;
}
.wrap_popup {
	padding: 50px 5%;
}
.popup .ttl {
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: .1em;
	font-size: 125%;
}
.popup .txt:not(:last-child) {
	margin-bottom: 40px;
}
.popup_inner .close_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.popup_inner .close_btn:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 20px;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #333;
}
.popup_inner .close_btn:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 20px;
	transform: rotate(-45deg);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #333;
}
.black_background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 1;
	cursor: pointer;
}
@media(max-width: 767px) {
	.wrap_popup {
		padding: 8vw 5% 7vw;
	}
	.popup .ttl {
		letter-spacing: 0;
		margin-bottom: 3vw;
	}
	.popup .txt:not(:last-child) {
		margin-bottom: 8vw;
	}
	.popup_inner .close_btn {
		right: 2vw;
		top: 2vw;
		width: calc(50 / 750 * 100vw);
		height: calc(50 / 750 * 100vw);
		line-height: calc(50 / 750 * 100vw);
	}
	.popup_inner .close_btn:before, .popup_inner .close_btn:after {
		width: calc(4 / 750 * 100vw);
		height: calc(30 / 750 * 100vw);
	}
}
.grecaptcha-badge { visibility: hidden; }