@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;


}

#writers1 { background: url("../images/writers_01.png") no-repeat top center; height:    1136px; } 
#writers2 { background: url("../images/writers_02.png") no-repeat top center; height:    394px; } 
#writers3 { background: url("../images/writers_03.png") no-repeat top center; height:    645px; } 
#writers4 { background: url("../images/writers_04.png") no-repeat top center; height:    1275px; } 
#writers5 { background: url("../images/writers_05.png") no-repeat top center; height:    1340px; } 
#writers6 { background: url("../images/writers_06.png") no-repeat top center; height:    1075px; } 
#writers8 { background: url("../images/writers_08.png") no-repeat top center; height:    459px; } 
#writers9 { background: url("../images/writers_09.png") no-repeat top center; height:    627px; } 
#writers10 { background: url("../images/writers_10.png") no-repeat top center; height:    240px; } 
#writers11 { background: url("../images/writers_11.png") no-repeat top center; height:    340px; } 
#writers12 { background: url("../images/writers_12.png") no-repeat top center; height:    1170px; } 
#writers13 { background: url("../images/writers_13.png") no-repeat top center; height:    342px; } 
#writers14 { background: url("../images/writers_14.png") no-repeat top center; height:    998px; } 
#writers15 { background: url("../images/writers_15.png") no-repeat top center; height:    342px; } 
#writers16 { background: url("../images/writers_16.png") no-repeat top center; height:    1338px; }

#writers18 { background: url("../images/writers_18.png") no-repeat top center; height:    367px; } 
#writers19 { background: url("../images/writers_19.png") no-repeat top center; height:    627px; } 
#writers20 { background: url("../images/writers_20.png") no-repeat top center; height:    1374px; }

#writers22 { background: url("../images/writers_22.png") no-repeat top center; height:    230px; }
#writers23 { background: url("../images/writers_23.png") no-repeat top center; height:    606px; }
#writers24 { background: url("../images/writers_24.png") no-repeat top center; height:    1092px; }
#writers25 { background: url("../images/writers_25.png") no-repeat top center; height:    608px; }
#writers26 { background: url("../images/writers_26.png") no-repeat top center; height:    1324px; }
#writers27 { background: url("../images/writers_27.png") no-repeat top center; height:    614px; }
#writers28 { background: url("../images/writers_28.png") no-repeat top center; height:    1202px; }

#writers30 { background: url("../images/writers_30.png") no-repeat top center; height:    385px; }
#writers31 { background: url("../images/writers_31.png") no-repeat top center; height:    302px; }
#writers32 { background: url("../images/writers_32.png") no-repeat top center; height:    627px; }
#writers33 { background: url("../images/writers_33.png") no-repeat top center; height:    961px; }
#writers34 { background: url("../images/writers_34.png") no-repeat top center; height:    1130px; }
#writers35 { background: url("../images/writers_35.png") no-repeat top center; height:    730px; }
#writers36 { background: url("../images/writers_36.png") no-repeat top center; height:    1070px; }
#writers37 { background: url("../images/writers_37.png") no-repeat top center; height:    808px; }
#writers38 { background: url("../images/writers_38.png") no-repeat top center; height:    908px; }
#writers39 { background: url("../images/writers_39.png") no-repeat top center; height:    297px; }
#writers40 { background: url("../images/writers_40.png") no-repeat top center; height:    627px; }

#writers42 { background: url("../images/writers_42.png") no-repeat top center; height:    210px; }
#writers43 { background: url("../images/writers_43.png") no-repeat top center; height:    522px; }
#writers44 { background: url("../images/writers_44.png") no-repeat top center; height:    552px; }
#writers45 { background: url("../images/writers_45.png") no-repeat top center; height:    588px; }
#writers46 { background: url("../images/writers_46.png") no-repeat top center; height:    297px; }
#writers47 { background: url("../images/writers_47.png") no-repeat top center; height:    627px; }

#writers49 { background: url("../images/writers_49.png") no-repeat top center; height:    962px; }
#writers50 { background: url("../images/writers_50.png") no-repeat top center; height:    830px; }
#writers51 { background: url("../images/writers_51.png") no-repeat top center; height:    652px; }
#howto1 { background: url("../images/howto_01.png") no-repeat top center; height:    144px; }
#howto2 { background: url("../images/howto_02.png") no-repeat top center; height:    910px; }
#space1 { background: url("../images/space_01.png") no-repeat top center; height:    50px; }
#form1 { background: url("../images/form_01.png") no-repeat top center; height:    300px; } 



#container {

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

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: #595959;
  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;
}

.floating-b {
  display: none;
  position: fixed;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  z-index: 100;
}

/* 震えるアニメーションの定義（marginを使用） */
@keyframes shake {
  0%,
  100% {
    margin-left: 0;
  }
  25% {
    margin-left: -5px;
  }
  50% {
    margin-left: 5px;
  }
  75% {
    margin-left: -5px;
  }
}

/* フローティングボタンに震えるアニメーションを適用 */
.floating-b {
  animation: shake 0.5s ease-in-out 1s infinite; /* 震えるアニメーションを1秒間隔で繰り返す */
}


#xbmuqhiadwokcaji .kenga-modal .kenga-modal-inner{
 max-width: 800px!important;
}