@charset "utf-8";
html{
	font-size: 10px;
}
body{
	font-size: 1.8rem;
}

@media screen and (min-width:641px) and (max-width:920px){
	html{
		font-size: 1.086vw; /*計算式：10px/920px*100 = 1.086*/
	}
	body{
		font-size: 1.8rem; /*幅640pxの時にフォントサイズ18px*/
	}
	
	
}
@media screen and (max-width:640px){
	html{
		font-size: 1.5625vw;
	}
	body{
		font-size: 2.8rem; /*幅640pxの時にフォントサイズ28px*/
	}
}

body {
	/* font: normal 18px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ",Meiryo,Arial,Verdana,sans-serif; */
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	line-height: 1.7;
	text-align: justify;
	color:#000;
	height:100%;
	background: url("../images/00.png");
	/* #wrapper-all / div end */
}

body{-webkit-text-size-adjust: 100%; /*sp*/}
html body strong,
html body .strong {
  font-weight: bold;
}
html body em {
  text-decoration: underline;
  font-style: normal;
}
html body del {
  text-decoration: line-through;
}
html body .red {
  color: #f00;
}
html body .back-yellow {
  background: #ff0;
}
html body .contents {
  /* width: 925px; */
  width: 92.5rem;
  margin: 0 auto;
  text-align: justify;
}

.bttl{
	margin-top: 0;
	margin-bottom: 1rem;
	padding-top: 0;
	padding-bottom: 0.2rem;
}

.bttl h3{
padding-bottom: 1.3rem;
}

.bttl .space{
	padding: 0;
	margin: 0;
}

.box-scroll{
  max-width: 640px;
  width:90%;
  height:3.3rem;
  overflow:auto;
  padding:1.2rem;
  background-color:lightgray;
  margin: 0 auto;
}

@media screen and (max-width:920px) {
	html body .contents {
		width: 100%;
	}
}
html body .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
html body a {
  color: #000;
  text-decoration: none;
}
html body a:hover {
  text-decoration: underline;
}
html body a:hover img {
  opacity: 0.6;
}
html body .button:hover {
  opacity: 0.6;
}
html body #wrapper-all #top {
  background: url("../images/01.png") repeat-x center top;
  padding: 36px 0 0 0;
  height: 148px;
}
header {
  /*background-color:#fff1e7;*/
  background-color:#fff;
  text-align:center;
  width:100%;
  padding:17px 0;
}

html body #wrapper-all #top .contents #b4 {
  margin-left: -3px;
}
html body #wrapper-all #header .contents #b7 {
/*  margin-left: -68px;*/
margin-bottom:20px;
}
html body #wrapper-all #main {
  background: url("../images/02.png") repeat-x top;
}
html body #wrapper-all #main .contents {
	background: #fff;
	/* font-size: 16px; */
	line-height: 1.5;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
body .sp-item {
    display: none !important;
}
body .pc-item {
    display: block !important;
}

@media screen and (max-width: 640px){
	html body .contents {
		width: 100%;
		margin: 0 auto;
	}
	body .sp-item {
		display: block !important;
	}
	body .pc-item {
		display: none !important;
	} 
	#contents .sp-item img {
		width:100%;
	}
	.sp img{
		max-width:100%;	
	}
	.sp02 img{
		max-width:94%;	
	}
	.sp03 img{
		max-width:90% !important;	
	}
	.btn img{
		max-width:94%;	
	}
	header {
		padding:1.2rem 0;
	}
	
}

html body #wrapper-all #main .contents p {
	width: 74.5rem;
	margin: 0 auto 15px;
	/* margin: 0 90px 15px 90px; */
}

html body #wrapper-all #main .contents .img {
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
html body #wrapper-all #main .contents .catch {
	/*margin: 38px auto 18px auto;*/
	margin: 10px auto 0px auto;	
	padding-top:10px;
	text-align: center;
}
html body #wrapper-all #main .contents .voice .catch{
	margin: 30px auto;
}

