/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォン向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/* column_two_reverse 記載順と表示順が逆
----------------------------------------- */
.column_two_reverse {
	width: 100%;
	height: auto;
	margin: 50px auto;
}
@media screen and (max-width: 759px) {
.column_two_reverse ul {
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
}
.column_two_reverse li {
	text-align: left;
	margin-bottom: 40px;
}
.column_two_reverse li:last-child {
	margin-bottom: 40px;
}
.column_two_reverse .photo {
	margin-bottom: 40px;
	text-align: left;
}
.column_two_reverse .photo img {
	width: 100%;
	height: auto;
}

.column_two_reverse .cont {
	margin-bottom: 40px;
	text-align: left;
}
.column_two_reverse h5 .ruby {
	font-size: 60%;
}
.column_two_reverse .cont .message{
	font-size: 115%;
	line-height: 2.0;
}


/* column_two
----------------------------------------- */
.column_two {
	width: 100%;
	height: auto;
	margin: 0 auto 50px auto;
}
.column_two li {
	text-align: left;
	margin-bottom: 40px;
}
.column_two li:last-child {
	margin-bottom: 40px;
}
.column_two .photo {
	margin-bottom: 40px;
	text-align: left;
}
.column_two .photo img {
	width: 100%;
	height: auto;
}

.column_two .cont {
	margin-bottom: 20px;
	text-align: left;
}
.column_two h5 .ruby {
	font-size: 60%;
}
.column_two .cont .message{
	font-size: 115%;
	line-height: 2.0;
}

.column_two dt {
	margin:0;
	padding:.3em;
	font-weight:bold;
	background-color: #F8F8F8;
}
.column_two dd {
	margin:0;
	padding:0;
	padding-top:.2em;
	padding-bottom:.2em;
}


/* column_three
----------------------------------------- */
.column_three {
	width: 100%;
	height: auto;
	margin: 0 auto 50px auto;
}
.column_three li {
	margin-bottom: 50px;
	text-align: right;
}
.column_three li:last-child {
	margin-bottom: 0;
}
.column_three .photo {
	margin-bottom: 30px;
	text-align: center;
}
.column_three .photo img {
	width: 100%;
	height: auto;
}
.column_three .cont {
	margin-bottom: 20px;
	text-align: left;
}
.column_three h4 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px black;
}
.column_three p {
	text-align: center;
}

/* column_threeの下のmore info */
.migiyose {
	text-align: right;
}

/* タイトルのみのsection */
.ttlonly {
	margin: 0;
	text-align: left;
}


