@charset "UTF-8";
/*--------------------------------
clearfix
---------------------------------*/
.clm2:before,
.clm2:after,
.flow li:before,
.flow li:after,
.list2:before,
.list2:after,
#main section.news li:before,
#main section.news li:after,
#contents:before,
#contents:after,
.cf:before,
.cf:after { content: ""; display: table;}



.clm2:after,
.flow li:after,
.list2:after,
#main section.news li:after,
#contents:after,
.cf:after { clear: both;}


.clm2,
.flow li,
.list2,
#main section.news li,
#contents,
.cf {zoom: 1;}


/*--------------------------------
初期設定
---------------------------------*/
html{ font-size:62.5%;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; } /* 1.6rem=16px */
body{ width:100%; color:#333; background:#fff; font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; line-height:1;word-break: break-all;}
a:hover{ text-decoration:none; opacity:.8 }
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
img { max-width: 100%;  height: auto;}

h1,h2,h3,h4,h5,h6,p,li,li li,div{ font-size:16px;font-size:1.6rem;}


/*--------------------------------
header
---------------------------------*/
#header { color:#000;padding:10px 10px 5px 10px; }

#header h1{ font-size:13px;  font-size:1.3rem;padding:10px 0 10px 40px ;background:url(/~sindansyokakunin/img/sp_icon.png) left center no-repeat; background-size:40px 40px; }
header h1 span{ display: block; font-size:1rem; margin-right:10px; margin-bottom:4px;font-weight:normal;}
header h1 a{ font-size:1.6rem;  text-decoration:none;}
#header h2{font-size:10px;  font-size:1rem; font-weight:normal; height:4px; }
#header h2 span{ display:none}
#header p{padding-bottom:5px;font-size:10px;   font-size:1rem; font-weight:normal; line-height:1.2 }
#header p span{ display:none}
#header .tel{position:absolute; top:10px; right:70px}
#header .tel a{ text-indent:-9999px; display:block; width:50px; height:50px;}




/*--------------------------------
#contents
#contents{ background:#f8f6f1}
---------------------------------*/



/*--------------------------------
#main
---------------------------------*/
#main section{ margin-bottom:30px}
#main section p{ line-height:1.6; margin-bottom:10px;text-shadow: 0px 1px 1px #fff; }
#main{padding:30px 10px; box-sizing:border-box;}
#main section h1{ padding-left:10px; margin-bottom:30px;border-left-width:8px; border-left-style: solid; line-height:1.4; font-size:24px;font-size:2.4rem; color:#333;text-shadow: 0px 1px 1px #fff; }
#main section h2{ border-bottom-width:1px;border-top-width:3px; border-bottom-color:#fff;border-style: solid; padding:15px; margin-bottom:15px;font-size: 20px;font-size: 2rem;text-shadow: 0px 1px 1px #fff;  }
#main section h3{  margin-bottom:10px; padding:10px;font-size:1.8rem; background:#74a03c; font-weight:bold; color:#fff}
#main section.news{ position:relative;}
#main section.news .newsList{ position:absolute; right:0; top:0}
#main section.news li{ padding:10px 0; border-bottom:1px dotted #CCCCCC}
#main section.news li span{ display:block; padding-bottom:5px; font-weight:bold; font-size:12px;font-size:1.2rem; color:#000}
#main section.news li p{ margin-bottom:0}
#main section p.name{ text-align:right}
.indexBody #main section.news ul{ height:150px; overflow-y:scroll ;}

.utilityNav{ text-align:center}
.utilityNav li {display: inline;}
.utilityNav li:first-child{ margin-right:15px;}
.utilityNav li a{ font-size:12px;font-size:1.2rem; display: inline-block;  width: 45%;border:1px solid #CCC; padding:10px 0; text-decoration:none}

.backHome a{background: #fff}
.gotoTop a{background:#fff }

#main section ol li{ list-style-type:decimal;margin-left: 30px; padding-bottom:10px; line-height:1.4}
/* パンくず */
.crumb{ margin-bottom:15px; padding:0 0　7px; }
.crumb li{ display:inline; font-size:14px; font-size:1.4rem;}
.crumb li a{ color:#999; }
.crumb li:last-child{ font-weight:bold}

/* 入力エリア */
.input-area{ margin-bottom:20px; padding:15px; }
.input-area div span{ font-weight:bold}
.btn01{ margin:20px 0 0}
.btn01 a{ display:block; color:#fff; background:#74a03c; text-align:center; border-radius:10px; padding:20px 0; text-decoration:none;
  background-image: linear-gradient(#99c65f 0%, #74a03c 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(83, 119, 38, 1);
  font-size: 2rem;

}
  

/* 確認 */
.check{ margin-top:30px}

/* 結果 */
.result-area{ margin-bottom:60px; padding:15px;background:#edf7d6}
.result-area p{ font-size:1.8rem; color:#74a03c; font-weight:bold; text-align:center}
.progress{ background:#fff; padding:15px; line-height:1.6}

/* お問い合わせ先 */
.contact-area{ margin-bottom:60px}
.contact-area dt{ margin-bottom:15px; font-weight:bold; font-size:2rem; color:#74a03c}
.contact-area dd{ margin-bottom:10px; display:inline-block }

/*--------------------------------
footer
---------------------------------*/

#footer{  text-align:center; padding:20px 0 0;}
#footer p{ margin:10px 0; font-size:10px; font-size:1rem; color:#000 }
#footer p.sitenameSub{ color:#999 }
#footer p.sitename{ font-size:14px; font-size:1.4rem;  font-weight:bold}
#footer a{}
#footer .fotterMap{ margin:10px 10px 0;}
#footer small{ display:block; background:#74a03c; color:#fff; padding:10px 0}
#footer .footer-contact{ font-size:1.6rem; line-height:1.6 }
#footer .footer-contact a{ line-height:1}
/*--------------------------------
汎用
---------------------------------*/

table{width: 100%; margin-bottom:5px; }
.table-wrap{overflow: auto;　/*tableをスクロールさせる*/ white-space: nowrap; margin-bottom:30px;　　/*tableのセル内にある文字の折り返しを禁止*/  }
.table-wrap::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/ height: 5px;}
.table-wrap::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/ background: #F1F1F1;}
.table-wrap::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/ background: #BCBCBC;}
th{ width: auto; text-align: left;  background:#f7f7f7}
th{ padding:10px;border: 1px solid #ccc;line-height:1.4; white-space: nowrap; }
td { padding:10px;border: 1px solid #ccc;line-height:1.4; }
td {background:#fff; }
table th{ font-weight:bold}
.sectionImg{ padding:10px 0}
.list,.list2 { margin-bottom:30px}
.list li{ border-bottom:1px dotted #CCC; padding:10px 0; line-height:1.4; }
.list li{margin-left:20px; padding-left:20px; background:url(https://www.med.kagawa-u.ac.jp/~sindansyokakunin/img/slide_li_li.png) left 14px no-repeat; background-size:12px 12px;}
.list li:first-child{border-top:1px dotted #CCC; margin-top:10px;}
.list2 li{ width:100%; border:1px solid #CCC ; padding:10px; margin-bottom:20px; box-sizing:border-box; background:#fff;line-height:1.4}
.list2 li .sectionImg{ padding-top:0}
.textcenter{ text-align:center}
.bold{ font-weight:bold; }
.borderbox{ padding:10px; margin-bottom:10px; background:#fff; border:1px solid #ccc}
.box{ cursor:pointer}
.box:hover{opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: “alpha( opacity=80 )”;}
.mBtm20{ margin-bottom:20px}
.small{ font-size:11px!important;}
.flow { margin-bottom:20px;}
.flow li .step{ width:100%; padding:10px; text-align:center; box-sizing:border-box; background:#dedede; color:#666; font-weight:bold; border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-top:1px solid #c7c7c7; line-height:1.4}
.flow li .stepcontent{border: 1px solid #ccc;background-color: #fff;padding: 10px;line-height: 1.4;}
.y-flow { text-align:center; }
.y-flow img{  width:50px; height:auto}
.flow li{ background:url(https://www.med.kagawa-u.ac.jp/~sindansyokakunin/img/y.png) center bottom no-repeat; background-size:50px auto; padding-bottom:45px;}
.flow li:last-child{ background:none; padding-bottom:20px}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




@media screen and (max-width: 480px) {
}
@media only screen and (min-width: 481px) {
#menu li a{ font-size:14px; font-size:1.4rem;}
.list02{ display:flex;
    flex-wrap: wrap;}
.list02 li{ width:47%;margin:5px}
.table01 tr td:nth-child(1){ width:220px;}
.sp-table{ display:none}
}

@media only screen and (max-width: 720px) {
#header .tel a{ background: url(https://www.med.kagawa-u.ac.jp/~sindansyokakunin/img/icon_tel.png) left top no-repeat; background-size:50px 50px}
#side .subContnts{ display:none}

}
@media only screen and (min-width: 721px) {
.crumb{ margin-bottom:40px}
html{}
body{ background:url(/~sindansyokakunin/img/pc_html_bg.jpg) center top repeat-x}
#menu-box { margin:0 auto;
/*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	#fff 0%,
	#fff 50%,
	#eeeeee 51%,
	#eeeeee 100%
);
/*For Modern Browser*/
background: linear-gradient(
	#fff 0%,
	#fff 50%,
	#eeeeee 51%,
	#eeeeee 100%
);
 max-width:960px; border:1px solid #d5d5d5; height: 42px;
}
#menu li a{ font-size:12px; font-size:1.2rem; }
#header{ padding:0;background-color:none!important; background:#fff url(/~sindansyokakunin/img/pc_bg.jpg) center top repeat-x }

header{ position:relative; max-width:960px; height:0;padding-top:12.1875%; background:url(/~sindansyokakunin/img/header_bg_2.png) left top no-repeat;-moz-background-size:100% auto ;background-size: 100% auto ;}
#header h1{background:none }
header h1 span{ display: inline-block; }

#header h1 a{position: absolute;top: 0; display:block; height:90px; width:540px;text-indent:-9999px; }
#header h2,
#header p{ text-indent:-9999px; width:0; height:0}
#menu{  line-height: 44px;}
#contents{width:100%;  max-width:960px; margin:0 auto}
#main{width:100%; padding:20px 10px 10px; box-sizing:border-box; }
.indexBody #main{padding: 60px 10px ; border-top:4px solid #74a03c}

.utilityNav{ text-align:right; }
.utilityNav li.backHome{ display:none}
.utilityNav li.gotoTop a{text-decoration:underline; background:none; border:none}
.utilityNav li.gotoTop a:hover{ text-decoration:none}


#main section.news li p{ margin-left:160px;}
#main section.news li span{float:left; display:block; width:160px; padding-bottom:0; line-height:2; font-size:1.6rem}
.stepBar li{ font-size:12px; font-size:1.2rem}
.left{ float:left; padding:0 10px 10px 0; width:50%}
.right{ float:right; padding:0 0 10px 10px;}
.font10{font-size:10px!important; font-size:1rem!important }
.font11{font-size:11px!important; font-size:1.1rem!important }
.font12{font-size:12px!important; font-size:1.2rem!important }
.font13{font-size:13px!important; font-size:1.3rem!important }
.font14{font-size:14px!important; font-size:1.4rem!important }
.font15{font-size:15px!important; font-size:1.5rem!important }
.font16{font-size:16px!important; font-size:1.6rem!important }

#footer{}
#footer p{ display:inline}
#footer p.sitenameSub{ color:#000}
#footer p.sitename{ }
#footer p.address{}
#footer div{ margin:10px 0 15px;}
#footer div .fotterTel a{ text-decoration:none; cursor:default;color:#000}
#footer div .fotterMail a{ text-decoration:none; background:#fff; padding:10px 20px;  color:#106a9e}
#footer div .fotterTel a:hover{color:#000}
#footer div p a{  display:inline}
.list2 li{width: 48.8%;float:left; margin-right:10px;}
.list2 li:nth-child(2n){ margin-right:0}
.flow li .step{float:left; width: 150px;border-bottom:1px solid #c7c7c7}
.flow li .stepcontent{margin-left: 170px;}
.leftcontens{ width:50%; float:left; padding-right:10px; margin-bottom:10px; box-sizing:border-box}
.rightcontens{ width:50%; float:left ;margin-bottom:10px;}
.w50{ width:50%}


.pc-w50{ float:right; margin:0 0 10px 10px; width:40%; height:auto}
.top-pickup li{ width:33.3333333%; margin-top:10px; margin-bottom:10px; padding:0 10px 0 0;}
#main section h1{ font-size:3.4rem}
.input-area{ padding:40px 0; background:none}
.btn01 a{ display:inline-block; width:320px; box-sizing:border-box;border-radius:10px; padding:20px 60px}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
.input-wrap{ display:flex; max-width: 880px;margin: 40px 0 0; align-items: center;}
.input-area{ margin-right:30px;}
.progress{ min-height:100px; min-width: 400px;}
.contact-area dd a{ text-decoration:none; color:#000;pointer-events: none; }

}
 @media only screen and (min-width: 841px) {
}
@media only screen and (min-width: 961px) {
header{  margin:0 auto; height:117px; padding-top:0; }
#menu li a{ font-size:14px; font-size:1.4rem;}
#side{ padding-right:30px}
#side nav{ margin-left:0}
.calendar-wrap{ margin:40px 0 20px; text-align:center}
.calendar-wrap div{display: inline-block;width: 32.5%; font-size:1.3rem}
.calendar-wrap div table{ width:90%}
.preferred-date li{ display: inline-block; width:32%;}
#footer .footer-contact a{ display:none}
#footer .footer-contact span:before{ content:"TEL：087-891-2473"; display:inline-block; margin-bottom:10px;}

.list02 li{ width:31%; }
.gairai-soudan .tel:before{ content:"TEL：087-891-2473"; display:inline-block}
.gairai-soudan .tel a{ display:none}
.input-area{ margin-right:60px}
.indexBody #main{border-top:none}
#header{ background:#fff url(/~sindansyokakunin/img/pc_bg.jpg) center -21px repeat-x }

}

@media only screen and (min-width: 1081px) {

}