@charset "UTF-8";

/*共通：色やサイズなど
---------------------------------------------------------*/
.tekisyutsu {
	line-height: 2.2em;
	overflow: hidden;
}
.ft_min {
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
}

/* グラデインデックス */
.lp_index01, .lp_index02 {
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #ffffff;
	font-size: 215%;
	line-height: 1.6em;
	letter-spacing: 0.1em;
background: rgb(2,98,158);
background: -moz-linear-gradient(left,  rgba(2,98,158,1) 0%, rgba(41,171,226,1) 100%);
background: -webkit-linear-gradient(left,  rgba(2,98,158,1) 0%,rgba(41,171,226,1) 100%);
background: linear-gradient(to right,  rgba(2,98,158,1) 0%,rgba(41,171,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02629e', endColorstr='#29abe2',GradientType=1 );
}

/* 二重下線 */
.lp_index03 {
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #02629e;
}
.lp_index03 > span::before{
	border-top: 2px solid #02629e;
	border-bottom: 3px solid #02629e;
	opacity: 0.5;
}

/* 4つの安心 */
.lp_anshin{
	border-color: #b5e2f5;
}
.lp_anshin .t_ribbon .lp_index02 {
	padding: .2em 1em;
}
.lp_anshin .t_ribbon .lp_index02::before {
	border-right-color: #02629e;	/* リボンの曲がった部分 */
}
.lp_anshin .t_ribbon .lp_index02::after {
	border-top-color: #02629e;	/* リボンの曲がった部分 */
}
.lp_anshin .flex li .txt{
	font-weight: normal;
	color: #333;
	font-size: 140%;
	letter-spacing: .1em;
}
.lp_anshin .flex li .txt span{
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #02629e;
	font-size: 155%;
	line-height: 1.6em;
}

/* 治療の流れ */
.lp_flow_box .flex li {
	line-height: 1.6em;
}
.lp_flow_box .flex li .img_box::before{
	background-image: url(../images/lp/tekisyutsu/flow_arrow@2x.png);
}
.lp_flow_box .flex li dt{
	padding: .5em 0 .2em;
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 160%;
	line-height: 1.4em;
	letter-spacing: .15em;
	color: #02629e;
}

/* 料金表 */
.lp_price_box .tax {
	color: #333;
}
.lp_price_box table{
	background: #fff;
	color: #333;
	border-color: #666;
}

.lp_price_box thead th{
	background: #cceaf8;
}
.lp_price_box th,
.lp_price_box td{
	border-color: #666;
}
.lp_price_box th{
	color: #02629e;
}

/* QA */
.lp_qa_dl dt{
	background-image: url(../images/lp/tekisyutsu/icon_q@2x.png);
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 180%;
	color: #02629e;
	line-height: 1.4em;
	letter-spacing: .1em;
}
.lp_qa_dl dd{
	background-image: url(../images/lp/tekisyutsu/icon_a@2x.png);
}

/* 共通背景色 */
.tks_bg,
.lp_footer .bg_col {
	background-color: #f0faff;
}

/* マーカー */
.tekisyutsu .marker {
	background-image: url(../images/lp/tekisyutsu/marker@2x.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: auto 1.0em;
}

/* チェック */
.tks_check {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tks_check li {
	width: 48%;
	box-sizing: border-box;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6em;
	position: relative;
	padding-left: 1.8em;
	background: url(../images/lp/tekisyutsu/check@2x.png) no-repeat left .2em;
	background-size: 1.2em auto;
	margin-bottom: .8em;
}
.tks_check li.txt_long {
	width: 100%;
}
.tks_check li:nth-last-of-type(2),
.tks_check li:last-child {
	margin-bottom: 0;
}

.tks_strong {
	text-align: center;
	color: #02629e;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.6em;
}

/* 交通費 */
.lp_kotsuhi dt {
	width: 50%;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tekisyutsu {
	line-height: 2.0em;
}

/* グラデインデックス */
.lp_index01, .lp_index02 {
	font-size: 190%;
}

/* 4つの安心 */
.lp_anshin .flex li .txt {
	font-size: 2.2vw;
}

/* 治療の流れ */
.lp_flow_box .flex li dt{
	font-size: 2.6vw;
	letter-spacing: .05em;
}

/* QA */
.lp_qa_dl dt{
	font-size: 150%;
}

/* チェック */
.tks_check li {
	font-size: 110%;
	margin-bottom: .5em;
}

.tks_strong {
	font-size: 110%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {	
.tekisyutsu {
	line-height: 1.8em;
}

/* グラデインデックス */
.lp_index01, .lp_index02 {
	padding: .5em 0;
	font-size: 150%;
	line-height: 1.2em;
}

/* 4つの安心 */
.lp_anshin .flex li .txt{
	font-size: 95%;
	letter-spacing: .05em;
}
.lp_anshin .flex li .txt span{
	font-size: 130%;
	line-height: 1.2em;
	margin-bottom: .2em;
}

/* 治療の流れ */
.lp_flow_box .flex li dt{
	font-size: 130%;
	letter-spacing: .05em;
}

/* QA */
.lp_qa_dl dt{
	font-size: 122%;
}

/* チェック */
.tks_check {
	display: block;
}
.tks_check li {
	width: 100%;
	font-size: 110%;
	margin-bottom: .2em;
}
.tks_check li:nth-last-of-type(2) {
	margin-bottom: .2em;
}

.tks_strong {
	font-size: 110%;
	text-align: left;
}

/* 交通費 */
.lp_kotsuhi dt {
	width: 70%;
}
/* お問い合わせパーツがボックスをまたぐ場合 */
.lp_top_contact {
	padding-top: 40% !important;
}
.lp_btm_contact {
	padding-bottom: 40% !important;
}
}



/*メインイメージ
---------------------------------------------------------*/
.lp_m_img_box {
	background: #f1ebeb;
}
.lp_m_img_box::before {	
	background: url(../images/lp/tekisyutsu/m_img_r5@2x.jpg) repeat-x center center;
	background-size: contain;
}
.lp_m_img {
	background: url(../images/lp/tekisyutsu/m_img_bg5@2x.jpg) no-repeat center center;
	background-size: auto 100%;
}
.lp_m_img_box h2 {
	text-align: center;
}
.lp_m_point .in_box {
	border-color: #999;
}
.lp_m_point .in_box::before,
.lp_m_point .in_box::after {
	background: #999;
}
.lp_m_point .in_box p {
	color: #d6a546;
}
.lp_m_point .in_box .abs {
	text-align: right;
	font-size: 80%;
	letter-spacing: .05em;
	line-height: 1.4em;
	position: absolute;
	right: 0;
	bottom: calc(100% + .5em);
}
.lp_m_point {
	top: 680px;	/* ページ毎に位置 */
}
/* 交通費支給あり */
.lp_cnt_main {
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
}

/* 微調整 (1500px以下)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1500px) {
.lp_m_img {
	padding-bottom: 20px;
}
.lp_m_point {
	top: 60%;	/* ページ毎に位置 */
}
/* 交通費支給あり */
.lp_cnt_main {
	-webkit-transform: translateY(20%);
	transform: translateY(20%);
}
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.lp_m_img {
	padding-bottom: 8%;	
}
.lp_m_point .in_box .abs {
	font-size: 1.5vw;
	letter-spacing: normal;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lp_m_img {
	padding-bottom: 18%;	
}
.lp_m_img_box h2 {
	height: 198vw;
}
.lp_m_point .in_box .abs {
	font-size: 70%;
	letter-spacing: normal;
	line-height: 1.4em;
	text-align: left;
}
.lp_m_point .in_box .abs .tb_pc {
	margin-right: 1.5em;
}
/* 交通費支給あり */
.lp_m_point {
	bottom: 32vw !important;
}	
.lp_cnt_main {
	-webkit-transform: translateY(60%);
	transform: translateY(60%);
}
}



/*睾丸摘出手術とは
---------------------------------------------------------*/
.about {
	padding: 150px 0 100px;
	width: 100%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,246,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,246,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,246,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4f6ff',GradientType=0 );
}
.about .bg_white {
	margin-top: 100px;
	background: #fff;
	text-align: center;
	position: relative;
	padding: 80px 4% 60px;
}
.about .bg_white::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	top: 100%;
	background: url(../images/lp/tekisyutsu/shadow1@2x.png) no-repeat center top;
	background-size: 100% 100%;
}
.about .bg_white h3 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 45%;
	text-align: center;
	margin: auto;
}
.about .bg_white dt {
	margin-bottom: 30px;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about {
	padding: 10% 0 8%;
}
.about .bg_white {
	margin-top: 10%;
	padding: 8% 4% 6%;
}
.about .bg_white dt {
	margin-bottom: 3%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.about {
	padding: 40% 0 14%;
}
.about .bg_white {
	margin-top: 15%;
	padding: 12% 4% 8%;
	text-align: left;
}
.about .bg_white::after {
	height: 1.5em;
}
.about .bg_white h3 {
	width: 70%;
}
.about .bg_white dt {
	margin-bottom: 1.0em;
}
}



/*症例
---------------------------------------------------------*/
.tekisyutsu .case .w1200 {
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}
.tekisyutsu .case h3 {
	color: #02629e;
	font-size: min(4.5vw,310%);
	letter-spacing: .15em;
	line-height: 1.2em;
}
.tekisyutsu .case .memo {
	margin: 20px 0 30px;
}
.tekisyutsu .case .case_photo {
	display: flex;
    justify-content: space-between;
}
.tekisyutsu .case .case_photo li {
	width: 24%;
	max-width: 285px;
}
.tekisyutsu .case .case_photo li div {
	cursor: pointer;
	overflow: hidden;
}
.tekisyutsu .case .case_photo li img {
	-ms-filter: blur(15px);
	filter: blur(15px);
	transition: all 0.4s;
}
.tekisyutsu .case .case_photo li.active img {
	-ms-filter: blur(0px);
	filter: blur(0px);
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tekisyutsu .case .w1200 {
	padding-top: 6%;
	padding-bottom: 6%;
}
.tekisyutsu .case .memo {
	margin: 2% 0 3%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.tekisyutsu .case .w1200 {
	padding-top: 10%;
	padding-bottom: 10%;
}
.tekisyutsu .case h3 {
	font-size: 200%;
}
.tekisyutsu .case .memo {
	margin: 3% 0 4%;
	font-size: 90%;
}
.tekisyutsu .case .case_photo {
    flex-wrap: wrap;
}
.tekisyutsu .case .case_photo li {
	width: 48.5%;
	margin-top: 3%;
}
.tekisyutsu .case .case_photo li:nth-child(-n+2) {
	margin-top: 0;
}
}



/*できる方、できない方
---------------------------------------------------------*/
.ok_ng {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	text-align: center;
}
.ok_ng .ok_box {
	width: 39%;
	max-width: 453px;
}
.ok_ng .ng_box {
	width: 59%;
	max-width: 682px;
}
.ok_ng dt {
	display: inline-block;
	font-size: 250%;
	letter-spacing: .1em;
	line-height: 1.2em;
	padding: 1.2em 0 .5em;
	position: relative;
}
.ok_ng dt span {
	position: relative;
	z-index: 1;
}
.ok_ng dt::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 2.8em;
	height: 2.8em;
	top: 0;
	right: 0;
	-webkit-transform: translateX(40%);
	transform: translateX(40%);
	background-image: url("../images/lp/tekisyutsu/ok@2x.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;;
}
.ok_ng dd {
	position: relative;
	z-index: 1;
}
.ok_ng dd.txt {
	color: #02629e;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.4em;
}

.ok_ng .ok_box dt {color: #02629e;}
.ok_ng .ok_box dd.txt {
	margin-top: 2.0em;
}

.ok_ng .ng_box dt {color: #4d4d4d;}
.ok_ng .ng_box dt::before {
	background-image: url("../images/lp/tekisyutsu/ng@2x.png");
}
.ok_ng .ng_box dd.img_item {
	position: relative;
	padding-bottom: 45px;
}
.ok_ng .ng_box dd.img_item::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	max-width: 420px;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url("../images/lp/tekisyutsu/ng_arrow@2x.png") no-repeat center bottom;
	background-size: contain;
}
.ok_ng .ng_box dd.img_item img {
	position: relative;
	z-index: 1;
}
.ok_ng .ng_box dd.txt {
	margin-top: 1.0em;
}

/* 1150px以下
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1150px) {
.ok_ng dt {
	font-size: 3.4vw;
}
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.ok_ng dt {
	font-size: 3.9vw;
	letter-spacing: normal;
}
.ok_ng dd.txt {
	font-size: 100%;
}

.ok_ng .ok_box dd.txt {
	margin-top: 1.0em;
}
	
.ok_ng .ng_box dd.img_item {
	padding-bottom: 7%;
}
.ok_ng .ng_box dd.txt {
	margin-top: .5em;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.ok_ng {
	display: block;
}
.ok_ng .ok_box,
.ok_ng .ng_box {
	width: 100%;
	max-width: 100%;
}
.ok_ng dt {
	font-size: 180%;
	letter-spacing: .05em;
	padding-bottom: .2em;
}
.ok_ng dd.txt {
	font-size: 100%;
}

.ok_ng .ok_box dd.txt {
	margin-top: .5em;
}

.ok_ng .ng_box dd.img_item {
	padding-bottom: 6%;
}
.ok_ng .ng_box dd.img_item::before {
	max-width: 100%;
}
.ok_ng .ng_box dd.txt {
	margin-top: .5em;
}
}



/*診断書の取得が可能です
---------------------------------------------------------*/
.tek_shindansyo {
	width: 100%;
	max-width: 1000px;
	margin: 80px auto 0;
	box-sizing: border-box;
	border: solid 1px #02629e;
	background: #fff;
	border-radius: 20px;
	padding: 50px 0 20px;
	text-align: center;
	position: relative;
}
.tek_shindansyo dt:not(.abs) {
	color: #29abe2;
	font-size: 190%;
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-bottom: .5em;
}
.tek_shindansyo dd {
	line-height: 1.6em;
}
.tek_shindansyo dt.abs > span {
	display: inline-block;
	background: #02629e;
	color: #fff;
	font-size: 120%;
	font-weight: normal;
	letter-spacing: .2em;
	line-height: 1.2em;
	padding: .5em 1.5em;
	border-radius: .5em;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
}
.tek_shindansyo dt.abs > span::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 12px;
	background: url("../images/lp/tekisyutsu/fukidashi@2x.png") no-repeat center top;
	background-size: contain;
	left: 0;
	top: calc(100% - 1px);
}
.tek_shindansyo dt.abs > span:first-child {
	right: 52%;
}
.tek_shindansyo dt.abs > span:last-child {
	left: 52%;
}
.tek_shindansyo dt.abs > span span {
	color: #FFF100;
	font-weight: bold;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tek_shindansyo {
	margin-top: 6%;
	padding: 6% 0 2%;
}
.tek_shindansyo dt:not(.abs) {
	font-size: 3.2vw;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-bottom: .2em;
}
.tek_shindansyo dd {
	font-size: 90%;
}
.tek_shindansyo dt.abs > span {
	font-size: 100%;
	letter-spacing: .15em;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.tek_shindansyo {
	margin-top: 15%;
	padding: 12% 3% 2%;
}
.tek_shindansyo dt:not(.abs) {
	font-size: 120%;
	letter-spacing: normal;
	margin-bottom: .2em;
}
.tek_shindansyo dd {
	text-align: left;
	font-size: 90%;
}
.tek_shindansyo dt.abs > span {
	display: block;
	width: 42%;
	box-sizing: border-box;
	font-size: 90%;
	letter-spacing: .05em;
	padding: .5em 0;
}
}



/* 医師紹介
---------------------------------------------------------*/
.tekisyutsu .dr {
	margin-bottom: 100px;
}
.tekisyutsu .dr .dr_lead {
	width: 100%;
	position: relative;
}
.tekisyutsu .dr .dr_lead::before,
.tekisyutsu .dr .dr_lead::after {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: calc(100% + 80px);
	left: 0;
	top: 0;
	background: #f5f9f8 url(../images/lp/tekisyutsu/dr_bg@2x.jpg) no-repeat right top;
	background-size: auto 100%;
}
.tekisyutsu .dr .dr_lead::before {
	z-index: 1;
	background: url(../images/lp/tekisyutsu/dr_bg@2x.jpg) no-repeat right top;
	background-size: auto 100%;
}
.tekisyutsu .dr .dr_lead::after {
	z-index: 0;
	background: #f5f9f8;
}
.tekisyutsu .dr .w1200 {
	position: relative;
	z-index: 5;
}

.tekisyutsu .dr_lead .w1200 {
	padding-top: 100px;
	padding-bottom: 80px;
}
.tekisyutsu .dr_lead .in_box {
	width: 90%;
	max-width: 950px;
}

.tekisyutsu .dr_lead dl.ft_min dt {
	font-size: 180%;
	letter-spacing: .2em;
	line-height: 1.6em;
}
.tekisyutsu .dr_lead dl.ft_min dt .marker {
	background-size: auto .3em;
}
.tekisyutsu .dr_lead dl.ft_min dd {
	color: #02629e;
	font-size: 300%;
	letter-spacing: .1em;
	line-height: 1.5em;
	margin: .6em 0 1.0em;
}

.tekisyutsu .dr_lead .txt_box {
	position: relative;
}
.tekisyutsu .dr_lead .txt_box .txt {
	width: 78%;
	max-width: 680px;
}
.tekisyutsu .dr_lead .txt_box .abs {
	width: 22%;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translateY(-30%);
	transform: translateY(-30%);
}

.tekisyutsu .dr_lead .dr_name {
	text-align: right;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.4em;
	position: absolute;
	z-index: 4;
	right: 3%;
	bottom: 8%;
}

.tekisyutsu .dr_list .dr_bg {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,250,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,250,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,250,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0faff',GradientType=0 );
	padding: 60px 5%;
	margin-bottom: 50px;
}
.tekisyutsu .dr_list .flex_box {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.tekisyutsu .dr_list .flex_box .box_l {
	width: 28%;
}
.tekisyutsu .dr_list .flex_box .box_r {
	width: 69%;
	max-width: 730px;
}

.tekisyutsu .dr_list .license {
	color: #02629e;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: 1.0em;
}
.tekisyutsu .dr_list .dr_name {
	margin-bottom: 1.5em;
}
.tekisyutsu .dr_list .dr_name dt,
.tekisyutsu .dr_list .dr_name dd {
	display: inline-block;
	vertical-align: middle;
	color: #02629e;
}
.tekisyutsu .dr_list .dr_name dt {
	font-size: 140%;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-right: 1.0em;
}
.tekisyutsu .dr_list .dr_name dd {
	font-size: 280%;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.tekisyutsu .dr_list .box2 .dr_name {
	font-size: 90%;
}
.tekisyutsu .dr_list .prof_box {
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.tekisyutsu .dr_list .prof_box > div {
	width: 48%;
	line-height: 1.6em;
}
.tekisyutsu .dr_list .prof_box p {
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #02629e;
	font-size: 120%;
	letter-spacing: .2em;
	line-height: 1.2em;
	padding-bottom: .4em;
	position: relative;
	margin-bottom: 15px;
}
.tekisyutsu .dr_list .prof_box p::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
background: rgb(2,98,158);
background: -moz-linear-gradient(left,  rgba(2,98,158,1) 0%, rgba(41,171,226,1) 100%);
background: -webkit-linear-gradient(left,  rgba(2,98,158,1) 0%,rgba(41,171,226,1) 100%);
background: linear-gradient(to right,  rgba(2,98,158,1) 0%,rgba(41,171,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02629e', endColorstr='#29abe2',GradientType=1 );
}
.tekisyutsu .dr_list .prof_box .keireki dl {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tekisyutsu .dr_list .prof_box .keireki dt {
	width: 5.5em;
}
.tekisyutsu .dr_list .prof_box .keireki dd {
	width: calc(100% - 5.5em);
	margin-bottom: .5em;
}
.tekisyutsu .dr_list .prof_box .keireki dd:last-child {
	margin-bottom: 0;
}
.tekisyutsu .dr_list .prof_box .keireki li {
	margin-bottom: .5em;
}
.tekisyutsu .dr_list .prof_box .keireki li:last-child {
	margin-bottom: 0;
}
.tekisyutsu .dr_list .prof_box .syozoku li {
	position: relative;
	padding-left: 1.2em;
	margin-bottom: .5em;
}
.tekisyutsu .dr_list .prof_box .syozoku li:last-child {
	margin-bottom: 0;
}
.tekisyutsu .dr_list .prof_box .syozoku li::before {
	font-family: 'fontello';
	content: '\e802';
	color: #9cc2d9;
	font-size: 90%;
	position: absolute;
	left: 0;
	top: 0;
}

/* 微調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1300px) {
.tekisyutsu .dr .dr_lead::before {
	opacity: 0.5;
}
.tekisyutsu .dr_lead dl.ft_min {
	font-size: 1.2vw;
}
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tekisyutsu .dr {
	margin-bottom: 10%;
}
.tekisyutsu .dr .dr_lead::before {
	width: 120%;
	opacity: 0.8;
}
.tekisyutsu .dr_lead dl.ft_min {
	font-size: 100%;
}

.tekisyutsu .dr_lead .w1200 {
	padding-top: 8%;
	padding-bottom: 4%;
}

.tekisyutsu .dr_lead dl.ft_min dt {
	font-size: 150%;
	letter-spacing: .1em;
}
.tekisyutsu .dr_lead dl.ft_min dd {
	font-size: 220%;
	margin-bottom: .6em;
}

.tekisyutsu .dr_lead .txt_box {
	font-size: 90%;
}
	
.tekisyutsu .dr_lead .dr_name {
	font-size: 90%;
}

.tekisyutsu .dr_list .dr_bg {
	padding: 6% 4%;
	margin-bottom: 4%;
	font-size: 90%;
	line-height: 2.0em;
}
.tekisyutsu .dr_list .dr_name {
	margin-bottom: .5em;
}
	
.tekisyutsu .dr_list .prof_box {
	margin-top: 1.5em;
	font-size: 90%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.tekisyutsu .dr {
	margin-bottom: 10%;
}
.tekisyutsu .dr .dr_lead::before,
.tekisyutsu .dr .dr_lead::after {
	height: calc(100% + 2.0em);
	background-position: right top;
	background-size: auto 50vw;
}

.tekisyutsu .dr_lead .w1200 {
	padding-top: 15%;
	padding-bottom: 10%;
}
.tekisyutsu .dr_lead .in_box {
	width: 100%;
	max-width: 100%;
}

.tekisyutsu .dr_lead dl.ft_min dt {
	font-size: 120%;
	letter-spacing: .1em;
}
.tekisyutsu .dr_lead dl.ft_min dt .marker {
	background-size: auto .5em;
}
.tekisyutsu .dr_lead dl.ft_min dd {
	font-size: 160%;
	letter-spacing: .05em;
	margin: .5em 0;
}

.tekisyutsu .dr_lead .txt_box .txt {
	width: 100%;
	max-width: 100%;
}
.tekisyutsu .dr_lead .txt_box .abs {
	margin-top: 8%;
	margin-left: 5%;
	width: 40%;
	position: static;
	-webkit-transform: none;
	transform: none;
}

.tekisyutsu .dr_lead .dr_name {
	font-size: 70%;
	bottom: auto;
	top: 20%;
}

.tekisyutsu .dr_list .dr_bg {
	padding: 8% 4%;
	margin-bottom: 5%;
}
.tekisyutsu .dr_list .flex_box {
	display: block;
}
.tekisyutsu .dr_list .flex_box .box_l {
	width: 40%;
	margin: 0 auto 1.5em;
	text-align: center;
}
.tekisyutsu .dr_list .flex_box .box_r {
	width: 100%;
	max-width: 100%;
}

.tekisyutsu .dr_list .license {
	font-size: 110%;
	letter-spacing: .05em;
	margin-bottom: .5em;
	text-align: center;
}
.tekisyutsu .dr_list .dr_name {
	font-size: 80%;
	margin-bottom: 1.0em;
	text-align: center;
}
.tekisyutsu .dr_list .dr_name dt {
	margin-right: .5em;
}
.tekisyutsu .dr_list .dr_name dd {
	font-size: 250%;
}
.tekisyutsu .dr_list .box2 .dr_name {
	font-size: 70%;
}
.tekisyutsu .dr_list .prof_box {
	margin-top: 0;
	display: block;
}
.tekisyutsu .dr_list .prof_box > div {
	width: 100%;
	font-size: 85%;
	line-height: 1.6em;
}
.tekisyutsu .dr_list .prof_box p {
	margin-top: 1.0em;
	margin-bottom: .5em;
}
.tekisyutsu .dr_list .prof_box .keireki dd,
.tekisyutsu .dr_list .prof_box .keireki li,
.tekisyutsu .dr_list .prof_box .syozoku li {
	margin-bottom: .2em;
}
}



/*手術・アフターフォロー
---------------------------------------------------------*/
.tekisyutsu .ope_after {
	margin-bottom: 100px;
}
.tekisyutsu .ope_after table {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}
.tekisyutsu .ope_after th {
	background: #f0faff;
	width: 20%;
}
.tekisyutsu .ope_after td {
	width: 80%;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tekisyutsu .ope_after {
	margin-bottom: 8%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.tekisyutsu .ope_after {
	margin-bottom: 14%;
}
}



/*睾丸摘出の効果
---------------------------------------------------------*/
.tekisyutsu .koka {
	padding: 100px 0 80px;
}
.tekisyutsu .koka .point_list {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom: 80px;
}
.tekisyutsu .koka .point_list li {
	width: 24%;
	margin: 0 0.5%;
	background: #fff;
	box-sizing: border-box;
	padding: 30px 0;
	text-align: center;
	margin-bottom: 3%;
	position: relative;
}
.tekisyutsu .koka .point_list li::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0;
	top: 100%;
	background: url(../images/lp/tekisyutsu/shadow2@2x.png) no-repeat center top;
	background-size: 100% 100%;
}
.tekisyutsu .koka .point_list li p {
	margin-top: 1.0em;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6em;
}

.tekisyutsu .koka .gokibo {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 80px;
	box-sizing: border-box;
	border: solid 1px #29abe2;
	padding: 40px 4%;
	position: relative;
}
.tekisyutsu .koka .gokibo h4 {
	text-align: center;
	color: #d6a546;
	font-size: 220%;
	letter-spacing: .25em;
	line-height: 1.2em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tekisyutsu .koka .gokibo h4 span {
	display: inline-block;
	padding: 0 .5em;
	background: #f0faff;
}
.tekisyutsu .koka .gokibo p {
	text-align: center;
	margin-bottom: 30px;
}
.tekisyutsu .koka .gokibo ul {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.tekisyutsu .koka .attention {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.6em;
}
.tekisyutsu .koka .tek_shindansyo {
	margin-top: 50px;
	margin-bottom: 60px;
}

.tekisyutsu .koka .message {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 40px 4%;
	position: relative;
}
.tekisyutsu .koka .message dl {
	width: 80%;
	margin-left: auto;
	margin-right: 0;
}
.tekisyutsu .koka .message dt {
	color: #02629e;
	font-size: 160%;
	letter-spacing: .05em;
	line-height: 1.6em;
	margin-bottom: .8em;
}
.tekisyutsu .koka .message dt .marker {
	background-size: auto .5em;
}
.tekisyutsu .koka .message .abs {
	width: 18%;
	max-width: 160px;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: translate(-10%, 10%);
	transform: translate(-10%, 10%);
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tekisyutsu .koka {
	padding: 8% 0 6%;
}
.tekisyutsu .koka .point_list {
	margin-bottom: 8%;
}
.tekisyutsu .koka .point_list li {
	padding: 4% 0;
}
.tekisyutsu .koka .point_list li p {
	font-size: 1.8vw;
}

.tekisyutsu .koka .gokibo {
	margin-bottom: 6%;
	padding: 4%;
}
.tekisyutsu .koka .gokibo h4 {
	font-size: 200%;
}
.tekisyutsu .koka .gokibo p {
	margin-bottom: 3%;
}

.tekisyutsu .koka .tek_shindansyo {
	margin-top: 6%;
	margin-bottom: 6%;
}
	
.tekisyutsu .koka .message {
	padding: 4%;
}
.tekisyutsu .koka .message dl {
	width: 88%;
}
.tekisyutsu .koka .message dt {
	font-size: 150%;
	margin-bottom: .5em;
}
.tekisyutsu .koka .message .abs {
	width: 15%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.tekisyutsu .koka {
	padding: 14% 0 10%;
}
.tekisyutsu .koka .point_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin-bottom: 8%;
}
.tekisyutsu .koka .point_list li {
	width: 49%;
	margin: 0 0 4%;
	padding: 4% 0;
}
.tekisyutsu .koka .point_list li::after {
	height: 1.0em;
}
.tekisyutsu .koka .point_list li div {
	width: 40%;
	margin: 0 auto;
}
.tekisyutsu .koka .point_list li p {
	margin-top: .5em;
	font-size: 95%;
}

.tekisyutsu .koka .gokibo {
	margin-bottom: 12%;
	padding: 8% 4% 6%;
}
.tekisyutsu .koka .gokibo h4 {
	font-size: 140%;
	letter-spacing: .15em;
}
.tekisyutsu .koka .gokibo h4 span {
	padding: 0 .2em;
}
.tekisyutsu .koka .gokibo p {
	margin-bottom: 1.0em;
}
.tekisyutsu .koka .gokibo ul {
	max-width: 100%;
}

.tekisyutsu .koka .attention {
	font-size: 110%;
	letter-spacing: .1em;
	text-align: left;
}	

.tekisyutsu .koka .tek_shindansyo {
	margin-top: 10%;
	margin-bottom: 8%;
}
	
.tekisyutsu .koka .message {
	max-width: 100%;
	padding: 6% 4%;
}
.tekisyutsu .koka .message dl {
	width: 100%;
}
.tekisyutsu .koka .message dt {
	width: 82%;
	margin-left: auto;
	margin-right: 0;
	font-size: 140%;
	margin-bottom: 1.0em;
}
.tekisyutsu .koka .message .abs {
	left: 0;
	bottom: auto;
	top: 0;
	-webkit-transform: translate(-10%, 10%);
	transform: translate(-10%, -10%);
}
}



/*見た目
---------------------------------------------------------*/
.mitame {
	background: url(../images/lp/tekisyutsu/top_arrow1@2x.png) no-repeat center top;
	background-size: 100% auto;
	padding-top: 200px;
	padding-bottom: 60px;
}

.mitame h3 {
	text-align: center;
	color: #02629e;
	font-size: 220%;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-bottom: 40px;
}
.mitame h3 .txt_large {
	font-size: 140%;
}
.mitame h3 .marker {
	background-image: url(../images/lp/tekisyutsu/marker2@2x.png);
	background-size: auto .5em;
}
.mitame .lead {
	margin: 40px 0 60px;
}
.mitame .lead small {
	display: block;
	color: #333;
	font-size: 70%;
	font-weight: normal;
	letter-spacing: .05em;
	line-height: 1.2em;
	text-align: right;
}

.mitame .flex_box {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.mitame .flex_box > div {
	width: 49%;
	max-width: 570px;
}
.mitame .flex_box h4 {
	background: #02629e;
	padding: .4em 0;
	text-align: center;
	color: #fff;
	font-size: 150%;
	font-weight: normal;
	letter-spacing: .25em;
	line-height: 1.6em;
	margin-bottom: 40px;
}
.mitame .flex_box .frame_box {
	border: solid 1px #b5e2f5;
	padding: 40px 4%;
	text-align: center;
	position: relative;
}
.mitame .flex_box .frame_box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 57px;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../images/lp/tekisyutsu/arrow@2x.png) no-repeat center center;
	background-size: contain;
}
.mitame .flex_box .frame_box dl {
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
}
.mitame .flex_box .frame_box dt {
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #d6a546;
	font-size: 220%;
	letter-spacing: .25em;
	line-height: 1.2em;
	margin: .8em 0;
}
.mitame .flex_box .frame_box dd {
	text-align: left;
	line-height: 1.8em;
}

.mitame .merit {
	margin: 100px auto 0;
	box-sizing: border-box;
	position: relative;
	padding: 40px 4%;
}
.mitame .merit h4 {
	font-family: dnp-shuei-mincho-pr6,sans-serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	color: #d6a546;
	font-size: 220%;
	letter-spacing: .25em;
	line-height: 1.2em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mitame .merit .tks_check {
	margin-top: 40px;
	width: 90%;
	position: relative;
	z-index: 1;
}
.mitame .merit .abs {
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(30%, 5%);
	transform: translate(30%, 5%);
	width: 22%;
	max-width: 260px;
}

/* 同意書ダウンロード */
.mitame .doisyo {
	border: solid 3px #df381a;
	padding: 1.0em 3%;
	text-align: center;
	margin-top: 80px;
	font-size: 160%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.6em;
}
.mitame .doisyo dt {
	color: #df381a;
	margin-bottom: 1.0em;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.mitame {
	padding-top: 14%;
	padding-bottom: 4%;
}

.mitame h3 {
	font-size: 180%;
	letter-spacing: .1em;
	margin-bottom: 4%;
}
.mitame .lead {
	margin: 4% 0 6%;
}

.mitame .flex_box h4 {
	padding: .6em 0;
	font-size: 125%;
	letter-spacing: .1em;
	margin-bottom: 30px;
}
.mitame .flex_box .frame_box {
	padding: 6% 4%;
}
.mitame .flex_box .frame_box::before {
	height: 40px;
}
.mitame .flex_box .frame_box dt {
	font-size: 180%;
	margin-bottom: .5em;
}
.mitame .flex_box .frame_box dd {
	text-align: left;
}

.mitame .merit {
	margin-top: 8%;
	padding: 6% 4%;
}
.mitame .merit h4 {
	font-size: 180%;
}
.mitame .merit .tks_check {
	margin-top: 4%;
}

/* 同意書ダウンロード */
.mitame .doisyo {
	margin-top: 6%;
	font-size: 140%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.mitame {
	padding-top: 14%;
	padding-bottom: 10%;
}
.mitame h3 {
	font-size: 140%;
	letter-spacing: .1em;
	line-height: 1.8em;
	margin-bottom: 4%;
}
.mitame h3 .txt_large {
	font-size: 140%;
}
.mitame .lead {
	margin: 4% 0 0;
}

.mitame .flex_box {
	display: block;
}
.mitame .flex_box > div {
	margin-top: 8%;
	width: 100%;
	max-width: 100%;
}
.mitame .flex_box h4 {
	font-size: 130%;
	letter-spacing: .05em;
	margin-bottom: 2.0em;
}
.mitame .flex_box .frame_box {
	padding: 6% 4% 4%;
}
.mitame .flex_box .frame_box::before {
	height: 3em;
}
.mitame .flex_box .frame_box dl {
	max-width: 100%;
	margin-bottom: 3%;
}
.mitame .flex_box .frame_box dt {
	font-size: 170%;
	margin: .4em 0;
}

.mitame .merit {
	margin-top: 12%;
	padding: 10% 4%;
}	
.mitame .merit h4 {
	font-size: 160%;
	letter-spacing: .15em;
}
.mitame .merit .tks_check {
	width: 100%;
	max-width: 100%;
	margin-top: 4%;
}
.mitame .merit .abs {
	width: 30%;
	-webkit-transform: translate(0, 10%);
	transform: translate(0, 10%);
}

/* 同意書ダウンロード */
.mitame .doisyo {
	padding: 4% 3%;
	margin-top: 6%;
	font-size: 130%;
}
}



/*4つの安心
---------------------------------------------------------*/
.tks_anshin {
	background-image: url(../images/lp/tekisyutsu/top_arrow2@2x.png), url(../images/lp/bg1.png);
	background-repeat: no-repeat, repeat;
	background-position: center top, center center;
	background-size: 100% auto, 34px auto;
	padding-top: 200px;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tks_anshin {
	padding-top: 14%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.tks_anshin {
	padding-top: 14%;
}
}



/*QA
---------------------------------------------------------*/
.lp_qa_box .attention {
	width: 100%;
	max-width: 950px;
	margin: 0 auto 60px;
	text-align: center;
}
.lp_qa_box .attention dt {
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.6em;
	margin-bottom: .5em;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.lp_qa_box .attention {
	margin-bottom: 6%;
}
.lp_qa_box .attention dt {
	font-size: 120%;
}
}

/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lp_qa_box .attention {
	text-align: left;
	margin-bottom: 8%;
}
.lp_qa_box .attention dt {
	font-size: 120%;
	letter-spacing: .05em;
}
}