@charset "UTF-8";

/****************************************
特徴　index
*****************************************/
#inner-index{position: relative}
#inner-index .inner--short.title{position: absolute;top: 0;left: 0;right: 0;margin: auto;padding-top: 5%}
#wrap .catch{margin-top: 45px}
#inner-index dl{margin-top: -80px}
#inner-index dt a{text-decoration: none}
#inner-index dt{font-size: 2.5rem;letter-spacing: 0.2em;text-indent: 0.2em;}
#inner-index dt p{background: #e0edf1;margin: auto; width: 162px;  height: 162px;  border-radius: 50%;position:relative;margin-bottom: 10px}
#inner-index dt p img{ position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
#inner-index dt span{display:inline-block;vertical-align: middle;background: url("../images/top/bt_arrow.svg") no-repeat right center;background-size: 15px;padding-right: 22px}
#inner-index dd{text-align: left;padding-top: 20px;letter-spacing: 0.3em}

@media screen and (max-width: 896px) {
.imgwide img{height: 560px!important;width:auto!important;object-fit:cover}
#inner-index dt{font-size: 1.9rem;letter-spacing: 0em;text-indent: 0em;}
}
@media screen and (max-width: 480px) {
.imgwide img{height: auto!important;width:100%!important;object-fit:cover}
#inner-index dt{font-size: 2.5rem;letter-spacing: 0.2em;text-indent: 0.2em;}
#inner-index .inner--short.title{position: static;top: 0;left: 0;right: 0;margin: auto;padding-top: 5%}
#wrap .catch{margin-top: 25px}
#inner-index li.col3{width: 100%}
#inner-index li:nth-child(2){margin: 20px 0}
#inner-index dl{margin-top:20px}
}


/*ドルグ
.acc_box {margin: 20px 0 0;}
.acc_box h3{font-size: 3rem;background: #e0edf1 url("../images/common/bt_open.svg") no-repeat 93% center;background-size: 28px;text-align: left;padding: 46px 76px;cursor :pointer;}
.acc_box h3.act{background: #e0edf1 url("../images/common/bt_close.svg") no-repeat 93% center;background-size: 28px;}
.acc_box div.acc{padding: 0px 76px 20px;background: #e0edf1;line-height: 2.2em;display:none;}

.acc_box .btclose{display:block;font-size: 3rem;text-align: center; padding: 30px 46px;cursor :pointer;background:url("../images/common/bt_close.svg") no-repeat 60% 55%;background-size: 28px;color: #006466;letter-spacing: 0.1em;text-indent: 0.1em}

@media screen and (max-width: 480px) {
.acc_box h3 {padding:20px 25px 20px 12px;font-size: 2rem;background-size: 20px;}
.acc_box h3.act{background-size: 20px;}
.acc_box .btclose {padding:20px 30px;background:url("../images/common/bt_close.svg") no-repeat 70% 55%;font-size: 2rem;background-size: 20px;}
.acc_box div.acc{padding:0px 12px;}
}*/

/*ページ下部電話*/
.renraku{border: 1px solid #006466;padding: 12px 12px 12px 12px; border-radius: 7px;margin: 40px 0 0; background: #92c9d9;color: #fff;font-size: 1.6rem}
.renraku ul li:nth-of-type(1){
        margin-right: 10px;
}
@media screen and (max-width: 480px) {
.renraku .mL20{margin-left: 0!important}
.renraku li:nth-child(1){width: 15%;margin-right: 1% !important;}
.renraku li:nth-child(2){width: 84%;text-align: left; margin: 12px 0}
}

/****************************************
共通
*****************************************/
#wrap h4{
	padding-left: 55px;
	margin-bottom: 20px;
}
#wrap h4:before{
    content:" ";
    background:url(../images/opinfo/h4_icon.png);
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 48px;
    height: 8px;
    background-size: contain;
    transform: translate(0%, -50%);
}
.note{
	text-align: right;
	font-variant-position: 12px;
	color: #333333;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 30px;
}
.inner{
	width: 90%;
	margin: auto;
}



/****************************************
肝胆膵外科　kat
*****************************************/
#inner-kat{}
#inner-kat dl.shikaku{border: 1px solid #006466;border-radius: 7px;background: #fff;padding: 12px;display: inline-block;color: #006466;}
#inner-kat dl.shikaku dt{font-size: 1.8rem;text-align: left}
#inner-kat dl.shikaku dd{text-align: left}
@media screen and (max-width: 480px) {
#inner-kat .col2{width: 100%}
#inner-kat .col3{width: 48%}
#inner-kat .col3:nth-child(3){margin-top: 20px}
}



