@charset "utf-8";
html,body{height:100%;}
body { font: 62.5%/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #656363;-webkit-text-size-adjust: 100%; 
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
.wrapper { width:100%; margin: 0 auto; }
#header { margin: 0px auto; width: 100%;  background-color: #b6d231;}
#header .headWrap { margin: 0px auto; width: 100%;max-width:1000px;}


.HeadContent { flex-grow: 1; margin: 0px auto 20px; width: 91%; display: -webkit-flex; display: flex; justify-content: flex-end; list-style: none; padding: 20px 0px 0px; overflow: hidden; }
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .HeadContent li:first-child {  flex-grow: 1;}
   }
  

.HeadContent li:first-child { margin-right: auto;  }
.HeadContent li + li{margin-right:15px;}
.HeadContent li:last-child{margin-right:0;}
.HeadContent li:nth-child(2),
.HeadContent li:nth-child(3){padding-top: 30px;}
.HeadContent .acc_bt a { background: url(../images/top/head_access_bt.png) no-repeat left; height: 58px; display: block; width: 134px; }
.HeadContent .doc_bt a { background: url(../images/top/head_contact_bt.png) no-repeat; height: 58px; display: block; width: 229px; }
/*.HeadContent .logo h1 { background: url(../images/top/logo.jpg) no-repeat; height: 94px;width:311px;max-width:100%; }*/
.HeadContent .logo h1 a { background: url(../images/top/logo.png) no-repeat; height: 94px;width:391px;max-width:100%;text-decoration: none; display: block; }



.hid{text-indent:100%;white-space:nowrap;overflow:hidden;}

.swiper-wrapper .swiper-slide a:hover {opacity:.7; }
#sphon{display:none;}

#contents { margin: 20px auto 0px; clear: both; max-width:910px; padding-right: .5%; padding-left: .5%; padding-bottom: 100px; overflow: hidden; }

.flex-container { display: -webkit-flex; display: flex; width: 100%; -webkit-flex-flow: row; flex-flow: row; min-height: 100vh; height: 100%; /* for IE11 */ margin: 0px auto; }

.main{ width: 67.033%; -webkit-flex-flow: row; flex-flow: row; margin-right: 30px; flex:1; flex-grow: 1; }

#dropmenu { list-style-type: none; width: 100%; max-width: 910px; margin: 0px auto 20px; padding: 0; letter-spacing: -0.4em; clear: both; text-align: center; }
#dropmenu li { position: relative; width: 16.5%; margin: 0; padding: 0em; text-align: center; letter-spacing: normal; vertical-align: top; display: inline-block; border-right: 1px solid #89898b; }
#dropmenu li:first-child{ border-left: 1px solid #666; }
#dropmenu li a { display: block; margin: 0; padding: 8px 0; color: #656363; font-size: 13px; font-weight: normal; line-height: 1; text-decoration: none; }
#dropmenu li ul { position: absolute; top: 100%; left: 0; list-style: none; margin: 0; border-radius: 0 0 3px 3px; padding: 0px; z-index: 30;  }
#dropmenu li ul li{ overflow: hidden; width: 100%; height: 0; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; }
#dropmenu li ul li a{ padding: 13px 10px; background-color:#f3f4ec; text-align: left; font-size: 13px; font-weight: normal; border-bottom: 0px solid #F0F; }
#dropmenu li:hover > a{ color: #656363; background: #E2E2E2; border-bottom: 0px solid #666; }
#dropmenu > li:hover > a{ border-radius: 3px 3px 0 0; background: #fff; color: #666; border-bottom: 1px none #0F0; border-top-style: none; border-right-style: none; border-left-style: none; }
#dropmenu li:hover ul li{ overflow: visible; height: 38px; border-bottom: 0px dotted #F00; border-right-style: none; border-left-style: none; border-top: 1px solid #666; }
#dropmenu li:hover ul li:first-child{ border-top: 0; }
#dropmenu li:hover ul li:last-child{ border-bottom: 0; }
#dropmenu li:hover ul li:last-child a{  border-radius: 0 0 3px 3px;}
#dropmenu li a:hover { background: #e3f0f8; }
/*************************************************************************/

/*************************************************************************/