/* 文字のみのsection　と地図！プラスMAP */
.textonly {
	margin-bottom: 40px;
}
.textonly .cont {
	margin-bottom: 3%;
	text-align: left;
}
.textonly a {
	color: #039;
}
.textonly .map {
	color: #039;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/* メニュー表　値段 */
.menulist {
	margin-bottom: 50px;
}
.menulist h4.listttl {
	width: 100%;
	text-align: left;
	line-height: 1.0;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.05em;
	text-decoration: none;
    border-bottom: 2px solid #000;
	display: inline-block;
	margin-bottom: 20px;
    padding: 5px 0;
}
.menulist .ttl01 {
	font-weight: 600;
	font-size: 24px;
}
.menulist .ttl02 {
	font-weight: 100;
	font-size: 14px;
	padding-left: 40px;
}
.menuprice {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.menuprice dl {
	display: flex;
  flex-wrap: wrap;
}
.menuprice dt {
	width: 50%;
	border-bottom: 1px solid #F0F0F0;
}
.menuprice dd {
	width: 50%;
	border-bottom: 1px solid #F0F0F0;
}


/* column_twoと説明文 */
.column_two_tx {
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	height: auto;
}
.column_two_tx li {
	margin-bottom: 50px;
	padding: 30px 0;
	/*text-align: right;*/
	background-color: #CCC;
}
.column_two_tx li:last-child {
	margin-bottom: 0;
	background-color: #CCC;
}
.column_two_tx .photo {
	margin-bottom: 20px;
	text-align: center;
}
.column_two_tx .photo img {
	width: 80%;
	height: auto;
}
.column_two_tx h4.ttl {
	font-size: 30px !important;
}
.column_two_tx .cont {
	margin-bottom: 20px;
	text-align:  center;
}
.column_two_tx .box1{
	padding: 0.5em 1em;
	margin: 2em 0;
	border: solid 3px;
}


/* dlの説明文 リストの青い△マーク付き*/
.dllist {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.dllist dl {
	margin: 0 3%;
	text-align: left;	
}

.dllist dt {
  margin:0;
  line-height: 1.5;
  padding:0.5em 0 0.5em 1.5em;
  left : 0em;
  font-size: 120%;
  font-weight:bold;
  background-color:#FFFFFF;
  position: relative;
}

.dllist dt:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 0em;/*左端からのアイコンまでの距離*/
  color: #74c2f8;/*アイコン色*/
}

.dllist dd {
	margin:0 0 20px 0;
	padding:0;
	text-align: left;	
}

/* ullist_simpleのリスト */
.ullist_simple {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.ullist_simple ul {
  margin: 0 3%;
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 3px #CCC;/*線の種類 太さ 色*/
}

.ullist_simple ul li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
  list-style-type: disc;
}

/* tableのリスト */
.sellers_list {
width: 95%;
margin: 0px auto 20px auto;
}

.sellers_list th,
.sellers_list td {
border: 1px solid #e2e3da;
padding: 20px;
}

.sellers_list th {
font-weight: bold;
background-color: #EEEFE6; 
}

@media screen and (max-width: 760px) {
.sellers_list,
.sellers_list tr,
.sellers_list td,
.sellers_list th {display:block;}
.sellers_list th {width:auto;}
}

/* 2列で左に画像と右に箇条書き */
.column_two_list {
	width: 95%;
	height: auto;
	margin: 0 auto 40px auto;
}
.column_two_list li {
	margin-bottom: 50px;
	text-align: right;
}
.column_two_list li:last-child {
	margin-bottom: 0;
}
.column_two_list .photo {
	margin-bottom: 30px;
	text-align: center;
}
.column_two_list .photo img {
	width: 100%;
	height: auto;
}
.column_two_list h4.ttl {
	margin-bottom:  20px;
	padding: 0.5em;/*文字周りの余白*/
    color: #010101;/*文字色*/
    background: #EEEFE6;/*背景色*/
    border-bottom: solid 3px #DEE0D1;/*下線*/
}
.column_two_list .cont {
	margin-bottom: 20px;
	text-align: left;
}

.column_two_list .last ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  border: dashed 1px gray;
}

.column_two_list .last ol li {
  text-align: left;
  position: relative;
  line-height: 1.5em;
  padding: 0 0 0 30px;
}

.column_two_list .last ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #74c2f8;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/
	/*top: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
}

.textonly .banner {
	margin: 3% 3%;
	text-align: center;
}

.textonly .banner li{
	margin: 1% 0;
}



/* 会社概要 ページ
----------------------------------------- */
.company {
width: 95%;
margin: 0px auto;
}

.company th,
.company td {
border: 1px solid #e2e3da;
padding: 20px;
}

.company th {
font-weight: bold;
background-color: #EEEFE6; 
}

@media screen and (max-width: 760px) {
.company,
.company tr,
.company td,
.company th {display:block;}
.company th {width:auto;}
}

/* dl
----------------------------------------- */
/*dl.wrapper1 {
	margin:5% auto;
	padding:.5em;
	width:95%;
	background-color:#fff;
}*/

dd .div1 {
	padding-left:.5em;
	border-left:1px solid #333;
	font-size:.9em;
	clear:both;
}



/* メールフォーム
----------------------------------------- */

#mailform {
	margin-bottom: 30px;
}
#mailform form {
	margin: 0 5%;
}
#mailform h4.ttl {
	text-align: left !important;
	font-size: 18px;
	margin: 10px 0;
}
#mailform .cont {
	margin: 0;
	padding: 20px 0;
	text-align: left;
	border-bottom: solid;
	border-color: #EEEFE6;
	border-width: 1px;
}
#mailform .point {
	color: #F00;
	font-weight: 400;
}

form input,
form option,
form textarea {
	font-size: 18px;
}

form em {
	font-style: normal;
	font-size: 90%;
	font-weight: normal;
	color: #F00;
	padding-left: 5px;
}
form .btn {
	margin-top: 20px;
	text-align: center;
}

form textarea {
width:100%;
box-sizing:border-box;
}



