@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #600000;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}


/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1002px;
	
  background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:34px;
	font-family: sans-serif,'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
 	font-weight: 400;
	font-style: normal;
    color: #5a5657;


}

#sedori_college1 { background: url("../images/sedori_college_01.png") no-repeat top center; height:    1291px; } 
#sedori_college2 { background: url("../images/sedori_college_02.png") no-repeat top center; height:    858px; } 
#sedori_college3 { background: url("../images/sedori_college_03.png") no-repeat top center; height:    556px; }  
#sedori_college4 { background: url("../images/sedori_college_04.png") no-repeat top center; height:    1166px; }  
#sedori_college5 { background: url("../images/sedori_college_05.png") no-repeat top center; height:    716px; }  
#sedori_college6 { background: url("../images/sedori_college_06.png") no-repeat top center; height:    1647px; } 
#sedori_college7 { background: url("../images/sedori_college_07.png") no-repeat top center; height:    1258px; } 
#sedori_college8 { background: url("../images/sedori_college_08.png") no-repeat top center; height:    272px; }
#sedori_college9 { background: url("../images/sedori_college_09.png") no-repeat top center; height:    1528px; }  
#sedori_college10 { background: url("../images/sedori_college_10.png") no-repeat top center; height:   1330px; } 
#sedori_college11 { background: url("../images/sedori_college_11.png") no-repeat top center; height:    1375px; } 
#sedori_college12 { background: url("../images/sedori_college_12.png") no-repeat top center; height:    1282px; } 
#sedori_college13 { background: url("../images/sedori_college_13.png") no-repeat top center; height:    1183px; } 
#sedori_college14 { background: url("../images/sedori_college_14.png") no-repeat top center; height:    900px; } 
#sedori_college15 { background: url("../images/sedori_college_15.png") no-repeat top center; height:    320px; } 
#sedori_college16 { background: url("../images/sedori_college_16.png") no-repeat top center; height:    1398px; } 
#sedori_college17 { background: url("../images/sedori_college_17.png") no-repeat top center; height:    641px; } 
#sedori_college18 { background: url("../images/sedori_college_18.png") no-repeat top center; height:    277px; } 
#sedori_college19 { background: url("../images/sedori_college_19.png") no-repeat top center; height:    1381px; } 
#sedori_college20 { background: url("../images/sedori_college_20.png") no-repeat top center; height:    1180px; } 
#sedori_college21 { background: url("../images/sedori_college_21.png") no-repeat top center; height:    1000px; }
#sedori_college22 { background: url("../images/sedori_college_22.png") no-repeat top center; height:    556px; } 
#sedori_college23 { background: url("../images/sedori_college_23.png") no-repeat top center; height:    944px; } 
#sedori_college24 { background: url("../images/sedori_college_24.png") no-repeat top center; height:    880px; }  
#sedori_college25 { background: url("../images/sedori_college_25.png") no-repeat top center; height:    1000px; } 
#sedori_college26 { background: url("../images/sedori_college_26.png") no-repeat top center; height:    1350px; } 
#sedori_college27 { background: url("../images/sedori_college_27.png") no-repeat top center; height:    1089px; }  
#price1 { background: url("../images/price_01.png") no-repeat top center; height:    254px; } 
#space1 { background: url("../images/space_01.png") no-repeat top center; height:    50px; } 
#form { background: url("../images/form_01.png") no-repeat top center; height:    329px; } 



#container {

	text-align:left;
	width: 1000px;
	margin:0 auto;
	
	
}


#wrap{background-color: #f3f5f8; 
      width:1000px;
      display: block;
      margin: auto;}


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

.video {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  /* padding-top: 56.25%; */
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video_caption {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 40%;
  font-weight: bold;
  line-height: 150%;
  text-align: right;
}
@media screen and (min-width: 769px) {
  #movie {
    margin: 25px 0;
  }
  .video_caption {
    font-size: 16px;
    letter-spacing: 1px;
  }

  .video_caption {
    font-size: 110%;
  }
}

