@charset "EUC-JP";

/*-----------------------
sp
----------------------  */
html{
	height: 100%;
}
body{
	-webkit-text-size-adjust: 100%;
width:100%;
height: 100%;
position:relative;
overflow-x:hidden;
}
*{
	-webkit-appearance:none;
}
a:hover{
opacity:1;
}
img{
	max-width:100%;
height:auto;
}
.pc{
	display:none;
}
.sp{
	display:block;
}
.inner{
	width:100%;
padding:0 10px;
box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6{
	font-family: "FOT-ÃÞ»çA´Ý¥´¥·¥Ã¥¯ Std B";
}

#kv,
#welcome,
#header,
#header2{
	display:none;
}
#sp-kv,
#sp-nav,
#sp-header{
	display:block;
}

#sp-kv{
	position:relative;
}
#sp-kv .textbox{
	position: absolute;
left:-4.76%;
top:7.9%;
width:45.5%;
}
#sp-kv .textbox img{
	width:100%;
height:auto;
}

#sp-lead{
	padding-bottom:15px;
font-size:20px;
font-family: "FOT-ÃÞ»çA´Ý¥´¥·¥Ã¥¯ Std B";
text-align:center;
letter-spacing:0.05em;
}
#sp-lead span{
	display:block;
margin-top:6px;
font-size:12px;
letter-spacing:0.1em;
}
@media screen and (max-width: 320px){
#sp-lead{
	font-size:17px;
}
#sp-lead span{
	margin-top:2px;
font-size:11px;
letter-spacing:0;
}
}

/*header*/
#sp-header{
	position:relative;
height:55px;
padding:10px;
padding-bottom:0;
background:#fff;
font-size:14px;
}
#sp-header .siteId{
	float:left;
}
#sp-header .siteId img{
	width:auto;
height:50px;
}
#sp-header #sp-btn{
	position:relative;
float:left;
margin-right:10px;
width:43px;
height:43px;
background : url(/about_files/images/spmenu.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
background-size:cover;
cursor:pointer;
}
#sp-header #sp-btn span{
	position: absolute;
left:50%;
width:23px;
height: 2px;
margin-left:-12px;
background-color: #fff;
}
#sp-header #sp-btn span:nth-of-type(1){
	top: 10px;
}
#sp-header #sp-btn span:nth-of-type(2){
	top: 15px;
}
#sp-header #sp-btn span:nth-of-type(3){
	top: 20px;
}
#sp-header #sp-btn.active span:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);
}
#sp-header #sp-btn.active span:nth-of-type(2) {
opacity: 0;
}
#sp-header .active#sp-btn span:nth-of-type(3){
	top:24px;
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}
@media screen and (max-width: 320px){
#sp-header #sp-btn span{
	width:21px;
margin-left:-11px;
}
#sp-header #sp-btn span:nth-of-type(1){
	top: 5px;
}
#sp-header #sp-btn span:nth-of-type(2){
	top: 10px;
}
#sp-header #sp-btn span:nth-of-type(3){
	top: 15px;
}
#sp-header .active#sp-btn span:nth-of-type(3){
	top:19px;
}
}
#sp-header p{
	position:absolute;
right:10px;
bottom:15px;
font-family: "FOT-ÃÞ»çA´Ý¥´¥·¥Ã¥¯ Std B";
}
@media screen and (max-width: 320px){
#sp-header{
	height:42px;
padding-top:8px;
}
#sp-header .siteId img{
	width:120px;
height:auto;
}
#sp-header #sp-btn{
	width:34px;
height:34px;
}
#sp-header p{
	bottom:10px;
}
}
@media screen and (orientation: landscape) {
#sp-header p{
	font-size:16px;
}
}
/*sp-nav*/
#sp-nav{
	position:absolute;
width:80%;
height:100%;
margin-left:-80%;
background:#f5f4ee;
z-index:9999999999;
letter-spacing:.1em;
line-height:1.5em;
font-family: "FOT-ÃÞ»çA´Ý¥´¥·¥Ã¥¯ Std B";
}
#sp-nav .shadow{
	position:absolute;