@media screen and (max-width: 920px){
	html body #wrapper-all #main .contents img {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	html body #wrapper-all #main .contents p {
		margin: 0 auto 1.5rem;
		width:90%;
	}
	html body #wrapper-all #main .contents .img {
		margin: 0 auto 1rem auto;
		text-align: center;
	}
	html body #wrapper-all #main .contents .catch {
		/*margin: 1rem auto;*/
		margin: 0 auto 1rem;
		/*padding-top:4rem;*/
		padding-top:1.5rem;
		text-align: center;
	}
	html body #wrapper-all #main .contents .catch img {
		max-width:100%;
	}
	html body #wrapper-all #main .contents .voice .catch{
		margin: 1.5rem auto;
	}
}

html body #wrapper-all #main .contents #b18 {
	background: #dddddd;
	margin-bottom: 24px;
	margin-top: 32px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	text-align: left;
}

@media screen and (max-width: 640px) {
	html body #wrapper-all #main .contents #b18 {
		background: #dddddd;
		margin-bottom: 2.4rem;
		margin-top: 1.5rem;
		padding-top: 1rem;
		padding-right: 0;
		padding-bottom: 1rem;
		padding-left: 0;
		text-align: left;
		color:#000;
	}
	html body #wrapper-all #main .contents #b18 p {
		/* text-align: left; */
		text-align: justify;
	}
}

html body #wrapper-all #main .contents #curriculums #interview{
	margin-top: 40px;
  /* .curriculum / div end */
}

html body #wrapper-all #main .contents #curriculums .curriculum {
  background: url("../images/34.png") repeat;
  padding: 0 0 10px 0;
}

html body #wrapper-all #main .contents #interview .interview {
  background: url("../images/30.png") repeat;
  padding: 0 0 10px 0;
}
html body #wrapper-all #main .contents #point .point {
  background: url("../images/34_.png") repeat-x center bottom #f2f2f2;
  padding: 0 0 10px 0;
}
html body #wrapper-all #main .contents #b133 {
  margin-bottom: -20px;
}
html body #wrapper-all #main .contents #b134 {
  background: #231714;
  padding: 16px 4px;
  margin-bottom: 24px;
  /* #b135 / p end */

}
#b185 {
  width: 600px;
  margin: 0 auto 24px auto;
  border: 1px solid #000;
}
#b185 tr th {
  background: #858180;
  padding: 6px 0; 
    color:#FFF;
  font-weight:bold;
  /*font-size:17px;*/
  font-size:1.7rem;
  border: 1px solid #000;
}
#b185 tr + tr th {
	background: #e3e2e2;
	color: #000;
	font-weight: bold;
	font-size: 15px;
	vertical-align: top;
	text-align: center;
	vertical-align: middle;
	/* text-align: justify; */
	border: 1px solid #000;
	/* padding: 10px 20px; */
	padding: 10px;
}
#b185 td {
border-right: 1px solid #000;
  padding: 10px 10px;
  /* text-align:left; */
  text-align:justify;
}
#b185 tr + tr td {
  /*padding: 10px 20px 10px 20px;*/
  padding: 10px;
  text-align: center;
}
#b185 tr + tr + tr {
  border-top: 1px solid #000;
}
 @media screen and (max-width: 640px) {
#b185 {
	width: 90%;
	border: 1px solid #000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#b185 tr th {
	background: #858180;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #000;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 12px;
}
#b185 tr + tr th {
	background: #e3e2e2;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
	text-align: center;
	border: 1px solid #000;
	padding: 5px;
}
#b185 td {
	border-right: 1px solid #000;
	padding: 10px 5px;
	font-size: 12px;
	text-align: left;
}
#b185 tr + tr td {
	padding: 5px;
}
#b185 tr + tr + tr {
  border-top: 1px solid #000;
}
 }