.side-right { min-height: 100vh;  width: 28.5714%; -webkit-flex-flow: row; flex-flow: row; }
.side-right ul { text-align: center; list-style: none; /*width: 82.692%;*/ }
.side-right ul li { display: block; margin-bottom: 15px; }
.side-right ul li a { display: block; width: auto; }
.side-right ul .bt1 a { background: url(../images/top/news_bt.png) no-repeat center; height: 165px; width:240px; margin: 0px auto; }
.side-right ul .bt2 a{ background: url(../images/top/1soudan_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt3 a{ background: url(../images/top/2sotus_bt.jpg) no-repeat center; height: 58px; width:231px; margin: 0px auto; }
.side-right ul .bt4 a{ background: url(../images/top/3kankyo_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 258px; }
.side-right ul .bt5 a{ background: url(../images/top/4sentaku_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt6 a{ background: url("../images/top/5volunteer_bt.jpg") no-repeat center; height: 58px; margin: 0px auto; width: 231px; }
.side-right ul .bt7 a{ background: url(../images/top/6blog_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt8 a{ background: url(../images/top/7friend_bt.jpg) no-repeat center; height: 61px; margin: 0px auto; width: 239px; }
.side-right ul .bt9 a{ background: url(../images/top/8kawaura_bt.jpg) no-repeat center; height: 61px; margin: 0px auto; width: 239px; }
.side-right ul .bt10 a{ background: url(../images/top/9zenkoku_bt.jpg) no-repeat center; height: 68px; margin: 0px auto; width: 240px; }
.side-right ul .bt11 a{ background: url(../images/top/shokugyojissen_bt.jpg) no-repeat center; height: 68px; margin: 0px auto; width: 240px; }
.side-right ul .bt12 a{ background: url(../images/top/shirabass_bt.jpg) no-repeat center; height: 62px; margin: 0px auto; width: 258px; }
.side-right ul .bt13 a{ background: url(../images/top/friendland.jpg) no-repeat center; height: 62px; margin: 0px auto; width: 258px; }
.side-right ul .bt14 a{ background: url(../images/top/nijiirofriend.jpg) no-repeat center; height: 62px; margin: 0px auto; width: 258px; }
/*.side-right ul li:nth-child(1) a,*/
.side-right ul li:nth-child(2) a{transform: rotate(1.0deg); -ms-transform: rotate(1.0deg); -moz-transform: rotate(1.0deg); -webkit-transform: rotate(1.0deg); -o-transform: rotate(1.0deg);}

.side-right ul li:nth-child(3) a,
.side-right ul li:nth-child(4) a,
.side-right ul li:nth-child(5) a,
.side-right ul li:nth-child(6) a{
	transform: rotate(-1.0deg);
	-ms-transform: rotate(-1.0deg);
	-moz-transform: rotate(-1.0deg);
	-webkit-transform: rotate(-1.0deg);
	-o-transform: rotate(-1.0deg);
	text-align: left;
}


h2{ font-size:2em; line-height: 1.3em; letter-spacing: 0.2em; font-weight: normal;  }

hr.news_border{ background: url(../images/top/news_ttl_bg.gif) no-repeat left; height: 3px; clear: both; display: block; margin-top: 3px; width: 100%; max-width:610px; margin-bottom: 20px; border-style: none; }
/*.newsWrap{ width:100%; overflow:auto; -webkit-overflow-scrolling:touch;margin-top: 0px; margin-bottom: 30px;max-width:610px; }
iframe { width:100%; height:100%; border:none; display:block;  }*/

.newsWrap{ box-sizing:border-box; border: 1px solid #ccc; padding: 5px; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; margin-top: 0px; margin-bottom: 30px; max-width:610px;}
/*iframe*/
iframe.topics{
  width:100%;
  height:100%;
  border:none; /* 追加で指定 */
  display:block; /* 追加で指定 */
}

.charmPoint{ letter-spacing: -0.4em; text-align: left; list-style: none; margin: 0px 0px 66px; padding: 0px; /*ff用*/width:100%; max-width:610px; }
.charmPoint li{ display:inline-block; letter-spacing: normal; width:50%; margin-bottom: 15px; vertical-align: top; }
/*.charmPoint li + li{margin:right:29px;}*/
.charmPoint li:nth-child(2n) {margin:right:0;}
.charmPoint li a{ display: block;text-decoration: none;/*margin:right:29px; */}
.charmPoint .sw1 a{ background: url(../images/top/child_class_bn.png) no-repeat center; height: 179px; }
.charmPoint .sw2 a{ background: url(../images/top/kaigo_class_bn.png) no-repeat center; height: 181px; }
.charmPoint .sw3 a{ background: url("../images/top/adalt_class_bn.jpg") no-repeat center; height: 182px; }
.charmPoint .sw4 a{ background: url(../images/top/job_bn.png) no-repeat center; height: 182px; /*pointer-events: none;*/}


h3.location_ttl { background: url(../images/top/location_ttl.jpg) no-repeat left; height: 72px;background-size:contain; margin-bottom:20px; }
h3.location_ttl em,
.trial_news a em,
.trial_news2 a em,
.trial_news3 a em,
.trial_news4 a em,
.trial_news5 a em,
.trial_line a em,
.trial_aed a em,
.trial_line-s a em,
.shakaijin a em,
.trial_oc a em,
.oc_movie a em,
.study_support a em,
.trial_sh a em,
.notice_cv a em,
.kobetsu a em,
.trial_tw a em,
.trial_ins a em,
.certificates a em,
.shakaijin_bn a em,
.gansho_bn a em,
.charmPoint li > a >em,
.voice em,
.graduate em  { visibility: hidden; }
.trial_news a{ background: url(../images/top/opencampus_bt.jpg) no-repeat left; height: 306px;background-size:contain; margin-bottom: 30px; display: block; text-decoration: none; }
.trial_news2 a{ background: url(../images/top/kaigosenkouka_bn.jpg) no-repeat left; height: 200px; margin-bottom: 30px; display: block; text-decoration: none; }
.trial_news3 a{ background: url("../images/top/2308_program_bn.jpg") no-repeat left; background-size:contain; padding-top:32%; margin-bottom: 30px; display: block; text-decoration: none; }
.trial_news4 a{ background: url(../images/top/shokugyojissen_bn.jpg) no-repeat left; background-size:contain; padding-top:32%; margin-bottom: 80px; display: block; text-decoration: none; }
.trial_news5 a{ background: url(../images/top/2311_recruitment_bn.jpg) no-repeat left; background-size:contain; padding-top:32%; margin-bottom: 80px; display: block; text-decoration: none; }
.trial_line a{ background: url("../images/top/2308_LINE.jpg") no-repeat left; background-size:contain; padding-top:32%; display: block; text-decoration: none; }
.trial_aed a{ background: url(../images/top/AEDbn.png) no-repeat left; background-size:contain; padding-top:32%; display: block; text-decoration: none; }
.trial_line-s a{ background: url(../images/top/line-st_bn.png) no-repeat left; background-size:contain; padding-top:32%; margin-bottom: 10px; display: block; text-decoration: none; }
.kobetsu a{ background: url(../images/top/2020kobetsu_setsumeikai.png) no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.shakaijin a{ background: url("../images/top/2512kunrenseiboshu_bn.jpg") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.trial_oc a{ background: url("../images/top/oc_bn.png?ver_01") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.oc_movie a{ background: url("../images/top/2308_YouTube.png") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.oc_movie.oc_mv2022 a{ background: url("../images/top/2202_oc_movie_bn.jpg") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.study_support a{ background: url("../images/top/study_support_system.jpg") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.trial_sh a{ background: url("../images/top/shugakushikin_bn.png") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.notice_cv a{ background: url("../images/top/coronavirus_yobou_bn.png") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
/*.AED_oc a{ background: url(../images/top/AEDbn.png) no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}*/
.lecture a{ background: url(../images/top/miraiwohirakuhousoku_bn.png) no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
/*.trial_news5 a { background: url(../images/top/kunren_bn.png) no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 20px; display: block; text-decoration: none; }*/
.trial_carenin a{ background: url(../images/top/carenin_bn.png) no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.trial_tw a{ background: url(../images/top/twitter_bn.png) no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.trial_ins a{ background: url(../images/top/insta_bn.png) no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.certificates a{ background: url("../images/top/certificates.jpg") no-repeat left; background-size:contain; padding-top:30%; margin-bottom: 3px; display: block; text-decoration: none;}
.shakaijin_bn a{ background: url(../images/top/shakaijin3-23_bn.png) no-repeat left; background-size:contain; padding-top:32%; margin-bottom: 5px; display: block; text-decoration: none;}
.gansho_bn a{ background: url(../images/top/gansho_bn.jpg) no-repeat left; height: 300px;background-size:contain; margin-bottom: 30px; display: block; text-decoration: none;}
.trial_news a:hover,
.trial_news2 a:hover,
.trial_news3 a:hover,
.trial_news4 a:hover,
.trial_news5 a:hover,
.trial_line a:hover,
.trial_aed a:hover,
.trial_line-s a:hover,
.kobetsu a:hover,
.shakaijin a:hover,
.trial_oc a:hover,
.oc_movie a:hover,
.study_support a:hover,
.trial_sh a:hover,
.notice_cv a:hover,
.lecture a:hover,
.trial_tw a:hover,
.trial_ins a:hover,
.certificates a:hover,
.shakaijin_bn a:hover,
.gansho_bn a:hover,
.charmPoint li a:hover,
.Campus .tryContact a:hover{opacity:.7;}

.Senior { float: left; width: 33.3%; color: #92bfc8; border: 1px solid #92bfc8;  }
.Senior tr td { padding: 0 7px; }
.Senior tr td h5 { font-size: 1.5em; line-height: 1.5em; text-indent: -1em; padding-left: 1em; height: 2em; padding-bottom: 30px; font-weight: 700; text-align: left; margin-left: -3px; padding-top: 15px; }
.Senior tr td h5:before,
.Senior tr td h5:after{ content:url(../images/top/star.gif);margin: 0px 0.1em 0px 0px; position: relative; text-indent: -17px; padding: 0px; }
.Senior tr td h6 { font-size: 1.5em; height: 2em; padding-bottom: 15px; border-left: 4px solid #f2e838; padding-left: 5px; margin: 0px; line-height: 1.3em; padding-top: 0px; }
.Senior .short-txt {padding-bottom: 5em;}
.Senior tr td p { font-size: 1.14em; line-height: 1.3em; border-left: 4px solid #f2e838; padding-left: 5px; border-left: 4px solid #f2e838; padding-left: 5px; padding-top: 10px; white-space: nowrap; margin-bottom: 20px; }
.Senior tr td p span { font-size: 1.4em; font-weight: 700; display: block; line-height: 1.6em; }
.Senior tr td .ph { text-align: center; display: block; margin: 0px auto 10px; }
.Senior.first { border-left: 1px solid #92bfc8; }
.Senior tr td a { font-size: 1.5em; line-height: 1.5em; font-weight: 900; text-align: center; display: block; margin-bottom: 10px; color: #92bfc8; text-decoration: none; }
.Senior tr td a:hover { text-decoration: underline; }

.Senior.first,
.Senior.second,
.Senior.third { border-right-width: 0px; }


.guideWrap{ flex-grow: 1; margin: 0px auto 20px; width:100%; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; list-style: none; padding: 0px; overflow: hidden; }
.guideWrap li{  }
/*.guideWrap li + li{ margin-right: 25px; }*/
.guideWrap li:first-child { margin-right: 2%;width: 45%; }
.guideWrap li:nth-child(2){margin-right: 0;width:45%;}
.guideWrap li .guide { background: url(../images/top/guide_ttl.jpg) no-repeat left; height: 20px; margin-bottom: .6em; }
.guideWrap li .news_border.guide { overflow: hidden; background: url(../images/top/news_ttl_bg.gif) no-repeat left top;background-size:contain; height: 3px; }
.guideWrap li .campus{ background: url(../images/top/campus_ttl.jpg) no-repeat left;background-size:contain; height: 24px; margin-bottom: 0; }
.guideWrap li p a { font-size: 1.4em; color: #656363; font-weight: 700; text-decoration: none; float: right; }
.guideWrap li .guidelink a { text-align: right; }
.guideWrap li p span { display: block; }
.guideWrap li p a:hover { text-decoration: underline; }
.guideWrap li .guide + p{ font-size: 1.4em; line-height: 1.3em; margin-bottom: 1em; }
.guideWrap li .campus + p{ font-size: 1.4em; line-height: 1.3em; margin-bottom: 1em; }
h4.voice { background: url(../images/top/voice_ttl.jpg) no-repeat left; height: 19px; margin-bottom: 10px; }

.graduate { background: url(../images/top/graduate_ttl.jpg) no-repeat left bottom; padding-top: 14.4%; background-size:contain; }
#footer iframe { height:218px; }

.Intro h2 { background: url(../images/intro/intro_ttl.jpg) no-repeat; height: 31px; margin-bottom: 20px; }
.Intro h3 { font-size: 1.4em; line-height: 1; text-align: left; font-weight: normal; margin-bottom: 20px; }
.Intro h3 span { font-size: 180%; letter-spacing: 0.2em; padding-right: 10px; padding-left: 10px; vertical-align: middle; }
.Intro h3 + p.lead{ padding: 20px; border: 2px solid #4f80ff; font-size: 1.4em; line-height: 170%; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.Intro h4.guide-ttl{ background: url(../images/intro/intro_ttl2.jpg) no-repeat left; height: 23px; margin-bottom: 20px; }
.Intro .head_teacher{ float: left; width: 110px; margin-right: 10px; }
.Intro .head_teacher p{ font-size: 1.3em; }
.Intro .head_teacher + p{ font-size: 1.4em; line-height:170%; overflow: hidden; margin-bottom: 20px; }
.Intro .head_teacher + p span{display:block;}
.Intro .feature-ttl{ background: url(../images/intro/intoro_ttl3.jpg) no-repeat; height: 23px;margin-bottom: 20px; }

.Intro .featureList{ letter-spacing: -0.4em; text-align: left; overflow: hidden; padding-bottom: 100px; }
.Intro .featureList li{ vertical-align: top; display: inline-block; width: 296px; margin: 0px 18px 20px 0px; padding: 0px; height: 211px; letter-spacing: normal; }
.Intro .featureList li:nth-child(2n){ margin-right: 0px; }
.Intro .featureList li .f1{ margin-bottom: 0px; padding-top: 50px; padding-left: 40px; height: 211px; font-size: 1.4em; line-height: 1.5em; text-align: left; }
.Intro .featureList li .f1 p { width: 90%; }
.Intro .featureList li:nth-child(1){background: url(../images/intro/Feature1.jpg) no-repeat;}
.Intro .featureList li:nth-child(2){background: url(../images/intro/Feature2.jpg) no-repeat;}
.Intro .featureList li:nth-child(3){background: url(../images/intro/Feature3.jpg) no-repeat;}
.Intro .featureList li:nth-child(6){background: url(../images/intro/Feature4.jpg) no-repeat;}
.Intro .featureList li:nth-child(7){ background: url(../images/intro/Feature5.jpg) no-repeat; height: 242px; }
.Intro .featureList li:nth-child(8){background: url(../images/intro/Feature6.jpg) no-repeat;}
.Intro .featureList li:nth-child(4),
.Intro .featureList li:nth-child(5){max-width:100%;}
.Intro .view { margin-bottom: 35px; display: block; }
/*.Intro .location_ttl { background: url(../images/top/location_ttl.jpg) no-repeat left; height: 72px; margin-bottom: 20px; }*/
.Intro .location_ttl em,
.Access .location_ttl em { visibility: hidden; /*クラスhidが使えないFF用*/}
.Intro .contact_bn { background: url(../images/intro/intro_add.jpg) no-repeat center; height: 109px; }



.Access h2 { background: url(../images/schdule/access-ttl.jpg) no-repeat left; height: 30px; margin-bottom: 20px; }
.Access .Gmap { width: 100%; overflow: hidden; max-width: 610px; }
.Access .Gmap iframe { height: 420px; margin-bottom: 70px; width: 100%; }
.Access .location_ttl { margin-bottom: 15px; }
.Access .contact_bn { background: url(../images/intro/intro_add.jpg) no-repeat left; height: 109px; margin-bottom: 45px; }
.Access .view { margin-bottom: 35px; width: 100%; max-width: 610px; margin-right: auto; margin-left: auto; }
.Access .illView { margin: 0px auto; width: 100%; max-width:508px; }

.icon-pc {display: block;}

/* 新着情報 2017/08/03追加[S] */
.news_detail h2 { background: url(../images/news_detail/detail-ttl.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom: 20px; }
/* 新着情報 2017/08/03追加[E] */


/*年間スケジュール*/
.Schedule h2 { background: url(../images/schdule/life-ttl.jpg) no-repeat left; height: 35px; margin-bottom: 20px; }
.Schedule h3 { background: url(../images/schdule/schdule-ttl.jpg) no-repeat; height: 30px; margin-bottom: 15px; }
.Schedule h3 + p{ margin-bottom: 35px; font-size: 1.4em; line-height: 1.3em; }

ul.month { letter-spacing: -.4em; text-align: left; margin: 0px; padding: 0px; list-style: none; float: left; width: 49%; }
.month li { letter-spacing: normal; display: block; width: 100%; margin-right: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 3px 3px 3px #666; -moz-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; margin-bottom: 43px; }
.month li:nth-child(1) p{ background: url(../images/schdule/month04.png) no-repeat left; height: 110px; }
.month li:nth-child(2) p{ background: url(../images/schdule/month05.png) no-repeat left; height: 72px; }
.month li:nth-child(3) p{ background: url(../images/schdule/month06.png) no-repeat left; height: 116px; }
.month li:nth-child(4) p{ background: url(../images/schdule/month07.png) no-repeat left; height: 72px; }
.month li:nth-child(5) p{ background: url(../images/schdule/month08.png) no-repeat left; height: 90px; }
.month li:nth-child(6) p{ background: url(../images/schdule/month09.png) no-repeat left; height: 128px; }
.month li:nth-child(7) p{ background: url(../images/schdule/month10.png) no-repeat left; height: 90px; }
.month li:nth-child(8) p{ background: url(../images/schdule/month11.png) no-repeat left; height: 83px; }
.month li:nth-child(9) p{ background: url(../images/schdule/month12.png) no-repeat left; height: 72px; }
.month li:nth-child(10) p{ background: url(../images/schdule/month01.png) no-repeat left; height: 128px; }
.month li:nth-child(11) p{ background: url(../images/schdule/month02.png) no-repeat left; height: 72px; }
.month li:nth-child(12) p{ background: url(../images/schdule/month03.png) no-repeat left; height: 72px; }


/*イメージイラストほか*/
.Imageph { float: right; width: 46%; list-style: none; letter-spacing: -.4em; text-align: left; margin: 0px; padding: 0px; }
.Imageph li { display: block; }
.Imageph li:nth-child(1) p{ background: url(../images/schdule/b1.jpg) no-repeat left; height: 158px; margin-bottom: 5px;/*高さ合わせ*/ }
.Imageph li:nth-child(2) p{ background: url(../images/schdule/b2.jpg) no-repeat left; height: 186px; }
.Imageph li:nth-child(3) p{ background: url(../images/schdule/b3.jpg) no-repeat left; height: 158px; }
.Imageph li:nth-child(4) p{ background: url(../images/schdule/b4.jpg) no-repeat left; height: 187px; margin-bottom: 10px; }
.Imageph li:nth-child(5) p{ background: url(../images/schdule/b5.jpg) no-repeat left; height: 187px; }
.Imageph li:nth-child(6) p{ background: url(../images/schdule/b6.jpg) no-repeat left; height: 158px; }
.Imageph li:nth-child(7) p{ background: url(../images/schdule/b7.jpg) no-repeat left; height: 185px; }
.Imageph li:nth-child(8) p{ background: url(../images/schdule/b8.jpg) no-repeat left; height: 158px; }
.Imageph li:nth-child(9) p{ background: url(../images/schdule/b9.jpg) no-repeat left; height: 187px; }

.monthSP{ display:none;/*PC表示にスマホ並び非表示*/}

.Society h2 { background: url(../images/society/society-ttl.jpg) no-repeat left; height: 31px; margin-bottom: 15px; }
.Society p{ font-size:1.4em; line-height:175%; margin-bottom: 26px; }
.Society .commu-ttl { background: url(../images/society/1hoiku_sp_ttl.jpg) no-repeat left; height: 43px; margin-bottom: 20px; }
.Society .Care_work-ttl { background: url(../images/society/2kaigo_info_ttl.jpg) no-repeat left; height: 43px; margin-bottom: 20px; }

.Society .Care_commu-ttl { background: url(../images/society/3fukushi_ttl.jpg) no-repeat left; height: 43px; margin-bottom: 20px; }
.Society .training-ttl { background: url(../images/society/4kifu_ttl.jpg) no-repeat left; height: 62px; margin-bottom: 10px; }
.Society .training-ttl + p{margin-bottom:80px;}

.Society .kouza { letter-spacing: -.4em; text-align: center; list-style: none; }
.Society .kouza li { letter-spacing: normal; display: inline-block; width: 33.333%; vertical-align: top; }
.Society .kouza li a img { border: 1px solid #999; text-align: center; vertical-align: middle; padding: 5px; }
.Society .kouza li p { text-align: center; color: #333; }
.Society .kouza li a { text-decoration: none; text-align: center; display: block; }
.Society .socieContact a { background: url(../images/society/society_contact_bn.jpg) no-repeat center; height: 52px; margin-bottom: 60px; text-decoration: none; display: block; text-align: center; }
.Society .contact_bn { background: url(../images/intro/intro_add.jpg) no-repeat center; height: 109px; }


.Request h2 { background: url(../images/request/request-ttl.jpg) no-repeat left; height: 31px; margin-bottom: 35px; }
.Request h3 { background: url(../images/request/request-ttlbg.jpg) no-repeat left center; height: 32px; margin-bottom: 60px; }
.Request h3 span { font-size: 1.6em; line-height: 2em; padding-left: 85px; padding-top: 5px; font-weight: normal; letter-spacing: .1em; }
.Request .requestDoc { letter-spacing: -0.4em; text-align: left; margin-left: 70px; margin-bottom: 70px; overflow: hidden; }
.Request .requestDoc li { letter-spacing: normal; text-align: left; display: inline-block; margin-right: 30px; }
.Request .requestDoc li a { text-decoration: none; display: block; border: 1px solid #999; padding: 5px; width: 150px; margin: 0px auto; }
.Request .requestDoc li a:hover {opacity:.7;}
.requestDoc li p { font-size: 1.2em; line-height: 1.5em; width: 150px; }


.Support h2 { background: url(../images/request/support_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 20px; }
.Support h3 { background: url(../images/request/support_plan-ttl.jpg) no-repeat center; height: 29px; margin-bottom: 30px; }

/*.Support table.plan { border-top: 1px solid #979797; border-left: 1px solid #979797; font-size: 1.3em; line-height: 1.5em; margin-bottom: 10px; }
.Support .plan tr th { padding: 5px 10px; border-right: 1px solid #979797; border-bottom: 1px solid #979797; vertical-align: middle; background: #dcf0f9; }
.Support .plan tr td { padding: 10px; text-align: center; vertical-align: middle; border-right: 1px solid #979797; border-bottom: 1px solid #979797;}
.Support .plan tr td:first-child{ text-align: center; width: 18%; }
.Support .plan tr td:last-child{ text-align: left; width: 40%; }*/
.Support .planWrap { margin-bottom: 15px; }
.plan_list { border-top: 1px solid #979797; border-left: 1px solid #979797; font-size: 1.4em; line-height: 1.3em; margin-bottom: 10px; width: 100%; }
.plan_list thead tr th{ padding: 10px; border-right: 1px solid #979797; border-bottom: 1px solid #979797; vertical-align: middle; background: #dcf0f9; font-weight: normal; }
.plan_list tbody tr td{padding: 10px; text-align: center; vertical-align: middle; border-right: 1px solid #979797; border-bottom: 1px solid #979797; }
.plan_list tbody tr td span{display:block;}
.plan_list tbody tr td:first-child{ text-align: center; width: 18%; }
.plan_list tbody tr td:last-child{ text-align: left; width: 40%; }

.Support .note { font-size: 1.2em; line-height: 1em; margin-bottom: 40px; }
.Support .loan { margin-top: 70px; font-size: 1.3em; line-height: 1.3em; }
.Support .loan li { display: block; }
.Support .loan li h4 { margin-bottom: 5px; margin-top: 20px; }
.Support .loan li a { text-decoration: none; display: block; color:#656363;}
.Support .loan li a:hover{ color: #933; text-decoration: underline; }

/*オープンキャンパス*/
.Campus h2 { background: url(../images/campus/opencampus-ttl.jpg) no-repeat left; height: 31px; margin-bottom: 15px; }
.Campus h3.eyecatch { /*background: url(../images/campus/opencampus-ttl2.jpg) no-repeat left;background-size:contain; height: 61px; */margin-bottom: 40px; }
.Campus .campus_detail { margin-bottom: 40px; }

.campus_schdule { border-top: 1px solid #979797; border-left: 1px solid #979797; font-size: 1.4em; line-height: 1.3em; margin-bottom: 60px; width: 100%; }
.campus_schdule thead tr th{ padding: 10px; border-right: 1px solid #979797; border-bottom: 1px solid #979797; vertical-align: middle; background: #dcf0f9; font-weight: normal; }
.campus_schdule tbody tr td{padding: 10px; text-align: center; vertical-align: middle; border-right: 1px solid #979797; border-bottom: 1px solid #979797; }
.campus_schdule tbody tr td span{display:block;}
.campus_schdule tbody tr td:first-child{ text-align: center; width: 23%; }
.campus_schdule tbody tr td:nth-child(2){ text-align: center; width: 23%; }
.campus_schdule tbody tr td:last-child{ text-align: left; }

.Campus img{max-width:100%;}
.Campus .experience { /*background: url(../images/campus/try_content_note.jpg) no-repeat center;background-size:contain; height: 150px; */margin-bottom: 30px; }
.Campus h4 { font-size: 1.4em; line-height: 1; color: #FFF; background: #ce4f4d; padding: 5px; font-weight: normal; text-align: center; width: 6em; margin-bottom: 35px; }
.Campus .exsample1 { /*background: url(../images/campus/hoiku_ex.jpg) no-repeat left;background-size:contain; height: 90px;*/ margin-bottom: 60px; }
.Campus .exsample2 { /*background: url(../images/campus/care_ex.jpg) no-repeat;background-size:contain; height: 66px;*/ margin-bottom: 45px; }
/*.experience p,
.Campus .exsample1 p,
.Campus .exsample2 p { visibility: hidden; }
.Campus .privilegeWrap { margin-bottom: 80px; }*/
.Campus .privilegeWrap li { display: block; margin-bottom: 45px;/* height: 130px;*/text-align:center; }
.Campus .privilegeWrap li:nth-child(1) { /*background: url(../images/campus/privilege_1.jpg) no-repeat center;background-size:contain;*/ }
.Campus .privilegeWrap li:nth-child(2) {/*background: url(../images/campus/privilege_2.jpg) no-repeat center;background-size:contain;*/}
.Campus .privilegeWrap li:nth-child(3) {/*background: url(../images/campus/privilege_3.jpg) no-repeat center;background-size:contain;*/}
.Campus .tryContact a { /*background: url(../images/campus/try_contact_bt.jpg) no-repeat center;background-size:contain; height: 107px;*/ text-align: center; display: block; margin-bottom: 45px; }
.Campus .contact_bn { /*background: url(../images/intro/intro_add.jpg) no-repeat;background-size:contain; height: 109px;*/ }
/* 17/07/24追加[s] */
.align-center{text-align:center;}
.open-list{list-style-type:none;}
.open-list li{margin-bottom:40px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
/* 17/07/24追加[e] */

.Entry h2 { background: url(../images/entry/entry_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 5px; }
.Entry h3 { font-size: 2.1em; line-height: 1.3em; font-weight: normal; letter-spacing: .4em; margin-bottom: 50px; }
.Entry .cateMenu ul { letter-spacing: -0.4em; text-align: left; margin: 0px auto 60px; width: 98%; list-style: none;  overflow: hidden; }
.Entry .cateMenu ul li { letter-spacing: normal; vertical-align: top; display: inline-block; margin-bottom: 60px; }
.Entry .cateMenu ul li a{ text-decoration: none; display: block; margin-right: 90px; height: 37px; width: 252px; }
.Entry .cateMenu ul li.cate1 a{background: url(../images/entry/entry_top1bt.jpg) no-repeat left; }
.Entry .cateMenu ul li.cate2 a{background: url(../images/entry/entry_top2bt.jpg) no-repeat left; }
.Entry .cateMenu ul li.cate3 a{background: url(../images/entry/entry_top3bt.jpg) no-repeat left; }
.Entry .cateMenu ul li.cate4 a{background: url(../images/entry/entry_top4bt.jpg) no-repeat left; }
.Entry .cateMenu ul li:nth-child(2n) a{margin-right:0;}
.Entry .cateMenu ul li a:hover{opacity:.7;}

.Entry h4{ background: url(../images/entry/entry_top1_tt1.jpg) no-repeat; height: 24px; margin-bottom: 30px; }
.Entry .entryWrap .entryLicense { margin-bottom: 35px; border-top: 1px solid #9c9c9d; border-left: 1px solid #9C9C9D; font-size: 1.4em; line-height: 1.3em; }
.entryLicense thead tr th { border-right: 1px solid #9c9c9d; border-bottom: 1px solid #9c9c9d; padding: 10px; font-weight: normal; background: #a3a4d3; color: #FFF; }
.entryLicense tbody tr td { border-right: 1px solid #9c9c9d; border-bottom: 1px solid #9c9c9d; padding: 10px; text-align: center; }
.Entry h5 { padding-left: 7px; border-left: 5px solid #a3a4d3; color:#a3a4d3; font-size: 1.6em; line-height: 1.3em; margin-bottom: 20px; font-weight: normal; }
.Entry .condition { font-size: 1.2em; line-height: 1.8em; list-style: none; margin-bottom: 60px; }
.Entry .condition li { display: block; }
/*.Entry.timer h4 { background: url(../images/entry/entry_top2_ttl.jpg) no-repeat; height: 24px; margin-bottom: 30px; }
.entryTime .entryTimeList thead tr th { border-right: 1px solid #F00; border-bottom: 1px solid #F00; padding: 10px; }
.entryTime .entryTimeList tbody tr td { border-right: 1px dotted #0F0; border-bottom: 1px dotted #0F0; padding: 10px; }*/
.Entry.schedule h4 { background: url(../images/entry/entry_top2_ttl.jpg) no-repeat; height: 24px; margin-bottom: 20px; }
.Entry.schedule .schedule { border-top: 1px solid #999; border-left: 1px solid #999; margin-bottom: 50px; }
.Entry.schedule .schedule tr th { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 5px; text-align: center; vertical-align: middle; background: #f6f353; }
.Entry.schedule .schedule tr td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 5px; text-align: center; vertical-align: middle; }
.Entry.schedule .schedule tr td:nth-of-type(2){}
.Entry.schedule .schedule tr td:nth-child(1){width:12%;}
.Entry.schedule .AOtable { float: left; width: 34%; border-top: 1px solid #999; border-left: 1px solid #999; margin-bottom: 50px; }
.Entry.schedule .AOtable tr th { padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; text-align: center; vertical-align: middle; background: #f6f353; }
.Entry.schedule .AOtable tr td { padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999;text-align: center;vertical-align: middle;  }
.Entry.schedule .AOtable tr td:nth-child(1){width:35%;}
.Entry.schedule .aoImg { float: right; width: 61%; vertical-align: bottom; margin-top: 10px; }

.Entry.examination h4 { background: url(../images/entry/entry_top3_ttl.jpg) no-repeat; height: 24px; margin-bottom: 40px;clear:both; }
.Entry.examination h5 { padding-left: 7px; border-left: 5px solid #e99db2; font-size: 1.6em; line-height: 1.3em; margin-bottom: 20px; font-weight: 700; color: #e99db2; }
.Entry.examination .examNote { margin-left: 10px; list-style: none; font-size: 1.4em; line-height: 1.5em; margin-bottom: 30px; }
.Entry.examination .examNote li { display: block; }
.Entry.examination .examNote li:nth-child(odd){ font-weight:900; font-size:114%; }
.Entry.examination .examNote li:nth-child(even){margin-bottom:20px;}
.Entry.examination h6 { font-size: 1.6em; line-height: 1.3em; font-weight: 900; margin-left: 10px; }
.Entry.examination .entryFlow { font-size: 1.6em; line-height: 1.3em; font-weight: 900; margin-left: 10px; margin-bottom: 35px; }
.Entry.examination p .flowimg { margin-bottom: 20px; }
.Entry.examination .aboutEntrysheet { background: url(../images/entry/entrysheet_about.jpg) no-repeat center; height: 63px; margin-bottom: 100px; }
.Entry.examination .recomeExam { font-size: 16px; line-height: 1.3em; font-weight: 900; margin-top: -10px; margin-left: 10px; margin-bottom: 20px; }
.Entry.examination .recomeExam span{ font-weight: normal; }
.Entry.examination .requirements { background: url(../images/entry/entry_license.jpg) no-repeat center; height: 225px; margin-bottom: 30px; }
.Entry.examination .Screening { font-size: 1.4em; line-height: 1.3em; margin-left: 10px; margin-top: -20px; margin-bottom: 70px; }


.expenses_list{ font-size:1.6em; line-height:1.3em; border-top: 1px solid #656565; border-left: 1px solid #656565; margin-bottom: 40px; }
.expenses_list thead tr th { border-right: 1px solid #656565; border-bottom: 1px solid #656565; padding: 10px; text-align: center; font-weight: normal; background: #d5eacd; vertical-align: middle; }
.expenses_list thead tr th:first-child {background: #fff;}
.expenses_list tbody tr td { border-right: 1px solid #656565; border-bottom: 1px solid #656565; padding: 10px; text-align: center; vertical-align: middle; }
.expenses_list tbody tr:nth-of-type(3) { background: #d4ebce; }


.Entry.expenses h4 { background: url(../images/entry/entry_top4_ttl.jpg) no-repeat left; height: 24px; }
.Entry.expenses h5 { padding-left: 7px; border-left: 5px solid #d5eacd; font-size: 1.6em; line-height: 1.3em; margin-bottom: 20px; font-weight: 700; color: #d5eacd; }
.Entry.expenses h6 { font-size: 1.6em; line-height: 1.3em; font-weight: 700; margin-left: 10px; margin-bottom: 10px; }
.Entry.expenses h6 + p{ font-size: 1.4em; line-height: 1.5em; margin-left: 10px; margin-bottom: 10px; }
.Entry.expenses .cost { border-top: 1px solid #999; border-left: 1px solid #999; font-size: 1.6em; line-height: 1.3em; }
.Entry.expenses .cost tr th { background: #d5eacd; text-align: center; vertical-align: middle; padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; font-weight: normal; }
.Entry.expenses .cost tr td { text-align: center; vertical-align: middle; padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; }
.Entry.expenses .sankou { display: table; width: 100%; margin-bottom: 30px; }
.Entry.expenses .sankou li { display: table-cell; font-size: 1.4em; line-height: 1.3em; padding: 5px 10px; border: 1px solid #999; }
.Entry.expenses .sankou li:first-child{ border-right-style: none; }
.Entry.expenses .lorn { font-size: 1.4em; line-height: 1.5em; margin-left: 10px; margin-bottom: 15px; }
.Entry.expenses .lorn li { display: block; }
.Entry.expenses .lorn li:nth-child(3){text-indent:1em;}
.Entry.expenses .lorn li a{display:block;}

/*マガジン釧専だより*/
.Sensen h2{ background: url(../images/magazine/sensen_ttl.jpg) no-repeat; height: 31px; margin-bottom: 25px; }
.Sensen .magazine_lead{ background: url(../images/magazine/sensen_notebn.jpg) no-repeat center; height: 73px; margin-bottom: 70px; }
.Sensen .magazine_lead p{ visibility: hidden; }
.Sensen .magNew{ width:49%; max-width:300px; float: left; }
.Sensen .magNew a img{ border: 1px solid #000; float: left; margin-right: 20px;  }
.Sensen .magNew a:hover img{opacity:.7;}
.Sensen .maglupo{ float:right; width: 48%; margin-bottom: 25px; }
.maglupo .sensen_eyecatch{ margin: 0px 0px 50px; padding: 0px; list-style: none; font-size:1.8em; line-height: 2em; color: #000; }
.maglupo .sensen_eyecatch li h3{display:block;}
.maglupo .sensen_eyecatch li:nth-child(2){text-indent:1em;}
.Sensen .maglupo .magLead{ background: url(../images/magazine/maglead_img.jpg) no-repeat; height: 307px; }
.Sensen .maglupo .magLead p{ visibility: hidden;}
.Sensen h4{ background: url(../images/magazine/mag_backno_ttl.jpg) no-repeat left; height: 24px; margin-bottom: 30px; clear: both; }
.Sensen .backNo_img{ letter-spacing: -.4em; text-align: center; list-style: none; margin-bottom: 90px; }
.Sensen .backNo_img li{ letter-spacing: normal; display: inline-block; width: 25%; vertical-align: top; }
.Sensen .backNo_img li img{ border: 1px solid #333; }
.Sensen .backNo_img li a{ display: block; }
.Sensen .backNo_img li a:hover{opacity:.7;}
.Sensen .backNo_img li p{font-size:1.2em;}

.Sensen .backNo_link { letter-spacing: -0.4em; list-style: none; text-align: left; margin: 0px; padding: 0px; }
.Sensen .backNo_link li{ display: inline-block; letter-spacing: normal; width: 50%; }
.Sensen .backNo_link li a { text-decoration: none; display: block; font-size: 1.6em; line-height: 1em; margin-bottom: 1em; text-align: left; padding: 0px; margin-top: 0px; color: #000; }
.Sensen .backNo_link li a:hover { text-decoration: underline; }

.Ppolicy h2 { background: url(../images/top/pp_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 10px; }
.Ppolicy h3 { font-size: 1.8em; line-height: 1.3em; margin-bottom: 40px; font-weight: normal; }
.Ppolicy h4 { font-size: 1.6em; line-height: 1.3em; margin-bottom: 25px; font-weight: normal; }
.Ppolicy h4 + p{ font-size: 1.4em; line-height: 1.3em; margin-bottom: 20px; }
.Ppolicy p span { display: block; }
.Ppolicy .PPlist { margin: 0px 0px 60px; padding: 0px; list-style: none; font-size: 1.4em; line-height: 1.5em; }
.Ppolicy .PPlist li span { display: block; }
.Ppolicy .PPlist li:nth-child(odd){font-weight:700;}
.Ppolicy .PPlist li:nth-child(even){margin-bottom:30px;}
.Ppolicy .PPlist li:last-child{ text-align:right; font-weight: normal; }

.Ppolicy .ppContact { font-size: 1.4em; line-height: 1.5em; list-style: none; }
.Ppolicy .ppContact li { display: block; }
.Ppolicy .ppContact li:first-child{  text-indent: -.5em; font-weight: 700; }


.Choice h2 { background: url(../images/choice/choice_ttl.jpg) no-repeat; height: 31px; margin-bottom: 15px; }
.Choice .choicettl { background: url(../images/choice/choice_1.jpg) no-repeat left; height: 57px; margin-bottom: 20px; }
.Choice .choicettl + p{ font-size:1.4em; line-height:175%; margin-bottom: 25px; }
.Choice .choicettl.about1 { background: url(../images/choice/choice_2ttl.jpg) no-repeat; }
.Choice .choicettl.about2 { background: url(../images/choice/choice_3ttl.jpg) no-repeat; }
.Choice .choicettl.about3 { background: url(../images/choice/choice_4ttl.jpg) no-repeat; }
.Choice .choicettl.about4 { background: url(../images/choice/choice_5ttl.jpg) no-repeat; }
.Choice .choicettl.about5 { background: url(../images/choice/choice_6ttl.jpg) no-repeat; }
.Choice .choicettl > em{ visibility: hidden; }
.Choice .grouping { background: url(../images/choice/grouping.jpg) no-repeat left; height: 200px; margin-bottom: 40px; }
.Choice p{ font-size:1.4em; line-height:175%;  margin-bottom: 20px; }
.Choice .grouping p > em,
.Choice .custom7 p > em,
.Choice .custom_wear p > em { visibility: hidden; }
.Choice .custom7 { background: url(../images/choice/custom7.jpg) no-repeat center; height: 137px; margin-bottom: 30px; }
.Choice .custom_wear { background: url(../images/choice/custom_wear.jpg) no-repeat center; height: 137px; margin-bottom: 20px; }
.Choice .choice_ph { text-align: center; display: block; margin-bottom: 80px;  vertical-align: bottom; }

.Choice .suchtimeWrap { margin: 0px auto 50px; text-align: center; display: table; }
.Choice .suchtime { display: table-cell; width:450px; height: 110px; vertical-align: middle; text-align: center; border: 2px solid #f8cac0; margin: 0px auto; padding: 0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.Choice .suchtime p { display: inline-block; text-align: left; font-size: 1.4em; line-height: 170%;  margin: 0px; padding: 0px; }

.Choice .referenceWrap{ margin: 0px auto 50px; text-align: center; display: table; width: 100%; max-width:520px;}
.Choice .reference{ display: table-cell; height: 110px; vertical-align: middle; text-align: right;  margin: 0px auto; /*width: 520px; */}
.Choice .reference p{display: inline-block; text-align: left; font-size: 1.4em; line-height: 170%;  margin: 0px; padding: 0px; }
.Choice .reference p:before{ content:"選択理論参考図書：";  }
.Choice .reference p:first-child{text-indent: -9em; }


.Counsel h2{ background: url(../images/counseling/counseling_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 20px; }
.Counsel .lead { font-size: 1.4em; line-height: 170%; padding: 20px 25px; border: 2px solid #7db9fd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 44px; }
.Counsel .lead span{ display:block; }
.Counsel h4{ background: url(../images/counseling/counseling_ttl2.jpg) no-repeat left; height: 24px; margin-bottom: 40px; }
.Counsel h4 em{visibility: hidden;}

.Counsel table.Co_schdule{ margin-bottom: 80px; border-top: 1px solid #999; border-left: 1px solid #999; font-size: 1.4em; line-height: 1em; }
.Co_schdule tr th{ padding: 10px 7px; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle; background: #dcf0f9; }
.Co_schdule tr td{ padding: 10px 7px; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle; }
.Co_schdule tr th:nth-of-type(1){ width:12%; }

.Counsel.Faq h2{ background: url(../images/counseling/faq_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 30px; }
.Counsel.Faq h2 em{visibility:hidden;}
.Counsel.Faq .FaqList{ margin: 0px 0px 100px; padding: 0px; list-style: none; }
.Counsel.Faq .FaqList li{ font-size: 1.4em; line-height: 170%; display: block; }
.Counsel.Faq .FaqList li h3{ font-size: 114%; line-height: 1.5em; font-weight:500; padding-left: 50px; background: url(../images/counseling/q_mk.jpg) no-repeat left center; margin-bottom: 20px; }
.Counsel.Faq .FaqList li p:nth-of-type(1){ padding-left: 50px; background: url(../images/counseling/a_mk.jpg) no-repeat left top; border-bottom: 1px solid #c7e3f6; padding-bottom: 20px; margin-bottom: 20px; }
.Counsel.Faq .FaqList li .end:nth-of-type(1){ border-style:none; border-bottom-width: 0px;margin-bottom: 20px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
.Counsel.Faq .FaqList li .end:nth-of-type(1) span{display:block;}
.Counsel.Faq .FaqList li ul{ margin: 0px 0px 30px; padding: 0px 0px 0px 50px; list-style: none; font-size: 10px!important; }
.Counsel.Faq .FaqList li ul li{font-size: 1.4em;}
.Counsel.Faq .FaqList li:last-child p:nth-of-type(1){ background: url(none); }
.Counsel.Faq .contact_bn { background: url(../images/intro/intro_add.jpg) no-repeat center; height: 109px; }

/*環境･教育研究センター*/
.Study h2 { background: url(../images/study/study_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 10px; }
.Study h3 { font-size: 1.6em; line-height: 1.3em; font-weight: normal; margin-bottom: 60px; }
.Study h3 + p{ font-size: 1.4em; line-height: 170%; margin-bottom: 40px; }
.Study h3 + p span{display:block;}
.Study .event_ttl { background: url(../images/study/study_event_ttl.jpg) no-repeat left; height: 49px; margin-bottom: 20px; }
.Study .event_ttl em,
.Study .profile p {visibility:hidden;}
.Study h4 { font-size: 1.6em; font-weight: 700; margin-bottom: 40px; float: left; width: 83%; }
.Study h4 +p{ font-size: 1.4em; color:#f00; clear:both; display: block; float: left; }
.Study .linkbt a { font-size: 1.2em; line-height: 1.3em; color: #656363; background: #2ed11a; padding: 5px; text-align: center; width: 6.3em; text-decoration: none; display: block; float: right;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.Study .linkbt a:hover {}
.Study .series { font-size: 1.3em; clear: both; line-height: 1.5em; list-style: none; margin-bottom: 25px; }
.Study .series li{display:block;}

.Study .days { margin: 0px 0px 25px 1em; padding: 0px; list-style: none; font-size: 1.3em; line-height: 1.5em; clear: both; }
.Study .days li { display: inline-block; }
.Study .days .indent { padding-left: 6em; }
.Study .profile { background: url(../images/study/study_ohnishi.jpg) no-repeat left; height: 404px; margin-bottom: 60px; margin-top: 70px; }

.Study .toContact a{ background: url(../images/study/study_contact_bt.jpg) no-repeat center; height: 52px; margin-bottom: 60px; text-align: center; display: block; text-decoration: none; }
.Study .linkbt a span { display: block; }
.Study .toContact a:hover,
.Study .linkbt a:hover{opacity:.7;}
.Study .contact_bn{ background: url(../images/intro/intro_add.jpg) no-repeat center; height: 109px; }


/*設備*/
.Facili h2 { background: url(../images/facility/facility_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 30px; }
.Facili .Falead { font-size: 1.4em; line-height: 175%; border: thin solid #9dcafd; padding: 10px; margin-bottom: 60px; }
.Facili .Falead span{display:block;}
.Facili img{max-width:100%;}
.Facili .Recruit,
.Facili .Mu-room { letter-spacing: -0.4em; text-align: center; list-style: none; margin-top: 30px; margin-bottom: 40px; }
.Facili .Recruit li { letter-spacing: normal; display: inline-block; width: 50%; vertical-align: top; }
.Facili .Recruit li:nth-child(2){ font-size:1.4em; line-height:175%; text-align: left; width: 47%; }
.Facili .Recruit li:nth-child(1){ margin-right:10px; }
.Facili .Recruit li span{display:block;}
.Facili .Mu-room li{letter-spacing: normal; display: inline-block; width: 50%; vertical-align: top;}
.Facili .Mu-room li .room2 p { font-size: 1.4em; line-height: 175%; text-align: left; }
.Facili .Mu-room li .room2 img { margin-bottom: 10px; }
.Facili .Mu-room li:nth-child(1){ margin-right:30px; }
.Facili .Mu-room li:nth-child(2){ width: 43%; }
.Facili .jim1 { float: left; width: 49%; margin-left: 10px; }
.Facili .jim1 p { font-size: 1.4em; line-height: 175%; padding: 0px; margin-top: 0px; }
.Facili .jim1 p .jim-img { float: right; width: 119px; display: block; margin-left: 15px; }
.Facili .jim1 p .basket { width: 100% !important; margin-top: 40px; }
.Facili .baske-img { float: right; width: 47%; }
.Facili .baske-img p img { margin-bottom: 20px; /*バスケ三昧イラスト*/}
.baske-img p { font-size: 1.4em; line-height: 175%; }
.baske-img p span{display:block;}
.Facili p .school-illust{ margin: 20px auto 0px; width: 100%; max-width: 508px;display: block; }
.Facili p .floor2 { margin: 0px auto 43px; width: 100%; max-width: 352px; display: block; }
.Facili .floor2Cate { letter-spacing: -0.4em; text-align: center; list-style: none; margin-bottom: 20px; }
.Facili .floor2Cate li { letter-spacing: normal; vertical-align: top; display: inline-block; width: 30%;margin-right: 5%; }
.Facili .floor2Cate li:last-child{margin-right:0;}
.Facili .floor2Cate li p { font-size: 1.4em; line-height: 170%; text-align: left; }
.Facili h3.library-ttl + p,
.Facili h3.pc-ttl + p{ font-size: 1.4em; line-height: 170%; margin-bottom: 20px; }
.Facili .floor4 { float: left; width: 50%; margin-top: 30px; }
.Facili .floor4 p{ font-size: 1.4em; line-height: 175%; margin-bottom: 15px; }
.Facili p .floor4-5Img { float: right; width: 100%; max-width:271px; margin-top: 30px; }

.Facili p .floor4-5 { float: right; width: 271px; }
.Facili .floor4 {  float: left; width: 50%; }
.JimWrapSP{display:none;}

/* 卒業生に聞く */
.Graduate h2 { background: url(../images/graduate/graduate_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 20px; }
.Graduate h3.become-ttl1,
.Graduate h3.become-ttl2,
.Graduate h3.become-ttl3 { background: url(../images/graduate/graduate_ttl2.jpg) no-repeat left; height: 30px; margin-bottom: 25px; }
.Graduate .become { border: thin solid #92bfc8; margin-bottom: 10px; }
.Graduate .become tr td:nth-of-type(1){  width: 32%; text-align: center; vertical-align: middle; }
.Graduate .become tr td h3 { color:#92bfc8;font-size: 1.4em; line-height: 1.5em; text-align: center; }
.Graduate .become tr td h4 { color:#92bfc8; font-size: 1.3em; line-height: 150%; }
.Graduate .become tr td:nth-child(2) p{  border-left: 4px solid #f2e838; font-size: 1.4em;line-height: 170%; margin-top: 20px; padding-left: 10px; margin-bottom: 20px; padding-right: 10px; }
.Graduate h5 { font-size: 2em; line-height: 1.5em; margin-bottom: 10px; font-weight: normal; margin-left: 5px; }
.Graduate h5:before{content:url(../images/graduate/graduate_star.jpg);}
.Graduate .workingNow { margin: 0px 0px 50px 5px; padding: 0px; list-style: none; }
.Graduate .workingNow li { font-size: 1.4em; line-height: 170%; }
.Graduate h3.become-ttl2 { background: url(../images/graduate/graduate_ttl3.jpg) no-repeat left;  }
.Graduate h3.become-ttl3{ background: url(../images/graduate/graduate_ttl4.jpg) no-repeat left; }
.graduate_course { border-top: 1px solid #979797; border-left: 1px solid #979797; font-size: 1.4em; line-height: 1.3em; margin-bottom: 60px; width: 100%; }
.graduate_course tr th,
.graduate_course tr td{padding:10px;border: 1px solid #979797;text-align: center;vertical-align: middle; }
.graduate_course tr th{background: #dcf0f9; font-weight: normal; }
.graduate_course tr th span{display:inline-block;}
.graduate_course tr th:nth-child(n+2){width:22.3%;}
.graduate_course caption{font-size:16px;margin-bottom:5px;}


.become { display: table; width: 96%; padding: 20px 20px 20px 0px; border: 1px solid #00F; max-width:610px; }
.become .name { display: table-cell; width: 29%; }
.become .word { display: table-cell; padding: 0px 10px 10px 0px; vertical-align: top; width: 53%; border-left: 4px solid #f2e838; }
.become .word p { padding-left:10px; vertical-align: top; text-align: left; margin: 0px; padding-top: 0px; font-size: 1.4em; line-height: 175%; }
.become .name .ph { text-align: center; display: block; margin: 0px auto 20px; width: 94px; }
.become .name h3 { color:#92bfc8; font-size: 1.4em; line-height: 170%; text-align: center; margin-bottom: 20px; }
.become .name h4 { color:#92bfc8; font-size: 1.3em; line-height: 170%; text-align: center; margin-bottom: 20px; }
.Graduate .become .name h3 span,
.Graduate .become .name h4 span{ display: block; }

.Contact h2 { background: url(../images/contact/contact_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 30px; }
.Contact h3 { background: url(../images/contact/contact_note_bn.jpg) no-repeat left; height: 106px; margin-bottom: 30px; }
.Contact h3 em,
.Contact .pan em {visibility: hidden;}
.Contact .contactNote,
.Contact .contactformNote { margin: 0px 0px 70px; padding: 0px; list-style: none; }
.Contact .contactNote li,
.Contact .contactformNote li { text-align: left; display: block; } { text-align: left; display: block; }
.Contact .contactNote li:nth-child(1),
.Contact .contactformNote li:nth-child(1){ font-size:2em; line-height: 170%; margin-bottom: 10px; }
.Contact .contactNote li:nth-child(2){ font-size:3.6em; line-height: 1; font-weight: bolder; margin-bottom: 10px; padding-left: 35px; }
.Contact .contactNote li:nth-child(1),
.Contact .contactformNote li:nth-child(1){ background: url(../images/contact/contact_star.jpg) no-repeat left center; padding-left: 35px; }
.Contact .contactNote li:nth-child(3){font-size:1.4em;padding-left: 35px;}
.Contact .contactNote li .telsm { font-size:69%; font-weight: normal; }
.Contact .contactformNote {margin-bottom:50px;}
.Contact .contactformNote li:nth-child(2),
.Contact .contactformNote li:nth-child(3){font-size:1.4em;line-height:170%;padding-left: 35px;}
.Contact .contactformNote li:nth-child(1){margin-bottom:15px;}
.Contact .pan { background: url(../images/contact/contact_pan.jpg) no-repeat center; height: 176px; margin-bottom: 60px; }

input[type="text"],
textarea { min-width: 80%; }
.Contact .inputbox{list-style:none;width:80%;}
.Contact .inputbox li{display:inline-block;margin-right:10px;margin-bottom:5px;}

/*こども環境科*/
.Child h2{ background: url(../images/child/child_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 20px; }
.Child h3{ background: url(../images/child/child_catch_bn.jpg) no-repeat center; height: 207px; margin-bottom: 10px; }
.Child .chlid-lead{ font-size:1.4em; line-height:170%; margin-bottom: 40px; }
.Child .childPoint{ margin: 0px 0px 30px 15px; padding: 0px; list-style: none; }
.Child .childPoint li{ display:block; margin-bottom: 25px; font-size: 1.4em; line-height: 1.3; }
.Child .childPoint li h4{ background: url(../images/child/child_cottl1.jpg) no-repeat left; height: 28px; margin-left: -15px; }
.Child .childPoint li:not(:first-child){  text-indent: -2em; padding-left: 2em; }
.Child .childPoint li span{display:block;padding-left: 2em; }
.Child .licenseList{ margin: 0px 0px 30px; padding: 0px; list-style: none; } 
.Child .licenseList li{display:block; margin-bottom: 35px; }
.Child .licenseList li h4{ background: url(../images/child/child_cottl2.jpg) no-repeat left; height: 28px; margin-bottom: -20px; }
.Child .licenseList li .license1{ background: url(../images/child/child_license_1.jpg) no-repeat left; height: 203px; } 
.Child .licenseList li .license2{ background: url(../images/child/child_license_2.jpg) no-repeat left; height: 156px; } 
.Child .licenseList li .license3{ background: url(../images/child/child_license_3.jpg) no-repeat left; height: 243px; } 
.Child .licenseList li .license4{ background: url(../images/child/child_license_4.jpg) no-repeat left; height: 215px; } 
.Child .childContac a em,
.Child .childCampus a em,
.Child h3 em,
.Child .childPoint li h4 em,
.Child .licenseList li h4 em,
.Child .licenseList li .license1 p em,
.Child .licenseList li .license2 p em,
.Child .licenseList li .license3 p em,
.Child .licenseList li .license4 p em,
.Child.lesson h3 em,
.Major .childContac a em,
.Major .childCampus a em,
.Care h3 em,
.Care .CarePoint li h4 em,
.Care .licenseList li h4 em,
.Care .licenseList li .license1 p em,
.Care .licenseList li .license2 p em,
.Care .licenseList li .license3 p em,
.Care .licenseList li .license4 p em,
.Care .licenseList li .license5 p em,
.Major .license1 h4 em,
.Major .license1 p em{visibility:hidden;}


.Child .childContac a:hover,
.Child .childCampus a:hover,
.Care .childCampus a:hover,
.Care .childContac a:hover{opacity:.7;}


.Child.lesson h3 { background: url(../images/child/lesson_ttl.jpg) no-repeat left; height: 29px; margin-bottom: 40px; }
.Child.lesson .ClassCatePh { float: left; width: 41%; margin-left: 20px; }
.Child.lesson .classLead{ float: right; font-size:1.4em; line-height:170%; width: 52%; margin: 0px; padding: 0px; }
.Child.lesson .lessonLine { background: url(../images/child/lesson_line.jpg) no-repeat left; margin: 0px; height: 4px; border-top-style: none; clear: both; padding: 30px 0px; }
.Child.lesson .lessonLine.end{ margin-bottom:20px; }
.Child .childCampus a{ background: url(../images/child/2opencampus_bt.jpg) no-repeat center; height: 113px; text-decoration: none; display: block; }
.Child .childContac a{ background: url(../images/society/society_contact_bn.jpg) no-repeat center; height: 52px; margin-bottom: 30px; text-decoration: none; display: block; }

/*介護環境科ー専攻科*/
.Care h2{ background: url(../images/care/care_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 20px; }
.Care h3{ background: url(../images/care/care_ttl2.jpg) no-repeat left; height: 207px; margin-bottom: 10px; }
.Care .chlid-lead{ font-size:1.4em; line-height:170%; margin-bottom: 20px; }
.Care .CarePoint{ margin: 0px 0px 30px 15px; padding: 0px; list-style: none; }
.Care .CarePoint li{ display:block; margin-bottom: 25px; font-size: 1.4em; line-height: 1.3; }
.Care .CarePoint li h4{ background: url(../images/care/care_cottl1.jpg) no-repeat left; height: 58px; margin-left: -15px; margin-bottom: -5px; }
.Care .CarePoint li:not(:first-child){  text-indent: -2em; padding-left: 2em; }
.Care .CarePoint li span{display:block;padding-left: 2em; }
.Care .licenseList{ margin: 0px 0px 30px; padding: 0px; list-style: none; } 
.Care .licenseList li{display:block; margin-bottom: 35px; }
.Care .licenseList li h4{ background: url(../images/care/care_cottl2.jpg) no-repeat left; height: 58px; margin-bottom: -20px; }
.Care .licenseList li .license1{ background: url(../images/care/care_license1.jpg) no-repeat left; height: 154px; } 
.Care .licenseList li .license2{ background: url(../images/care/care_license2.jpg) no-repeat left; height: 205px; } 
.Care .licenseList li .license3{ background: url(../images/care/care_license3.jpg) no-repeat left; height: 224px; } 
.Care .licenseList li .license4{ background: url(../images/care/care_license4.jpg) no-repeat left; height: 189px; } 
.Care .licenseList li .license5{ background: url(../images/care/care_license5.jpg) no-repeat left; height: 163px; margin-bottom: 160px; } 

.Care.lesson h3 { background: url(../images/care/care_cottl3.jpg) no-repeat left; height: 60px; margin-bottom: 0px; }
.Care.lesson .ClassCatePh { float: left; width: 41%; margin-left: 20px; }
.Care.lesson .classLead{ float: right; font-size:1.4em; line-height:170%; width: 52%; margin: 0px; padding: 0px; }
.Care.lesson .classLead span{ display: block; }
.Care.lesson .lessonLine { background: url(../images/care/care_line.jpg) no-repeat left; margin: 0px; height: 4px; border-top-style: none; clear: both; padding: 30px 0px; }
.Care.lesson .lessonLine.end { margin-bottom: 160px; }
.Care.lesson .ClassCatePh.noph{ margin-bottom:20px; }
.Care.lesson .classLead.noph{ float: none; clear: both; width: 100%; margin-left: 15px; }
.Major h2{ background: url(../images/care/major_ttl.jpg) no-repeat left; height: 31px; margin-bottom: 40px; }
.Major h2 +p{ font-size: 1.4em; line-height: 170%; margin-bottom: 50px; }
.Major .license-ttl1{ background: url(../images/care/major_cottl1.jpg) no-repeat left; height: 28px; margin-bottom: 20px; }
.Major .license1{ background: url(../images/care/major_license1.jpg) no-repeat left; height: 230px; margin-bottom: 50px; }
.Major .license-ttl2{ background: url(../images/care/major_cottl2.jpg) no-repeat left; height: 27px; margin-bottom: 20px; }
.Major .MjlessonLine{ background: url(../images/care/major_line1.jpg) no-repeat left; margin: 0px; height: 4px; border-top-style: none; clear: both; padding: 30px 0px; }
.Major .childCampus a{ background: url(../images/child/2opencampus_bt.jpg) no-repeat center; height: 113px; text-decoration: none; display: block;text-align:center; }
.Major .childContac a{ background: url(../images/society/society_contact_bn.jpg) no-repeat center; height: 52px; margin-bottom: 30px; text-align:center; text-decoration: none; display: block; }
.Major .ClassCatePh { float: left; width: 41%; margin-left: 20px; }
.Major .classLead{ float: right; font-size:1.4em; line-height:170%; width: 52%; margin: 0px; padding: 0px; }
.Major .classLead span{ display: block; }
.Major .MjlessonLine.end { margin-bottom: 40px; }
/*.mailform tr td .inputbox{list-style:none;width:80%;}
.mailform tr td .inputbox li input{display:inline-block;margin-right:10px;margin-bottom:5px;}*/
/*#footer { padding: 30px 30px 30px 45px; overflow: hidden; background: #f3f4ec; }
#footer .footerWrap { margin: 0px auto; width: 100%; max-width:910px; overflow: hidden; }

#footer .fooLogo { list-style: none; float: left; margin-right: 70px; width: 27%; }
#footer .fooLogo li { display: block; }
#footer .fooLogo li a { text-decoration: none; display: block; color: #656363; font-weight: 500; }
#footer .fooLogo li a:hover{ text-decoration: underline; }
#footer .fooLogo li h1 { background: url(../images/top/footer_logo.png) no-repeat left; height: 75px; margin-bottom: 10px; }
#footer .fooLogo li:nth-child(2),
#footer .fooLogo li:nth-child(3){ display: inline-block; font-size: 1.3em; }
#footer .fooLogo li+li{margin-right:15px;}
#footer .fooLogo li:nth-child(3){margin-right:-15px;}

#footer nav .footNavi { float: left; letter-spacing: -0.4em; text-align: left; list-style: none; width: 50%; overflow: hidden; margin-bottom: 20px; }
#footer nav .footNavi li { display: inline-block; letter-spacing: normal; vertical-align: top; margin: 0px 0px 5px; padding: 0px;width:33%; }
#footer nav .footNavi li a { font-size: 1.2em; text-decoration: none; color: #656363; line-height: 1; }
#footer nav .footNavi li a:hover{ text-decoration: underline; }
#footer p { text-align: center; clear: both; }*/
#footer {
    clear: both;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f3f4ec;
}
#footer p {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.3em;
  clear: both;
  padding-bottom: 20px;
}
#footer .footerWrap {
  margin: 0px auto;
  width: 100%;
  max-width: 910px;
  overflow: hidden;
  height: 100%;
  padding: 30px 0px;
}
#footer .footerWrap .fotIframe {
  max-width: 1000px;
  height: 120px;
  margin: 0px auto;
}

@media screen and (max-width:800px) {
.HeadContent .acc_bt a { background: /*#c7e3f6*/ url(../images/top/map_pin.png) no-repeat center center; max-width: 45px; margin:0 5px 0 0; padding: 10px; display: block; }
.HeadContent .doc_bt a { background: /*#dbbfdb*/ url(../images/top/mail_bt.png) no-repeat center center; max-width: 45px; padding: 10px; margin: 0px 10px 0px 0px; display: block; }
	
	.icon-pc {display: none;}

#dropmenu{display:none;}
#sphon{ display:block; width:100%; margin: 0px auto 15px; }   
#sphon a { font-size: 13px; text-decoration: none; display: block; border-bottom: 1px solid #CCC; padding: 10px 5px; color: #656363; }

#header .headWrap { margin: 0px auto; width: 100%; }
.charmPoint .sw1 a{ background: url(../images/top/child_class_bn.png) no-repeat center; height: 179px; height:0; padding-top:63.0%; background-size:contain; }
.charmPoint .sw2 a{ background: url(../images/top/kaigo_class_bn.png) no-repeat center; height: 182px; height:0; padding-top:63.0%; background-size:contain; }
.charmPoint .sw3 a{ background: url("../images/top/adalt_class_bn.jpg") no-repeat center; height: 182px;height:0; padding-top:63.0%; background-size:contain; }
.charmPoint .sw4 a{ background: url(../images/top/job_bn.png) no-repeat center; height: 182px; /*pointer-events: none;*/height:0; padding-top:63.0%; background-size:contain;}
/*.flex-container {
-webkit-flex-flow: column;
flex-direction: column;
}*/
.main { background: #fff; width:61%; -webkit-flex-flow: row; flex-flow: row; margin-right: 0px; flex:1; flex-grow: 1; }
h3.location_ttl { background: url(../images/top/location_ttl.jpg) no-repeat left; height: 72px; margin-bottom: 10px; height:0; padding-top:12.286%; background-size:contain; }
.trial_news a{ background: url(../images/top/opencampus_bt.jpg) no-repeat center; height: 306px;height:0;padding-top:50.164%;background-size:contain;}
.trial_news2 a{ background: url(../images/top/kaigosenkouka_bn.jpg) no-repeat center; height: 200px;height:0;padding-top:50.164%;background-size:contain;}
.trial_news3 a{ 
	/*background: url("../images/top/2308_program_bn.jpg") no-repeat center;padding-top:32%;background-size:contain;*/
	background-position: center;
	}
.trial_news4 a{ background: url(../images/top/shokugyojissen_bn.jpg) no-repeat center;padding-top:32%;background-size:contain;}
.trial_news5 a{ background: url(../images/top/2311_recruitment_bn.jpg) no-repeat center;padding-top:32%;background-size:contain;}
	
.side-right { height:auto;width: 31%;  }
.side-right ul { text-align: center; list-style: none; /*width: 82.692%;*/ }
.side-right ul li { display: block; margin-bottom: 15px; }
.side-right ul li a { display: block; width: auto; }
.side-right ul .bt1 a { background: url(../images/top/news_bt.png) no-repeat center; height: 165px; width:240px; margin: 0px auto; }
.side-right ul .bt2 a{ background: url(../images/top/1soudan_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt3 a{ background: url(../images/top/2sotus_bt.jpg) no-repeat center; height: 58px; width:231px; margin: 0px auto; }
.side-right ul .bt4 a{ background: url(../images/top/3kankyo_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 258px; }
.side-right ul .bt5 a{ background: url(../images/top/4sentaku_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt6 a{ background: url(../images/top/5sensen_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt7 a{ background: url(../images/top/6blog_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt8 a{ background: url(../images/top/7friend_bt.jpg) no-repeat center; height: 61px; margin: 0px auto; width: 239px; }
.side-right ul .bt9 a{ background: url(../images/top/8kawaura_bt.jpg) no-repeat center; height: 61px; margin: 0px auto; width: 239px; }
.side-right ul .bt10 a{ background: url(../images/top/9zenkoku_bt.jpg) no-repeat center; height: 68px; margin: 0px auto; width: 240px; }
.side-right ul .bt11 a{ background: url(../images/top/shokugyojissen_bt.jpg) no-repeat center; height: 58px; margin: 0px auto; width: 229px; }
.side-right ul .bt12 a{ background: url(../images/top/shirabass_bt.jpg) no-repeat center; height: 338px; margin: 0px auto; width: 240px; }
/*.side-right ul li:nth-child(1) a,*/
.side-right ul li:nth-child(2) a{transform: rotate(1.0deg); -ms-transform: rotate(1.0deg); -moz-transform: rotate(1.0deg); -webkit-transform: rotate(1.0deg); -o-transform: rotate(1.0deg);}

.side-right ul li:nth-child(3) a,
.side-right ul li:nth-child(4) a,
.side-right ul li:nth-child(5) a,
.side-right ul li:nth-child(6) a{transform: rotate(-1.0deg); -ms-transform: rotate(-1.0deg); -moz-transform: rotate(-1.0deg); -webkit-transform: rotate(-1.0deg); -o-transform: rotate(-1.0deg);}

.guideWrap li:first-child { margin-right: 0; width: 100%; margin-bottom: 30px; }
.guideWrap li:last-child {width: 100%;}
.guideWrap {
-webkit-flex-flow: column;
flex-direction: column;
}
/* 卒業生に聞く */
.graduate_course tr th,
.graduate_course tr td{font-size:13px;padding:8px;}
.graduate_course tr th:nth-child(n+2){width:22.3%;}

.#footer .footerWrap {
  margin: 0px auto;
  width: 100%;
  max-width: 910px;
  overflow: hidden;
  height: 100%;
  padding: 30px 0px;
}
#footer .footerWrap .fotIframe {
  width: 100%;
  height: 150px;
  margin: 0px auto;
}
#footer p {
    text-align: center;
    font-size: 1.2em;
    line-height: 1.3em;
    clear: both;
    padding-bottom: 20px;
}

}

@media screen and (max-width:910px){
#contents { margin: 20px auto 0px; clear: both; width: 100%; padding-right: 1.5%; padding-left: 1.5%; overflow:hidden;box-sizing:border-box;}
.side-right ul .bt1 a { width: 92.307%; margin: 0px auto; height: 0; padding-top: 68.75%; background-size: contain;}
.side-right ul .bt1 a { width:92.307%; margin: 0px auto;height:0; padding-top:68.75%; background-size:contain; }
.side-right ul .bt2 a{ margin: 0px auto; width:88%;height:0; padding-top:22.288%; background-size:contain; }
.side-right ul .bt3 a{ width:88.8%; margin: 0px auto;height:0; padding-top:22.288%; background-size:contain; }
.side-right ul .bt4 a{ margin: 0px auto; width: 99%;height:0; padding-top:22.255%; background-size:contain; }
.side-right ul .bt5 a{ margin: 0px auto; width: 88%;height:0; padding-top:19.647%; background-size:contain; }
.side-right ul .bt6 a{ margin: 0px auto; width: 88%;height:0; padding-top:19.647%; background-size:contain; }
.side-right ul .bt7 a{ margin: 0px auto; width: 88%;height:0; padding-top:19.647%; background-size:contain; }
.side-right ul .bt8 a{ margin: 0px auto; width: 92%;height:0; padding-top:23.48%; background-size:contain; }
.side-right ul .bt9 a{ margin: 0px auto; width: 92%;height:0; padding-top:23.48%; background-size:contain;}
.side-right ul .bt10 a{ margin: 0px auto; width: 92%;height:0; padding-top:24.14%; background-size:contain; }
.side-right ul .bt11 a{ margin: 0px auto; width: 92%;height:0; padding-top:24.14%; background-size:contain; }
.side-right ul .bt12 a{ margin: 0px auto; width: 92%;height:0; padding-top:24.14%; background-size:contain; }

.Senior tr td h6,.Senior tr td p {border-left:none}
.Senior .short-txt {padding-bottom: 15px;}
.Senior {width: 100%;border-top: none; margin-bottom:20px;}
.Senior.first, .Senior.second{border-right:1px solid #92bfc8;}
.Senior.second,.Senior.theird{border-top:1px solid #92bfc8;}
.Senior tr td h5,.Senior tr td {text-align:center;}


}

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

.flex-container {
-webkit-flex-flow: column;
flex-direction: column;
}
.side-right {
		width: 100%;
}
.HeadContent { margin: 0px auto; width: 95%; padding: 10px 0px; }
.HeadContent .logo h1 { background: url(none); }
.HeadContent li:first-child {margin-right: auto;}
.HeadContent li + li{ margin-right:7px; }
.HeadContent li:nth-child(2),
.HeadContent li:nth-child(3){ padding: 0px 10px 0px 0px; }
.HeadContent .acc_bt a { background: /*#c7e3f6*/ url(../images/top/map_pin.png) no-repeat center center; margin:0 5px 0 0; padding: 10px; display: block; }
.HeadContent .doc_bt a { background: /*#dbbfdb*/ url(../images/top/mail_bt.png) no-repeat center center; padding: 10px; margin: 0px 10px 0px 0px; display: block; }
.HeadContent .logo h1 a{ background:url(../images/top/logo_sp.png) no-repeat; height: 50px; width:95%; text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; background-size: 98%; margin-top: 10px;}

/*.swiper-container{width:100%;}*/
#contents { width:96%; padding: 0px 0px 30px; margin: 0 auto; }
.main{ width: 100%; margin: 0px auto 40px; padding: 0px; }
.newsWrap{ border-bottom: 1px dashed #999; padding-bottom: 10px; }

.charmPoint li{ display:block;  width:100%; margin-bottom: 15px; vertical-align: top; }
.charmPoint .sw1 a{ height:0; padding-top:63.0%; background-size:contain; }
.charmPoint .sw2 a{ height:0; padding-top:63.0%; background-size:contain; }
.charmPoint .sw3 a{ height:0; padding-top:63.0%; background-size:contain; }
.charmPoint .sw4 a{ height:0; padding-top:63.0%; background-size:contain;}

.graduate { background: url(../images/top/graduate_ttl.jpg) no-repeat center; height: 100px;height:0;padding-top:16.420%;background-size:contain; }
.guideWrap li .guide + p{ font-size: 1.4em; line-height: 1.3em; margin-bottom: 1em; width:100%; margin-right: 35px; }
.guideWrap li .guidelink a { margin-right: 0; }
h3.location_ttl { background: url(../images/top/location_ttl.jpg) no-repeat left; height: 72px; margin-bottom: 10px; height:0; padding-top:12.286%; background-size:contain; }
.trial_news a{ background: url(../images/top/opencampus_bt.jpg) no-repeat center; height: 306px;height:0;padding-top:50.164%;background-size:contain;}
.trial_news2 a{ background: url(../images/top/kaigosenkouka_bn.jpg) no-repeat center; height: 200px;height:0;padding-top:50.164%;background-size:contain;}
/*.trial_news3 a{ background: url("../images/top/2308_program_bn.jpg") no-repeat center;padding-top:32%;background-size:contain;}*/
.trial_news4 a{ background: url(../images/top/shokugyojissen_bn.jpg) no-repeat center;padding-top:32%;background-size:contain;}
.trial_news5 a{ background: url(../images/top/2311_recruitment_bn.jpg) no-repeat center;padding-top:32%;background-size:contain;}

.Senior,
.Senior.first,
.Senior.second,
.Senior.third{ width:100%; border-width: 1px; }
.Senior tr td h5 { font-size: 1.8em; line-height: 1.3em; text-indent: -1em; padding-left: 1em; padding-bottom: 0px; font-weight: 700; text-align: center; margin-left: 0px; padding-top: 15px; }

.Senior tr td h6 { font-size: 1.8em; padding-bottom: 15px; border-left: 0px solid #f2e838; padding-left: 5px; margin: 0px; line-height: 1.3em; padding-top: 0px; text-align: center; }
.Senior tr td p { font-size: 1.3em; line-height: 1.3em; padding-left: 5px; padding-left: 5px; padding-top: 10px; white-space: nowrap; margin-bottom: 20px; text-align: center; border-left: 4px solid #f2e838; padding-left: 5px; border-left: 4px none #f2e838; padding-left: 5px; }
.Senior tr td p span { font-size: 1.4em; font-weight: 700; display: block; line-height: 1.6em; }



.Intro h2 { background: url(../images/intro/intro_ttl.jpg) no-repeat; height: 31px; margin-bottom: 20px;height:0; padding-top:5.098%; background-size:contain; }
.Intro h3 { font-size: 1.2em; line-height: 1.2; text-align: left; font-weight: normal; margin-bottom: 20px; }
.Intro h3 span { font-size: 150%; letter-spacing: 0em; padding-right: 5px; padding-left: 0px; vertical-align: middle; display:block;}
.Intro h3 + p{ padding: 15px; border: 2px solid #4f80ff; font-size: 1.2em; line-height: 1.5em; margin-bottom: 20px;  }
/*.Intro h4.guide-ttl{ background: url(../images/intro/intro_ttl2.jpg) no-repeat left; height: 23px; margin-bottom: 20px; height:0; padding-top:3.770%; background-size:contain;}*/
.Intro .head_teacher{ float: none; width: 110px; margin-right: 10px; }
.Intro .head_teacher p{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 10px; }
.Intro .head_teacher + p{ font-size: 1.2em; line-height: 1.5em; overflow: hidden; margin-bottom: 20px; }

/*.Intro .feature-ttl{ background: url(../images/intro/intoro_ttl3.jpg) no-repeat; height: 23px;margin-bottom: 20px; height:0; padding-top:3.770%; background-size:contain;}*/
.Intro .featureList{ letter-spacing: -0.4em; text-align: left; overflow: hidden; padding-bottom: 50px; }
.Intro .featureList li{ vertical-align: top; display: block; width: 296px; margin: 0px auto; padding: 0px; height: auto; letter-spacing: normal; }
.Intro .featureList li:nth-child(2n){ margin-right: auto; }
.Intro .featureList li .f1{ margin-bottom: 0px; color: #F00; padding-top: 50px; padding-left: 40px; height: 211px; font-size: 1.5em; line-height: 1.5em; text-align: left; }
.Intro .featureList li .f1 p { width: 90%; }
.Intro .featureList li:nth-child(1){background: url(../images/intro/Feature1.jpg) no-repeat;height:0;padding-top:71.283%;background-size:contain;}
.Intro .featureList li:nth-child(2){background: url(../images/intro/Feature2.jpg) no-repeat;height:0;padding-top:71.283%;background-size:contain;}
.Intro .featureList li:nth-child(3){background: url(../images/intro/Feature3.jpg) no-repeat;height:0;padding-top:71.283%;background-size:contain;}
.Intro .featureList li:nth-child(6){background: url(../images/intro/Feature4.jpg) no-repeat;height:0;padding-top:71.283%;background-size:contain;}
.Intro .featureList li:nth-child(7){background: url(../images/intro/Feature5.jpg) no-repeat;height:0;padding-top:81.756%;background-size:contain;}
.Intro .featureList li:nth-child(8){background: url(../images/intro/Feature6.jpg) no-repeat;height:0;padding-top:71.283%;background-size:contain;}
.Intro .featureList li:nth-child(4),
.Intro .featureList li:nth-child(5){ max-width:100%; margin-bottom: 20px; }
.Intro .view { margin-bottom: 20px; }
.Intro .contact_bn { background: url(../images/intro/intro_add.jpg) no-repeat center; height: 109px;height:0;padding-top:17.898%;background-size:contain; margin-bottom: 30px; }

.Access h2 { background: url(../images/schdule/access-ttl.jpg) no-repeat left; height: 30px; margin-bottom: 20px;height:0;padding-top:4.934%;background-size:contain; }
.Access .Gmap iframe { margin-bottom: 30px; width: 100%; height: 40%; }
.Access .location_ttl { margin-bottom: 15px; }
.Access .view { margin: 0px auto 15px; width: 100%; }
.Access .contact_bn { height:0; padding-top:17.898%; background-size:contain; margin-bottom: 20px;  }
.Access .illView { margin: 0 auto; width: 100%; }


.Schedule p span {display:block; }
.Imageph,
.month { display:none;}
.monthSP{ width: 98%; margin: 0px auto; display: block; }
.monthSP li{ margin-bottom: 10px; padding: 0px; margin-top: 0px; display: block; vertical-align: bottom; -webkit-box-shadow: 3px 3px 3px #666; -moz-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 33%; }

.monthSP li img { margin: 0px; padding: 0px; vertical-align: bottom;max-width:100%; }
.monthSP li:nth-child(1),
.monthSP li:nth-child(3),
.monthSP li:nth-child(7),
.monthSP li:nth-child(10),
.monthSP li:nth-child(13),
.monthSP li:nth-child(14),
.monthSP li:nth-child(16),
.monthSP li:nth-child(18),
.monthSP li:nth-child(21){ width:280px; margin-top: 0; margin-right: auto; margin-left: auto; box-shadow:none }

.monthSP li:nth-child(2),
.monthSP li:nth-child(4),
.monthSP li:nth-child(5),
.monthSP li:nth-child(6),
.monthSP li:nth-child(8),
.monthSP li:nth-child(9),
.monthSP li:nth-child(11),
.monthSP li:nth-child(12),
.monthSP li:nth-child(15),
.monthSP li:nth-child(17),
.monthSP li:nth-child(19),
.monthSP li:nth-child(20){ width:95%; margin-top: 0px; margin-right: auto; margin-left: auto;/*月別*/ }


.Society p{ font-size:1.2em; line-height:150%; margin-bottom: 26px; }
.Society .commu-ttl { background: url(../images/society/1hoiku_sp_ttl.jpg) no-repeat left; height: 43px; margin-bottom: 18px;height:0; padding-top:7.049%; background-size:contain; }
.Society .Care_work-ttl { background: url(../images/society/2kaigo_info_ttl.jpg) no-repeat left; height: 43px; margin-bottom: 20px;height:0; padding-top:7.049%; background-size:contain; }

.Society .Care_commu-ttl { background: url(../images/society/3fukushi_ttl.jpg) no-repeat left; height: 43px; margin-bottom: 20px;height:0; padding-top:7.049%; background-size:contain; }
.Society .training-ttl { background: url(../images/society/4kifu_ttl.jpg) no-repeat left; height: 62px; margin-bottom: 10px; height:0; padding-top:10.163%; background-size:contain;}
.Society .training-ttl + p{margin-bottom:30px;}

.Society .kouza { letter-spacing: -.4em; text-align: center; list-style: none; }
.Society .kouza li { letter-spacing: normal; display: block; width: 98%; vertical-align: top; }
.Society .kouza li a img { border: 1px solid #999; text-align: center; vertical-align: middle; padding: 5px; margin: 0px auto; }
.Society .kouza li p { text-align: center; color: #333; }
.Society .kouza li a { text-decoration: none; text-align: center; display: block; }
.Society .kouza li a:hover{opacity:.7;}
.Society .socieContact a { background: url(../images/society/society_contact_bn.jpg) no-repeat center; height: 52px; margin-bottom: 20px; text-decoration: none; display: block; text-align: center;height:0; padding-top:12.235%; background-size:contain; }
.Society .socieContact a:hover{opacity:.7;}
.Society .contact_bn { background: url(../images/intro/intro_add.jpg) no-repeat center; height: 109px; height:0; padding-top:17.898%; background-size:contain;}

/*h2タイトル共通*/
.Request h2,
.Campus h2,
.Entry h2,
.Sensen h2,
.Ppolicy h2,
.Choice h2,
.Society h2,
.Choice h2,
.Counsel h2,
.Counsel.Faq h2,
.Study h2,
.Facili h2,
.Graduate h2,
.Contact h2,
.Child h2,
.Care h2,
.Major h2{height:0; padding-top:5.098%; background-size:contain;}


.Request h3 { background: url(../images/request/request-ttlbg.jpg) no-repeat left center; height: 32px; margin-bottom: 20px;height:0;padding-top:10.263%;background-size:contain; }
.Request h3 span { font-size: 1.0em; line-height:1em; font-weight: normal; letter-spacing: 0em; position: relative; top: -23px; left: -40px; }

.Request .requestDoc { letter-spacing: -0.4em; text-align: left; margin-left: 0px; margin-bottom: 20px; overflow: hidden; }
.Request .requestDoc li { letter-spacing: normal; text-align: left; display: block; margin-right: 0; }
.Request .requestDoc li a { text-decoration: none; display: block; border: 1px solid #999; padding: 5px; width: 150px; margin: 0px auto; }
.Request .requestDoc li a:hover {opacity:.7;}
.requestDoc li p { font-size: 1.2em; line-height: 1.5em; width: 150px; text-align: center; margin: 0px auto 20px; }

.Support h2 { height:0; padding-top:5.098%; background-size:contain; }
.Support h3 { height:0; padding-top:4.753%; background-size:contain; width:83%; margin:0 auto 20; }

.Support .note { font-size: 1.2em; line-height: 1em; margin-bottom: 40px; }
.Support .loan { margin-top: 70px; font-size: 1.3em; line-height: 1.3em; }
.Support .loan li { display: block; }
.Support .loan li h4 { margin-bottom: 5px; margin-top: 20px; }
.Support .loan li a { text-decoration: none; display: block; color:#656363;}
.Support .loan li a:hover{ color: #933; text-decoration: underline; }

  .plan_list { width: 100%; border-right: 1px solid #979797; border-bottom: 1px solid #979797; font-size: 1.1em; margin: 0px; padding: 0px; }
    .plan_list tbody tr { display: block; padding-bottom: 0px; }
    .plan_list tbody td { display: block; padding: 0px 0; width: 100%; border-left-width: 0; border-bottom: 0; border-top-width: 0; border-right-width: 0; }
      .plan_list tbody td:before { display: inline-block; vertical-align: middle;         *vertical-align: auto;
        *zoom: 1;
        *display: inline;
margin-right: 5px; color: #92A0C5; font-weight: normal; }
      .plan_list tbody td:nth-of-type(2):before {
        content: "免除項目:"; }
      .plan_list tbody td:nth-of-type(3):before {
        content: "期間:"; }
      .plan_list tbody td:nth-of-type(4):before {
        content: "採用人数:"; }
      .plan_list tbody td:nth-of-type(5):before {
        content: "認定方法:"; }
    .plan_list tbody .title { margin: 0 -15px 9px; background-color: #dcf0f9; text-align: center; font-weight: 700; padding: 5px 15px; }
.plan_list tbody tr td span{display:inline;}
  .planWrap th { display: none; }
  .planWrap tr {padding: 0 15px; }
.plan_list tbody tr td:first-child{ text-align: center; width: auto;}
.plan_list tbody tr td:last-child{ text-align: left; width: auto; }
.plan_list thead tr th{ padding: 5px 10px; border-right: 1px none #979797; border-bottom: 1px none #979797; vertical-align: middle; background: #dcf0f9; border-top-style: none; border-left-style: none; }
.plan_list tbody tr td{ padding: 0px 0px 10px; text-align: left; vertical-align: middle; border-right: 1px none #979797; border-bottom: 1px none #979797; border-top-style: none; border-left-style: none; }  


/*オープンキャンパス*/
  .campus_schdule { width: 100%; border-right: 1px solid #979797; border-bottom: 1px solid #979797; font-size: 1.1em; margin: 0px 0px 20px; padding: 0px; }
    .campus_schdule tbody tr { display: block; padding-bottom: 0px; }
    .campus_schdule tbody td { display: block; padding: 3px 0; width: 100%; border-top: none; border-right: none; border-bottom: none; border-left: none;  }
      .campus_schdule tbody td:before { display: inline-block; vertical-align: middle;         *vertical-align: auto;
        *zoom: 1;
        *display: inline;
margin-right: 5px; color: #92A0C5; font-weight: normal; }
      .campus_schdule tbody td:nth-of-type(2):before { content: "時間:"; }
      .campus_schdule tbody td:nth-of-type(3):before { content: "詳細:"; }
    .campus_schdule tbody .title { margin: 0 -15px 9px; background-color: #dcf0f9; text-align: center; font-weight: 700; padding: 5px 15px; }

  .campusWrap th { display: none; }
  .campusWrap tr { padding: 0 15px; }
.campus_schdule tbody tr td:first-child{ text-align: center; width: auto; }
.campus_schdule tbody tr td:nth-child(2){ text-align: left; width: auto; margin-bottom: 10px; }
.campus_schdule thead tr th{ padding: 5px 10px; border-right: 1px none #FF0000; border-bottom: 1px none #979797; vertical-align: middle; background: #dcf0f9; border-top-style: none; border-left-style: none; }
.campus_schdule thead tr th{ border-style: none; }
.campus_schdule tbody tr td{ padding: 0px 10px 5px; border-style: none; }

.Campus h3.eyecatch {  margin-bottom: 20px;/*height:0;padding-top:10.409%;background-size:contain;*/ }
.Campus .campus_detail { margin-bottom: 20px;  }
.Campus .experience {height: 150px; margin-bottom: 30px;height:0;padding-top:24.630%;background-size:contain;  }
.Campus h4 { font-size: 1.2em; line-height: 1; color: #FFF; background: #ce4f4d; padding: 5px; font-weight: normal; text-align: center; width: 6em; margin-bottom: 15px; }
.Campus .exsample1 { background: url(../images/campus/hoiku_ex.jpg) no-repeat left; height: 90px; margin-bottom: 20px;height:0;padding-top:15%;background-size:contain;  }
.Campus .exsample2 { background: url(../images/campus/care_ex.jpg) no-repeat; height: 66px; margin-bottom: 20px;height:0;padding-top:11.111%;background-size:contain;  }
.experience p,
.Campus .exsample1 p,
.Campus .exsample2 p { visibility: hidden; }
.Campus .privilegeWrap { margin-bottom: 30px; }
.Campus .privilegeWrap li { display: block; margin-bottom: 25px; height: 130px;text-align:center;  }
.Campus .privilegeWrap li:nth-child(1) { background: url(../images/campus/privilege_1.jpg) no-repeat center; height:0; padding-top:21.263%; background-size:contain; width:72%; margin:0 auto 20px; }
.Campus .privilegeWrap li:nth-child(2) { background: url(../images/campus/privilege_2.jpg) no-repeat center; height:0; padding-top:21.263%; background-size:contain; width:72%; margin:0 auto 20px; }
.Campus .privilegeWrap li:nth-child(3) {background: url(../images/campus/privilege_3.jpg) no-repeat center;height:0;padding-top:21.263%;background-size:contain;width:72%;margin:0 auto;}
.Campus .tryContact a { background: url(../images/campus/try_contact_bt.jpg) no-repeat center; height: 107px; text-align: center; display: block; margin-bottom: 25px;height:0;padding-top:17.541%;background-size:contain; }
.Campus .contact_bn { background: url(../images/intro/intro_add.jpg) no-repeat; height: 109px; height:0;padding-top:17.898%;background-size:contain; }
/* 17/07/24追加[s] */
.open-list li{margin-bottom:20px;}
.open-list li:last-child{margin-bottom:0;}
.Campus .mb40{margin-bottom:20px;}
.Campus .mb50{margin-bottom:30px;}
.Campus .mb60{margin-bottom:30px;}
.Campus .mb80{margin-bottom:30px;}
/* 17/07/24追加[e] */

.Entry h3{font-size:1.2em; margin-bottom: 20px;}
.Entry .cateMenu ul { letter-spacing: -0.4em; text-align: left; margin: 0px auto 60px; width: 98%; list-style: none; overflow: hidden; }
.Entry .cateMenu ul li { letter-spacing: normal; vertical-align: top; display: block; margin-bottom: 20px; }
.Entry.schedule .AOtable { float: none; width: 100%; margin-bottom: 0px; padding: 0px; }
.Entry.schedule .aoImg { width: 100%; margin-bottom: 30px; }
.Entry.examination h5 { padding-left: 7px; border-left: 5px solid #e99db2; font-size: 1.3em; line-height: 1.3em; margin-bottom: 20px; font-weight: 700; color: #e99db2; }
.Entry.examination .examNote { margin-left: 10px; list-style: none; font-size: 1.2em; line-height: 1.5em; margin-bottom: 30px; }
.Entry.examination .examNote li { display: block; }
.Entry.examination .examNote li:nth-child(odd){ font-weight:900; font-size:114%; }
.Entry.examination .examNote li:nth-child(even){margin-bottom:20px;}
.Entry.examination h6 { font-size: 1.6em; line-height: 1.2em; font-weight: 900; margin-left: 10px; }
.Entry.examination .entryFlow { font-size: 1.3em; line-height: 1.3em; font-weight: 900; margin-left: 10px; margin-bottom: 35px; }
.Entry.examination p .flowimg { margin-bottom: 20px; }

.Entry.examination .aboutEntrysheet {  height: 63px; margin-bottom: 20px;height:0;padding-top:10.606%;background-size:contain; }

.Entry.examination .recomeExam { font-size: 1.3em; line-height: 1.3em; font-weight: 900; margin-top: -10px; margin-left: 10px; margin-bottom: 20px; }
.Entry.examination .recomeExam span{ font-weight: normal; }
.Entry.examination .requirements {  height: 225px; margin-bottom: 30px;height:0;padding-top:37.8787%;background-size:contain; }
.Entry.examination .Screening { font-size: 1.2em; line-height: 1.3em; margin-left: 10px; margin-top: -20px; margin-bottom: 70px; }

.expenses_list{ font-size:1.2em; line-height:1.3em; border-top: 1px solid #656565; border-left: 1px solid #656565; margin-bottom: 30px; }

.Entry.expenses h5 { padding-left: 7px; border-left: 5px solid #d5eacd; font-size: 1.3em; line-height: 1.3em; margin-bottom: 20px; font-weight: 700; color: #d5eacd; }
.Entry.expenses h6 { font-size: 1.3em; line-height: 1.3em; font-weight: 700; margin-left: 10px; margin-bottom: 10px; }
.Entry.expenses h6 + p{ font-size: 1.2em; line-height: 1.5em; margin-left: 10px; margin-bottom: 10px; }
.Entry.expenses .cost { border-top: 1px solid #999; border-left: 1px solid #999; font-size: 1.2em; line-height: 1.3em; }

.Entry.expenses .sankou { display: table; width: 100%; margin-bottom: 30px; }
.Entry.expenses .sankou li { display: table-cell; font-size: 1.2em; line-height: 1.3em; padding: 5px 10px; border: 1px solid #999; }
.Entry.expenses .lorn { font-size: 1.2em; line-height: 1.5em; margin-left: 10px; margin-bottom: 15px; }


.Sensen h2{ margin-bottom: 15px; }
.Sensen .magazine_lead{  height: 73px; margin-bottom: 20px;height:0;padding-top:12.146%;background-size:contain; }
.Sensen .magazine_lead p{ visibility: hidden; }
.Sensen .magNew{ width:49%; float: left; }
.Sensen .magNew a img{ border: 1px solid #000; float: left; margin-right: 20px;  }
.Sensen .magNew a:hover img{opacity:.7;}
.Sensen .maglupo{ float:right; width: 48%; margin-bottom: 25px; }
.maglupo .sensen_eyecatch{ margin: 0px 0px 10px; padding: 0px; list-style: none; font-size:1.2em; line-height: 1.3em; color: #000; }
.maglupo .sensen_eyecatch li h3{ display:block; font-weight: normal;  }
.maglupo .sensen_eyecatch li h3 span{ display:block;  text-indent: 1em; }
.maglupo .sensen_eyecatch li:nth-child(2){text-indent:1em;}

.Sensen .maglupo .magLead{ background: url(../images/magazine/maglead_img.jpg) no-repeat; height: 307px;height:0;padding-top:108.098%;background-size:contain; }
.Sensen .maglupo .magLead p{ visibility: hidden;}

.Sensen h4{ background: url(../images/magazine/mag_backno_ttl.jpg) no-repeat left; height: 24px; margin-bottom: 30px; clear: both; }
.Sensen .backNo_img{ letter-spacing: -.4em; text-align: center; list-style: none; margin-bottom: 90px; }
.Sensen .backNo_img li{ letter-spacing: normal; display: block; width: 100%; vertical-align: top; }
.Sensen .backNo_img li p{ font-size:1.2em; margin-bottom: 30px; }

.Sensen .backNo_link { letter-spacing: -0.4em; list-style: none; text-align: left; margin: 0px; padding: 0px; }
.Sensen .backNo_link li{ display: block; letter-spacing: normal; width: 100%; }



.Ppolicy h3 { font-size: 1.3em; line-height: 1.3em; margin-bottom: 20px; font-weight: normal; }
.Ppolicy h4 { font-size: 1.3em; line-height: 1.3em; margin-bottom: 20px; font-weight: normal; }
.Ppolicy h4 + p{ font-size: 1.2em; line-height: 1.3em; margin-bottom: 20px; }
.Ppolicy p span { display: inline; }

.Ppolicy .PPlist { margin: 0px 0px 30px; padding: 0px; list-style: none; font-size: 1.2em; line-height: 1.5em; }
.Ppolicy .PPlist li span { display: inline; }
.Ppolicy .PPlist li:nth-child(odd){font-weight:700;}
.Ppolicy .PPlist li:nth-child(even){margin-bottom:30px;}
.Ppolicy .PPlist li:last-child{ text-align:right; font-weight: normal; }

.Ppolicy .ppContact { font-size: 1.2em; line-height: 1.5em; list-style: none; }
.Ppolicy .ppContact li { display: block; }
.Ppolicy .ppContact li:first-child{  text-indent: -.5em; font-weight: 700; }

.Choice .choicettl { margin-bottom: 20px;height:0;padding-top:10.555%;background-size:contain; }
.Choice .choicettl + p{ font-size:1.1em; line-height:160%; margin-bottom: 25px; }
.Choice .choicettl.about1 { background: url(../images/choice/choice_2ttl.jpg) no-repeat;height:0;padding-top:10.555%;background-size:contain;  }
.Choice .choicettl.about2 { background: url(../images/choice/choice_3ttl.jpg) no-repeat;height:0;padding-top:10.555%;background-size:contain;  }
.Choice .choicettl.about3 { background: url(../images/choice/choice_4ttl.jpg) no-repeat;height:0;padding-top:10.555%;background-size:contain;  }
.Choice .choicettl.about4 { background: url(../images/choice/choice_5ttl.jpg) no-repeat;height:0;padding-top:10.555%;background-size:contain;  }
.Choice .choicettl.about5 { background: url(../images/choice/choice_6ttl.jpg) no-repeat;height:0;padding-top:10.555%;background-size:contain;  }
.Choice .grouping { background: url(../images/choice/grouping.jpg) no-repeat left; height: 200px; margin-bottom: 20px; height:0;padding-top:33.726%;background-size:contain;}
.Choice p{ font-size:1.1em; line-height:160%;  margin-bottom: 20px; }
.Choice .custom7 {margin-bottom: 30px; height:0;padding-top:23.103%;background-size:contain;}
.Choice .custom_wear { margin-bottom: 20px;height:0;padding-top:23.103%;background-size:contain; }
.Choice .choice_ph { height:162px; background-size:contain; background: url(../images/choice/choice_phsp.jpg) no-repeat center; margin-bottom: 30; }
.Choice .suchtimeWrap { margin: 0px auto 20px; }
.Choice .suchtime { display: table-cell; width:100%; height: auto; vertical-align: middle; text-align: center; border: 2px solid #f8cac0; margin: 0px auto; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.Choice .suchtime p { display: inline-block; text-align: left; font-size: 1.1em; line-height: 170%; margin: 0px; padding: 5px; }
.Choice .reference p{display: inline-block; text-align: left; font-size: 1.1em; line-height: 170%;  margin: 0px; padding: 0px; }
.Choice .reference p:before{ content:"選択理論参考図書："; display:block; }
.Choice .reference p:first-child{text-indent: 0; }

.Counsel .lead { font-size: 1.2em; line-height: 170%; padding: 10px 10px; border: 2px solid #7db9fd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 25px; }
.Counsel .lead span{ display:inline; }
/*ノーマルテーブル*/
/*.Counsel table.Co_schdule{ margin-bottom: 80px; border-top: 1px solid #999; border-left: 1px solid #999; font-size: 1.2em; line-height: 1em; }
.Co_schdule tr th{ padding: 10px 7px; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle; background: #dcf0f9; }
.Co_schdule tr td{ padding: 10px 7px; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle; }
.Co_schdule tr th:nth-of-type(1){ width:12%; }*/

/*レスポンシブテーブル*/
  .Co_schdule { width: 100%; border-right: 1px solid #979797; border-bottom: 1px solid #979797; font-size: 1.2em; margin: 0px; padding: 0px; }
    .Co_schdule tbody tr { display: block; padding-bottom: 0px; }
    .Co_schdule tbody td { display: block; padding: 0px 0; width: 100%; border-left-width: 0; border-bottom: 0; border-top-width: 0; border-right-width: 0; }
      .Co_schdule tbody td:before { display: inline-block; vertical-align: middle;         *vertical-align: auto;
        *zoom: 1;
        *display: inline;
margin-right: 5px; color: #999; font-weight: normal; }
      .Co_schdule tbody td:nth-of-type(2):before {
        content: "日付:"; }
      .Co_schdule tbody td:nth-of-type(3):before {
        content: "時間:"; }
      .Co_schdule tbody td:nth-of-type(4):before {
        content: "会場:"; }
    .Co_schdule tbody .title { margin: 0 -15px 9px; background-color: #dcf0f9; text-align: center; font-weight: 700; padding: 5px 15px; }
.Co_schdule tbody tr td span{display:inline;}
  .Co_schdule th { display: none; }
  .Co_schdule tr {padding: 0 15px; }
.Co_schdule tbody tr td:first-child{ text-align: center; width: auto; }
.Co_schdule tbody tr td:last-child{ text-align: left; width: auto; }
.Co_schdule thead tr th{ padding: 5px 10px; border-right: 1px none #979797; border-bottom: 1px none #979797; vertical-align: middle; background: #dcf0f9; border-top-style: none; border-left-style: none; }
.Co_schdule tbody tr td{ padding: 0px 0px 10px; text-align: left; vertical-align: middle; } 
/*.expenses_list tbody tr td:nth-child(4){ color: #666; font-weight: 900; }*/
/*レスポンシブテーブル　おわり*/

.Counsel.Faq .FaqList{ margin: 0px 0px 30px; padding: 0px; list-style: none; }
.Counsel.Faq .FaqList li{ font-size: 1.2em; line-height: 170%; display: block; }
.Counsel.Faq .FaqList li ul li{ font-size: 1.2em; text-indent: -1em; padding-left: 1em; }
.Counsel.Faq .contact_bn {height:0;padding-top:17.898%;background-size:contain; margin-bottom: 30px; }

.Study h3 { font-size: 1.2em; line-height: 1.3em; font-weight: normal; margin-bottom: 20px; }
.Study h3 + p{ font-size: 1.2em; line-height: 170%; margin-bottom: 40px; }
.Study h3 + p span{ display:inline; }
.Study .event_ttl {  margin-bottom: 20px;height:0;padding-top:8.072%;background-size:contain;  }

.Study h4 { font-size: 1.3em; font-weight: 700; margin-bottom: 10px; float: left; width: 100%; line-height: 1.5em; }
.Study h4 span { display: block; margin-left: 1em; }
.Study .linkbt a { font-size: 1.3em; line-height: 1.3em; color: #656363; background: #2ed11a; padding: 5px; text-align: center; width: 80%; text-decoration: none; display: block; float: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px auto 20px; clear: both; }
.Study .linkbt a span { display: inline-block; }
.Study .series { font-size: 1.2em; clear: both; line-height: 1.3em; list-style: none; margin-bottom: 20px; }
.Study .series li{ display:block; margin-bottom: 10px; }
.Study .profile {  margin-bottom: 60px; margin-top: 70px;height:0;padding-top:66.229%;background-size:contain; }
.Study .toContact a{  text-align: center; display: block; text-decoration: none; height:0; padding-top:9.788%; background-size:contain; width:80%; margin:0 auto 30px; }
.Study .contact_bn.hid { background: url(../images/intro/intro_add.jpg) no-repeat center; height: 109px;  height:0; padding-top:17.898%; background-size:contain; margin-bottom: 20px; }

/*設備*/
.Facili .Falead { font-size: 1.2em; line-height: 175%; border: thin solid #9dcafd; padding: 10px; margin-bottom: 30px; }
.Facili .Falead span{display:inline:color:#f00;}
.Facili img{max-width:100%;}
.Facili .Recruit,
.Facili .Mu-room { letter-spacing: -0.4em; text-align: center; list-style: none; margin-top: 20px; margin-bottom: 20px; }
.Facili .Recruit li { letter-spacing: normal; display: block; width:100%; vertical-align: top; }
.Facili .Recruit li:nth-child(2){ font-size:1.2em; line-height:175%; text-align: left; width: 100%; }
.Facili .Mu-room li{letter-spacing: normal; display: block; width: 100%; vertical-align: top;}
.Facili .Mu-room li .room2 p { font-size: 1.2em; line-height: 175%; text-align: left; }
.Facili .Mu-room li:nth-child(1){width: 100%;  margin-right:30px; }
.Facili .Mu-room li:nth-child(2){ width: 100%; }
.Facili .jim1 { float: none; width: 100%; margin-left: 0; }
.Facili .JimWrap,
.Floor4Wrap{display:none;}
.Facili .floor2Cate li { letter-spacing: normal; vertical-align: top; display: block; width: 100%; margin-right: 0; margin-bottom: 30px; }
.Facili .floor2Cate li p { font-size: 1.2em; line-height: 170%; text-align: left;}

.Facili h3.library-ttl + p,
.Facili h3.pc-ttl + p{ font-size: 1.2em; line-height: 170%; margin-bottom: 20px; }
.Facili .floor4 { float: none; width: 100%; margin-top: 0; }
.Facili .floor4 p{ font-size: 1.2em; line-height: 175%; margin-bottom: 15px; }
/*.Facili p .floor4-5 { float: none; width: 100%; max-width:271px; margin-top: 30px; }*/
.JimWrapSP,
.Floor4WrapSP{display:block;}
.Facili p .floor4-5Img { float: none; width: 271px; margin: 0px auto; display: block;  }
.Facili .floor4 {  float: none; width: 100%; }
/*体育館ーバスケスマホだけで表示*/
.JimWrapSP p:nth-of-type(1) img { width:90%; display: block; margin: 0px auto 20px; }
.JimWrapSP p:nth-of-type(2) img { width:85%; display: block; margin: 0px auto 20px; }
.JimWrapSP p:nth-of-type(3) img { width:100%; display: block; margin: 0px auto 20px; }
.JimWrapSP p:nth-of-type(4) img { width:85%; display: block; margin: 0px auto 20px; }

.become { display: table; width: 93%; padding: 10px; border: 1px solid #92bfc8; }
.become .name,
.become .word{display: block;width: 100%; }
/* 卒業生に聞く */
.graduate_course tr th,
.graduate_course tr td{font-size:12px;}
.graduate_course caption{font-size:14px;}
.Graduate .become .name h3 span,
.Graduate .become .name h4 span{ display: inline; }
.become .word p { padding-left: 5px; border-left: 0px solid #f2e838; vertical-align: top; text-align: left; margin: 0px; padding-top: 0px; font-size: 1.2em; line-height: 175%; }
/*.Graduate h3.become-ttl1,
.Graduate h3.become-ttl2,
.Graduate h3.become-ttl3 { margin-bottom: 25px;height:0; padding-top:5.098%; background-size:contain; }*/
.Graduate h5 { font-size: 1.3em; line-height: 1.5em; margin-bottom: 10px; font-weight: normal; margin-left: 5px; }
.Graduate .workingNow li { font-size: 1.2em; line-height: 170%; }

.Contact h3 {margin-bottom: 30px;height:0; padding-top:17.462%; background-size:contain; }
.Contact .contactNote,
.Contact .contactformNote { margin: 0px 0px 30px; padding: 0px; list-style: none; }
.Contact .contactNote li:nth-child(1),
.Contact .contactformNote li:nth-child(1){ font-size:1.3em; line-height: 170%; margin-bottom: 10px; }
.Contact .contactNote li:nth-child(2){ font-size:1.7em; line-height: 1; font-weight: bolder; margin-bottom: 10px; padding-left: 25px; }
.Contact .contactNote li:nth-child(1){ background: url(../images/contact/contact_starsp.jpg) no-repeat left top; padding-left: 25px; }
.Contact .contactformNote li:nth-child(1){ background: url(../images/contact/contact_starsp.jpg) no-repeat left top; padding-left: 25px; }
.Contact .contactNote li:nth-child(1) span,
.Contact .contactformNote li:nth-child(1) span{display:block;}
.Contact .contactNote li:nth-child(3){font-size:1.2em;padding-left: 25px;}
.Contact .contactformNote {margin-bottom:20px;}
.Contact .contactformNote li:nth-child(2),
.Contact .contactformNote li:nth-child(3){font-size:1.2em;line-height:170%;padding-left: 25px;}
.Contact .pan {  margin-bottom: 30px;height:0; padding-top:30.823%; background-size:contain; }

/*トップページバナー切り替え*/
	/*.oc_movie a{ 
		background: url("../images/top/2007_oc_movie_sp.jpg"); background-size:cover;
		box-sizing: border-box;
		width: 100%;
		padding-top: 53.478%;
	}*/	
	
	.oc_movie.oc_mv2022 a{ 
		background: url("../images/top/2202_oc_movie_bn_sp.jpg");
		background-size:cover;
		box-sizing: border-box;
		width: 100%;
		padding-top: 53.478%;
		margin-bottom: 10px;
	}
	
/*こども環境科*/
.Child h3{ margin-bottom: 10px;height:0; padding-top:33.990%; background-size:contain;  }
.Child .chlid-lead{ font-size:1.2em; line-height:170%; margin-bottom: 20px; }
.Child .childPoint{ margin: 0px 0px 30px 0px; padding: 0px; list-style: none; }
.Child .childPoint li{ display:block; margin-bottom: 25px; font-size: 1.2em; line-height: 1.3; }
.Child .childPoint li h4{  margin-left: 0px;height:0; padding-top:4.537%; background-size:contain; }
.Child .licenseList li h4{ background: url(../images/child/child_cottl2.jpg) no-repeat left; height: 28px; margin-bottom: 0; height:0; padding-top:4.585%; background-size:contain; }
.Child .licenseList li{display:block; margin-bottom: 20px; }
.Child .licenseList li .license1{ height:0; padding-top:33.278%; background-size:contain; } 
.Child .licenseList li .license2{ height:0; padding-top:25.573%; background-size:contain; } 
.Child .licenseList li .license3{ height:0; padding-top:39.836%; background-size:contain; } 
.Child .licenseList li .license4{ height:0; padding-top:35.245%; background-size:contain; } 

.Child .childCampus a{ height:0; padding-top:26.525%; background-size:contain; }
.Child.lesson h3 {  margin-bottom: 40px;height:0; padding-top:4.753%; background-size:contain;  }
.Child.lesson .ClassCatePh { float: none; width:80% !important; margin: 0px auto;}
.Child.lesson .classLead{ float: none; font-size:1.2em; line-height:170%; width: 100%; margin: 0px; padding: 0px; }

.Child .childContac a{ background: url(../images/society/society_contact_bn.jpg) no-repeat center; height: 52px; margin-bottom: 30px; text-decoration: none; display: block;height:0; padding-top:26.525%; background-size:contain; }


/*介護ー専攻科480*/
.Care h3{ background: url(../images/care/care_ttl2.jpg) no-repeat left; height: 207px; margin-bottom: 10px;height:0; padding-top:33.99%; background-size:contain; }
.Care .chlid-lead{ font-size:1.2em; line-height:170%; margin-bottom: 20px; }
.Care .CarePoint{ margin: 0px 0px 30px; padding: 0px; list-style: none; }
.Care .CarePoint li{ display:block; margin-bottom: 25px; font-size: 1.2em; line-height: 1.3; }
.Care .CarePoint li h4{ margin-left: 0; margin-bottom: -5px;height:0; padding-top:9.507%; background-size:contain; }

.Care .licenseList li h4{  margin-bottom: 20px;height:0; padding-top:9.508%; background-size:contain; }
.Care .licenseList li{display:block; margin-bottom: 20px; }
.Care .licenseList li .license1{height:0; padding-top:25.245%; background-size:contain; } 
.Care .licenseList li .license2{height:0; padding-top:33.606%; background-size:contain; } 
.Care .licenseList li .license3{ height:0; padding-top:36.721%; background-size:contain; } 
.Care .licenseList li .license4{ height:0; padding-top:30.983%; background-size:contain;} 
.Care .licenseList li .license5{ margin-bottom: 40px;height:0; padding-top:26.721%; background-size:contain; } 
.Care.lesson h3 {  margin-bottom: 15px;height:0; padding-top:9.836%; background-size:contain; }

.Care.lesson .ClassCatePh { float: none; width:80% !important; margin: 0px auto; }
.Care.lesson .classLead{ float: none; font-size:1.2em; line-height:170%; width: 100%; margin: 0px; padding: 0px; }
.Care.lesson .classLead.noph{ margin-left: 0; }
.Care.lesson .lessonLine.end { margin-bottom: 50px; }
.Major h2{ margin-bottom: 10px; }
.Major h2 +p{ font-size: 1.2em; line-height: 170%; margin-bottom: 50px; }

.Major .license-ttl1{margin-bottom: 20px; height:0; padding-top:4.59%; background-size:contain;}
.Major .license1{ margin-bottom: 30px;height:0; padding-top:37.704%; background-size:contain; }
.Major .license-ttl2{ margin-bottom: 20px;height:0; padding-top:4.426%; background-size:contain; }

.Major .ClassCatePh { float: none; width:80% !important; margin: 0px auto; }
.Major .classLead{  float: none; font-size:1.2em; line-height:170%; width: 100%; margin: 0px; padding: 0px; }

.Major .childCampus a{height:0; padding-top:26.525%; background-size:contain;  }
.Major .childContac a{ background: url(../images/society/society_contact_bn.jpg) no-repeat center; height: 52px; margin-bottom: 30px; text-align:center; text-decoration: none; display: block;height:0; padding-top:12.235%; background-size:contain; }
.newsWrap{ width:100%; overflow:auto; -webkit-overflow-scrolling:touch;margin-top: 0px; margin-bottom: 30px;max-width:610px; }
/*iframe*/
iframe.topics{
  width:100%;
  height:100%;
  border:none; /* 追加で指定 */
  display:block; /* 追加で指定 */
}


}