/****************************************
上部消化管外科　jac
*****************************************/
#inner-jac .acc p.catch{
	margin-top: 0px;
	margin-bottom: 30px;
}
#inner-jac .acc,
#inner-dac .acc{
	padding: 0px 0px 20px;
}

#inner-jac h5,
#inner-dac h5{
	font-size: 20px;
	color: #006769;
	margin-top: 100px;
	margin-bottom: 20px;
	position: relative;
}
#inner-jac h5.gastrectomy:before{
    content:" ";
    background:url(../images/opinfo/jac/h5_icon_01.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}
#inner-dac h5.colectomy:before{
    content:" ";
    background:url(../images/opinfo/dac/h5_icon_01.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}
#inner-jac h5.emr:before{
    content:" ";
    background:url(../images/opinfo/jac/h5_icon_02.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}
#inner-dac h5.laparoscopic_surgery:before{
    content:" ";
    background:url(../images/opinfo/dac/h5_icon_02.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}

#inner-dac h5.robotic_surgery:before{
    content:" ";
    background:url(../images/opinfo/dac/h5_icon_04.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}

#inner-jac h5.chemical:before{
    content:" ";
    background:url(../images/opinfo/jac/h5_icon_03.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}
#inner-dac h5.postoperative:before{
    content:" ";
    background:url(../images/opinfo/dac/h5_icon_03.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}

#inner-jac h5.lecs:before{
    content:" ";
    background:url(../images/opinfo/jac/h5_icon_04.png);
    display: inline-block;
    position: absolute;
    top: -100px;
    left: 50%;
    width: 168px;
    height: 132px;
    background-size: contain;
    transform: translate(-50%, 0%);
}
#inner-jac h5.radiation_therapy:before{
    content:" ";
    background:url(../images/opinfo/jac/h5_icon_05.png);
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 85px;
    height: 67px;
    background-size: contain;
    transform: translate(-50%, 0%);
}

#inner-jac .chemical_block{
	text-align: left;
}

#inner-jac h6{
	font-size: 18px;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: solid 2px #f55556;
	display: inline-block;
}
#inner-jac h6:before{
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-left: 7px solid #000;
    transform: rotate(90deg);
}

.acc .contents_white .method h3{
  color: #333333 !important;
  font-size: 19px !important;
  border-top: solid 1px #333333;
  border-bottom: solid 1px #333333;
  padding: 10px 0;
  margin-bottom: 20px;
  background-color: #fff;
  position: relative;
}
.contents_white .method .acc{
	background: #fff;
}

img.size90{
	width: 90%;
	margin: auto;
}

#inner-jac .acc figcaption{
	color: #666666;
	line-height: 1.5em;
}

#inner-jac .illustration01{
	position: relative;
	padding-bottom: 170px;
}
#inner-jac .illustration01:before{
    content:" ";
    background:url(../images/opinfo/jac/icon_gastric_cancer_04.png) no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 294px;
    height: 143px;
    background-size: contain;
    transform: translate(-50%, 0%);
}

.layout_design_01{
	margin-bottom: 50px;
}
.layout_design_01 .acc_box h3{
	background: #fff url("../images/common/bt_open.svg") no-repeat 93% center;
	border-bottom: solid 2px #f55556;
	border-top: none;
	padding: 10px 76px;
	background-size: 28px;
}
.layout_design_01 .acc_box div.acc{
	background: #fff;
}

/****************************************
下部消化管外科　dac
*****************************************/
#inner-dac .note{
	color: #006769;
    font-size: 1.5rem;
}

#inner-dac h4{
	text-align: center;
	background: no-repeat;
	color: #333333;
	font-size: 25px;
	padding-left: 0px;
}
#inner-dac h4:before{
	background: none;
}



/*--------------------
タブレット
--------------------*/
@media screen and (max-width:768px) {
	.block01-01 div{
		width: 96% !important;
		margin: auto !important;
		float: none !important;
	}
	#inner-dac .note{
		display: inline-block;
	}

	.layout_design_01 .acc_box h3{
		font-size: 22px !important;
		padding: 10px 76px 10px 15px;
	}
}

@media screen and (max-width: 480px) {
	#wrap h3{
		padding-right: 45px;
	}
	.acc .contents_white .method h3{
		font-size: 16px !important;
	}
	.clm-right{
		width: 96%;
		margin: auto;
		float: none;
	}
	.layout_design_01 .acc_box h3{
		padding: 10px 60px 10px 10px !important;
	}

    #inner-jac .illustration01{
        padding-bottom: 120px;
    }
    #inner-jac .illustration01:before{
        position: absolute;
        left: 65%;
        background-size: 80%;
        transform: translate(-50%, 30%);
    }
}