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


html{
	margin: 0;
	padding: 0;
	font-size:10px;
	font-family: "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
	font-color: #4B4B4B;
	background-color: #E8E8E8;
}

*{
	font-size: 1.4rem;
}

a{
	color: #0D00AF;
	text-decoration: underline;
}

a:hover{
	opacity: 0.7;
}

.btn{
	text-decoration: none;
	display: inline-block;
	width: 230px;
	padding:20px 0;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 8px;
	color: #fff;
	background: #9D9D9D;
	vertical-align: middle;
	margin: 0 auto;
}

.btn01{
	background: #324D8D;
}

.btn02{
	background: #e68250;
}

.btn03{
	background-color: #151A5B;
}

.btn04{
	background-color: #008f77;
}

.btn05{
	color: #FFFFFF;
	background-color: #5795FF;
}

.btn01:hover{
	opacity: 0.8;
}

.btn-area a{
	text-align: center;
}

/*
 margin  styles
-------------  */
.mt-0{  margin-top: 0!important;}
.mt-5{  margin-top: 5px!important;}
.mt-10{  margin-top: 10px!important;}
.mt-15{  margin-top: 15px!important;}
.mt-20{  margin-top: 20px!important;}
.mt-25{  margin-top: 25px!important;}
.mt-30{  margin-top: 30px!important;}
.mt-35{  margin-top: 35px!important;}
.mt-40{  margin-top: 40px!important;}

.mb-0{  margin-bottom: 0!important;}
.mb-10{  margin-bottom: 10px!important;}
.mb-15{  margin-bottom: 15px!important;}
.mb-20{  margin-bottom: 20px!important;}
.mb-25{  margin-bottom: 25px!important;}
.mb-30{  margin-bottom: 30px!important;}
.mb-35{  margin-bottom: 35px!important;}
.mb-40{  margin-bottom: 40px!important;}

.ml-0{margin-left: 0!important}
.ml-10{margin-left: 10!important}
.ml-15{margin-left: 15!important}
.ml-20{margin-left: 20!important}
.ml-25{margin-left: 25!important}
.ml-30{margin-left: 30!important}
.ml-35{margin-left: 35!important}
.ml-40{margin-left: 40!important}

.mr-0{margin-right: 0!important}
.mr-10{margin-right: 10!important}
.mr-15{margin-right: 15!important}
.mr-20{margin-right: 20!important}
.mr-25{margin-right: 25!important}
.mr-30{margin-right: 30!important}
.mr-35{margin-right: 35!important}
.mr-40{margin-right: 40!important}

.ta-c{text-align: center!important;}
.ta-r{text-align: right!important;}


.d-flex{ display: flex!important;}



.wrapper{
	position: relative;
	width: 900px;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	max-width: 900px;
	min-width: 900px;
	box-shadow:  8px 0px 9px 0px rgba(0,0,0,0.6);
}

.wrapper .main-visual{
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: center;
}

.wrapper .main-visual img{
	width: 900px;
}

main{
	padding:0 45px 6px 45px;
	
}

main .contents{
	justify-content: space-between;
}

.contents{
	margin: 35px 0;
}

.contents .content{
	margin: 40px 30px 0px 30px;
	width: 580px;
	line-height: normal;
}

.wrapper header ul li{
	
}

.glo-nav ul{
	display: flex;
	width: 100%;
	
}

.glo-nav ul li{
	width: 15%;
}

.glo-nav ul li a{
	display: block;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 16px 0;
	background: rgb(255,251,245);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 8%, rgba(77, 83, 95, 1));
	border: solid 1px #ffffff;
	color: #000000;
}

.glo-nav ul li img{
	width: 14px;
	margin: 4px;
}

.glo-nav ul li.current a{
	color: #219E76;
}

.glo-nav ul li:not(.current):hover{
	opacity: 0.9;
}

h2{
	font-size: 2rem;
	font-weight: bold;
}

.aisatsu-wrap h2,
.gaiyo-wrap h2,
.oshirase-wrap h2,
.touroku-wrap h2,
.program-wrap h2,
.access-wrap h2{
	padding: 18px 0 0 2px;
	display: inline-block;
	background: #fff;
	border: solid 4px #151A5B;
	border-radius: 50%;
	width: 140px;
	height: 140px;
	text-align: center;
	line-height: 100px;
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

h3{
	font-size: 1.8rem;
	font-weight: bold;
}

h4{
	font-weight: bold;
	margin-top: 32px;
}

.text{
	line-height: normal;
}

.scroll{
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 160px;
	padding: 5px 20px 0px 5px;
}

.list-num-ptn01 li:nth-child(1)::before{ content: '1.'; }
.list-num-ptn01 li:nth-child(2)::before{ content: '2.'; }
.list-num-ptn01 li:nth-child(3)::before{ content: '3.'; }
.list-num-ptn01 li:nth-child(4)::before{ content: '4.'; }
.list-num-ptn01 li:nth-child(5)::before{ content: '5.'; }
.list-num-ptn01 li:nth-child(6)::before{ content: '6.'; }
.list-num-ptn01 li:nth-child(7)::before{ content: '7.'; }
.list-num-ptn01 li:nth-child(8)::before{ content: '8.'; }
.list-num-ptn01 li:nth-child(9)::before{ content: '9.'; }
.list-num-ptn01 li:nth-child(10)::before{ content: '10.'; }

.list-num-ptn02 li::before{ 
	content: '〇'; 
}

ul[class*='list-'] li {
    position: relative;
}

ul[class*='list-'] li::before{
	position: absolute;
	top: 0;
	left: 0;
}

.list-num-ptn01 li,
.list-num-ptn02 li{
	margin-bottom: 10px;
	padding-left: 1.8rem;
}

.list-title{
	margin-top: 0;
}

p.text{
	margin-top: 4px;
	padding-left: 1.4rem;
	font-weight: normal;
}

p.text-paddingleft-max{
	margin-top: 6px;
	padding-left: 3.6rem;
	font-weight: normal;
}

.gaiyo-wrap .content dl,
.oshirase-wrap .content dl,
.touroku-wrap .content dl,
.prpgram-wrap .content dl,
.access-wrap .content h3{
	margin: 24px 0;
	line-height: 2.2rem;
} 

.gaiyo-wrap .content dl dt,
.oshirase-wrap .content dl dt,
.touroku-wrap .content dl dt,
.prpgram-wrap .content dl dt{
	font-weight: bold;
	border-bottom: solid 2px #151A5B;
	padding: 0 0 4px 4px;
	color:#151A5B;
} 

.gaiyo-wrap .content dl dd,
.oshirase-wrap .content dl dd,
.touroku-wrap .content dl dd,
.prpgram-wrap .content dl dd{
	padding: 16px;
} 

.pg-top{
	position: fixed;
	bottom: 50px;
	right: 200px;
}

.pg-top img{
	width: 65px;
}