@charset "utf-8";
/* CSS Document */

#wrapper{
  width: 100%;
  min-width: 940px;
    /*
  padding:42px 0 84px;
    */
  padding:0 0 84px;
  background-color:#d3edfb;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  line-height:1.5;
  color:#231815;
}
a:hover img{opacity:0.6;}
a img{transition:opacity 0.3s ease-out;cursor:pointer;}
.fl{float:left;}
.fr{float:right;}
.cf:before,
.cf:after{
  content:" ";
  display:table;
}
.cf:after{clear:both;}
.cf{*zoom:1;}
*{zoom:1;}

.nodisp {
    position: absolute;
    left: -9999px;
}
#wrap_top{
  width:876px;
  height:56px;
  margin:0 auto;
  padding:14px 0;
  background: #fff;
    border-top: 42px solid #d3edfb;
}

.fixed {
    position: fixed;
    z-index: 100;
}
#wrap_top ul.nav{
	margin:0 14px;
	height:56px;
}
#wrap_top ul.nav li{
	float:left;
}
#wrap_top ul.nav li a.menu01{
	display: block;
    height: 56px;
    width: 141px;
	background:url(../img/menu01.png) no-repeat;
}
#wrap_top ul.nav li a.menu01:hover{
	background:url(../img/menu01_02.png) no-repeat;
}

#wrap_top ul.nav li a.menu02{
	display: block;
    height: 56px;
    width: 139px;
	background:url(../img/menu02.png) no-repeat;
}
#wrap_top ul.nav li a.menu02:hover{
	background:url(../img/menu02_02.png) no-repeat;
}

#wrap_top ul.nav li a.menu03{
	display: block;
    height: 56px;
    width: 140px;
	background:url(../img/menu03.png) no-repeat;
}
#wrap_top ul.nav li a.menu03:hover{
	background:url(../img/menu03_02.png) no-repeat;
}
#wrap_top ul.nav li a.menu04{
	display: block;
    height: 56px;
    width: 139px;
	background:url(../img/menu04.png) no-repeat;
}
#wrap_top ul.nav li a.menu04:hover{
	background:url(../img/menu04_02.png) no-repeat;
}
#wrap_top ul.nav li a.menu05{
	display: block;
    height: 56px;
    width: 136px;
	background:url(../img/menu05.png) no-repeat;
}
#wrap_top ul.nav li a.menu05:hover{
	background:url(../img/menu05_02.png) no-repeat;
}
#wrap_top ul.nav li a.menu06{
	display: block;
    height: 56px;
    width: 150px;
	background:url(../img/menu06.png) no-repeat;
}
#wrap_top ul.nav li a.menu06:hover{
	background:url(../img/menu06_02.png) no-repeat;
}
#wrap_top ul.nav li a.menu07{
	display: block;
    height: 56px;
    width: 182px;
	background:url(../img/menu07.png) no-repeat;
}
#wrap_top ul.nav li a.menu07:hover{
	background:url(../img/menu07_02.png) no-repeat;
}
#wrap_top ul.nav li a.menu08{
	display: block;
    height: 56px;
    width: 222px;
	background:url(../img/menu08.png) no-repeat;
}
#wrap_top ul.nav li a.menu08:hover{
	background:url(../img/menu08_02.png) no-repeat;
}
#wrap_top ul.nav li a.menu09{
	display: block;
    height: 56px;
    width: 223px;
	background:url(../img/menu09.png) no-repeat;
}
#wrap_top ul.nav li a.menu09:hover{
	background:url(../img/menu09_02.png) no-repeat;
}
#wrap_top ul.nav li a.menu10{
	display: block;
    height: 56px;
    width: 221px;
	background:url(../img/menu10.png) no-repeat;
}
#wrap_top ul.nav li a.menu10:hover{
	background:url(../img/menu10_02.png) no-repeat;
}

#menu01{
	margin-top:-100px;
	padding-top:100px;
}