html body #wrapper-all #main .contents .sign {
  text-align: right;
}
html body #wrapper-all #main .contents .b0514 {
  margin-bottom: 50px;
}
html body #wrapper-all #main .contents .b0514 p {
  text-align: center;
  margin: 0 0 10px 0;
}
html body #wrapper-all #main .contents .b0530 {
  padding-bottom: 50px;
}
html body #wrapper-all #main .contents .b0530 p {
  text-align: center;
  margin: 0 0 10px 0;
}
html body #wrapper-all #main .contents .b0000 {
  padding-bottom: 50px;
}
html body #wrapper-all #main .contents .b0000 p {
  text-align: center;
  margin: 0 0 10px 0;
}
html body #wrapper-all #footer {
  background: #221715;
  color: #bfa980;
  padding: 15px 0;
}
html body #wrapper-all #footer .contents {
  width: 88.5rem;
  margin: 0 auto;
  padding: 0 20px;
}
html body #wrapper-all #footer .contents .logo {
  margin-bottom: 8px;
}
html body #wrapper-all #footer .contents .copy {
  font-size: 10px;
}
html body #wrapper-all #footer .contents .link {
  float: right;
  font-size: 12px;
}
html body #wrapper-all #footer .contents .link a {
  color: #bfa980;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
	html body #wrapper-all #footer .contents {
		width: 90%;
		margin: 0 auto;
		padding: 0 5%;
	}
	html body #wrapper-all #footer .contents .link {
		float: none;
		font-size: 1.2rem;
		text-align:center;
		margin-bottom:1rem;
	}
	html body #wrapper-all #footer .contents .logo {
		margin-bottom: .8rem;
		text-align:center;
	}
	html body #wrapper-all #footer .contents .copy {
		font-size: 10px;
		text-align:center;
	}
}

.voi1, .voi2{
	width: 817px;
	margin:0 auto;
	
}



.voi1 {
    background: url("../images/voi1-bg.jpg") no-repeat top left ;
    clear: both;
	padding: 0;
   margin-bottom: 30px;
}

.voi1_btm {
   background: url("../images/voi1-bg_btm.jpg") no-repeat bottom left;
   height: 60px;
}


.voi2{
	background: url("../images/voi2-bg.jpg") no-repeat top left;	
    clear: both;
	padding: 0;
	margin-bottom: 30px;
	}

.voi2_btm {
    background: url("../images/voi2-bg_btm.jpg") no-repeat bottom left;
   	height: 60px;
}
	

.voi1 p.v001 {
    font-size: 17px;
    line-height: 175%;
    margin-bottom: 0 !important;
    margin-left: 260px !important;
    margin-right: 0 !important;
    padding-top: 305px !important;
    width: 530px;
}

.voi1 p.v002 {
    font-size: 17px;
    line-height: 170%;
    margin: 30px 0 0 50px !important;
    width: 730px;
}

.voi2 p.v001 {
    font-size: 17px;
    line-height: 175%;
    margin-bottom: 0 !important;
    margin-left: 260px !important;
    margin-right: 0 !important;
    padding-top: 175px !important;
    width: 530px;
}

.voi2 p.v002 {
    font-size: 17px;
    line-height: 170%;
    margin: 20px 0 0 50px !important;
    width: 730px;
}

/*IE7 Only*/


*+html #main html body #wrapper-all #header .contents {
  padding: 20px 0 0 0;
  z-index: 0;

}

*+html #b11 {
   position: relative; 
	top: -40px;

 }

*+html #b12 {
   position: relative; 
	top: -30px;
 }

*+html #b13 {
   position: relative; 
	top: -10px;
 }
 
*+html #wrapper-all #main .contents {
    position: relative; 
	top: 50px;
}


.voice {
	/*background-color: #f9f8e1;*/
	/*background-color: #fff800;*/
	margin-bottom: 0px;
	padding: 1px 0;
}

.voice_name {
	font-size:2rem;
	line-height:140%;
	margin-bottom:20px;
	font-weight:bold;
}
@media screen and (min-width: 640px) and (max-width: 920px) {
	.voice_name {
		font-size:2rem;
	}
}
@media screen and (max-width: 640px) {
	.voice_name {
		font-size:3.2rem;
	}
}

.voice_pic{
	margin-bottom: 20px;
	margin-right: 20px;
	float:left;
}

.voice_inner {
	margin: 10px auto 0 auto;
	padding-bottom:40px;
	width:736px;

}
@media screen and (max-width: 640px) {
	.voice {
		/*background-color:#f9f8e1;*/
	    /*background-color: #fff800;*/
		margin-bottom:2rem;
	}
	.voice_pic{
		margin-bottom: 1rem;
		margin-right: 0;
		text-align:center;
		float:none;
	}
	.voice_inner {
		margin: .5rem auto 0 auto;
		padding-bottom:2rem;
		width:90%;
	}
}