right:0;
top:0;
width:8px;
height:100%;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.05) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.05) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.05) 100%);
}
#sp-nav a{
	display:block;
}
#sp-nav li.home a{
	display:block;
position:relative;
padding:15px 10px;
padding-top:17px;
background:#fff;
font-size:17px;
}
#sp-nav li.home a::before{
	content:"";
position:absolute;
top:17px;
right:10px;
width:17px;
height:17px;
background:#0077cc;
border-radius:17px;
}
#sp-nav li.home a::after{
	content: "";
display: block;
position: absolute;
top:22px;
right:16px;
width:4px;
height:4px;
border-top:2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sp-nav dl.edu{
	border-top:1px solid #dedede;
background:#ffebf2;
}
#sp-nav dl.edu dt{
	padding:10px 10px;
padding-bottom:0;
border-top:1px solid #fff;
font-size:16px;
}
#sp-nav dl.edu dt div{
	padding:8px 0 7px 40px;
background:url(/images/f_icon_edu.png) no-repeat 0 center;
}
#sp-nav dl.edu dd{
	padding:10px 10px;
border-top:1px solid #fff;
border-bottom:1px solid #ffc4d9;
}
#sp-nav dl.edu dd a{
	display:block;
position:relative;
}
#sp-nav dl.edu dd a::before{
	content:"";
position:absolute;
top:50%;
right:0;
width:17px;
height:17px;
margin-top:-10px;
background:#fff;
border-radius:17px;
}
#sp-nav dl.edu dd a::after{
	content: "";
display: block;
position: absolute;
top:50%;
right:6px;
width:4px;
height:4px;
margin-top:-5px;
border-top:2px solid #ff7bac;
border-right: 2px solid #ff7bac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sp-nav dl.edu dd:first-of-type{
	border-top:0;
}
#sp-nav dl.edu dd .pict{
	display:table-cell;
width:30%;
padding:0 10px 0 0;
box-sizing:border-box;
vertical-align:top;
line-height:0;
}
#sp-nav dl.edu dd .pict img{
	width:100%;
height:auto;
border-radius:6px;
}
#sp-nav dl.edu dd .text{
	display:table-cell;
width:70%;
padding-right:30px;
box-sizing:border-box;
vertical-align:top;
}
#sp-nav dl.edu dd .text .title{
	margin-bottom:5px;
font-size:14px;
}
#sp-nav p{
	font-size:11px;
line-height:1.5em;
letter-spacing:0;
}
@media screen and (max-width: 480px){
#sp-nav dl.edu dd .text{
	padding-right:23px;
}
#sp-nav dl.edu dd .text .title{
	margin-bottom:3px;
font-size:13px;
letter-spacing:0;
}
#sp-nav p{
	line-height:1.3em;
}
}

#sp-nav dl.profile{
	border-top:1px solid #fff;
background:#d9f0ff;
}
#sp-nav dl.profile dt{
	padding:10px;
font-size:16px;
}
#sp-nav dl.profile dt div{
	padding:8px 0 7px 40px;
background:url(/images/f_icon_profile.png) no-repeat 0 center;
}
#sp-nav dl.profile dd{
	padding:0 10px;
padding-bottom:5px;
border-bottom:1px solid #aed7f5;
}
#sp-nav dl.profile dd li{
	margin-bottom:10px;
font-size:14px;
}
#sp-nav dl.profile dd li a{
	position:relative;
display:block;
padding:10px;
border-radius:6px;
background:#fff;
}
#sp-nav dl.profile dd li a::after{
	content: "";
display: block;
position: absolute;
top:50%;
right:10px;
width:4px;
height:4px;
margin-top:-4px;
border-top:2px solid #3fa9f5;
border-right: 2px solid #3fa9f5;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sp-nav ul.list{
	border-top:1px solid #fff;
background:#f5f4ee;
}
#sp-nav ul.list li{
	border-bottom:1px dotted #808080;
}
#sp-nav ul.list li a{
	padding:18px 10px 17px 50px;