.span-1,
.span-2 {
  position: absolute;
  z-index: 1;
  top: 51%; /* ←変更 */
  left: 50%; /* ←変更 */
  transform: translate(-50%, -50%); /* ←追加 */
  -webkit-transform: translate(-50%, -50%); /* ←追加 */
  -ms-transform: translate(-50%, -50%); /* ←追加 */
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 0 0 -15px; /* ←変更／width:30px;の分の調整・真ん中だから半分の15px */
  padding: 0;
  animation-name: MovieCircle;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  border-radius: 100%;
  box-shadow: 0 0 15px 1px #e40012 inset;
}
.span-2 {
  animation-delay: 0.4s;
}
@media screen and (min-width: 769px) {
  .span-1,
  .span-2 {
    top: 850px;
    width: 60px;
    height: 60px;
    margin: 0 0 0 -30px; /* ←追加／width:60px;の分の調整・真ん中だから半分の30px */
    box-shadow: 0 0 45px 1px #e40012 inset;
  }
}
@keyframes MovieCircle {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  80% {
    -webkit-transform: scale(4.5, 4.5);
    transform: scale(4.5, 4.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(4.5, 4.5);
    transform: scale(4.5, 4.5);
    opacity: 0;
  }
}

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


p {margin-bottom: 30px;  line-height: 2;}
.end {margin-bottom: 0}

.strong {font-weight: bold;}
.strong2 {font-weight: bold; font-size: 32px;}
.strong3 {font-weight: bold; font-size: 56px;letter-spacing: -0.08em;}
.strong4 {font-weight: bold; font-size: 65px;letter-spacing: -0.08em;}
.strong5 {font-weight: bold; font-size: 94px;letter-spacing: -0.1em;}
.kerning{letter-spacing: -0.5em;}
.red {color: #e30102;}
.black {color:#000;}
.pink {color:#e8244f;}
.highlight {background-color: #feff00;}
.underline {border-bottom: 2px solid #383d5d;}
.marker {background: linear-gradient(transparent 50%, #fdd5e0 0% );padding-bottom: 15px;}

#text {

	text-align:left;
	width:800px;
	margin:0 auto;
	
	
}

#textwhite {

	text-align:left;
	width:850px;
	margin:0 auto;
	color: #fff;
	
}

#texts2 {

	text-align:left;
	width:700px;
	margin:0 auto;
	
}

#texts3 {

	text-align:left;
	width:850px;
	margin-top:250px;
	margin-left:170px;
	
	
}


.container {

	text-align:left;
	width:1200px;
	margin:0 auto;
	
	
}

.white {
  color: #fff;
}

.text-center {
text-align: center;
}

/* マイスピフォーム */
.input.text.input_unit.required {
  display: block !important;
}

.my_column.my_left {
  display: none !important;
}

.my_column.my_right {
  text-align: center !important;
  width: 85% !important;
  display: block !important;
  padding: 0 !important;
  min-height: initial !important;
  text-align: initial;
  margin: 0 auto;
}

#Usermail.required_color {
  background-color: #fff !important;
}

.submit.form_input_submit.form_btn {
  margin: 0 !important;
}
/* マイスピフォーム */


/* CTAフォーム */
.form_bg {
  padding: 4rem;
  background-color: #ffb4b9;
}

.form_cta-text {
  text-align: center;
  width: 80%;
  max-width: 500px;
  margin: 0 auto 2rem;
}

.form_box {
  text-align: center;
  margin: 0 auto 1rem;
}

.form_box-input {
  width: 95%;
  max-width: 1000px;
   min-height: 80px;
  text-align: center;
  color: #000;
  font-weight: bold;
  font-size: 2.3rem;
  border-radius: 12px;
  border: #afafaf 4px solid !important;
  padding: 1rem 0;
  margin: 0 auto;
}

.form_btn {
  text-align: center;
}

.form_btn-img {
  width: 100%;
  background-color: initial;
  max-width: 900px;
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin: center;
  margin-top: -20px;
}

@media screen and (max-width:768px) {
  .form_bg {
    padding: 1.6rem 1rem 0.4rem
  }

  .form_cta-text {
    text-align: center;
    width: 80%;
    margin: 0 auto 0.6rem;
  }

  .form_box-input {
    font-size: 1.2rem;
  }
}

@keyframes anime1 {
  from {
    transform: scale(0.9, 0.9);
  }

  to {
    transform: scale(1, 1);
  }
}

.content-present-box {
  padding: 0.2rem 0;
}

/* ------------------------
 *   Layout/Footer
 * -------------------------------- */
.l-footer {
  background-color: #000000;
  position: relative;
  margin: 0;
  padding: 0;
}

.footer_inner__content {
}

.l-footer__main {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 0 0 1rem;
}

.l-footer .l-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 0.625rem;
}

.l-footer__item {
  color: #ffffff;
  font-family: 'ShinGoPr5-Regular', 'Noto Sans JP', sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
}

/* .l-footer__item::before {
  border-right: 0.09375rem solid #ffffff;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0.5625rem;
  width: 100%;
  height: 100%;
} */

/* .l-footer__item:nth-last-child(1)::before {
  border: none;
} */

.l-footer__copyright {
  color: #ffffff;
  font-family: 'ShinGoPr5-Regular', 'Noto Sans JP', sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
}

@media (max-width: 768px) {
  .l-footer {
    background-color: #313131;
  }

  .l-footer .footer__inner__content {
    padding: 0 0.5rem;
  }

  .l-footer .l-footer__list {
    flex-wrap: wrap;
    width: 100%;
    padding: 1.3333333333rem 0 0.4166666667rem;
  }

  .l-footer__item {
  font-size: 1.8rem;
  }

  .l-footer__copyright {
  font-size: 1.8rem;
  }
}
--------------------------- */

ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
	  list-style: none;
}
