@charset "UTF-8";
/****************************************
Resetting
*****************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header,
hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{border: 0;font-size: 100%;font: inherit;margin: 0;padding: 0;vertical-align: baseline;}
h1, h2, h3, h4, h5, h6{font-weight: 700}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, main,hgroup, menu, nav, section {display: block;}
ol,ul,li{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="submit"],input[type="button"],input[type="reset"]{appearance: button;border: none;border-radius: 0;box-sizing: border-box;cursor: pointer;-webkit-box-sizing:content-box;-webkit-appearance: button;}
a{text-decoration: none;}
img{vertical-align: top}
img{max-width:100%;height:auto;}


/* noto-sans-jp-500 - japanese */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/noto-sans-jp-v28-japanese-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-jp-v28-japanese-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-jp-v28-japanese-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-jp-v28-japanese-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-jp-v28-japanese-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-jp-v28-japanese-500.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

/******************************************
normarise
******************************************/
*{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;margin: 0;padding: 0;}
html{width: 100%;height: 100%;overflow-y: scroll;font-size: 62.5%;-webkit-font-smoothing: antialiased;}
body{background: #fff; font-size: 14px;font-size: 1.6rem;line-height: 1.8em;
font-family: 'Noto Sans JP', sans-serif;font-feature-settings: "palt";font-weight: 500;min-width:100%;text-align: center;-webkit-text-size-adjust: 100%;-ms-font-feature-settings: "normal";}

