@charset "utf-8";


/* ----------------------------------
    reset
----------------------------------- */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
  *::before,
  *::after { 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
  }  
  body,h1,h2,h3,h4,h5{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
  }
  body {
    background-color:#eeeeee;
    line-height: 1.3;
    font-size: 16px;
  }
  ol, ul {
    list-style: none;
  }
  img {
    max-width: 100%;
    height: auto; 
  }
  table {
    border-collapse: collapse;
  }
  a{
    cursor: pointer;
  }

  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=esubmit],
  button,
  select,
  textarea {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
  }
/* ----------------------------------
    reset
----------------------------------- */



body{	width:100%;
	background-color :#eeeee;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/* ----------------------------------
    ヘッダーとバナー画像
----------------------------------- */

#top{
	width:100%;
}

.logo{
	width:100%;
	background-color :#373839;
	height:95px;
}

.logobox{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}

.logoimg{
	width:320px;
}
.bannerbox{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:10px;

}
.pcimg{
	width:65%;
	margin-left:auto;
	margin-right:auto;

}

.mobileimg{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


/* ===========================================================
 スマホ表示
=========================================================== */

@media screen and (min-width: 481px) { 
.mobileimg{
	display:none;}
}


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

.logo{
	width:100%;
	background-color :#373839;
	height:50px;
}

.pcimg{
	display:none;}

.logoimg{
	width:150px;
	margin-left:auto;
	margin-right:auto;
	}

.bannerbox{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
}

}


/* ----------------------------------
    PCページメニュー
----------------------------------- */

.menu{　width:100%;
	height:70px;
	background-color:#FFFFFF;
	position: relative;
		
}
.menubox{
	display:flex;
	justify-content: center;
	position: absolute;
    	top:50%;
	left: 50%;
   	 transform: translate(-50%, -50%);
   	 -webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
	transition:.2s;
}

.menubox p{
	font-size:1.45em;
	color:#cf0027;
	font-weight : bold;
	padding-left:50px;
	padding-right:50px;
	letter-spacing: 0.05em
}

.menubox .hover{
	transition:.2s;
}

.menubox .hover:hover{
	opacity: 0.5;
}


	
/* ----------------------------------
   　メインコンテンツ
----------------------------------- */

#main{
	width:65%;
	height:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background-color:#FFFFFF;
	
}


.midasi{
	width:100%;
	height:60px;
	background-color:#00aec4;
	padding-left:20px;
	position: relative;

}

.midasi p{
	font-size:1.45em;
	color:#FFFFFF;
	font-weight : bold;
	position: absolute;
    	top:50%;
	left: 50%;
	 transform: translate(-50%, -50%);
   	 -webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
}

.gaiyou{
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;	
}

.gaiyou p{
	font-size:1.1em;
	font-weight : bold;
	line-height:2;
}

.koumokubox{
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;	
	padding-bottom:30px;
}

.koumoku{
	border-bottom: 1.5px solid #C0C0C0;
	padding-left:10px;
	padding-bottom:3px;
	margin-bottom:10px;
}

.koumoku h1{
	color:#cf0027;
	paddind-bottom:10px;
	font-size:1.37em;
	font-weight : bold;
	letter-spacing: 0.05em
	
}
.pbox{
	padding-left:10px;
	margin-bottom:30px;
}
.pbox .botan{
	height:50px;
	width:150px;
	background-color :#00aec4;
	border-radius:5px;
	margin-top:-10px;
	transition:.2s;
}
.pbox .botan:hover {
	opacity: 0.5;
 }	

.pbox .botan p{
	color:#FFFFFF;
	line-height: 50px;
	text-align: center;	
}

.pbox .pdfbotan{
	height:50px;
	width:200px;
	background-color :#00aec4;
	border-radius:5px;
	transition:.2s;
}
.pbox .pdfbotan:hover {
	opacity: 0.5;
 }	
	
.pbox .pdfbotan p{
	color:#FFFFFF;
	line-height: 50px;
	text-align: center;	
}

.pbox .chubu{
	display:flex;
}
.pbox .chubu img{
	height:30px;
	padding-top:10px;
	margin-left:9px;
}
.pbox .chubu:hover{
	opacity: 0.75;
 }	

.koumokubox p{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.5;
	letter-spacing: 0.02em
}

.koumokubox p span{
	font-size:0.9em;	
}

.info_pbox{
	padding-left:10px;
		
}

.info_pbox h1{
	margin-top:10px;
	font-size:1.15em;
	font-weight:bold;
	line-height:1.5;
	letter-spacing: 0.02em
}

.irasuto_img{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-0px;
}
#footer{
	background-color :#373839;
	height:210px;
	text-align: center;
	
}
.foot_logo{
	width:100%;
}

.foot_logo img{
	width:450px;
   	margin-top:50px;
	}