#menu02{
	margin-top:-100px;
	padding-top:100px;
}
#menu03{
	margin-top:-100px;
	padding-top:100px;
}
#wrap_btm{
  width:876px;
  height:40px;
  margin:auto;
}
#wrap_inner {
  width: 876px;
  background: #fff;
  margin:auto;
  position:relative;
}
#contents{
  width:756px;
  margin:0px 60px 60px;
    /*
  padding-top:95px;
    */
  padding: 137px 0 60px 0;
}


h1{
  margin-bottom:18px;
}



#app_box{
	margin: 40px 0;
}

#app_box h2{
  border:dashed 2px #00a0de;
  text-align:center;
  padding:10px 0;
  color: #00a0de;
  font-size:1.5em;
}
#app_box .dlbtn{
	margin:30px 0 0 0;
}
#app_box .dlbtn a{
}
#app_box .dlbtn a:hover{
	opacity:0.9;
}
#app_box2{
}
#app_box2 h3{
  height:40px;
  margin-top:28px;
  margin-bottom:12px;
  padding-bottom:5px;
  padding-top:20px;
  padding-left:70px;
  font-size: 24px;
  color:#f3994f;
  font-weight:bold;
  background: url(../img/icon.png) no-repeat;
  border-bottom: dashed 2px #ABABAB;
}
#app_box2 h3 span{
	font-size:14px;
	color:#231815;
}
#app_box2 h3.school{
  height:40px;
  margin-top:28px;
  margin-bottom:25px;
  padding-top:0px;
  padding-bottom:5px;
  padding-left:80px;
  font-size: 24px;
  color:#f3994f;
  font-weight:bold;
  background: url(../img/icon_school.png) no-repeat;
  border-bottom: dashed 2px #ABABAB;
}
#app_box2 h3.personal{
  height:40px;
  margin-top:28px;
  margin-bottom:25px;
  padding-top:0px;
  padding-bottom:5px;
  padding-left:100px;
  font-size: 24px;
  color:#f3994f;
  font-weight:bold;
  background: url(../img/icon_personal.png) no-repeat;
  border-bottom: dashed 2px #ABABAB;
}

#app_box2 p.school01{
  height:40px;
  margin-top:28px;
  margin-bottom:12px;
  padding-bottom:5px;
  padding-top:7px;
  padding-left:60px;
  font-size: 18px;
  font-weight:bold;
  background: url(../img/crown01.png) no-repeat;
}

#app_box2 p.school02{
  height:40px;
  margin-top:28px;
  margin-bottom:12px;
  padding-bottom:5px;
  padding-top:7px;
  padding-left:60px;
  font-size: 18px;
  font-weight:bold;
  background: url(../img/crown02.png) no-repeat;
}

#app_box2 p.school03{
  height:40px;
  margin-top:28px;
  margin-bottom:12px;
  padding-bottom:5px;
  padding-top:7px;
  padding-left:60px;
  font-size: 18px;
  font-weight:bold;
  background: url(../img/crown03.png) no-repeat;
}

#app_box2 p.personal01{
  height:50px;
  margin-top:28px;
  margin-bottom:12px;
  padding-bottom:5px;
  padding-top:8px;
  padding-left:60px;
  font-size: 18px;
  font-weight:bold;
  background: url(../img/medal01.png) no-repeat;
}

#app_box2 p.personal02{
  height:50px;
  margin-top:28px;
  margin-bottom:12px;
  padding-bottom:5px;
  padding-top:8px;
  padding-left:60px;
  font-size: 18px;
  font-weight:bold;
  background: url(../img/medal02.png) no-repeat;
}
#app_box2 p.personal02 span{
  font-size: 16px;
}
#app_box2 p.personal03{
  height:44px;
  margin-top:28px;
  margin-bottom:12px;
  padding-bottom:5px;
  padding-top:0px;
  padding-left:37px;
  font-size: 14px;
  font-weight:bold;
  background: url(../img/medal03.png) no-repeat;
}
#app_box2 p.personal03 span{
  font-size: 12px;
}

#app_box2 p{
	margin-bottom:1em;
}
#app_box2 .point{
	font-weight:bold;
	font-size:24px;
}