.fs20 {
	font-size:2rem;
	line-height:130%;
	margin-bottom:30px;
}


.buttons {
	margin-bottom: 55px;  /* p */
}
.buttons p {
  margin: 0;
  text-align: center;
}

.pb50 {
	padding-bottom:50px;
}


.ttl_hm {
	/* text-align:left; */
	text-align:justify;
	margin-top:20px;
}

.mt40 {
	margin-top:40px;
}


.mb25 {
	margin-bottom:25px;
}

.mt25 {
	margin-top:25px;
}

.ttl_yousei5{
	text-align:center;
	padding-top:25px;
	margin-bottom:12px;
}
@media screen and (max-width: 640px) {
	.ttl_yousei5{
		text-align:center;
		padding-top:1rem;
		margin-bottom:.7rem;
	}
}

.ttl_sotugyou{
	text-align:center;
	padding-top:3rem;
	margin-bottom:1.5rem;
}
.box01 {
	width:52rem;
	margin-bottom:1rem;
}
.box01_l {
	width:21rem;
	float:left;
}
.box01_r {
	width:30.5rem;
	float:right;
}
.text01 {
	width:74rem;
	margin:0 auto;
	font-size:18px;
	line-height:1.5em;
	/* text-align:left; */
	text-align:justify;
	font-weight:bold;
}
.text01 ul { 
	list-style: none outside;
	padding: 0px;
	
}
.text01 li { 
	background: url(../images/list01.png) no-repeat ;
	background-position:0px 4px; 
	padding-left: 30px;
	padding-bottom: 10px;
	margin-top:7px;
}

@media screen and (max-width: 640px) {
	.text01 {
		width:90%;
		margin:0 auto;
		font-size:1.7rem;
		line-height:1.5;
		/* text-align:left; */
		text-align:justify;
		font-weight:bold;
	}	 
}

.text02 {
	width:74rem;
	margin:0 auto;
	font-size:2rem;
	line-height:1.4;
	/* text-align:left; */
	text-align:justify;
	font-weight:bold;
	margin-top:2rem;
	margin-bottom:1.5rem;
}
.text02 ul { 
	list-style: none outside;
	padding: 0px;
	
}
.text02 li { 
	background: url(../images/list02.png) no-repeat ;
	background-position:0 .4rem; 
	padding-left: 2.4rem;
	margin-top:.7rem;
}

@media screen and (max-width: 640px) {
	.text02 {
		width:90%;
		margin:0 auto;
		font-size:1.7rem;
		line-height:1.4;
		/* text-align:left; */
		text-align:justify;
		font-weight:bold;
		margin-top:1rem;
		margin-bottom:1rem;
	}
	.text02 li { 
		background: url(../images/list02.png) no-repeat ;
		background-position:0 .4rem; 
		padding-left: 2.4rem;
		margin-top:.7rem;
	} 
}

.text03 {
	width:740px;
	margin:15px auto 15px auto;
	font-size:18px;
	line-height:1.5em;
	/* text-align:left; */
	text-align:justify;
	font-weight:bold;
	border:#E5CD5E 5px solid;
	padding-top:7px;
}

.text03 ul { 
	list-style: none outside;
	padding: 0px;
	margin:10px 10px;
	
}

.text03 li { 
	background: url(../images/list01.png) no-repeat ;
	background-position:0px 4px; 
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top:2px;
}
 @media screen and (max-width: 640px) {
.text03 {
	width:90%;
	margin:10px auto 10px auto;
	font-size:17px;
	line-height:1.5em;
	/* text-align:left; */
	text-align:justify;
	font-weight:bold;
	border:#E5CD5E 5px solid;
}	 
	 
 }
 
.fusion {
	width:740px;
	font-size:19px;
	margin:12px auto;
}
.fusion_l {
	float:left;
	width:180px;
	color:#D71E00;
	font-weight:bold;
}
.fusion_r {
	width:560px;
	font-weight:bold;
	float:right;
}
 