a:link {color: #006769;text-decoration: underline;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:visited {color: #006769;}
a:hover,a:active{color:#b8e3eb;text-decoration: none;}
a img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover img{opacity: 0.7}
@media screen and (max-width:767px){/*スマホ対応*/
body{font-size: 1.4rem}
.pc{display:none !important;}
}
@media screen and (min-width:768px){ /*PC独自設定*/
.sp{display:none !important;}

}
/******************************************
webfont
******************************************/

/* ------------------------------------------------------------
Common Module
------------------------------------------------------------ */
.Tleft{ text-align:left;}.Tright{ text-align:right;}.Tcenter{ text-align:center;}.text10{ font-size: 1.0rem}.text11{ font-size: 1.1rem}.text12{ font-size: 1.2rem}.text13{ font-size: 1.3rem}.text14{ font-size: 1.4rem}.text15{ font-size: 1.5rem}.text16{ font-size: 1.6rem}.text17{ font-size: 1.7rem}.text18{ font-size: 1.8rem}.text19{ font-size: 1.9rem}.text20{ font-size: 2.0rem}.text25{ font-size: 2.5rem}.text30{ font-size: 3.0rem}.text50{ font-size: 5.0rem}
.mT10{margin-top: 10px !important;}.mT20{margin-top: 20px;}.mT30{margin-top: 30px;}.mT40{margin-top: 40px;}.mT50{margin-top: 50px;}.mT70{margin-top: 70px;}.mB0{margin-bottom: 0px !important;}.mB10{margin-bottom: 10px !important;}.mB20{margin-bottom: 20px;}.mB30{margin-bottom: 30px;}.mB40{margin-bottom:40px;}.mL20{margin-left: 20px;}.pT10{padding-top: 10px;}.pT30{padding-top: 30px;}.pB30{padding-bottom: 30px;}.coution{margin-left: 1em;text-indent: -1em;}
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{justify-content: flex-start;-webkit-justify-content: flex-start;}.flex--center{justify-content: center;-webkit-justify-content: center;}.flex--end{justify-content: flex-end;-webkit-justify-content: flex-end;}.flex--bet{justify-content: space-between;-webkit-justify-content: space-between;}.flex--around{justify-content: space-around;-webkit-justify-content: space-around;}
.col1{width:100%;}.col2{width:48%;}.half{width:50%;}.col3{width:30%;}.col4{width:24%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}.vaC{align-items: center;}.vaB{align-items: baseline;}

.imgwide img{width: 100%;height: auto;}
.baseFC{color: #006769;}
.lh2{line-height: 2em}

.inner--base{margin: 0 auto;width: 1000px;}
.inner--short2{margin: 0 auto;width: 964px;}
.inner--short{width: 896px;;margin: 0 auto;}

.redline{border-bottom: 2px solid #f55556}
strong{font-weight: bold}

@media screen and (max-width: 1024px) { }
@media screen and (max-width: 896px) {
.inner--base{margin: 0 auto;width: 96%;position: relative}
.inner--short,.inner--short2{width: 94%;margin: 0 auto;}

}
@media screen and (max-width: 480px) { }

@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}

}


/****************************************
effect-fade
*****************************************/
.effect-fade{opacity : 0;transform : translate(0, 50px);  transition : all 1500ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}

.effect-fadeIn {opacity : 0;transition : all 1800ms;}
.effect-fadeIn.effect-scroll {opacity : 1;}

.effect-fadeleft {opacity : 0;transition-duration: 1s;transform : translateX(150px);transition : all 1800ms;}
.effect-fadeleft.effect-scroll {opacity : 1;transition-duration: 1s;transform : translate(0, 0);}

.effect-faderight {opacity : 0;transition-duration: 1s;transform : translateX(-150px);transition : all 1800ms;}
.effect-faderight.effect-scroll {opacity : 1;transition-duration: 1s;transform : translate(0, 0);}

@media print{
.effect-fade{transform : translate(0, 0px);opacity : 1;}
.effect-fadeIn{opacity : 1;}
.effect-fadeleft,
.effect-faderight{opacity : 1;transform : translate(0, 0);}
}

/****************************************
pagetop
*****************************************/
#pagetop{position:fixed;width: 60px; right:10px;bottom:10px;cursor:pointer;z-index:99;display: none}
@media screen and (max-width: 767px) {/*スマホ設定*/
#pagetop{bottom:10px;width: 40px;}
}

/****************************************
header
*****************************************/
.site-header{width: 100%;margin: auto;background: #fff;border-bottom: 3px  solid #006769;
position: fixed;
top: 0;
transition: .5s;
width: 100%;
z-index: 999;
}
.site-header.hide{
    transform: translateY(-100%);
}
.site-header #hlogo{width:30%;text-align: left}

@media print,screen and (min-width: 769px) {/*【タブレット縦以上】*/
.site-header .inner--base{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;}
.site-header #nav{width: 70%; font-size: 1.8rem;}
.site-header #nav ul{display: flex;width: 100%}
.site-header #nav ul> li{flex-grow: 1;text-align: center;}
.site-header #nav ul> li a {padding: 30px 0;display: block;text-decoration: none; z-index: 1;color: #006769}
.site-header #nav ul> li a:hover{background:#b8e3eb;color: #006769}

.site-header #nav li .sub{background: #006769;position: absolute;width: 100%;top: 100%;left: 0;display: none; opacity: 0;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;z-index: 999}
.site-header #nav ul li ul li a{color: #fff;font-size: 1.8rem}
.site-header #nav ul li ul li span{display: inline-block;vertical-align: middle}
.site-header #nav ul li ul li span img{margin-right: 12px}
.site-header #nav ul> li:hover > a{background: #b8e3eb;}
.site-header #nav li:hover .sub{opacity: 1;display: block}


.greetingpage #nav ul> li#n1,
.staffpage #nav ul> li#n2,
.opinfopage #nav ul> li#n3,
.societypage #nav ul> li#n4,
.trainingpage #nav ul> li#n5{background:#b8e3eb;color: #006769}

}



/*@media screen and (max-width:768px){*/

/*--------------------
タブレット
--------------------*/
@media screen and (max-width:768px) {
.site-header #hlogo{display: block;width: 100%;padding: 12px 0}
.site-header #hlogo img{width:200px;text-align: left}
#nav,.site-header #sidenav li{display: none}
#humberger{display: block;position:fixed;top:15px;right:20px;z-index:999;padding: 10px; width:40px;cursor:pointer;background:#006769}
body.drawer-opened{position: fixed;left: 0;top: 0;width: 100%}
body.drawer-opened #humberger .icon-bar{background:#fff;}
body.drawer-opened #humberger :nth-child(1){transform:translate(0,8px) rotate(45deg);-webkit-transform:translate(0,8px) rotate(45deg);}
body.drawer-opened #humberger :nth-child(2){transform:translate(-20px ,0);-webkit-transform:translate(-20px ,0);opacity:0;}
body.drawer-opened #humberger :nth-child(3){transform:translate(0,-8px) rotate(-45deg);-webkit-transform:translate(0,-8px) rotate(-45deg);}
.icon-bar{height:2px;background:#fff;display:block;margin-bottom:6px;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
.icon-bar.last{margin-bottom:0}


body.drawer-opened #nav{background: #006769;color: #fff;left: 0;top:65px;display: block;text-align: center;
position: fixed;width: 100%;z-index: 998;padding:20px 40px 80px;
overflow-y: scroll;height: 100%; overflow: auto;-webkit-overflow-scrolling: touch;
-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */ }
body.drawer-opened #nav li{width: 100%;text-align: left}
body.drawer-opened #nav li a{color: #fff;display: block;text-decoration: none;font-size: 1.8rem; border-bottom: 1px solid #fff;padding: 16px 0}
body.drawer-opened #nav label{width: 100%;position: relative; display: block;cursor: pointer;font-size: 1.8rem; border-bottom: 1px solid #fff;padding: 16px 0}
body.drawer-opened #nav .sub{overflow-y: hidden;max-height: 0;	transition: all 0.5s;}
body.drawer-opened #nav input:checked ~ .sub {  max-height:100%;opacity: 1;}
body.drawer-opened #nav #check{display:none !important;}
body.drawer-opened #nav label:after{  content:"";  display:block;  width:20px;
  height:20px;  background: url("../images/common/nav_puls.svg") no-repeat center center;  background-size: cover;  position:absolute;  right:0;  top: 35%;}
body.drawer-opened #nav input:checked + label:after{content:"";  display:block;  width:20px;  height:20px;  background: url("../images/common/nav_minas.svg") no-repeat center center;  background-size: cover;  position:absolute;  right:0;  top: 35%;}
.site-header #nav ul li ul li img{width: 40%;height: auto;}

.site-header #nav ul li ul li a{color: #fff;font-size: 1.5rem;text-align: left;padding-left: 12px;}
.site-header #nav ul li ul li span{display: inline-block; vertical-align: middle}
.site-header #nav ul li#n7 a{font-size: 1.3rem}
.site-header #nav ul li#n8 a{border-bottom: none;text-align: center}


.fixed-content{right:inherit;width:100%;z-index:2;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
#overlay{z-index:-1;opacity:0;background:#000;left:0;top:0;width:100%;height:100%;position:fixed;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000,0.000,0.000,1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000,1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
}

@media screen and (max-width: 896px) {
body.drawer-opened #nav .pc{display:none !important;}
body.drawer-opened #nav .sp{display:block!important;}
}

/****************************************
footer
*****************************************/
#inner-contact{border-top: 1px solid #b8e3eb;padding-top: 40px;padding-bottom: 40px; text-align: left}
#inner-contact .add{font-size: 1.3rem;margin: 8px 0}
.btform a{margin-top: 19px;padding: 8px 0; display: block;background:#006769 url("../images/common/icon_mail.svg") no-repeat 24% center;background-size: 22px; color: #fff;font-size: 1.4rem;border-radius:50px;text-align: center;text-decoration: none;letter-spacing: 0.2em;text-indent: 0.2em;}
#inner-contact h3{font-size: 2.5rem}
#inner-contact h3 span{font-size: 1.7rem}
#inner-contact table{width: 100%;margin-top: 10px; table-layout: fixed;border-collapse:collapse;border-spacing:0px;}
#inner-contact table th{text-align: center;padding: 2px 0; background: #006769;color: #fff;font-size: 1.35rem;border: 1px solid #7bc2c9}
#inner-contact table th.sub{background: #52a1a7}
#inner-contact table td{text-align: center;padding: 2px 0; font-size: 1.26rem;border: 1px solid #7bc2c9}

@media screen and (max-width: 480px) {
#inner-contact .col2{width: 100%}
#inner-contact .col2 li{width: 48%}
#inner-contact h3{margin-top: 30px;font-size: 1.9rem}
#inner-contact h3 span{font-size: 1.3rem}
.btform a{background:#006769 url("../images/common/icon_mail.svg") no-repeat 16% center;background-size: 22px;}
}

.site-footer{border-top: 5px solid #b8e3eb;padding-top: 40px;text-align: left}
.site-footer a{text-decoration: none;display: block;color: #000;}
.site-footer .inner--short{position: relative}
.site-footer li{margin-right: 50px}
.site-footer li a{font-size: 1.2rem}
.site-footer li p a{color: #006769;font-size: 1.5rem}
.site-footer .fbt{position: absolute;right: 0;top: 0}
.site-footer .fbt a{margin-bottom: 8px;font-size: 1.28rem;}
.site-footer address{font-size: 0.8rem;color: #c2c2c2; text-align: center;}
@media screen and (max-width: 896px){
.site-footer ul{width: 100%}
.site-footer .fbt{position:static;right: 0;top: 0;text-align: center}
}
@media screen and (max-width: 480px) {
.site-footer{padding-top: 20px;}
.site-footer ul{display: none}
.site-footer .fbt{position:static;right: 0;top: 0;text-align: center}
.site-footer address{line-height: 1.2em;padding: 20px 0}
}



/****************************************
2階層目
*****************************************/
#wrap{margin-top: 92px;}
@media screen and (max-width:767px){/*スマホ対応*/
#wrap{margin-top: 64px;}
}

#wrap{padding-bottom: 30px}
#wrap #inner-title{background: #e0edf1;}
#wrap #inner-title h1{font-size: 3.0rem;color: #006769;letter-spacing: 0.2em;text-indent: 0.2em;line-height: 1.7em}
#wrap #inner-title .inner--short{position: relative;padding: 60px 0}
#wrap #inner-title .inner--short img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);}

#wrap .catch{line-height: 2em;letter-spacing: 0.1em;color: #006769;text-align: left;font-size: 1.8rem;}
#wrap h2{font-size: 3rem;line-height: 1.8em;color: #006769;letter-spacing: 0.3em;text-indent: 0.3em}
#wrap h3{font-size: 2.7rem;line-height: 1.8em;color: #000;letter-spacing: 0.3em;text-indent: 0.3em}
#wrap h2.line{border-bottom: 1px solid #0b5556;border-top: 1px solid #0b5556;padding: 12px 0}
#wrap h3.line{border-bottom: 1px solid #0b5556;border-top: 1px solid #0b5556;padding: 12px 0}
#wrap h4{
  font-size: 2rem;
  text-align: left;
  position: relative;
}


.main_visual{
  margin-bottom: 70px;
}
p{
  margin-bottom: 30px;
  line-height: 2em;
  font-size: 1.5rem;
}
p.Tindent{
  text-indent: 1em;
}

.acc .contents_white{
  width: 90%;
  margin: 0 auto 30px;
  background: #fff;
  padding: 20px;
}
.acc p:last-of-type{
  margin-bottom: 0px;
}

.acc .contents_white p.catch{
  font-size: 16px;
}

table.tbl03 th,
table.tbl03 td{
  text-align: center;
}
table.tbl03 th.sex{
  width: 10%;
  vertical-align: middle;
}
td.attention{
  background: #e0edf1;
  font-weight: bold;
}


/*****レイアウト関連*****/
/*2:1*/
.block02-01{
  width: 100%;
  overflow: hidden;
}
.block02-01 .block02{
  width: 74%;
  float: left;
}
.block02-01 .block01{
  width: 24%;
  float: right;
}

/*1:1*/
.block01-01{
  width: 100%;
  overflow: hidden;
}
.block01-01 div{
  text-align: center;
}
.block01-01 div:nth-of-type(1){
  width: 49%;
  padding: 5px;
  float: left;
}
.block01-01 div:nth-of-type(2){
  width: 49%;
  padding: 5px;
  float: right;
}


/*****テーブル01*****/
.forSP{
  display: none;
}
table{
  table-layout:fixed;
}
table.tbl01,
table.tbl02,
table.tbl03{
  text-align: left;
  width: 96%;
  margin: 30px auto 30px;
}
table.tbl01 tr{
  border-bottom: solid 1px #0b5556;
}
table.tbl01 th{
  width: 20%;
  font-size: 1.6rem;
  padding: 10px;
  color: #0b5556;
  font-weight: bold;
  border-right:  solid 1px #0b5556;
  position: relative;
}
table.tbl01 th:before{
    content:" ";
    background:url(../images/greeting/icon.png);
    display: inline-block;
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    background-size: contain;
}
table.tbl01 th span{
  margin-left: .5em;
  font-weight: normal;
}
table.tbl01 td{
  width: 80%;
  padding: 10px;
  line-height: 1.5em;
  font-size: 1.6rem;
}

/*****テーブル02*****/
table.tbl02 tr{
  border-bottom: dashed 1px #0b5556;
}
table.tbl02 th,
table.tbl02 td{
  
  padding-bottom: 5px;
  font-size: 1.6rem;
}
table.tbl02 th{
  width: 20%;
  color: #0b5556;
}
table.tbl02 td{
  width: 80%;
}

/*****テーブル03*****/
table.tbl03{
  border-top: solid 1px #0b5556;
  border-left: solid 1px #0b5556;
}
table.tbl03 tr{
  border-bottom: solid 1px #0b5556;
}
table.tbl03 th{
  width: 20%;
  padding: 10px;
  color: #0b5556;
  font-weight: bold;
  border-right:  solid 1px #0b5556;
  position: relative;
}
table.tbl03 th span{
  margin-left: 1em;
  font-weight: normal;
}
table.tbl03 td{
  width: 80%;
  padding: 6px;
  line-height: 2em;
  border-right:  solid 1px #0b5556;
}

ol{
  margin: 0;
  padding: 0
}
ol li{
  list-style: none;
  padding-left: 1.3em;
  /*text-indent: -1.3em;*/
  text-indent: 0em;
  text-align: left;
}

ol.number{
  text-indent: -1em;
  margin-left: 1.3em;
}
ol.number li{
  list-style: decimal;
}

.clm-right{
  width: 45%;
  float: right;
  margin-left: 15px;
}

.pdf{
  position: relative;
  padding-right: 30px;
}
.pdf:before{
    content:" ";
    background:url(../images/society/icon_pdf.png) no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 27px;
    height: 31px;
    background-size: contain;
    transform: translate(0%, 0%);
}


@media screen and (max-width: 896px){
#wrap #inner-title h1{font-size: 2.5rem;}
#wrap #inner-title .inner--short{position: relative;padding: 20px 0}
#wrap #inner-title .inner--short img{width: 60px;}
#wrap h2{font-size: 2.5rem;}
#wrap .catch{font-size: 1.6rem;}
}

/*--------------------
タブレット
--------------------*/
@media screen and (max-width:768px) {
  .forPC{
    display: none;
  }
  .forSP{
    display: block;
  }
  /*テーブル*/
  table.tbl01{
    margin: 30px auto;
  }
  table.tbl01 th{
    border-right: none;
    padding-bottom: 0px;
  }
  table.tbl01 th:before{
    background: none;
  }
  table.tbl01 th,
  table.tbl01 td,
  table.tbl02 th,
  table.tbl02 td{
    width: 100%;
    display: block;
  }

  table.tbl02 tr{
    border-bottom: dotted 2px #0b5556;
  }
  table.tbl02 th,
  table.tbl02 td{
    border-bottom: none;
  }
}



@media print{
html,body{width:1020px;overflow:hidden;}
.site-header{position:static;}
.sp{display:none !important;}
img{max-width: 100%;height: auto}
.inner--base{margin: 0 auto;width: 96%;position: relative}
.inner--long{width:100%;min-width:100%; margin: auto}
.site-header #nav ul li ul{display: none}
#wrap{margin-top: 0px;}
}



/*ドルグ*/
.acc_box {margin: 20px 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: 1.8rem;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}

/*ドルグ_続きを読む*/
.readmore{
  margin-bottom: 50px;
}
.readmore .acc_box{
  margin-top: 0px;
}
.readmore .acc_box h3{  
  font-size: 1.6rem !important;
  color: #006769;
  border-bottom: solid 2px #006769;
  background: #fff;
  padding: 0px;
  display: block;
  position: relative;
  letter-spacing: .1em !important;
}
.readmore .acc_box h3:before{
    content:" ";
    background:url(../images/common/bt_open.svg) no-repeat;
    display: inline-block;
    letter-spacing: 0.1em !important;
    position: absolute;
    top: 56%;
    right: 0px;
    width: 18px;
    height: 18px;
    background-size: contain;
    transform: translate(0%, -50%);
}
.readmore .acc_box h3.act:before{
    content:" ";
    background:url(../images/common/bt_close.svg) no-repeat;
    display: inline-block;
    letter-spacing: 0.1em !important;
    position: absolute;
    top: 56%;
    right: -25px;
    width: 18px;
    height: 18px;
    background-size: contain;
    transform: translate(0%, -50%);
}
.readmore .acc_box div.acc{
  background: #fff;
  padding: 0px 0px 20px;
}



/*アイコンの並び*/
ul.list-03{
  width: 85%;
  margin: 0 auto 20px;
  overflow: hidden;
}
ul.list-03 li{
  width: 21%;
  float: left;
  margin-right: 5%;
}
ul.list-03 li:last-of-type{
  margin-right: 0%;
}

ul.list-02{
  width: 55%;
  margin: 0 auto 20px;
  overflow: hidden;
}
ul.list-02 li{
  width: 49%;
}
ul.list-02 li:nth-of-type(1){
  float: left;
  margin-right: 2%;
}
ul.list-02 li:nth-of-type(2){
  float: right;
}
ul.list-02 li:last-of-type{
  margin-right: 0%;
}


/*--------------------
スマートフォン
--------------------*/
@media screen and (max-width: 480px) {
  #wrap #inner-title .inner--short img{display: none}
  #wrap h2{letter-spacing: 0.2em;text-indent: 0.2em}

  #wrap h3{
    letter-spacing:0em;
  }

  #wrap #inner-title{
    margin-bottom: 0px;
  }
  .main_visual{
    margin-bottom: 30px;
  }

  #inner-jac .acc .contents_white{
    padding: 30px 20px !important;
  }

  ul.list-02{
    width: 96%;
  }
  ul.list-03{
    width: 100%;
  }

  #inner-jac .acc figcaption{
    font-size: 10px;
  }

  .pdf:before{
    transform: translate(0%, 0%);
  }

  /*教授・スタッフの写真サイズ*/
  .staff-p{
    width: 60%;
    margin: auto;
  }

  /*スマホでも2カラムのまま*/
  .block01-sp div:nth-of-type(1){
    width: 49% !important;
    padding: 5px !important;
    float: left !important;
  }
  .block01-sp div:nth-of-type(2){
    width: 49% !important;
    padding: 5px !important;
    float: right !important;
  }

  .mini-sp{
  font-size: 1.1rem !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  }
}


@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:0px 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;}
}