@charset "UTF-8";

/* Reset */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul {list-style:none;}
ul,li {margin:0; padding:0;}
a, a:visited {color:#1ea7b3; text-decoration:none;}
img {vertical-align:middle;}

p {margin:0 0 1em;}
dl,dt,dd {margin:0;}
figure {margin:0;}

/* 見出し */
h1,h2,h3,h4,h5,h6 {margin:0; line-height:1.3;}

address,caption,em,th {font-style:normal;}

/* Fluid-img */
img {max-width:100%; height:auto;}


/* --------------------------------------------------
	ベース
-------------------------------------------------- */
body {background-color:#fff; color:#333; font-size:14px; line-height:1.5; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; margin-top:74px;}
body.open {position: fixed; width: 100%; height:100%;}

/* --------------------------------------------------
	スマホスライドメニュー
-------------------------------------------------- */
/* スライドメニュースライドイン時 */
.layer {position: fixed; top: 0; z-index: 950; display: none; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.85);}

/* スライドメニュースライドイン時の背景を閉じるボタン */
.layer .close_btn {position:fixed; top:30px; right:270px; width:30px; height:1px; background-color:#fff; transform: rotate(45deg);
}
.layer .close_btn:after {content:""; display:block; width:100%; height:100%; background-color:inherit; transform: rotate(90deg);
}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {position:fixed; right:16px; bottom:16px; width:50px; height:50px; cursor:pointer; z-index:90; transition: all 0.25s ease;}

/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header {position:fixed; top:0; left:0; width:100%; height:74px; background-color:#fff; z-index:900; transition: all 0.25s ease;}
#header .logo {position:absolute; top: 16px; left: 16px; color: #1ea7b3; font-size:21px; letter-spacing: 0.01em; line-height: 1; transition: all 0.25s ease; font-weight: 900;}
#header .logo span {display: block; color: #333; font-family:'Lato'; font-size: 12px; font-weight: normal; margin-bottom: 6px;}
#header .logo a, a:visited {color:#1ea7b3; text-decoration:none;} /* add */
#header.is-fixed {height:51px; box-shadow: 0 3px 5px rgba(0,0,0, .15); background-color: rgba(255,255,255,0.95);}
#header.is-fixed .logo {top: 6px; left: 10px; font-size: 20px;}
#header.is-fixed .logo span {font-size: 10px; margin-bottom: 4px;}

/* メニュートグル＆ハンバーガーアイコン */
.drawer_toggle {position:absolute; top:16px; right:16px; width:41px; height:41px; padding: 10px; background-color:#1ea7b3; cursor:pointer; transition: all 0.25s ease;}
.drawer_toggle_icon {display:block; position:relative; background-color:#fff; margin-top:10px; transition: all 0.25s ease;} 
.drawer_toggle_icon,.drawer_toggle_icon:before,.drawer_toggle_icon:after {width:100%; height:1px; background-color:#fff;}
.drawer_toggle_icon:before,.drawer_toggle_icon:after {position:absolute; content:""; left:0;}
.drawer_toggle_icon:before {top:-7px;}
.drawer_toggle_icon:after {top:7px;}
#header.is-fixed .drawer_toggle {top: 10px; right: 10px; width: 31px; height: 31px; padding: 5px;}
#header.is-fixed .drawer_toggle_icon {margin-top: 10px;}
#header.is-fixed .drawer_toggle_icon:before {top: -6px;}
#header.is-fixed .drawer_toggle_icon:after {top: 6px;}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#g_navi {position:fixed; top:0; right:-240px; overflow-y:auto; background-color:#fff; width:240px; height:100%; z-index:980;}
#g_navi li {font-size:16px; font-weight: bold; text-align: center; line-height:1; border-bottom:1px solid #aae4e9;}
#g_navi li a,#g_navi li span {display:block; color:#1ea7b3; padding:1em; cursor: pointer; position: relative;}
#g_navi li span:after {content: ""; display: block; width: 15px; height: 8px; background: url("../images/../images/icon_down.png") no-repeat; background-size: contain; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: all 0.25s ease;}
#g_navi li span.open {background-color:#abe6ec;}
#g_navi li span.open:after {transform:  translateY(-50%) rotate(180deg);}

#g_navi li ul {display:none; background-color:#d6f3f6;}
#g_navi li li {font-size:0.875em;}
#g_navi li li:last-child {border: none;}

.g_navi_contact,.g_navi_tel {border-bottom-color: #fff !important;}
.g_navi_contact a,.g_navi_tel a {background-color: #1ea7b3; color: #fff !important;}
.g_navi_contact a img {width: 20px; vertical-align: text-top; margin-right: 7px;}
.g_navi_tel {font-family:'Lato'; font-weight: 900 !important;}
.g_navi_tel a em {font-size: 20px;}

.g_navi_search {background-color: #0b7c8b; padding: 10px;}
.g_navi_search_form {position: relative;}
.g_navi_search_icon {display: none;}
input.g_navi_search_field {-webkit-appearance: none; background-color:#fff; border:none; border-radius:100px; font-size:16px; padding: 0 40px 0 1em; width:100%; box-sizing: border-box; line-height: 40px;}
.g_navi_search_field::-webkit-input-placeholder {color:#999;}
.g_navi_search_btn {display: block; width: 23px; height: 24px; position: absolute; top: 8px; right: 14px;}


/* --------------------------------------------------
	フッタ
-------------------------------------------------- */
#footer {background-color:#1ea7b3; color:#fff; border-top:5px solid #5cbec6; padding:32px 16px;}
#footer a, a:visited {color:#fff; text-decoration:none;} /* add */
.footer_navi {display: flex; justify-content: space-between; border-bottom:1px solid #5cbec6; padding-bottom: 20px; margin-bottom:30px;}
.footer_navi ul {width: 48%;}
.footer_navi a {color: #fff;}
/*.footer_navi a, a:visited {color:#fff; text-decoration:none;} *//* add */
.footer_navi li {position: relative; padding-left: 10px; margin-bottom: 10px; line-height: 1.3;}
.footer_navi li:before {content: ""; display: block; width: 5px; height: 8px; background: url("../images/icon_arr.png") no-repeat; background-size: contain; position: absolute; top: 4.5px; left: 0;}
.footer_navi li.footer_navi_sns {display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px;}
.footer_navi li.footer_navi_sns:before {display: none;}
.footer_navi li.footer_navi_sns .footer_navi_fb {width: 13px; margin: 0 30px;}
.footer_navi li.footer_navi_sns .footer_navi_tw {width: 27px;}

.footer_credit {text-align: center; margin-bottom: 30px;}
.footer_credit h3 {font-size: 18px; margin-bottom: 10px;}
.footer_credit address {display: inline-block; text-align: left;}
.footer_credit a {color: #fff; text-decoration: underline;}

.footer_cr {color: #fff; text-align: center; font-size: 12px;}

.footer_cr a, a:visited {color: #fff;} /* add */
.footer_cr a:hover { color: #b7ff82; text-decoration: none; } /* add */

/* --------------------------------------------------
	共通
-------------------------------------------------- */
/* PC ONLY */
.pc_only {display:none;}
.pc_only2 {display:none;} /* add */

/* パンクズリスト */
#breadcrumb {line-height:1; padding:1em 16px;}
#breadcrumb ul {font-size:0;}
#breadcrumb li {display:inline-block; font-size:12px; margin-right:0.4em;}
#breadcrumb li a:after {margin-left:0.4em; content: ">"; color: #333;}
#breadcrumb a, a:visited {color:#1ea7b3; text-decoration:none;} /* add */

/* 下層ページタイトル */
#page_title {background-color: #d6f3f6; color:#1ea7b3; text-align:center; padding:24px; border-top: 5px solid #5cbec6;}
#page_title h1 {font-size:18px;}
/* 下層ページタイトル 日本ミラノシステムグループ */
#page_title_m {background-color: #d6f3f6; color:#1ea7b3; text-align:center; padding:24px; border-top: 5px solid #5cbec6;}
#page_title_m h1 {font-size:18px;}

/* セクション */
section {padding: 16px;}
body:not(#home) section .inner {margin-bottom: 32px;}
body:not(#home) section .inner:last-child {margin-bottom: 16px;}

/* セクション見出し */
section h2 {color:#fff; background-color:#1ea7b3; font-size:20px; text-align: center; margin-bottom:1.5em; padding: 0.3em; border-bottom: 3px solid #5cbec6; border-radius: 4px;}
section h3 {font-size: 1.143em; margin-bottom:0.5em;}
section h4 {font-size: 1em; margin-bottom: 1em;}

/* セクションテキストリンク */
section p a {text-decoration:underline;}

/* セクション画像 */
section figure {margin-bottom:1em;}
section figcaption {color:#444; text-align:center; font-size:0.875em; margin-top:0.5em;}

/* ボタン */
.btn01 {text-align: center;}
.btn01 a {display:inline-block; width: 200px; background-color:#1ea7b3; color:#fff; font-size: 16px; font-weight: bold; line-height:2.5; text-align: center; border-radius:100px; text-decoration:none;}
.btn02 a {display: inline-block; width: 130px; color: #000; font-size: 16px; font-weight: bold; line-height: 2.5; text-align: center; border-radius: 5px; text-decoration: none; border: solid 1px #ccc;
}
/* テーブル1 */
.tbl01 {width:100%; border:1px solid #1ea7b3; border-bottom:none; background-color:#fff;}
.tbl01 tr {display:block;}
.tbl01 th {display:block;background-color:#1ea7b3; color:#fff; padding:0.5em 1em; text-align:left;}
.tbl01 td {display:block; padding:0.5em 1em; border-bottom:1px solid #1ea7b3;}

/* テーブル2 */
.tbl02 {display:block; width:100%;}
.tbl02 thead {display:block; float:left; border-bottom:1px solid #1ea7b3;}
.tbl02 thead tr {display:block;}
.tbl02 tbody {display:block; overflow-x:auto; white-space:nowrap; font-size:0;}/* inline-block化したtr間の隙間をなくすためfont-sizeを0にする */
.tbl02 tbody tr {display:inline-block; border-right:1px solid #1ea7b3; border-bottom:1px solid #1ea7b3; font-size:14px;}/* font-sizeを元に戻す */
.tbl02 th,.tbl02 td {padding:0.5em 1em; margin:0;}
.tbl02 th {display:block; width:auto; background-color:#1ea7b3; color:#fff; border-top:1px solid #d6f3f6; border-bottom:none;}
.tbl02 th:first-child {border-top-color:#1ea7b3;}
.tbl02 td {display:block; background-color:#fff; border-top:1px solid #1ea7b3;}

/* コンタクトフォーム */
.contact_form dt {margin-bottom:0.5em; font-weight:bold;}
.contact_form dt span {display:inline-block; background-color:#e99258; color:#fff; font-size:12px; padding:2px 4px; line-height:1; margin-left:0.5em; font-weight:normal;}
.contact_form dd {margin-bottom:1.5em;}
.contact_form input,.contact_form textarea {width:100%; font-size:16px; background-color:#fff; border:1px solid #dedede; border-radius:4px; padding:0.75em; -webkit-appearance:none;}
.contact_form textarea {height:10em;}
.contact_form input#submit {background-color:#1ea7b3; color:#fff; font-size:16px; font-weight: bold; border:none; letter-spacing:0.5em; padding:0.8em;}

/* ノーマルリスト */
.normal_list {list-style:disc; margin-left:1.5em; margin-bottom:1em; line-height:1.5;}
.normal_list li {margin-bottom:0.5em;}
.normal_list.square {list-style:square;}
.normal_list.decimal {list-style:decimal;}

/* カスタムリストスタイル */
.bigdisc_list li {text-indent: -1.2em; margin-left: 1.2em; margin-bottom: 0.5em;}
.bigdisc_list li:before {content: "●"; color: #1ea7b3; margin-right: 0.2em;}

.content ul li:not(.noicon):before {
  font-family: "Font Awesome 5 Free";
  content: '\f111';
  margin-right: 0.2em;
  color: #1ea7b3;
  font-weight: 900;
  font-size: 0.8em;
}
.content li ul {
  padding-left: 2em;
}
.content a, a:visited {color:#1ea7b3; text-decoration:none;} /* add */

/* 注意書きリスト */
.caution_list {margin-bottom:1em;}
.caution_list li {padding-left:1em; margin-bottom: 0.5em; position:relative;}
.caution_list li:before {content:"※"; position:absolute; top:0; left:0;}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/* メインビジュアルスライダー slick.jsのデフォルトcssを調整 */
.top_slider {margin-bottom: 0 !important; line-height: 0;}
.top_slider .slick-arrow {width:40px; height:56px; z-index: 1;}
.top_slider .slick-arrow:hover {opacity: 0.75;}
.top_slider .slick-arrow:before {display:block; width:100%; height:100%; content:""; background-repeat:no-repeat; background-size:contain; opacity:1;}
.top_slider .slick-prev:before {background-image:url(../images/slick_prev.png);}
.top_slider .slick-next:before {background-image:url(../images/slick_next.png);}
.top_slider .slick-prev {left:0; transform: translate(0, -50%);}
.top_slider .slick-next {right:0; transform: translate(0, -50%);}
.top_slider .slick-dots {bottom: 16px;}
.top_slider .slick-dots li {width: 12px; height:12px; margin: 0 5px;}
.top_slider .slick-dots li button {width:100%; height:100%; padding:0; position: relative;}
.top_slider .slick-dots li button:before {display:block; width: 100%; height: 100%; content:""; background-color:#fff; border-radius:50%; opacity: 0.85; position: absolute;}
.top_slider .slick-dots li.slick-active button:before {background-color: #1ea7b3;}

/* セクション見出し */
#home section h2 {color: #1ea7b3; background-color: transparent; margin-bottom: 1em; padding: 0; border: none;}

/* コンタクト */
#top_contact {padding: 0; color: #fff; margin-bottom: 1px;}
#top_contact, #top_contact a, #top_contact h2 {color: #fff;}
.top_contact_ttl {background-color: #1ea7b3; color: #fff; padding: 16px; text-align: center;}
.top_contact_ttl h2 {color: #fff !important; font-size: 18px; margin-bottom: 0 !important;}
.top_contact_ttl h2 span {font-size: 16px;}
.top_contact_cont {background-color: #5cbec6; padding: 16px;}
.top_contact_phone {margin-bottom: 16px; text-align: center; font-weight: bold; font-family:'Lato'; font-weight: 900 !important;}
.top_contact_tel {font-size: 16px;}
.top_contact_tel span {font-size: 24px;}
.top_contact_fax {font-size: 12px;}
.top_contact_fax span {font-size: 16px;}
.top_contact_address {text-align: center;}
.top_contact_address p {display: inline-block; text-align: left;}
.top_contact_mail a:before {content: ""; display: inline-block; width: 20px; height: 16px; background: url("../images/icon_mail.png") no-repeat center; background-size: contain; margin-right: 5px; vertical-align: text-top;}

/* ダイジェスト共通 */
.top_cont {background-repeat: no-repeat; background-size: 100% auto; padding-top: 44vw; margin-bottom: 10px;}
.top_cont .inner {background-color: #fff; padding: 16px;}

/* 唾液腺腫瘍病理研究会とは */
#top_about {background-image: url("../images/top_img01_sp.jpg")}

/* 新着情報 */
#top_news {background-image: url("../images/top_img02_sp.jpg")}
/*#top_news .btn01 a, a:visited {color:#fff; text-decoration:none;}*/ /* add */
.top_news_item {margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #dcdcdc;}
.top_news_item:last-of-type {margin-bottom: 25px;}
.top_news_item dt {font-size: 12px; color: #838383; margin-bottom: 10px;}
.news_cat {display: inline-block; color: #fff; line-height: 1; padding: 0.25em 0.5em; margin-left: 10px; border-radius: 2px;}
.news_cat.info {background-color: #5ea23c;}
.news_cat.news {background-color: #e99258;}
.news_cat.event {background-color: #7b56cf;}
.top_news_item a {color: #333;}

/* 入会案内 日本ミラノシステムグループとは  */
#top_guide {background-image: url("../images/top_img03m_sp.jpg")}

/* バナー */
.banner_box {padding: 16px;}
.banner_box.banner01 {background-color: #d6f3f6;}
.banner_box.banner02 {background-color: #fcf8e8;}
.banner_box.banner02 li {margin-bottom: 16px;}

/* --------------------------------------------------
	 768px〜　tablet
-------------------------------------------------- */

@media screen and (min-width : 768px) {
	
/* --------------------------------------------------
	ベース
-------------------------------------------------- */
body {margin-top:71px; font-size:16px;}

a:hover {color:#5cbec6; transition: all 0.25s ease;}
a:hover img {opacity: 0.75; transition: all 0.25s ease;}

.sp_only {display:none !important;}
.pc_only {display:block !important;}
.pc_only2 {display:flex !important;} /* add */

/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header {height:70px; padding-left: 20px;}/* flexを使うとsafariでg_navi_search_formがうまく表示されないためfloatを使います */
#header:after {content: ""; clear: both; display: block;}
#header .layer, #header .drawer_toggle {display: none !important;}
#header .logo {position:static; padding-top: 14px; font-size: 20px; white-space: nowrap; float: left; font-weight: 900;}
#header .logo span {font-size: 10px;}
#header .logo a:hover {color: #5cbec6;}
#header.is-fixed {height:70px;}
#header.is-fixed .logo {font-size: 20px;}
#header.is-fixed .logo span {font-size: 10px; margin-bottom: 6px;}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#g_navi {display: block !important; position:static; float: right; background-color:transparent; width:auto;}
#g_navi ul {display: flex; align-items: center; height: 100%;}
#g_navi li {font-size:14px; text-align: left; border-bottom:none; height: 100%;}
#g_navi li a,#g_navi li span {display: flex; align-items: center; color:#333; padding:0 7px; height: 100%;}
#g_navi li a:hover {color: #1ea7b3;}
.g_navi_tel {display: none;}
.g_navi_contact {margin-left: 10px;}
.g_navi_contact a {background-color: #1ea7b3; color: #fff !important; font-size: 0; padding: 0 14px !important;}
.g_navi_contact a img {margin-right: 0;}
.g_navi_contact a:hover {background-color: #5cbec6;}

.g_navi_search {padding: 0; background-color: #0b7c8b; cursor: pointer;}
.g_navi_search_icon {display: flex; justify-content: center; align-items: center; width: 50px; height: 100%;}
.g_navi_search_icon img {width: 23px; height: 24px;}
.g_navi_search_form {display: none; position: absolute; top: 70px; right: 0; width: 400px; padding: 15px; background-color: #0b7c8b;}
.g_navi_search_form.active {display: block; animation: fadeIn 0.5s ease 0s 1 normal;}
@keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}
.g_navi_search_close {position:absolute; top:-70px; right:0; width:50px; height:70px; background-color:#0b7c8b; cursor:pointer; padding-top:34px;}
.g_navi_search_close .close_icon {display:block; width:30px; height:1px; background-color:#fff; margin:0 auto;
transform: rotate(45deg);}
.g_navi_search_close .close_icon:after {content:""; display:block; width:100%; height:100%; background-color:inherit;
transform: rotate(90deg);}
.g_navi_search_btn {top: 23px; right: 29px;}

#g_navi li span:after {width: 12px; height: 6px; top: auto; bottom: 12px; right: auto; left: 50%; transform: translateX(-50%);}
#g_navi li span.open {background-color:transparent;}
#g_navi li span.open:after {transform: translateX(-50%) rotate(180deg);}

#g_navi li ul {position:absolute; top:70px; /*right: 350px;*/ z-index:100; height: auto; background-color: transparent; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
#g_navi li li {font-size:1em; height: auto; border-bottom: 1px solid #aae4e9;}
#g_navi li li a {display: block; padding: 18px; color: #0b7c8b; text-align:left; background-color: rgba(214,243,248,0.95); }
#g_navi li li a:hover {background-color: #aae4e9; color: #0b7c8b;}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {right:20px; bottom:20px; width:70px; height:70px;}
#backToTop:hover {opacity: 0.75;}

/* --------------------------------------------------
	フッタ
-------------------------------------------------- */
#footer {padding:64px 0;}
#footer .inner {display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1040px; margin: 0 auto; padding: 0 20px; margin-bottom: 54px;}
.footer_navi {border-bottom:none; padding-bottom: 0; margin-bottom:0; font-size: 14px;}
.footer_navi ul {width: auto; margin-left: 30px;}
#footer a:hover, .footer_credit a:hover {color:#b7ff82; text-decoration: underline;}
.footer_credit {text-align: left;}
.footer_credit h3 {margin-bottom: 20px;}
.footer_credit address {font-size: 14px;}

.footer_cr br {display: none;}

/* --------------------------------------------------
	共通
-------------------------------------------------- */
/* パンクズリスト */
#breadcrumb {max-width: 1040px; margin: 0 auto; padding:20px 20px 40px;}
#breadcrumb li {font-size:14px;}

/* セクション */
section {padding: 0 20px; margin-bottom: 80px;}
body:not(#home) section .inner {margin-bottom: 60px;}
body:not(#home) section .inner:last-child {margin-bottom: 20px;}

/* セクション見出し */
section h2 {font-size:24px; padding: 0.5em; border-bottom-width: 4px;}

/* ボタン */
.btn01 a {width: 160px; line-height:50px;}
.btn01 a:hover {background-color: #5cbec6; color: #fff;}
.btn01.align_left {text-align: left;}
.btn01.align_right {text-align: right;}


/* 下層ページタイトル */
#page_title {padding:50px 0; background-image:url("../images/second_ttl_bg.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
#page_title h1 {color: #fff; font-size:26px;}

/* 下層ページタイトル 日本ミラノシステムグループ*/
#page_title_m {padding:50px 0; background-image:url("../images/second_ttl_bg2.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
#page_title_m h1 {color: #fff; font-size:26px;}


/* 画像 */
section figure img {max-width:100%;}

/* 画像フロート */
.float_left {float:left; margin-right:1.5em; margin-bottom:1.5em;}
.float_right {float:right; margin-left:1.5em; margin-bottom:1.5em;}

/*テキスト回り込み禁止 */
.nonfloat {overflow:hidden;}

/* テーブル1 */
.tbl01 {border:none;}
.tbl01 tr {display:table-row; padding:0; border:none;}
.tbl01 th,.tbl01 td {display:table-cell; padding:0.5em 1em; border:1px solid #1ea7b3; vertical-align:top;}
.tbl01 th {border-bottom-color:#d6f3f6;}
.tbl01 tr:last-child th {border-bottom-color:#1ea7b3;}

/* テーブル2 */
.tbl02 {display:table;}
.tbl02 thead {display:table-header-group; float:none; border:none;}
.tbl02 thead tr {display:table-row; }
.tbl02 tbody {display:table-row-group; width:inherit; overflow:inherit; white-space:inherit;}
.tbl02 tbody tr {display:table-row; border:none; font-size:16px;}
.tbl02 th,.tbl02 td {border:1px solid #1ea7b3; text-align:center;}
.tbl02 th {border-right-color:#d6f3f6;}
.tbl02 th {display:table-cell; width:inherit;}
.tbl02 th:last-child {border-right-color:#1ea7b3;}
.tbl02 td {display:table-cell;}


/* コンタクトフォーム */
.contact_form dl {overflow:hidden;}
.contact_form dt {clear:both; float:left; white-space:nowrap; margin:0.5em 1em 0 0;}
.contact_form dd {padding-left:13em; margin-bottom:2em;}
.contact_form input#submit {display:block; width:200px; margin:0 auto;}
.contact_form input#submit:hover {background-color:#5cbec6;}


/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/* コンタクト */
.top_contact_ttl h2 br {display: none;}
.top_contact_cont {display: flex; justify-content: center; align-items: center;}
.top_contact_phone {margin-bottom: 0;}
.top_contact_address {font-size: 14px; line-height: 1.35; margin: 0 30px;}
.top_contact_address p {margin-bottom: 0;}
.top_contact_mail.btn01 a {line-height: 60px; font-size: 15px; width: 170px;}
.top_contact_mail a:before {content: ""; display: inline-block; width: 20px; height: 16px; background: url("../images/icon_mail.png") no-repeat center; background-size: contain; margin-right: 5px; vertical-align: text-top;}
.top_contact_mail.btn01 a:hover {background-color: #2eafba;}

/* ダイジェスト共通 */
.top_cont {padding-top: 0; margin-bottom: 0; background-image: none !important; position: relative;}
.top_cont .inner {padding: 70px 0; background-color: transparent;}
.top_cont h2 {text-align: left;}
.top_cont p {line-height: 2; margin-bottom: 30px;}

/* 唾液腺腫瘍病理研究会とは */
#top_about:before {content: ""; display: block; width: calc(50vw - 20px); height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%),url("../images/top_img01_pc.jpg") no-repeat center; background-size: auto,cover; position: absolute; top: 0; left: 0;}
#top_about .inner {padding-left: 50%;}
#top_about .btn01 {text-align: right;}

/* 新着情報 */
#top_news:before {content: ""; display: block; width: calc(50vw - 20px); height: 100%; background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%),url("../images/top_img02_pc.jpg") no-repeat center; background-size: auto,cover; position: absolute; top: 0; right: 0;}
#top_news .inner {padding-right: 50%;}
.top_news_item {margin-right: 20px;}
.top_news_item:last-of-type {margin-bottom: 30px;}
.top_news_item dt {font-size: 16px;}
.news_cat {font-size: 13px;}
.top_news_item a:hover {color:#1ea7b3;}
#top_news .btn01 {text-align: left;}

/* 入会案内 日本ミラノシステムグループとは  */
#top_guide:before {content: ""; display: block; width: calc(50vw - 20px); height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%),url("../images/top_img03m_pc.jpg") no-repeat center; background-size: auto,cover; position: absolute; top: 0; left: 0;}
#top_guide .inner {padding-left: 50%;}
#top_guide .btn01 {text-align: right;}

/* バナー */
.banner_box {padding: 50px;}
.banner_box.banner01 img {/* max-width: 800px; */ margin: 0 auto;}
.banner_box.banner02 ul {display: flex; justify-content: space-between; align-items: center; max-width: 800px; margin: 0 auto;}
.banner_box.banner02 li {width: 31.25%; margin-bottom: 0;}

}


/* --------------------------------------------------
	 1024px〜　PC
-------------------------------------------------- */
@media screen and (min-width : 1024px) {

/* セクション */
section .inner {max-width: 1000px; margin: 0 auto;}

/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header {padding-left: 30px;}
#header .logo {font-size: 24px; letter-spacing: 0.02em; font-weight: 900;}
#header .logo span {font-size: 12px;}
#header.is-fixed .logo {font-size: 24px;}
#header.is-fixed .logo span {font-size: 12px;}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#g_navi li {font-size: 15px;}
#g_navi li a {padding:0 10px;}
.g_navi_contact {margin-left: 15px;}
.g_navi_contact a {font-size: 15px; color: #fff;}
.g_navi_contact a img {margin-right: 5px;}

.g_navi_search_icon, .g_navi_search_close {width: 70px;}

/* #g_navi li ul {right: 500px;} */



/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/* メインビジュアルスライダー slick.jsのデフォルトcssを調整 */
.top_slider .slick-arrow {width:60px; height:84px;}
.top_slider .slick-dots li {width: 14px; height:14px;}

/* コンタクト */
#top_contact {padding: 0 20px; height: 80px; background: url("../images/top_contact_bg.png") repeat-y center; background-size: cover;}
#top_contact .inner {display: flex; height: 100%; position: relative;}
#top_contact .inner2:before {content: ""; display: block; width: calc(50vw - 50%); height: 100%; background-color: #1ea7b3; position: absolute; top: 0; left: calc(-50vw + 50%);}
.top_contact_ttl {display: flex; align-items: center; padding: 0; position: relative;}
.top_contact_ttl:after {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 80px 40px 0 0; border-color: #1ea7b3 transparent transparent transparent; position: absolute; top: 0; right: -40px;}
.top_contact_ttl h2 {font-size: 17px;}
.top_contact_ttl h2 span {font-size: 15px;}
.top_contact_ttl h2 br {display: inline;}
.top_contact_cont {padding: 0 0 0 50px;}

/* 唾液腺腫瘍病理研究会とは */
#top_about .inner {padding-left: 550px; padding-right: 50px;}
/* 日本ミラノシステムグループとは */
#top_about_m .inner {padding-left: 550px; padding-right: 50px;}

/* 新着情報 */
#top_news .inner {padding-right: 500px;}

/* 入会案内 */
#top_guide .inner {padding-left: 550px; padding-right: 50px;}
	
}

/* --------------------------------------------------
	フッタ
-------------------------------------------------- */
/*.footer_navi a, a:visited {color:#fff; text-decoration:none;}*/ /* add */