/* タブレット向け：760px～1040px */
@media only screen and (min-width: 760px) {

/* column_two_reverse*/
.column_two_reverse {
	max-width: 100%;
	margin: 0 auto 50px auto;
	padding: 0;
	text-align: center;
}
	
.column_two_reverse li {
	display: inline-block;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 0px;
	vertical-align: top;
}
.column_two_reverse  li:nth-child(2n){
	margin-right: 0%;
}
.column_two_reverse .photo img {
	width: 100%;
	height: auto;
}
.column_two_reverse .cont {
	margin-bottom: 10px;
}
.column_two_reverse a {
	display: inline;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.column_two_reverse a:hover {
	opacity: 0.3;
}

/* column_two*/
.column_two {
	max-width: 100%;
	margin: 0 auto 100px auto;
	padding: 0;
	text-align: center;
}
	
.column_two li {
	display: inline-block;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 0px;
	vertical-align: top;
}
.column_two  li:nth-child(2n){
	margin-right: 0%;
}
.column_two .photo img {
	width: 100%;
	height: auto;
}
.column_two .cont {
	margin-bottom: 0px;
}
.column_two a {
	display: inline;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.column_two a:hover {
	opacity: 0.3;
}
	
.column_two dl {
	width:100%;
}
.column_two dt {
  float: left;
  clear: left;
  width: 20%;
	background-color: #FFFF;
}
.column_two dd {
	float: left;
	margin-left: 10px;]
}


/* column_three */
.column_three {
	max-width: 100%;
	margin: 0 auto 40px auto;
	text-align: left;
}
.column_three li {
	display: inline-block;
	width: 30%;
	margin-right: 4%;
	margin-bottom: 0px;
	vertical-align: top;
}
.column_three  li:nth-child(3n){
	margin-right: 0;
}
.column_three .photo img {
	width: 100%;
	height: auto;
}
.column_three .cont {
	margin-bottom: 10px;
	text-align: center;
}

.column_three a {
	display: inline;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.column_three a:hover {
	opacity: 0.3;
}

/* column_twoと説明文 */
.column_two_tx {
	mmax-width: 100%;
	margin: 0 auto 40px auto;
	padding: 0;
	text-align: center;
}
.column_two_tx li {
	display: inline-block;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 0px;
	vertical-align: top;
}
.column_two_tx  li:nth-child(2n){
	margin-right: 0%;
}
.column_two_tx .photo img {
	width: 80%;
	height: auto;
}

.column_two_tx .cont {
	margin-bottom: 10px;
	text-align: center;
}
.column_two_tx a {
	display: inline;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.column_two_tx a:hover {
	opacity: 0.3;
}

	
/* 内視鏡シールドページ
----------------------------------------- */
/* 2列で左に画像と右に箇条書き */
.column_two_list {
	max-width: 100%;
	margin: 0 auto 40px auto;
	padding: 0;
	text-align: center;
}
.column_two_list li {
	display: inline-block;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 0px;
	vertical-align: top;
}
.column_two_list  li:nth-child(2n){
	margin-right: 0%;
}
.column_two_list .photo img {
	width: 100%;
	height: auto;
}
.column_two_list .last ol li {
	width:97%;
	heght:auto;
	text-align: left; !important;
  position: relative; 
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.sellers_list th {
	width: 300px;
	font-size: 13pt;
	vertical-align: top;
}

.textonly .banner {
	text-align: left;
}

/* 会社概要・病院・ページ
----------------------------------------- */
.company th {
	width: 200px;
	font-size: 13pt;
	vertical-align: top;
}

/* dl
----------------------------------------- */
/*dl.wrapper1 {
	margin:0% auto;
	padding:.5em;
	width:95%;
	background-color:#fff;
	font-size:1em;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
}


/* メールフォーム */
#mailform {
	width:100%;
	margin:0% auto;
}
/*#mailform section {
	display: inline-block;
	width: 100%;
	margin-bottom: 60px;
	vertical-align: top;
}*/


.toTop a {
	display: block;
	width: 24px;
	margin: 0 auto 20px auto;
	padding: 8px 20px;
}

} /* タブレット向け */




/* PC向けレイアウトの指定：1040px～ */
@media only screen and (min-width: 1040px) {

/* 会社概要・病院・ページ
----------------------------------------- */



/* メールフォーム */
#mailform {
	width: 100%;
	margin: 0 auto 40px auto;
	padding: 0;
}
#mailform section {
	width: 100%;
	height: auto;
}

} /* PC向け */