@media screen and (max-width: 640px) {
.fusion {
	width:90%;
	font-size:17px;
	margin:12px auto;
}
.fusion_l {
	float:none;
	width:90%;
	color:#D71E00;
	font-weight:bold;
}
.fusion_r {
	width:90%;
	font-weight:bold;
	float:none;
}
 }
 
.date {
	 color:#454900;
	 font-size:23px;
	 font-weight:bold;
	 text-align:center;
	 margin:10px auto 10px auto;
	 line-height:140%;
	 
 }
.bg_yellow{
	background-color:#FFC;
}
  @media screen and (max-width: 640px) {
.date {
	 color:#454900;
	 font-size:14px;
	 font-weight:bold;
	 line-height:140%;
	 width:90%;
	 margin:5px auto 5px auto;
	 text-align:center;
 }	  
	  
  }
  
  .day{
	  color:#ff0000;
	  font-weight:bold;
	  font-size:3em;
	  text-align:center;
	  line-height:1.3;
  }
   @media screen and (max-width: 640px) {
	   .day{
	  font-size:1.8em;
	  line-height:1.3;
	  font-feature-settings: "palt";
  }
}

.t_sammary {
	width: 100%;
	background-color: #fff;
	color: #f00;
	padding: 12px 0;
	font-size: 30px;
	font-weight: bold;
	line-height:120%;
}
@media screen and (max-width: 640px) {
.t_sammary {
	padding: 7px 0;
	font-size: 14px;
	font-weight: bold;
	line-height:130%;
}
}

.center {
	text-align: center;
}
/*以下20211018以降古閑追加*/
.box {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  background: url(../images/box_bg.png) repeat-y;
  background-size: contain;
}
@media screen and (min-width: 641px) {
  .voice, .curriculum,.interview.point {
    /*background: url(../images/box_bg_pc.png) center top repeat-y,#F7E565;*/
	
  }
}

.voice .box {
  /* padding-bottom: 1px; */
}

.inner {
  width: 95%;
  max-width: 610px;
  margin: 0 auto;
  /* margin:  auto; */
  /*padding: 20px 0 10px;*/
  padding: 0px 0 10px;
  background: #FFF;
}

.inner p{
	text-align: justify;
}

/*.voice .inner {
  margin-bottom: 24px;
}

.inner img {
  padding-bottom: 1em;
}*/

.inner p {
  width: 95%;
  max-width: 570px;
  margin: 0 auto;
}
.curriculum .inner p {
  width: 91%;
  max-width: 536px;
}
.curriculum .box {
  padding-bottom: 1em;
}
.interview .inner p {
  width: 91%;
  max-width: 536px;
}
.interview .box {
  padding-bottom: 1em;
}
.point .inner p {
  width: 91%;
  max-width: 536px;
background: #FFF;
}
.point .box {
  padding-bottom: 1em;
}
p {
  padding-bottom: 1.5rem;
}

p .font-big {
  font-size: 1.8rem;
}
.notice{
  padding-top: 1em;
  background-color: rgb(255, 241, 231);
	  /*background-color: #ffffff;*/
  /*background-color: #f9f8e1;*/
	
text-align:center;
}

/*.notice p{
  padding-bottom: 1em;
}*/
.img-flex-3{
    text-align: center;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.img-part {
	display: inline-block;
	padding: 3px;
}
@media screen and (max-width: 600px) {
	.img-part{
	    width: 14.2%;
		padding: 0;
	}
	.img-part img { width: 100%; }
	.img-part a { width: 100%; }
	.img-part a img { width: 100%; }
}
@media screen and (max-width: 640px) {
	.voice .box {
		padding-bottom: .1rem;	
	}
	.img-part{
	    width: 14.2%;
		padding: 0;
	}
}


#wrapper {
	width: 100%; 
	background-color: #000;
}
#contents {
	max-width:680px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	background-color: #fff;
}
.iframe-wrapper {
	position: relative;
	width: 100%; 
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	/*margin-bottom:20px;*/
	margin-bottom:0px;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}