#app_box2 .small{
  font-size:14px;
}
#app_box2 .p_make{
	text-align:center;
}
#app_box2 .p_make a{
}
#app_box2 .p_make a:hover{
	opacity:0.9;
}


#app_box2 table.shou td{
    line-height:1.8;
    white-space: nowrap;
    padding: 0 5px;
    text-align: right;
}
#app_box2 table.shou td.left{
    text-align: left;
}
#app_box2 table.shou td.center{
    text-align: center;
}
#app_box2 table.shou td.t1{
  background:#ff6ab4;
  text-align:center;
  color:#fff;
}
#app_box2 table.shou td.t1-2{
  background:#00a0e9;
  text-align:center;
  color:#fff;
}
#app_box2 table.shou td.t1-3{
  background:#90c31f;
  text-align:center;
  color:#fff;
}




#app_box2 ul.shou{
}
#app_box2 ul.shou li{
  float:left;
  line-height:1.8;
  white-space: nowrap;
}
#app_box2 ul.shou li.t1{
  width:5.0em;
  width: 90px;
  background:#ff6ab4;
  text-align:center;
  color:#FFFFFF;
  margin-right:1em;
}
#app_box2 ul.shou li.t1-2{
  width:5.0em;
  width: 90px;
  background:#00a0e9;
  text-align:center;
  color:#FFFFFF;
  margin-right:1em;
}
#app_box2 ul.shou li.t1-3{
  width:5.0em;
  width: 90px;
  background:#90c31f;
  text-align:center;
  color:#FFFFFF;
  margin-right:1em;
}
#app_box2 ul.shou li.t1-4{
  width:5.0em;
  width: 90px;
  margin-right:1em;
}

#app_box2 ul.shou li.t2{
  width:4.0em;
  width: 72px;
  margin-right:1em;
}
#app_box2 ul.shou li.t3{
  text-align:right;
  width:3.0em;
  width: 54px;
  margin-right:1em;
}
#app_box2 ul.shou li.t4{
  width:11em;
  width: 198px;
}
#app_box2 ul.shou li.t5{
  text-align:right;
  width:5.0em;
  width: 90px;
}
#app_box2 .ph_r{
  float:right;
  margin-top: -200px;
}
#app_box2 dl.entry{
}
#app_box2 dl.entry dt{
  text-align:center;
  color:#FFFFFF;
  float:left;
  padding:2px 10px;
  margin-right:1em;
}
#app_box2 dl.entry dt.dantai{
  background:#ff6ab4;
}
#app_box2 dl.entry dt.kojin{
  background:#00a0e9;
}
#app_box2 dl.entry dd{
	margin-left:166px;
	line-height:1.5;
	margin-bottom:0.5em;
}
#app_box2 dl.entry dd a{
}
#app_box2 dl.entry dd a:hover{
	opacity:0.9;
}
#app_box2 dl.entry dd a.ex{
	color:#747172;
	text-decoration:none;
}
#app_box2 dl.entry dd a.ex:hover{
	color:#90c31f;
	text-decoration:underline;
}
#app_box2 .acrobat{
  width:660px;
  margin-top:8px;
  text-align:right;
}
#app_box2 .concour{
  margin:25px 0 25px 165px;
}

#recruit_box3{
  margin-top:30px;
  margin-bottom:15px;
}
#recruit_box3 p.notice{
  width:720px;
  text-indent:-1em;
  padding-left:1em;
}

#box_caution {
  width:720px;
  margin-top: 15px;
  margin-bottom: 15px;
  background: url(../img/line.png) repeat-x 0 top, url(../img/line.png) repeat-x 0 bottom;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}

#box_caution .fl{
  width:70px;
  margin-top:10px;
  margin-left:25px;
}
#box_caution .fr{
  width:610px;
  margin:10px 0;
}
#box_caution p{
  font-size:14px;
}

#contact{
  width:720px;
  margin-left:25px;
}
#contact p {
  float:left;
  margin-right:2px;
  width:auto;
}
#contact p.small {
  font-size:14px;
}

#illust02 {
	text-align:center;
    padding: 2em 0;
}