font-size:14px;
}
#sp-nav ul.list li.guide a{
	background:url(/images/f_icon_guide.png) no-repeat 10px center;
}
#sp-nav ul.list li.extra a{
	background:url(/images/f_icon_extra.png) no-repeat 10px center;
}
#sp-nav ul.list li.pre a{
	background:url(/images/f_icon_pre.png) no-repeat 10px center;
}
#sp-nav ul.list li.recruit a{
	background:url(/images/f_icon_recruit.png) no-repeat 10px center;
}
#sp-nav ul.list li.sns a{
	background:url(/images/f_icon_sns.png) no-repeat 10px center;
}
#sp-nav ul.list li.access a{
	background:url(/images/f_icon_access.png) no-repeat 10px center;
}
#sp-nav ul.list li.contact a{
	background:url(/images/f_icon_contact.png) no-repeat 10px center;
}
#sp-nav ul.list li.tel{
	border-bottom:0;
}
#sp-nav ul.list li.tel a{
	padding:18px 10px 17px 10px;
letter-spacing:.08em;
font-size:16px;
}
#sp-nav ul.list li.tel a span{
	font-size:13px;
margin-right:2px;
}
/*footer*/
#footer{
	display:none;
}
#sp-footer{
	display:block;
}
#sp-footer li{
	font-size:16px;
border-top:1px solid #d4d4d4;
font-family: "FOT-ÃÞ»çA´Ý¥´¥·¥Ã¥¯ Std B";
}
#sp-footer li div{
	border-top:1px solid #fff;
}
#sp-footer li div a{
	display:block;
padding:13px 0;
text-align:center;
background:#ffebf2;
}
#sp-footer a span{
	position:relative;
display:inline-block;
width:21px;
height:21px;
margin-right:5px;
background:#fff;
border-radius:21px;
vertical-align:-5px;
}
#sp-footer a span::after{
	content: "";
display: block;
position: absolute;
top:50%;
left:50%;
width:6px;
height:6px;
margin: -3px 0 0 -4px;
border-top:2px solid #ff7bac;
border-right: 2px solid #ff7bac;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sp-footer li.tel div a{
	letter-spacing:0.08em;
}
#sp-footer li.tel div a em{
	margin-right:2px;
font-size:13px;
font-style:normal;
}
#sp-footer ul{
	border-bottom:1px solid #ffc4d9;
}
#sp-footer small,
#sp-footer address{
	font-size:10px;
font-style:normal;
}
#sp-footer address{
	margin:0 10px;
padding:10px 0;
background:url(/images/icon_title.png) no-repeat right center;
background-size:15px auto;
}

/* topnav */
.topnav{
	padding:0;
}
.topnav.left{
	float:none;
width:100%;
}
.topnav.right{
	float:none;
width:100%;
}
.topnav h2{
	font-size:16px;
letter-spacing:0;
}
@media screen and (max-width: 480px){
.topnav h2{
	font-size:15px;
}
}
.topnav li.col2 h2{
	bottom:6%;
}
.topnav li.col2{
	float:left;
width:48.5%;
margin-bottom:10px;
line-height:1;
}
.topnav li.col2.contact,
.topnav li.col2.lunch,
.topnav li.col2.access,
.topnav li.col2.guide,
.topnav li.col2.outline{
	margin-right:3%;
}
.topnav li.col2 a{
	width:100%;
height:auto;
}
.topnav li.col1{
	height:auto;
margin-bottom:6px;
}
.topnav li.col1 h2{
	bottom:20px;
}
.topnav li.col1 h2 span{
	display:inline-block;
min-width:46.3%;
height:30px;
padding:5px 15px 0 15px;
border-radius:36px;
background:#fff;
box-sizing:border-box;
}


/*------------------------
page
----------------------- */
#contents_title{
	display:none;
}
#contents p{
	line-height:1.7em;
}
#contents #mainimg{
	display:none;
}
#contents #sp-mainimg,
#sp-breadcrumb{
	display:block;
}
#sp-mainimg{
	line-height:0;
}
#sp-breadcrumb{
	padding:10px;
border-top:1px solid #bdccd4;
}
#sp-breadcrumb li{
	float:left;
color:#333333;
font-size:11px;
}
#sp-breadcrumb li a{
	position:relative;
display:block;
padding-right:20px;
}
#sp-breadcrumb li a::after{
	content: "";