iframe[name="classtream"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
img.schedule_ttl {
    padding-top: 20px;
}

.schedule table {
    width: 95%;
    max-width: 590px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 auto;
    margin-top: 20px;
	letter-spacing: 0.01rem;
	font-feature-settings: "halt" 1;
}

.schedule table th,
.schedule table td {
    font-size: 1.7rem;
}
@media screen and (max-width: 640px) {
.schedule table th,
.schedule table td {
    font-size: 16px;
}
}

.schedule th {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #727171;
    border: 1px solid #000;
    padding: 10px;
}

th.nittei {width:24%;}
th.kaijo  {width:12%;}
th.jikan  {width:51%;}
th.teiin  {width:13%;}

.schedule td {
    text-align: center;
	padding: 16px 4px;
	border: 1px solid #000;
}
.schedule tr td:nth-child(4) {
    padding: 6px !important;
}
.schedule .message {
	text-align: justify !important;
	font-weight: normal;
}
.schedule .message .mess {
	font-size: 1.3rem;
}

@media screen and (min-width: 641px) {
/* table br {display: none;} */
}

@media screen and (max-width: 640px) {
th.nittei {width:28%;}
th.kaijo  {width:17%;}
th.jikan  {width:35%;}
th.teiin  {width:20%;}

.schedule td {
    padding: 8px 6px;
}
.schedule td.sp-tl {
    text-align: left;
}
}
/*--------------------------------------------------
固定ボタンPC：無し
-----------------------------------------------------*/
.fix_menu_smartphone{
  display: none;
}

/*--------------------------------------------------
固定ボタンSP
-----------------------------------------------------*/

@media screen and (max-width: 640px) {
.fix_menu_smartphone {
	display: block !important;
    /*width: 89%;*/
	width: 100%;
    position: fixed;
/*    bottom: 0.8%;*/
	bottom: -0.1%;	
		
    /*left: 5.5%;*/
    z-index: 10000;
}
}

/*--------------------------------------------------
動画
-----------------------------------------------------*/


.movie {
	text-align:center;
	/*padding:30px 0 35px 0;*/
	padding:10px 0 35px 0;
}
.movie_in {
	width:780px;
	margin:0 auto;
}
.movie-wrap {
    position: relative;
	/*padding-bottom: 25%; /*アスペクト比 16:9の場合の縦幅*/
	padding-bottom: 20%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
	/*background-color:#000;*/
}
.movie_area{
    height: 50rem;

}
@media screen and (max-width: 640px){
  .movie-wrap {
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  }
	.movie {
	background-color:#000;
	text-align:center;
	padding:10px 0 10px 0;
	}
	.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
}
@media screen and (min-width: 641px)  and (max-width: 1100px){
  .movie-wrap {
    padding-bottom: 41.25%; /*アスペクト比 16:9の場合の縦幅*/
  }

}
@media screen and (min-width: 1101px) and (max-width: 1500px){
  .movie-wrap {
    padding-bottom: 35.25%; /*アスペクト比 16:9の場合の縦幅*/
  }
  .bttl h3{
max-width: 640px;
width: 100%;
padding-bottom: 1.3rem;
}
}
@media screen and (max-width: 920px){
  .movie-wrap {
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  }
}
/* 20211115追加 */
/*#CDT {
    font-size: 30px;
}*/
#CDT {
    width: 100%;
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    color: #d10012;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
}
.timer {
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
    padding-bottom: 0px;
	
}
.timer .inner{
    /*background: #000000;*/
	background: #fff;
	padding-bottom: 0px;
}
.timer .inner img {
    width: 80%;
    display: block;
    margin: 0 auto;
    max-width: 100%; 
    /* max-width: 700px;*/
	padding-top: 5px;
}
/*20250409古閑追記*/

.box01 {
	width: 80%;
	max-width: 593px;
	margin: 0 auto;
	/*padding-top: 1.5em;*/
}
.box01 p {
	/*padding-bottom: 1.5em;*/
	padding-bottom: 1.5em;
	text-align: left;
}
.box01{
	padding-top: 0px;
	padding-bottom: 0px;
}
.box01 p.first::first-letter {
	font-size: 1.5em;
	font-weight: bold;
}

