:root {
  /*タイトル*/
  --h2-size: 2.5em; /*PC*/
  --h2-size_sp: 2.5em; /*SP*/
  /*ブロック説明*/
  --p-size: 1.4em;
  --p-size_sp: 1.1em;
  --p-color: #FFF;
  /*テキスト*/
  --txt-size: 1.3em; /*PC*/
  --txt-size_sp: 0.9em; /*SP*/
  --txt-color: #FFF;
}
/*/////////////////////////////////////////////////////
/////////////////////firstblock////////////////////////
/////////////////////////////////////////////////////*/
.container_first {
  width: 100%;
  height: 770px;
  font-family: 'Noto Serif JP', serif;
}
.container_first .top_bg {
  /*background-image: url(../images/bg/bg02.png);*/
  background-repeat: repeat-x;
	background-repeat: repeat-y;
  width: 100%;
  height: 770px;
  background-size: 100% auto;
  background-color: #0e1c29;
}
.container_first .top_main1 {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
  position: relative;
  z-index: 2;
}
.container_first .top_main1 img {
  width: auto;
  height: 600px;
  margin-left: 300px;
  margin-top: 170px;
}
/*///////ファーストキャッチ////////////////*/
.container_first .parent {
  position: relative;
}
.container_first .top_text_box {
  display: inline-block;
  position: absolute;
  top: -690px; /*ここで位置調整*/
  left: 15%;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 100%;
}
.container_first .top_text_box h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.7em;
  margin-left: 70px;
  color: #262424;
  margin-bottom: -5px;
}
.container_first .top_text_box h2 span {
  background-color: hsla(0, 0%, 100%, 1.00);
  padding-top: 3px;
  padding-right: 25px;
  padding-bottom: 5px;
  padding-left: 25px;
}
.container_first .top_text_box h1 {
  font-family: 'Noto Serif JP', serif;
  font-size: 5em;
  color: #FFFFFF;
  margin-top: 0px;
  padding-top: 0px;
  font-style: italic;
}
.top_img {
  width: 550px;
}
@media screen and (max-width:1024px) {
  .top_img {
    width: 90%;
    margin-right: auto;
    margin-left: 0%;
  }
}
.container_first .top_text_box .big {
  font-size: 2em;
}
.container_first .top_text_box p {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.5em;
  color: hsla(0, 0%, 100%, 0.73);
}
@media screen and (max-width: 1024px) {
  .container_first {
    width: 100%;
    height: 570px;
  }
  .container_first .top_bg {
    width: 100%;
    height: 570px;
    margin-top: 0px;
  }
  .container_first .top_main1 {
    width: 120%;
    margin-left: -100px;
  }
  .container_first .top_main1 img {
    width: 80%;
    height: auto;
    margin-left: -30px; /*ここでスマホ用のimageを調節*/
    margin-top: 305px; /*ここでスマホ用のimageを調節*/
  }
  /*SP first キャッチ*/
  .container_first .top_text_box {
    display: inline-block;
    position: absolute;
    top: -540px; /*ここでキャッチ文字を位置調整*/
    margin: 0;
    padding: 10px 0;
    z-index: 2;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .container_first .top_text_box h2 {
    font-size: 0.9em;
    margin-left: 0px;
  }
  .container_first .top_text_box h1 {
    font-size: 2.2em;
  }
  .container_first .top_text_box p {
    font-size: 0.9em;
  }
}
.container_first .matrix {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 770px;
  z-index: 1;
  /*background-color: rgba(0, 0, 255, 0.2);*/ /* 青・透明度20% */
  pointer-events: none; /* クリックできるようにしておく */
  overflow: hidden;
}
@media screen and (max-width:1024px) {
  .container_first .matrix {
    height: 570px;
  }
}
#matrixCanvas {
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
/* キャッチスライドの箱 */
.catch_slide_box {
  position: absolute;
  right: 0px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 10px;
  bottom: 400px; 
	font-family: 'M PLUS 1p', sans-serif;
}
/* 各アイテムの見た目 */
.catch_item {
	background-color: #FFEB3B;
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 10px;
	padding-right: 90px;
	padding-left: 90px;
	padding-bottom: 10px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	/* 斜めカット左端 */
	clip-path: polygon(20px 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(20px 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
  .catch_slide_box {
    right: 0px;
    gap: 8px;
    bottom: 130px; /* ← top_bg の下部に合わせる高さ */
  }
  .catch_item {
	font-size: 1em;
	padding-top: 8px;
	padding-right: 16px;
	padding-left: 40px;
	padding-bottom: 8px;
  }
}

/*/////////////////////////////////////////////////////
/////////////////////////block1////////////////////////
/////////////////////////////////////////////////////*/
.container_01 {
  background-color: #E2E2E2;
  background-size:  100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
  background-image: url(../images/bg/bg01.png);
}
.container_01 img {
  width: 100%;
}
.container_01 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.container_01 .titile_box {}
.container_01 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #000000;
  margin-bottom: 30px;
}
.container_01 .titile_box h2 {
  font-size: 3em;
  font-weight: 700;
  line-height: -0.09em;
  color: #FFFFFF;
  padding-top: 45px;
  padding-bottom: 45px;
  text-align: center;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  font-style: italic;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.container_01 .main_box p {
  width: 600px;
  padding-top: 45px;
  font-size: 1em;
  color: #4B4B4B;
  text-align: left;
  background-color: rgba(255, 255, 255, 1.00);
  padding-right: 45px;
  padding-bottom: 45px;
  padding-left: 45px;
  margin-right: auto;
  margin-left: auto;
  margin-top: -10px;
  line-height: 1.5em;
  font-weight: 600;
}
.in_bm {
  width: 600px;
  margin-top: -16px;
  margin-right: auto;
  margin-left: auto;
}
.in_bm img {
  width: 100%;
}
.container_01 .main_box {
  font-size: var(--txt-size);
  color: var(--txt-color);
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.r_menu_box {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 5px;
  height: 100%;
  width: 40px;
}
.r_menu_box img {
  width: 100%;
  padding-top: 250px;
}
@media screen and (max-width:1024px) {
	.container_01 {
  background-size: auto 100%;
	}
  .container_01 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_01 .titile_box {
    width: 100%;
  }
  .container_01 .titile_box h3 {
    font-size: 0.9em;
  }
  .container_01 .titile_box h2 {
    font-size: var(--h2-size_sp);
    width: 95%;
  }
  .in_bm {
    width: 100%;
  }
  .container_01 .main_box p {
    width: 100%;
    font-size: 1.2em;
    text-align: left;
  }
  .container_01 .main_box {
    text-align: left;
    font-size: var(--txt-size_sp);
    margin-bottom: 10px;
    width: 95%;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block2////////////////////////
/////////////////////////////////////////////////////*/
.container_02 {
  background-color: #ECECEC;
  /*background-image: url(../images/bg/bg01.png);*/
  background-size: 100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
  padding-bottom: 50px;
}
.container_02 img {
  width: 80%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.container_02 .num_box img {
  width: 25%;
  margin-bottom: 12px;
  margin-top: 12px;
}
.container_02 .num_box p {
  color: rgba(29, 40, 99, 1.00);
  text-align: center !important;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.4em;
  margin-top: 20px;
  margin-bottom: 40px;
}
.container_02 .num_box {
  width: 100%;
  margin-top: 15px;
  text-align: center;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-image: url(../images/main/logo3.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.container_02 h4 {
  color: #FFFFFF;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-top: 100px;
}
.container_02 .sub {
  font-size: 1em;
  font-weight: 700;
  line-height: 2em;
  color: rgba(255, 255, 255, 1.00);
  margin-top: 50px;
  margin-bottom: -30px;
}
.container_02 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}
.container_02 .main_box {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.container_02 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #929292;
  margin-bottom: 30px;
}
.container_02 .titile_box h2 {
  font-size: var(--h2-size);
  font-weight: 700;
  line-height: -0.09em;
  color: #AA9B40;
  margin-bottom: 30px;
}
.sere_box {
  width: 100%;
}
.pic_box2 {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.container_02 .main_box {
  font-size: var(--txt-size);
  color: var(--txt-color);
  text-align: left;
}
.container_02 .mini {
  font-size: 0.9em;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 21px;
  color: hsla(0, 0%, 29%, 1.00);
  padding-top: 20px;
  padding-right: 50px;
  padding-bottom: 20px;
  padding-left: 50px;
  font-weight: 600;
}
@media screen and (max-width:1024px) {
  .container_02 .mini {
    font-size: 1.2em;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 0px;
  }
  .container_02 {
    padding-bottom: 0px;
  }
  .container_02 .container {
    padding-top: 30px;
    padding-bottom: 0px;
    width: 100%;
  }
  .container_02 .titile_box {}
  .sere_box {
    padding-bottom: 45px;
  }
  .container_02 .num_box img {
    width: 50%;
  }
  .container_02 .titile_box h3 {
    font-size: 0.9em;
  }
  .container_02 .titile_box h2 {
    font-size: var(--h2-size_sp);
  }
  .container_02 .main_box p {
    font-size: 2em;
  }
  .container_02 .main_box {
    font-size: var(--txt-size_sp);
    text-align: left;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block3////////////////////////
/////////////////////////////////////////////////////*/
.container_03 {
    background-color: #14174D;
    background-image: url(../images/bg/bg01.png);
    background-size: 100% auto;
    background-repeat: repeat-y;
    object-fit: cover;
    text-align: center;
    margin-bottom: 200px;

  
}

.container_03 img {
  width: 100%;
}
.container_03 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.container_03 .titile_box {
  color: #FFF !important;
}
.container_03 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #FFF !important;
}
.container_03 .titile_box .logo_box {
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  margin-top: 50px;
}
.container_03 .main_box h2 {
    text-align: center;
    color: hsla(359,100%,44%,1.00);
}
.container_03 .main_box p {
    text-align: center;
    color: hsla(359,100%,44%,1.00);
    padding-top: 20px;
    padding-bottom: 50px;
    font-size: 1.6em;
    color: var(--p-color);
	font-weight: 600;
}
.container_03 .main_box h3 {
    font-size: 4em;
    font-weight: 700;
    line-height: -0.09em;
    margin-top: 50px;
    color: #FFE199;
    margin-bottom: 80px;
    text-align: center;	
}

.container_03 .main_box .p_box {
  font-size: 0.9em;
  letter-spacing: 0.25em;
  /*border: 1px solid hsla(0, 0%, 100%, 1.00);*/
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 25px;
  padding-left: 25px;
  color: hsla(0, 0%, 100%, 1.00);
  margin-top: 0px;
  margin-bottom: 50px;
  line-height: 2em;
}
.container_03 .main_box {
    font-size: var(--txt-size);
    color: var(--txt-color);
    text-align: left;
    margin-top: 100px;
	margin-bottom: 100px;
}
.container_03 .end_img {
  padding-top: 50px;
  padding-bottom: 50px;
}
.container_03 .end_img .l_box {
  width: 40%;
  float: left;
}
.container_03 .end_img .r_box {
  float: right;
  width: 60%;
  padding-left: 11px;
}
.container_03 .end_img {
  border-bottom: 1px solid hsla(0, 0%, 100%, 1.00);
}
.container_03 .end_img img {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}
.container_03 .end_img p {
  font-size: 0.8em;
  margin-top: 15px;
}
.container_03 iframe {
  width: 100%;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
}
.container_03 .data {
  padding-left: 50px;
}
.container_03 .data h2 {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.container_03 .data .t_bk {
  padding: 0;
  margin: 0;
}
.container_03 .data .t_bk dt {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
.container_03 .data .t_bk dd {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 9px;
  padding: 0;
  font-size: 0.7em;
}
.container_03 .end_sb {
  font-size: 0.6em;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width:1024px) {
  .container_03 {
background-size: auto 100%;
	  margin-bottom: 50px;
  }
	 .no-sp {
    display: none;
  }
  .container_03 .container {
    padding-top: 0px;
    padding-bottom: 30px;
    width: 100%;
    margin-bottom: 0px;	  
  }
 
  .container_03 .main_box h3 {
    font-size: 2em;
    padding-bottom: 0px;	  
  }
  .container_03 .main_box h2 {
    font-size: 0.8em;
    padding-top: 100px;
    font-weight: bold;
	
  }
	.container_03 .main_box p{
	 font-size: 1em;
    padding-top: 10px;
    padding-bottom: 40px;
    text-align: left;
    padding-right: 30px;
		padding-left: 30px;}

  .nobr-sp {
    white-space: nowrap;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block4////////////////////////
/////////////////////////////////////////////////////*/
.container_04 {
  background-color: #14174D;
  background-image: url(../images/bg/bg01.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
}
.container_04 img {
  width: 100%;
}
.container_04 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.container_04 .titile_box {}
.container_04 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #929292;
  margin-bottom: 30px;
}
.container_04 .titile_box h2 {
  font-size: 4em;
  font-weight: 700;
  line-height: -0.09em;
  margin-top: 50px;
  color: #FFE199;
  margin-bottom: 80px;
}
.container_04 .titile_box h4 {
  color: hsla(359, 100%, 46%, 1.00);
  font-weight: bold;
  font-size: 2em;
  margin-top: 45px;
}
.container_04 .titile_box p {
  padding-top: 20px;
  padding-bottom: 50px;
  font-size: 1.6em;
  color: var(--p-color);
  font-weight: 600;
}
.container_04 .main_box {
  font-size: var(--txt-size);
  color: var(--txt-color);
  text-align: left;
}
.container_04 .graph {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}
.container_04 h5 {
  margin-bottom: -75px;
}
.container_04 h6 {
	font-size: 0.8em;
	text-align: center;
	margin-top: -74px;
	color: hsla(0,0%,100%,1.00);
}
@media screen and (max-width:1024px) {
  .container_04 {
    background-size: auto 100%;
  }
  .container_04 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_04 .titile_box {}
  .container_04 .titile_box h3 {
    font-size: 0.9em;
  }
  .container_04 .titile_box h4 {
    font-size: 1.2em;
    margin-top: 25px;
  }
  .container_04 h5 {
    margin-top: -75px;
    margin-bottom: -75px;
  }
  .container_04 .titile_box h2 {
    font-size: var(--h2-size_sp);
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .container_04 .titile_box p {
    font-size: var(--p-size_sp);
    padding-top: 10px;
    padding-bottom: 40px;
    text-align: left;
    padding-right: 30px;
    padding-left: 30px;
  }
  .container_04 .main_box {
    font-size: var(--txt-size_sp);
    text-align: left;
  }
  .container_04 .i_c {
    margin-bottom: 20px;
  }
}
.plan_list h3 {
  text-align: center;
  margin-bottom: 36px;
  margin-top: 36px;
}
.plan_list2 h3 {
  text-align: center;
  margin-bottom: 60px;
  margin-top: 36px;
  padding-top: 100px;
}
table {
  width: 100%;
}
.priceTable .wp-block-table th {
  padding: 0.75em 0px;
  font-weight: 500;
  font-size: 1.54em;
  word-break: break-word;
  background-color: rgba(255, 255, 255, 0.40);
}
.priceTable .wp-block-table table, .priceTable .wp-block-table th, .priceTable .wp-block-table td {
  border: 1px solid #9a9a9a;
  border-collapse: collapse;
  font-size: 1em;
  text-align: center;
}
.wp-block-table td, .wp-block-table th {
  word-break: normal;
  text-align: center;
}
.wp-block-table td, .wp-block-table th {
  border: 1px solid;
  padding: 0.5em;
  text-align: center;
}
.priceList dl {
  border-bottom: 1px solid #c7c7c7;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 27px 0;
}
@media screen and (max-width:1024px) {
  .plan_list h3 {
    font-size: 1.5em;
  }
  .plan_list2 h3 {
    padding-top: 30px;
    font-size: 1.5em;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block5////////////////////////
/////////////////////////////////////////////////////*/
.container_05 {
  background-color: #14174D;
  background-image: url(../images/bg/bg03.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
}
.container_05 img {
  width: 100%;
}
.container_05 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.container_05 .titile_box {}
.container_05 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.container_05 .titile_box h2 {
  font-weight: 700;
  line-height: -0.09em;
  font-size: var(--h2-size);
  margin-top: 30px;
  color: #5D5132;
}
.container_05 .app {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.container_05 span {
  color: hsla(359, 100%, 30%, 1.00);
}
.container_05 .app img {
  width: 100%;
}
.container_05 .txt_box {
  text-align: center;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}
.container_05 .txt_box .txt01 {
	font-size: 2em;
	color: rgba(255, 255, 255, 1.00);
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	font-weight: 700;
}
.container_05 .txt_box .txt02 {
  font-size: 2em;
  padding-top: 50px;
  padding-bottom: 50px;
  line-height: 1.3em;
}
.container_05 .txt_box p {
  font-size: 0.8em;
  text-align: left;
  color: hsla(237, 98%, 19%, 1.00);
  margin-top: 20px;
}
.container_05 .txt_box .mini {
  font-size: 0.7em;
  text-align: center;
}
.container_05 .main_box {
  font-size: var(--txt-size);
  color: var(--txt-color);
  text-align: left;
}
@media screen and (max-width:1024px) {
  .container_05 {
    background-size: auto 100%;
  }
  .container_05 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_05 .titile_box {}
  .container_05 .titile_box h3 {
    font-size: 0.9em;
  }
  .container_05 .titile_box h2 {
    font-size: var(--h2-size_sp);
  }
  .container_05 .titile_box p {
    font-size: var(--p-size_sp);
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .container_05 .main_box {
    font-size: var(--txt-size_sp);
    text-align: left;
  }
  .container_05 .app {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .container_05 .app img {
    width: 100%;
  }
  .container_05 .txt_box {
    text-align: center;
    width: 100%;
  }
  .container_05 .txt_box p {
    font-size: 1em;
  }
  .container_05 .txt_box .mini {
    font-size: 0.8em;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block6////////////////////////
/////////////////////////////////////////////////////*/
.container_06 {
  background-color: #FFFFFF;
  background-image: url(../images/bg/bg06.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
}
.container_06 img {
  width: 100%;
}
.container_06 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.container_06 .titile_box {}
.container_06 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #929292;
}
.container_06 .titile_box h2 {
  font-size: var(--h2-size);
  font-weight: 700;
  line-height: -0.09em;
}
.container_06 .titile_box p {
  padding-top: 20px;
  padding-bottom: 50px;
  font-size: var(--p-size);
  color: var(--p-color);
}
.container_06 .main_box {
  font-size: var(--txt-size);
  color: var(--txt-color);
  text-align: left;
}
@media screen and (max-width:1024px) {
  .container_06 {
    background-size: auto 100%;
  }
  .container_06 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_06 .titile_box {}
  .container_06 .titile_box h3 {
    font-size: 0.9em;
  }
  .container_06 .titile_box h2 {
    font-size: var(--h2-size_sp);
  }
  .container_06 .titile_box p {
    font-size: var(--p-size_sp);
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .container_06 .main_box {
    font-size: var(--txt-size_sp);
    text-align: left;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block7////////////////////////
/////////////////////////////////////////////////////*/
.container_07 {
  background-color: #FFFFFF;
  background-image: url(../images/bg/bg07.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
}
.container_07 img {
  width: 100%;
}
.container_07 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.container_07 .titile_box {}
.container_07 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #929292;
}
.container_07 .titile_box h2 {
  font-size: var(--h2-size);
  font-weight: 700;
  line-height: -0.09em;
}
.container_07 .titile_box p {
  padding-top: 20px;
  padding-bottom: 50px;
  font-size: var(--p-size);
  color: var(--p-color);
}
.container_07 .main_box {
  font-size: var(--txt-size);
  color: var(--txt-color);
  text-align: left;
}
@media screen and (max-width:1024px) {
  .container_07 {
    background-size: auto 100%;
  }
  .container_07 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_07 .titile_box {}
  .container_07 .titile_box h3 {
    font-size: 0.9em;
  }
  .container_07 .titile_box h2 {
    font-size: var(--h2-size_sp);
  }
  .container_07 .titile_box p {
    font-size: var(--p-size_sp);
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .container_07 .main_box {
    font-size: var(--txt-size_sp);
    text-align: left;
  }
}
/*ボタン*/
.btn_up_txt {
	font-size: 1em;
	color: #737373;
	text-align: center;
	font-weight: 600;
	padding-bottom: 2px;
	padding-top: 2px;
}
.but_box {
  width: 250px;
}
.but_box img {
  width: 100%;
}
@media screen and (max-width:1024px) {
  .navbar {
    display: none;
  }
  .btn_up_txt {
    font-size: 0.8em;
  }
}
.but_big {
  font-size: 2em;
  font-weight: 800;
}
.t01 {
  font-size: 1.1em;
  color: #FFE199;
}