@charset "utf-8";

/* =============================================================================
リセット (html5doctorを利用)
============================================================================= */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, footer, header, nav, main, section, article,
h1, h2, h3, h4, h5, h6, p, address, em, img, small,
dl, dt, dd, ol, ul, li, table, caption, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 vertical-align: baseline;
 background: transparent;
 box-sizing: border-box;
}

body {
 -webkit-text-size-adjust: 100%;
}

footer, header, nav, section {
 display: block;
}

a {
 margin: 0;
 padding: 0;
 vertical-align: baseline;
 background: transparent;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

hr {
 display: block;
 padding: 0;
 width: 94%;
 height: 1px;
 border: 0;
 border-top: 1px solid #ccc;
}

img {
 vertical-align: middle;
}


/* =============================================================================
全ページ・全レイアウト共通
============================================================================= */

/* フォント関連
------------------------------------------------------------------- */

/* 色・書体・行間 ----------------------------- */

html {
 color: #333;
 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
 line-height: 1.8;
}

/* サイズ (単位 rem) -------------------------- */

html { font-size: 62.5%; } /* 10px */
body { font-size: 1.6em; } /* 16px -- em指定はchromeのバグ対策 */

/* リンク関連 (基本・個別)
------------------------------------------------------------------- */

/* 基本 --------------------------------------- */

a:link {
 color: #003468;
 text-decoration: none;
}

a:visited {
}

a:hover {
 outline: none;
}

a:active {
}

a:focus {
 outline: none;
}


/* 全体を囲む
------------------------------------------------------------------- */

.wrapper {
 margin: 0 auto;
 width: 100%;
}

@media (min-width:1080px) {
 .wrapper {
  box-shadow: 4px 0 4px -4px rgba(0,0,0,0.3), -4px 0 4px -4px rgba(0,0,0,0.3);
  position: relative;
  width: 108rem;
 }
}

/* ヘッダ
------------------------------------------------------------------- */

/* トップページ ---------------- */

.top_header {
 background-image: url(../image/top_header_visual.jpg);
 background-size: cover;
 width: 100%;
 padding-top: 53.33333%;
 position: relative;
}

.top_header #sitetitle {
 position: absolute;
 top: 0.8rem;
 left: 0;
 z-index: 50;
}
.top_header #sitetitle img {
 width: 80%;
}
.IMU_logo {
 position: absolute;
 top: 0.8rem;
 right: 7.2rem;
 z-index: 60;
 }



/* サブページ ---------------- */

.sub_header {
 background: #003468;
 position: relative;
 height: 8rem;
}

.sub_header #sitetitle {
 position: absolute;
 top: 2.4rem;
 left: 0.8rem;
 z-index: 50;
}
.sub_header #sitetitle:before {
 background-image: url(../image/logo_arc.png);
 background-repeat: no-repeat;
 background-size: contain;
 content: "";
 width: 150px;
 height: 30px;
 position: absolute;
 top: -1.6rem;
 left: 0;
}
.sub_header #sitetitle img {
}

@media (min-width:768px) {
 /* トップページ ---------------- */
 .top_header #sitetitle {
  display: flex;
  justify-content: center;
  margin-top: 10rem;
  width: 100%;
 }
 .top_header #sitetitle img {
  width: auto;
 }
 /* サブページ ---------------- */
 .sub_header {
  height: 12rem;
 }
 .sub_header #sitetitle {
  padding: 0;
  text-align: center;
  width: 100%;
  position: relative;
 }
 .sub_header #sitetitle img {
  width: auto;
 }
 .sub_header #sitetitle:before {
  background-image: url(../image/logo_arc.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 250px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
 }
}

/* ハンバーガーメニュー ----------------------- */

.menu_btn {
 background: #fff;
 border: solid 2px #fff;
 border-radius: 0.8rem;
 color: #003468;
 height: 5.6rem;
 width: 5.6rem;
 position: absolute;
 right: 0.8rem;
 top: 1.2rem;
 z-index: 150;
}