.table_01{
width:670px;
border-collapse: collapse;
margin:0 auto;
}
.table_01 th{
padding: 12px;
text-align: center;
vertical-align: middle;
color: #333;
background-color: #c2c0bf;
border: 1px solid #c2c0bf;
}
.table_01 td{
vertical-align:top;
padding: 10px 12px;
background-color: #fff;
border: 1px solid #c2c0bf;
}

.table_02{
width:500px;
border-collapse: collapse;
margin:0 auto;
}
.table_02 th{
padding: 12px;
text-align: center;
vertical-align: middle;
color: #333;
border: 0;
}
.table_02 td{
vertical-align:top;
padding: 0;
background-color: #fff;
border: 0;
}

table.type02 {
    table-layout: fixed;
    width:690px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #747474;
	border-left: 1px solid #747474;
	font-size:13px;
	margin:0 auto;
}
table.type02 th {
	width: 170px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #fff0bd;
	border-bottom: 1px solid #747474;
	background: #fff0bd;
}
table.type02 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}

table.type02 th.dot{
	width: 170px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px dashed #747474;
	background: #fff0bd;
}
table.type02 td.dot{
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px dashed #747474;
}
@media screen and (max-width: 767px) {
table.type02 {
	width:95%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border: auto;
	font-size:16px;
	margin:0 auto;
}
table.type02 th {
	width:auto;
/*	padding: 10px;*/
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background-color:#ddd;
}
table.type02 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}

table.type02 th.dot{
	width:auto;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background-color:#ddd;
}
table.type02 td.dot{
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}
}

table.type01 {
	/*width:540px;*/
	width:609px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #747474;
	border-left: 1px solid #747474;
	font-size:1em;
	margin:0 auto;
}
table.type01 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background: #ddd;
}
table.type01 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}

table.type01 th.dot{
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px dashed #747474;
	background: #ddd;
}
table.type01 td.dot{
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px dashed #747474;
}
@media screen and (max-width: 767px) {
table.type01 {
	width:95%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border: auto;
	font-size:16px;
	margin:0 auto;
}
table.type01 th {
	width:auto;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background: #ddd;
}
table.type01 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}

table.type01 th.dot{
	width:auto;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background: #ddd;
}
table.type01 td.dot{
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}
}

table.type03 {
	width:690px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #747474;
	border-left: 1px solid #747474;
	font-size:13px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
table.type03 {
	width:95%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #747474;
	border-left: 1px solid #747474;
	font-size:13px;
	margin:0 auto;
}
}
table.type03 th {
	width:auto;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background: #ededed;
	font-weight:bold;
}
table.type03 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	text-align:right;
	font-weight:bold;
}

@media screen and (max-width:767px) { /*767px以下(スマホ用)*/
table, tbody, tr, th, td {
display: block;
max-width: 100%; /*スマホ画面ほぼ一杯に広がる感じ*/
}
}
.submit_btn {
	margin-top: 7px;
	text-align:center;
}
.submit_btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.kiyaku {
	width:680px;
	margin:0px auto;
	font-size:1em;
}

.kiyaku-s {
	width:590px;
}

.kiyaku h2 {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.kiyaku ul {
	list-style: none outside;
	padding: 0px;
	margin-top:14px;
}

.kiyaku li {
	/*background: url(../images/kiyaku_list.png) no-repeat ;*/
	background-position:0px 4px;
	/*padding: 0 0 5px 28px;*/
	padding: 0 0 0px 28px;
	margin-bottom:10px;
}

@media screen and (max-width: 767px) {
	.kiyaku {
	width:90%;
	margin:2px auto;
	/*font-size:0.8em;*/
	font-size:0.6em;
	line-height:1.5;
}
.kiyaku h2 {
	font-size:1em;
}

.kiyaku ul {
	list-style: none outside;
	padding: 0px;
	margin-top:10px;
}
.kiyaku li {
	background-position:0px 4px;
	/*background-size:15px auto;*/
	background-size:10px auto;
	/*padding: 1px 0 5px 18px;*/
	padding: 2px 0 0px 18px;
	margin-bottom:0px;
}
}