#pagetop{
  display:none;
  position:fixed;
  bottom:20px;
  margin-left:900px;
  cursor:pointer;
}
#pagetop{
  width:153px;
}

#app_box2 ul.list_02{
	margin-bottom:2em;
}
#app_box2 ul.list_02 li{
  float:left;
  line-height:1.8;
/*  white-space: nowrap;
*/  width:370px;
  margin-right: 8px;
}
#app_box2 ul.list_02 li:nth-child(even){
  margin-right: 0px;
}
#app_box2 ul.list_02 li img{
  margin:0 10px;
  width:350px;
}
#app_box2 ul.list_02 li.sideways{
}

#app_box2 ul.list_02 li.sideways img{
  margin:0 55px;
  width:250px;
}
#app_box2 ul.list_02 li p.title{
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
#app_box2 ul.list_02 li div.comment_box2{
	background: #FFFDEB;
	width: 320px;
	padding: 10px;
	margin: 0 15px 0 15px;
	font-size: 85%;
	word-wrap: break-word;
}
#app_box2 ul.list_02 li div.comment_box2 span{
	font-weight:bold;
}
#app_box2 ul.list_02 li div.comment_box2 span.height2{
	font-weight: normal;
	line-height:2.2;
}

#app_box2 ul.list_03{
	display:flex;
	flex-wrap: wrap;
}
#app_box2 ul.list_03 li{
  float:left;
  line-height:1.8;
  white-space: nowrap;
  width:245px;
  margin-right: 10px;
}
#app_box2 ul.list_03 li:nth-child(3n){
  margin-right: 0px;
}
#app_box2 ul.list_03 li img{
  margin:0 10px;
  width:225px;
}
#app_box2 ul.list_03 li.sideways02{
}
#app_box2 ul.list_03 li.sideways02 img{
  margin:20px 32px 17px 32px;
  width:170px;
}

#app_box2 ul.list_03 li p.title{
	text-align:center;
	font-weight:bold;
	font-size: 12px;
}
#app_box2 ul.list_04{
	display:flex;
	flex-wrap: wrap;
}
#app_box2 ul.list_04 li{
  float:left;
  line-height:1.8;
  white-space: nowrap;
  width:145px;
  margin-right: 7px;
  text-align:center;
}
#app_box2 ul.list_04 li:nth-child(5n){
  margin-right: 0px;
}
#app_box2 ul.list_04 li img{
  margin:0 5px;
  width:135px;
}
#app_box2 ul.list_04 li.sideways03{
}
#app_box2 ul.list_04 li.sideways03 img{
  margin:6px 15px 7px 15px;
  width:115px;
}

#app_box2 ul.list_04 li p.title{
	text-align:center;
	font-weight:bold;
	font-size: 12px;
}

#app_box2 .comment_box{
	background:#FFFDEB;
	padding:20px;
	margin-bottom:2em;
}
#app_box2 .comment_box span{
	font-weight: bold;
}

#app_box2 .comment_box span.height{
	font-weight: normal;
	line-height:2;
}

#app_box2 .comment_box ul.ph_box3{
	display:flex;
	flex-wrap: wrap;
	margin:25px 0 0 0;
}
#app_box2 .comment_box ul.ph_box3 li{
	width:230px;
	margin:0 13px 0 0;
	text-align:center;
}
#app_box2 .comment_box ul.ph_box3 li:last-child{
	margin:0 0 0 0;
}
#app_box2 ul.ph_box4{
	display:flex;
	flex-wrap: wrap;
	margin:25px 0 0 0;
}
#app_box2 ul.ph_box4 li{
	width:180px;
	margin:0 12px 0 0;
	text-align:center;
}
#app_box2 ul.ph_box4 li:last-child{
	margin:0 0 0 0;
}
#app_box2 p.pointc{
	color:#217eb4;
	font-weight:bold;
}
#app_box2 img.flr{
	float:right;
	margin:0 0 15px 15px;
}
#app_box2 .height3{
	line-height:2.2;
}

@media screen and (max-width:980px){
  #pagetop{margin-left:740px;}
}