.foot_logo p{
	color:#FFFFFF;
	margin-top:10px;
}

/* ----------------------------------
    プログラム
----------------------------------- */
#main_puro{
	width:65%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background-color:#FFFFFF;
	margin-bottom:100px;
	padding-bottom:50px;
}

.time{
	border-bottom:2px #cf0027 dotted;
	margin-bottom:30px;
}
.time h1{
	font-weight:bold;
	color:#00aec4;
	font-size:1.5em;
	padding-left:5px;
	padding-bottom:3px;
}

.naiyou{
	margin-left:30px;
	margin-top:-15px;
}
.naiyou h2{
	font-weight:bold;
	font-size:1.5em;
}
.naiyou h3{
	font-weight:bold;
	font-size:1.3em;
	color:#00aec4;
	margin-left:10px;
	margin-top:5px;
}
.naiyou h4{
	font-size:1.2em;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:20px;
	line-height:1.5;
	

}
.poster h1{
	font-weight:bold;
	font-size:1.5em;
	margin-left:30px;
	padding-bottom:3px;
	border-left:13px #00aec4 solid;
	border-bottom:3px #00aec4 solid;
	padding-left:7px;
	padding-top:5px;
	padding-bottom:4px;
	margin-bottom:20px;
}
.poster h2{
	font-weight:bold;
	font-size:1.3em;
	margin-left:30px;
}

.poster h3{
	font-weight:bold;
	font-size:1.3em;
	margin-left:70px;
	margin-top:5px;
}
.poster h4{
	font-weight:bold;
	font-size:1.3em;
	margin-left:70px;
	color:#1B98A7;
	margin-top:3px;
	margin-bottom:30px;
}


/* ===========================================================
 スマホ表示
=========================================================== */

.menu2 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#FFFFFF;	
}
.menu2 img{
	width:20%;
	display: block;
	margin-right:auto;
	margin-left:auto;
}

.menu2 #open p{
	color:#CE4F5E;
	font-weight : bold;
	text-align: center;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px #cf0027 solid;
	
}

@media screen and (max-width: 481px) {
	.menu{
	display:none;}
}
@media screen and (min-width: 480px) { 
	.menu2{
	display:none;}
}


@media screen and (max-width: 480px) {
 body{
width:100%;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
}


@media screen and (max-width: 480px) {
 .pcbannerbox{
	display:none;}
}
@media screen and (min-width: 481px) { 
 .mobilebannerbox{
	display:none;}
}

@media screen and (max-width: 480px) {
 .irasuto_img{
	display:none;}
}

@media screen and (max-width: 480px) {
 #main{
	width:95%;
	font-size:0.7rem;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
	
}
}

@media screen and (max-width: 480px) {
 .pbox .chubu img{
	height:25px;
	margin-left:9px;}
}
@media screen and (max-width: 480px) {
 .pbox .chubu span{
	font-size:0.8rem;}
}
@media screen and (max-width: 480px) {
 #footer{
	width:100%;
	height:100px;}
}

@media screen and (max-width: 480px) {
 .foot_logo img{
	width:200px;
	margin-top:20px;
}
}
@media screen and (max-width: 480px) {
 .foot_logo p{
	font-size:0.5rem;
	margin-top:0px;}
}
@media screen and (max-width: 480px) {
 #top{
	width:100%;}
}
@media screen and (max-width: 480px) {
 .koumokubox{
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;	
	padding-bottom:30px;
}

.midasi{
	width:100%;
	height:45px;
	background-color:#00aec4;
	padding-left:0px;
	position: relative;

}

}



/* ----------------------------------
    プログラム
----------------------------------- */

@media screen and (max-width: 480px) {
 #main_puro{
	width:95%;
	font-size:0.7rem;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
}
}

@media screen and (max-width: 480px) {
 .naiyou{
	margin-left:0px;
	margin-top:-15px;}	
}

@media screen and (max-width: 480px) {
 .gaiyou{
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;	
}
@media screen and (max-width: 480px) {
 .poster h1{
	font-weight:bold;
	font-size:1.5em;
	margin-left:0px;
	padding-bottom:3px;
	border-left:13px #1B98A7 solid;
	border-bottom:3px #1B98A7 solid;
	padding-left:7px;
	padding-top:5px;
	padding-bottom:4px;
	margin-bottom:20px;}
}
@media screen and (max-width: 480px) {
 .poster h2{
	font-weight:bold;
	font-size:1.3em;
	margin-left:0px;}
}
@media screen and (max-width: 480px) {
 .poster h3{
	font-weight:bold;
	font-size:1.3em;
	margin-left:7px;
	margin-top:5px;
}
}
@media screen and (max-width: 480px) {
.poster h4{
	font-weight:bold;
	font-size:1.3em;
	margin-left:7px;
	color:#1B98A7;
	margin-top:3px;
	margin-bottom:20px;
}