.menu_icon {
 font-size: 0.9rem;
 font-weight: bold;
 line-height: 1;
 list-style-type: none;
 padding: 0.8rem 0 0 0;
 text-align: center;
}

.menu_btn li:before {
 color: #003468;
 content: '\f0c9';
 display: block;
 font-family: "Font Awesome 6 Free";
 font-weight: bold;
 font-size: 3rem;
}

.menu_icon.current {
 color: #003468;
}

.menu_icon.current:before {
 color: #003468;
 content: '\f00d';
 display: block;
 font-family: "Font Awesome 6 Free";
 font-weight: bold;
 font-size: 3rem;
}

@media (min-width:768px) {
 .menu_btn {
  display: none;
 }
}



/* メイン
------------------------------------------------------------------- */

main {
}

.top_main {
 background: #f2eb5a;
}

.top_main_inner {
 margin: 0 auto;
 padding: 2.4rem 1.6rem 1.6rem 1.6rem;
}

.main_inner {
 margin: 0 auto;
 padding: 2.4rem 1.6rem 1.6rem 1.6rem;
 position: static;
}

@media (min-width: 768px) {
 .main_inner {
  padding: 24rem 1.6rem 1.6rem 1.6rem;
  position: static;
  width: 80%;
 }
}

/* グローバルナビ
------------------------------------------------------------------- */

/* トップページ ---------------- */

.top_inside_hamburger {
 display: none;
 position: absolute;
 top: 9.6rem;
 right: 0;
 width: 100%;
 z-index: 99;
}

/* サブページ ---------------- */

.inside_hamburger {
 display: none;
 position: absolute;
 top: 10rem;
 right: 0;
 width: 100%;
 z-index: 90;
}

.global_nav {
 display: flex;
 flex-direction: column;
}

.global_nav li p {
 background: #003468;
 border-top: solid 1px #fff;
 color: #fff;
 font-size: 2rem;
 font-weight: bold;
 list-style-type: none;
 padding-left: 1.6rem;
 position: relative;
 text-align: left;
}

.global_nav li p a {
 color: #fff;
 display: block;
 padding: 1.6rem 0;
 text-decoration: none;
 width: 100%;
}

.global_nav li .menu_title:after {
 content: "\f0fe";
 font-family: "Font Awesome 6 Free";
 font-size: 2.4rem;
 font-weight: 400;
 margin-top: -2rem;
 position: absolute;
 top: 50%;
 right: 1.6rem;
}

.global_nav li .menu_title.open:after {
 content: "\f146";
 font-family: "Font Awesome 6 Free";
 font-size: 2.4rem;
 font-weight: 400;
 margin-top: -2rem;
 position: absolute;
 top: 50%;
 right: 1.6rem;
}

.global_nav li .solo_menu_title:after {
 content: "\f0da";
 font-family: "Font Awesome 6 Free";
 font-size: 2.8rem;
 font-weight: bold;
 margin-top: -2rem;
 position: absolute;
 top: 45%;
 right: 2rem;
}

.global_nav .sub_menu {
 display: none;
}

.global_nav li li {
 background: #c0e1f3;
 border-top: solid 1px #003468;
 padding: 1.2rem 4rem 1.2rem 3.2rem;
 z-index: 98;
}

.global_nav li li a {
 color: #003468;
 display: block;
 position: relative;
 width: 100%;
}

.global_nav li li a:after {
 color: #003468;
 content: "\f0da";
 font-family: "Font Awesome 6 Free";
 font-size: 2.8rem;
 font-weight: bold;
 margin-top: -1.8rem;
 position: absolute;
 top: 0.8rem;
 right: -2rem;
}