display: block;
position: absolute;
top:5px;
right:8px;
width:4px;
height:4px;
border-top:1px solid #bdccd4;
border-right:1px solid #bdccd4;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#cont_tit1{
	width:100%;
margin:0 0 15px 0;
padding:17px 15px 15px 45px;
box-sizing:border-box;
background-color:#ffebf2;
background-position:15px 13px;
border:0;
letter-spacing:0em;
}
.cont_tit2{
	letter-spacing:0em;
}
.cont_tit3{
	margin-bottom:10px;
}
#contents .textbox{
	padding:0 10px;
}
#contents .bd_sec{
	margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
#contents .bd_sec.bd{
	margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px dotted #0077cc;
}
#contents .bd_sec.spsec .cont_tit3{
	padding:0;
}
#contents .indent,
#contents .textbox{
	padding:0;
}
#contents .pointlist dl{
	float:none;
width:100%;
margin-bottom:20px;
border-bottom:1px dotted #0077cc;
}
#contents .pointlist dl:nth-child(2n){
	float:none;
margin-bottom:20px;
border-bottom:1px dotted #0077cc;
}
#contents .pointlist .text h3{
	font-size:15px;
}
#contents .pointlist .pict img{
	width:100%;
height:auto;
}
#contents .pointlist dl dd p{
	margin-bottom:10px;
}

#contents .pagenavi h2{
	margin-bottom:20px;
font-size:17px;
letter-spacing:.02em;
}
#contents .pagenavi li{
	float:none;
width:100%;
margin-right:0;
text-align:left;
margin-bottom:15px;
letter-spacing:0em;
}
#contents .pagenavi li a{
	background:#d9f0ff;
border-radius:8px;
}
#contents .pagenavi li .pict img{
	width:100%;
height:auto;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px; 
-webkit-border-bottom-left-radius:6px; 
border-bottom-left-radius:6px; 
-webkit-border-top-right-radius:0;
border-top-right-radius:0;
-webkit-border-bottom-right-radius:0; 
border-bottom-right-radius:0; 
}
#contents .pagenavi li a{
	position:relative;
display:block;
}
#contents .pagenavi .pict{
	display:table-cell;
width:44%;
vertical-align:middle;
line-height:0;
-webkit-border-top-left-radius:8px;
border-top-left-radius:8px; 
-webkit-border-bottom-left-radius:8px; 
border-bottom-left-radius:8px;
}
#contents .pagenavi h3{
	display:table-cell;
width:56%;
padding-left:8px;
vertical-align:middle;
font-size:15px !important;
box-sizing:border-box;
}
#contents .pagenavi h3 span{
	display:block;
}
#contents .pagenavi li a::before{
	content:"";
position:absolute;
top:50%;
right:10px;
width:17px;
height:17px;
margin-top:-9px;
background:#fff;
border-radius:17px;
}
#contents .pagenavi li a::after{
	content: "";
display: block;
position: absolute;
top:50%;
right:16px;
width:4px;
height:4px;
margin-top:-4px;
border-top:2px solid #ff7bac;
border-right: 2px solid #ff7bac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#contents .pagenavi{
	padding:0 10px 0 10px;
}

#contents .spsec.col2 li,
#contents .spsec.col2 .unit{
	float:none;
width:100%;
margin:0;
padding:0 10px;
margin-bottom:15px;
box-sizing:border-box;
}
#contents .spsec.col2 li:nth-of-type(2n),
#contents .spsec.col2 .unit:nth-of-type(2n){
	float:none;
width:100%;
margin:0;
padding:0 10px;
margin-bottom:15px;
box-sizing:border-box;
}
#contents .spsec.col2-2 li,
#contents .spsec.col2-2 .unit{
	float:none;
width:100%;
margin:0;
padding:0 10px;
margin-bottom:15px;
box-sizing:border-box;
}
#contents .spsec.col2-2 li:nth-of-type(2n),
#contents .spsec.col2-2 .unit:nth-of-type(2n){
	float:none;
width:100%;
margin:0;
padding:0 10px;
margin-bottom:15px;
box-sizing:border-box;
}
#contents .spsec.col2,
#contents .spsec.col2-2{
	margin-bottom:20px;