@media (min-width: 768px) {
 .top_inside_hamburger,
.inside_hamburger {
  cursor: pointer;
 }
 /* トップページ ---------------- */
 .top_inside_hamburger {
  background: #f2eb5a;
  display: block;
  padding-bottom: 3.2rem;
  position: static;
 }
 .top_inside_hamburger .global_nav {
  flex-direction: row;
  list-style-type: none;
  justify-content: space-around;
  margin: 0 auto;
  position: relative;
  width: 70%;
 }
 .top_inside_hamburger .global_nav p {
  background: #fff;
  border: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  width: 14rem;
  height: 14rem;
 }
 .top_inside_hamburger .global_nav p a {
  border: solid 2px #003468;
  color: #003468;
  margin: 0;
  padding: 0;
  line-height: 19rem;
  text-align: center;
  border-radius: 50%;
  width: 14rem;
  height: 14rem;
  position:relative;
 }
 .top_inside_hamburger .global_nav li .menu_title:after,
 .top_inside_hamburger .global_nav li .menu_title.open:after,
 .top_inside_hamburger .global_nav li .solo_menu_title:after {
  content:none;
 }
 .top_inside_hamburger .global_nav li p.btn_overview {
  background-image: url(../image/overview.png);
  background-size: 44%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .top_inside_hamburger .global_nav li p.btn_workshop {
  background-image: url(../image/workshop.png);
  background-size: 44%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .top_inside_hamburger .global_nav li p.btn_document {
  background-image: url(../image/document.png);
  background-size: 44%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .top_inside_hamburger .global_nav li p.btn_information {
  background-image: url(../image/information.png);
  background-size: 44%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .top_inside_hamburger .global_nav li p.btn_inquiry {
  background-image: url(../image/inquiry.png);
  background-size: 44%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .top_inside_hamburger .sub_menu {
  list-style-type: none;
  display: none;
  background: #fff;
  border-radius: 1.6rem;
  position: absolute;
  top: 11rem;
  z-index: 150;
 }
 .top_inside_hamburger .global_nav p {
  border-radius: none;
 }
 .top_inside_hamburger .global_nav p a {
  border-radius: none;
 }
 .global_nav li li {
  background: none;
  border-top: dashed 1px #87ced1;
  padding: 0.8rem 1.6rem;
  z-index: 98;
 }
 .global_nav li li:first-child {
  border-top: none;
}
 .global_nav li li a:after {
  content: none;
 }
 /* サブページ ---------------- */
 .inside_hamburger {
  background: #f2eb5a;
  background-image: url(../image/sub_header_visual.png);
  background-repeat: no-repeat;
  background-position: top right;
  display: flex;
  height: 18rem;
  position: absolute;
  top: 12rem;
 }
 .inside_hamburger .global_nav {
  flex-direction: row;
  list-style-type: none;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0 1.2rem;
  position: relative;
  width: calc(100% - 46rem);
 }
 .inside_hamburger .global_nav li p {
  background: #fff;
  border: solid 2px #003468;
  font-size: 1.3rem;
  position:relative;
  border-radius: 50%;
  margin: 0;
  padding:0;
  width: 10rem;
  height: 10rem;
 }
 .inside_hamburger .global_nav li p a {
  color: #003468;
  margin: 0;
  padding: 0;
  line-height: 13rem;
  text-align: center;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  top: 0;
  left: 0;
  position:relative;
 }
 .inside_hamburger .global_nav li .menu_title:after,
 .inside_hamburger .global_nav li .menu_title.open:after,
 .inside_hamburger .global_nav li .solo_menu_title:after {
  content:none;
 }
 .inside_hamburger .global_nav li p.btn_overview {
  background-image: url(../image/overview.png);
  background-size: 48%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .inside_hamburger .global_nav li p.btn_workshop {
  background-image: url(../image/workshop.png);
  background-size: 48%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .inside_hamburger .global_nav li p.btn_document {
  background-image: url(../image/document.png);
  background-size: 48%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .inside_hamburger .global_nav li p.btn_information {
  background-image: url(../image/information.png);
  background-size: 48%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .inside_hamburger  .global_nav li p.btn_inquiry {
  background-image: url(../image/inquiry.png);
  background-size: 48%;
  background-repeat: no-repeat;
  background-position: center 20%;
 }
 .inside_hamburger .sub_menu {
  list-style-type: none;
  display: none;
  background: #fff;
  border-radius: 1.6rem;
  position: absolute;
  top: 12rem;
  z-index: 150;
 }
 .inside_hamburger .global_nav p {
  border-radius: none;
 }
 .inside_hamburger .global_nav p a {
  border-radius: none;
 }
 .global_nav li li {
  background: none;
  border-top: dashed 1px #87ced1;
  padding: 0.8rem 1.6rem;
  z-index: 98;
 }
 .global_nav li li:first-child {
  border-top: none;
 }
 .global_nav li li a:after {
  content: none;
 }
}

/* バナーエリア
------------------------------------------------------------------- */

.bnr_area {
 background: #f2eb5a;
 padding-bottom: 2.4rem;
}

.bnr_area li {
 list-style-type: none;
 text-align: center;
}

@media (min-width: 768px) {
 .bnr_area {
  background: #f2eb5a;
  padding: 3.2rem;
 }
}

/* フッタ
------------------------------------------------------------------- */

footer {
 background: #003468;
 color: #fff;
}

.footer_inner {
 font-size: 1.2rem;
 margin: 0 auto;
 padding: 0.8rem;
}

.footer_inner li {
 list-style-type: none;
 text-align: center;
}

.footer_address {
 line-height: 1.2;
 margin-bottom: 1.6rem;
}

.footer_address dt {
 font-size: 0.8em;
 font-weight: bold;
 margin-bottom: 0.8rem;
}

.copyright {
 font-size: 0.8rem;
 text-align: center;
}


@media (min-width: 768px) {
 .footer_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .copyright {
  width: 100%;
 }
}








/* その他のナビゲーション関連
------------------------------------------------------------------- */

/* ページのトップに戻るナビ ------------------------------ */

.pagetop_nav {
 cursor: pointer;
 font-size: 1rem;
 line-height: 1;
 position: fixed;
 right: 1.6rem;
 bottom: -100px;
 text-align: center;
}

.pagetop_nav a {
 background: #000;
 color: #fff;
 display: block;
 height: 3.2rem;
 opacity: 0.5;
 padding: 0.8rem 0;
 text-decoration: none;
 width: 4.8rem;
}

.pagetop_nav a:before {
 content: "\f077";
 display: block;
 font-family: "Font Awesome 5 Free";
 font-size: 2.2rem;
 font-weight: bold;
}

/* ページネーション ------------------------------------ */

.pagination {
 margin: 2.4rem auto;
 text-align: center;
}

.pagination li {
 margin: 0;
 list-style: none;
 display: inline-block;
}

.pagination li a,
.pagination li .page-numbers {
 border: solid 1px #ccc;
 border-radius: 0.4rem;
 display: inline-block;
 padding: 0.8rem 1.3rem;
 text-decoration: none;
}

.pagination li a:hover {
 background: #ccc;
 border: solid 1px #ccc;
}

.pagination li .page-numbers.current {
 background: #c0e1f3;
 border: solid 1px #2bc3cf;
 color:#fff;
}


/* =============================================================================
各カテゴリごと(トップページ含む)
============================================================================= */

/* トップページ・サブページ共通
------------------------------------------------------------------- */

/* 汎用 -------------------------------------------- */

.none {
 display: none;
}

/* 文字サイズ */
.fz_s {
 font-size: 0.8em;
}

/* 文字色 */
.color_red {
 color: #ed292c; /* 赤色に */
}
.color_royalblue {
 color: #4169e1; /* 青色に */
}

/* 文字装飾 */
.bold {
 font-weight: bold;
}
.underline {
 text-decoration: underline;
}

/* 配置 */
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.left {
 text-align: left;
}
.float_right {
 float: right;
}
.float_clear {
 float: none;
}
.float_left {
 float: left;
}









/* トップページ
------------------------------------------------------------------- */

.top_lead {
background: #fff;
border: solid 2px #003468;
border-radius: 1.6rem;
color: #003468;
margin-bottom: 2.4rem;
padding: 1.6rem;
position: relative;
}

.top_lead:before {
 content: "";
 background: url(../image/star.png) no-repeat;
 background-size: contain;
 display: block;
 width: 100%;
 height: 16%;
 position: absolute;
 top: -4rem;
 left: -2.4rem;
}

@media (min-width: 768px) {
 .top_lead {
  margin: -6.4rem auto 3.2rem auto;
  padding: 3.2rem;
  width: 70%;
 }
 .top_lead:before {
  height: 32%;
  top: -4rem;
  left: -2.4rem;
 }
}

/* 新着情報 ------------------------------------- */

.information_area {
 margin: 0 0 3.2rem 0;
}

.information_area a:hover {
 text-decoration: underline;
}

.information_area h2 {
 color: #003468;
 font-size: 2rem;
 margin: 0 auto 0.4rem auto;
 padding-left: 4.8rem;
 position: relative;
}

.information_area h2:before {
 content: "";
 background: url(../image/h2_point.png) no-repeat;
 background-size: contain;
 display: inline-block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}

.goto_infomation_list {
 font-size: 1.4rem;
 list-style-type: none;
 margin: 0 0.8rem 1.6rem 0;
 text-align: right;
}

.goto_infomation_list li:before {
 color: #003468;
 content: "\f0a9";
 font-family: "Font Awesome 6 Free";
 font-weight: 900;
 padding: 0 0.6rem 0 0;
}

.information {
 overflow-y: scroll;
 height: 31rem;
}

.information div {
 border-bottom: dashed 2px #87ced1;
 font-size: 1.4rem;
 line-height: 1.3;
 margin: 0.8rem;
 padding: 0 0 0.4rem 0.4rem;
}

.information dt,
.information dd {
}

@media (min-width: 768px) {
 .information_area {
  margin-right: auto;
  margin-left: auto;
  width: 70%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 31rem;
}
 .information_area h2 {
  padding-left: 0;
  margin: 0 auto 0.8rem auto;
  padding: 6rem 0 0 0;
  width: 20%;
  text-align: center;
 }
 .information_area h2:before {
  display: block;
  width: 60%;
  height: 60%;
  top: -0rem;
  left: 4rem;
 }
 .goto_infomation_list {
  text-align: center;
 }
 .information {
  width: 80%;
  height: 11rem;
 }
}

@media (min-width: 960px) {
 .information {
  height: 40.5rem;
 }
 .information div {
  display: flex;
  margin: 0.8rem 0;
  padding: 0 0 0.8rem 0.4rem;
 }
 .information dt {
  padding: 0 0 0 0.8rem;
  width: 9em;
 }
 .information dd {
  width: calc(100% - 10em);
 }
}







/* サブページ
------------------------------------------------------------------- */

/* サブページ共通 -------------------------------------------- */

/* 見出し ------------------------------ */

section {
 margin: 0 0 4rem 0;
}

/* h1 */
.p_title {
 color:#003468;
 font-size: 2.2rem;
 line-height: 1.1;
 margin-bottom: 6.4rem;
 padding-left: 0.8rem;
 position: relative;
}
.p_title:before {
 content: "";
 display: inline-block;
 margin-right: 0.8rem;
 width: 4.8rem;
 height: 4.8rem;
 background-size: contain;
 background-repeat: no-repeat;
 vertical-align: bottom;
}
/* 各ページタイトルポイント画像 ------------------- ----*/
/* センター概要 */
.overview_p_title:before {
 background-image: url(../image/overview.png);
}
/* 研修会 */
.workshop_p_title:before {
 background-image: url(../image/workshop.png);
}
/* 公開資料 */
.document_p_title:before {
 background-image: url(../image/document.png);
}
/* お知らせ */
.information_p_title:before {
 background-image: url(../image/information.png);
}
/* お問い合わせ */
.inquiry_p_title:before {
 background-image: url(../image/inquiry.png);
}
.p_title:after {
 content: "";
 position: absolute;
 bottom: -2.4rem;
 display: inline-block;
 width: 100%;
 height: 18px;
 left: 50%;
 transform: translateX(-50%);
 border-radius: 16px;
 background-color: #f2eb5a;
}

/* h2 */
.c_title {
 border: solid 2px #f2eb5a;
 color:#003468;
 font-size: 1.8rem;
 line-height: 1.3;
 margin-bottom: 3.2rem;
 padding: 0.8rem 1.6rem 0.8rem 5.6rem;
 text-indent: -4rem;
 width: 100%;
}

.c_title:before {
 background-image: url(../image/h2_point.png);
 content: "";
 display: inline-block;
 margin-right: 0.8rem;
 width: 3.2rem;
 height: 3.2rem;
 background-size: contain;
 background-repeat: no-repeat;
 vertical-align: bottom;
}

/* h3 */
.s_title {
 border-bottom: solid 3px #afafaf;
 font-size: 1.8rem;
 line-height: 1.3;
 margin: 0 0 1.6rem 0;
 padding: 0 0.8rem 0.2rem 0.8rem;
}

/* h4 */
.ss_title {
 border-left: solid 12px #afafaf;
 font-size: 1.6rem;
 line-height: 1.3;
 margin: 0 1.6rem 1.6rem 1.6rem;
 padding: 0 0 0 0.8rem;
}

/* h5 */
.sss_title {
 font-size: 1.6rem;
 margin: 0 1.6rem 0.8rem 1.6rem;
}
.sss_title:before {
 content: "［";
}
.sss_title:after {
 content: "］";
}

.main_inner p, .main_inner dl {
 margin: 0 1.6rem 1.6rem 1.6rem;
}

.main_inner ul, .main_inner ol {
 margin: 0 1.6rem 1.6rem 3.6rem;
}

.main_inner li {
 margin-bottom: 0.8rem;
}

.main_inner ul ul, .main_inner ul ol,
.main_inner ol ul, .main_inner ol ol {
 margin-bottom: 0;
 margin-left: 2.4rem;
}

.main_inner ul ul, .main_inner ol ul {
 list-style-type: disc;
}

.main_inner dl p {
 margin: 0 0 1.6rem 0;
}

.main_inner dl ul, .main_inner dl ol {
 margin: 0 0 0 2.4rem;
}

.main_inner dl dl {
}

.main_inner img {
 max-width: 100%;
 height: auto;
}

.main_inner .img_center {
 margin: 0 0 4rem 0;
 text-align: center;
 width: 100%;
}
.main_inner .img_same img {
 max-width: 100%;
 padding: 0.8rem;
 width: auto;
 height: auto;
}

.table_common {
 margin: 0 0 2.4rem 0;
 table-layout: fixed;
 width: 100%;
}

.table_common th {
 background: #dfdfdf;
 font-weight: normal;
}

.table_common th, .table_common td {
 border: solid 1px #afafaf;
 font-size: 1.4rem;
 padding: 0.2rem;
}

.table_common td p, .table_common td dl {
 margin-left: 0;
}

.table_common td ul, .table_common td ol {
 margin-bottom: 0;
 margin-left: 2.4rem;
}

.main_inner strong {
 font-weight: bold;
}

.main_inner figure {
}
.main_inner figure img {
 width: auto;
}

.main_inner .as_of {
 font-size: 0.9em;
 margin: 0;
 text-align: right;
}


@media (min-width: 768px) {
 /* h1 */
 .p_title {
  font-size: 2.4rem;
 }
 /* h2 */
 .c_title {
  font-size: 2.2rem;
 }
 /* h3 */
 .s_title {
  font-size: 2rem;
  margin: 0 0 1.6rem 0;
 }
 /* h4 */
 .ss_title {
  font-size: 1.8rem;
  margin: 0 3.2rem 1.6rem 3.2rem;
 }
 /* h5 */
 .sss_title {
  font-size: 1.6rem;
  margin: 0 1.6rem 0.8rem 1.6rem;
 }
 .main_inner p, .main_inner dl {
  margin: 0 3.2rem 1.6rem 3.2rem;
 }
 .main_inner ul, .main_inner ol {
  margin: 0 3.2rem 1.6rem 5.2rem;
 }
 .main_inner ul ul, .main_inner ul ol,
 .main_inner ol ul, .main_inner ol ol {
  margin-bottom: 0;
  margin-left: 2.4rem;
 }
 .main_inner dl p {
  margin: 0 0 1.6rem 0;
 }
 .main_inner dl ul, .main_inner dl ol {
  margin: 0 0 0 2.4rem;
 }
 .main_inner dl dl {
 }
 .main_inner figure {
 }
 .main_inner figure img {
  width: auto;
 }
 .main_inner img {
  width: auto;
 }
 .main_inner a:hover {
  text-decoration: underline;
 }
 .table_common th, .table_common td {
  font-size: 1.4rem;
  padding: 0.2rem 0.4rem;
 }
 .table_common td p, .table_common td dl {
  margin-left: 0;
 }
 .table_common td ul, .table_common td ol {
  margin-bottom: 0;
  margin-left: 2.4rem;
 }
 .table_common td p, .table_common td dl {
  margin-left: 0;
 }
 .table_common td ul, .table_common td ol {
  margin-left: 2.4rem;
 }
 .main_inner strong {
  font-weight: bold;
 }
 .main_inner .as_of {
  margin: 0 3.2rem 0 0;
 }
}
@media (min-width: 960px) {
}



/* センター概要
------------------------------------------------------------------- */

/* センター長挨拶 ---------------------- */

.center_doctor_photo {
 float: right;
 font-size: 1.2rem;
 margin: 0.8rem 0 1.6rem 0.8rem ;
 text-align: center;
 width: 14rem;
}

.center_doctor_photo img {
 height: auto;
 width: 12rem;
}

@media (min-width: 768px) {
 .center_doctor_photo {
  margin: 0.8rem 3.2rem 1.6rem 0.8rem ;
 }
}

/* 事業概要詳細 --------------------------------------- */

.branch {
 margin: 2.4rem 0;
}

.branch .map {
 text-align: center;
}

.branch_box {
 margin: 0 0 1.6rem 0;
}

.miyako_branch {
 background: pink;
}

.kesen_branch {
 background: pink;
}

.kamaishi_branch {
 background: pink;
}

.contact {
 border: solid 1px tomato;
 margin-bottom: 2.4rem;
}

@media (min-width: 768px) {
 .branch {
 display: flex;
 flex-direction: row-reverse;
 }


}

/* 沿革 --------------------------------------- */

.history_table th, .history_table td {
 display: block;
 max-width: 100%;
}

.history_table th {
 display: none;
}

.history_table .date {
 border-bottom: dotted 1px #999;
 border-left: solid 4px #999;
 padding: 0 1rem 0.2rem 0.6rem;
}

.history_table td {
 padding: 0.5rem 0.8rem 2rem 0.6rem;
}

@media (min-width: 768px) {
 .history_table {
  width: 100%;
 }
 .history_table th, .history_table td {
  display: table-cell;
 }
 .history_table th {
  border-bottom: dotted 1px #999;
 }
 .history_table .date {
  padding: 1rem 1rem 0.5rem 0.6rem;
  width: 16rem;
 }
 .history_table td {
  border-bottom: dotted 1px #999;
  padding: 1rem 0.8rem 0.5rem 0.6rem;
 }
}


/* 研修会
------------------------------------------------------------------- */

/* 年度別主な研修会等一覧 */

.table_workshop_list {
 border: solid 1px #999;
}

.table_workshop_list tr {
 display: flex;
 flex-direction: column;
}

.table_workshop_list th {
 border: solid 1px #999;
}

.table_workshop_list td {
 border: solid 1px #999;
}

.table_workshop_list hr {
 border-top: dotted 2px #999;
 margin-top: 1rem;
 width: 100%;
}

.workshop_day {
 width: auto;
}

.main_inner .workshop_list_detail {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 0;
 width: 100%;
}

.main_inner .workshop_list_detail + .workshop_list_detail {
 border-top: dotted 2px #999;
 margin-top: 2rem;
}

.workshop_list_detail dt {
 width: 5em;
}

.workshop_list_detail dt::after {
 content: "：";
}

.workshop_list_detail dd {
 width: calc(100% - 5em);
}


.workshop_title {
 font-weight: bold;
 font-size: 1.6rem;
}
/*
.workshop_lecturer {
}
.workshop_place {
}
.workshop_target {
}
.workshop_attendance {
}
*/

@media (min-width: 768px) {
 .table_workshop_list tr {
  display: flex;
  flex-direction: row;
 }
 .workshop_day {
  width:12em;
 }
 .table_workshop_list td {
  width: calc(100% - 12em);
 }



}






/* 公開資料
------------------------------------------------------------------- */

.inquiry {
 border-top: solid 1px #ccc;
 margin-bottom: 2.4rem;
 width: 100%;
}

.inquiry th, .inquiry td{
 display: block;
 vertical-align: middle;
 width: 100%;
}

.inquiry th {
 font-weight: normal;
 padding: 0.8rem;
 text-align: left;
}

.inquiry td {
 border-bottom: solid 1px #ccc;
 padding: 0 0.8rem 2.4rem 0.8rem;
}

.inquiry input, .inquiry textarea {
 padding: 0.8rem;
}

.inquiry input[type="text"],
.inquiry textarea {
 width: 94%;
}

.inquiry  textarea {
 height: 10em;
}

.inquiry_btn {
 margin: 0 auto;
 text-align: center;
}

.inquiry_btn button {
 background: #64d5dd;
 border: none;
 color: #fff;
 padding: 0.8rem 2.4rem;
}

@media (min-width:768px) {
 .inquiry {
  margin: 2.4rem 0;
  table-layout: fixed;
  width: 100%;
  word-break: break-all;
 }
 .inquiry th, .inquiry td {
  display: table-cell;
 }
 .inquiry th {
  background: #f5f5f5;
  border-bottom: solid 1px #ccc;
  text-align: left;
  width: 25%;
 }
 .inquiry td {
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding: 0.8rem;
  width: 75%;
 }
 .inquiry input[type="text"],
 .inquiry textarea {
  width: 96%;
 }
}
@media (min-width:968px) {
 .inquiry th {
  width: 23rem;
 }
 .inquiry td {
  width: 70.2rem;
 }
 .inquiry input[type="text"] {
 }
 .inquiry  textarea {
  height: 5em;
 }
}



/* 新着情報
------------------------------------------------------------------- */

.main_inner .information {
 overflow: auto;
}

/* お問い合わせ
------------------------------------------------------------------- */

.inquiry_information dt {
 font-weight: bold;
 margin: 0 0 0.8rem 0;
 padding: 0 0 0rem 0.8rem;
}

.inquiry_information dd {
 margin: 0 0.8rem 1.6rem 1.6rem;
}

.access dt{
 font-weight: bold;
 margin: 0 0 0.8rem 0;
 padding: 0 0 0rem 0.8rem;
}

.access dd {
 margin: 0 0.8rem 1.6rem 1.6rem;
}

.embed_gmap {
 margin: 0 1.6rem 1.6rem 1.6rem;
 height: 300px;
}

@media (min-width:768px) {
 .embed_map {
  margin: 0 3.2rem 1.6rem 3.2rem;
  height: 450px;
  overflow:hidden;
 }
 .embed_map iframe {
  height: 850px;
  margin-top: -200px;
 }
}