border-bottom:1px dotted #0077cc;
}
#contents .spsec.col2.nobd,
#contents .spsec.col2-2.nobd{
	border-bottom:0;
}
#contents .spsec .pict img{
	width:100%;
height:auto;
}

#contents .course dl{
	display:block;
float:left;
width:50%;
margin-bottom:20px;
padding:0 5%;
padding-bottom:30px;
box-sizing:border-box;
border-right:0;
font-size:14px;
}
#contents .course dl:nth-of-type(2n){
	border-left:1px dotted #0077cc;
}
#contents .course dl:nth-of-type(2n+1){
	clear:both;
}
#contents .course dd{
	padding-left:10px;
}
#contents .course dd li{
	margin-bottom:10px;
}


#contents .tblstyle01{
	margin-bottom:15px;
}
#contents .tblstyle01{
	font-size:14px;
}
#contents .tblstyle01.pre{
	font-size:13px;
}
#contents .tblstyle01 th,
#contents .tblstyle01 td{
	padding:10px 10px;
}
#contents .tblstyle01 th{
	width:30%;
}
#contents .tblstyle01.pre th,
#contents .tblstyle01.pre td{
	width:auto;
min-width:80px;
padding:5px;
}
#contents .tblstyle01 .tbmemo{
	display:block;
margin-top:3px;
font-size:12px;
}
#contents .tblp{
	margin-top:0;
}
#contents .tblstyle01.event th{
	font-size:14px;
}
#contents .spmt20{
	margin-top:20px;
}
#contents .txt18,
#contents .txt18 p{
	font-size:16px;
}

#contents .gallery{
	padding-left:0;
}
#contents .gallery li{
	float:left;
width:49%;
margin-right:1%;
}
#contents .gallery li:nth-child(3n){
	margin-right:1%;
}
#contents .gallery li:nth-child(2n+1){
	clear:both;
}
#contents .gallery li span{
	background:none;
}

#contents .tablewrap{
	width:100%;
overflow-x:scroll;
}

#contents .col3 li{
	float:none;
width:100%;
margin-right:0;
margin-bottom:10px;
text-align:center;
}
#contents .col3 li img{
	width:80%;
margin:0 auto;
max-width:300px;
}

#contents #form{
	margin-bottom:30px;
padding:20px 15px;
}
#contents #form dl{
	display:block;
margin-bottom:10px;
font-size:14px;
}
#contents #form dt{
	display:block;
width:100%;
padding-right:0;
margin-bottom:5px;
text-align:left;
box-sizing:border-box;
}
#contents #form dd{
	display:block;
width:100%;
margin-bottom:15px;
box-sizing:border-box;
}
#contents #form input[type="text"],
#contents #form textarea{
	width:100%;
font-size:16px;
}
#contents #form textarea{
	height:160px;
}
#contents #form .kindlist{
	margin-bottom:20px;
margin-top:-10px;
}
#contents #form .kindlist li{
	display:block;
margin:0 0 10px 0;
}
#contents #form .btnarea input{
	width:120px;
}
#contents .thanks p{
	font-size:14px;
line-height:1.6em;
}

/*#wrap.sns{
min-height:1812px;
}*/
#contents #snslist li{
	width:48.5%;
margin-bottom:10px;
margin-right:0;
}
#contents #snslist li:nth-child(2n){
	float:right;
}
#contents #snslist li:nth-child(2n+1){
	clear:both;
}
#contents #snslist li .pict{
	width:100%;
height:auto;
}
#contents #snslist li .text{
	height:50px;
padding:10px;
}
#contents #snslist li .author{
	padding:10px 0 0 0;
}


#contents #accessmap{
	width:100%;
height:300px;
margin-bottom:25px;
}
#contents #accessinfo{
	padding-bottom:30px;
}

#contents .pdflist{
	width:100%;
margin:0 auto 40px auto;
padding:15px 10px;
font-size:16px;
box-sizing:border-box;
}
#contents .pdflist li{
	margin-bottom:10px;
line-height:1.4em;
}
#contents .pdflist li a{
	padding:5px 35px 15px 0;
background:url(/images/icon_pdf.png) no-repeat right 3px;
background-size:25px;
}