@charset "utf-8";

.main {
    overflow: visible;
}
.footer {
    margin-top: 0;
}

/* mv */
.mv {
    position: relative;
    overflow: hidden;
}
.mv_slider {
    overflow: visible;
}
.mv_slider.mv_no_slide .swiper-wrapper {
    justify-content: center;
}
.mv_slider.mv_no_slide .swiper-button-prev,
.mv_slider.mv_no_slide .swiper-button-next {
    display: none;
}
.mv_slider .swiper-slide {
    height: auto;
/*    max-width: 1000px; */
    max-width: 800px;
}
.animation_ready .header {
    opacity: 0;
    transition: opacity 0.6s ;
}
.animation_loaded .header {
    opacity: 1;
}
.mv_slider .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.53;
    border-radius: 0;
    margin: 0 4px; 
}
.mv_slider .swiper-button-prev,
.mv_slider .swiper-button-next {
    background: rgba(255,255,255,0.6);
}
.mv_slider .swiper-button-prev {
    right: 50%;
    left: auto;
}
.mv_slider .swiper-button-next {
    left: 50%;
    right: auto;
}
.mv_slider .swiper-pagination-bullet-active {
    opacity: 1;
	background-color: #f1426b;
}
.mv_slider .swiper-button-prev::after,
.mv_slider .swiper-button-next::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.mv_slider .swiper-button-next::after {
    transform:translateX(-3px) rotate(45deg);
}
.mv_slider .swiper-button-prev::after {
    transform:translateX(3px) rotate(-135deg);

}
@media (min-width: 751px) {
    .mv_slider .swiper-pagination-bullet {
        width: 27px;
        height: 4px;
    }
    .mv_slider .swiper-button-prev,
    .mv_slider .swiper-button-next {
        width: 50px;
        height: 100px;
        margin-top: -50px;
    }
    .mv_slider .swiper-button-prev {
/*        margin-right: 540px; */
        margin-right: 400px;
    }
    .mv_slider .swiper-button-next {
/*        margin-left: 540px; */
        margin-left: 400px;
    }
}
@media (max-width: 750px) {
    .mv_slider .swiper-slide {
        height: auto;
    }
    .mv_slider.swiper-horizontal > .swiper-pagination-bullets {
        bottom: 1px;
    }
    .mv_slider .swiper-pagination-bullet {
        width: 27px;
        height: 3px;
    }
    .mv_slider .swiper-button-prev,
    .mv_slider .swiper-button-next {
        width: 40px;
        height: 100px;
        margin-top: -50px;
        display: none;
    }
    .mv_slider .swiper-button-prev {
        margin-right: 140px;
    }
    .mv_slider .swiper-button-next {
        margin-left: 140px;
    }
	h2.catch{ 
		font-size: clamp(14px,16px,18px);
	}
	.content.content_2 h2.catch{ 
		padding-left: 100px;
	}
	.content.content_1 h2.catch,
	.content.content_3 h2.catch{ 
		padding-right: 100px;
	}
}/* @media max-width750px */

.bar{
    position: relative;
    width: 100%;
    height: 5px;
    overflow: hidden;
}
.bar span{
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #f1426b;
        transform: scaleX(0);
        transform-origin: left center;
        transition-timing-function: linear;
}

/* content */
.content {
    position: relative;
    z-index: 1;
}
.content_ttl {
    font-weight: 700;
    line-height: 1.5;
	position: relative;
}

.content_ttl::after{
    content: '';
/*    display: block; */
    display: inline-block;
    position: absolute;
    left: 0;
    height: 0.5em;
    background:  rgba(255, 228, 0, 0.4);
    top: 0.9em;
	z-index: -8;
}
.content_txt {
    font-weight: 600; 
    line-height: 2;
    letter-spacing: 0em;
}
/* ボタン */
.content_link {
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background-color:#BC9B39;
	border-radius: 25px;
    position: relative;
	width: 80%;
	margin: auto;
	display: block;
	box-shadow: 8px 9px 18px -12px rgba(0,0,0,0.3);
}
.content_link:hover{
/*  background-color:  #ff4a15; */
  background-color:  #90C41E;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.content_link::after{
	color:#0008ab;
	content:"";
	display:block;
	position: absolute;
	width:40px;
	height:40px;
	top:0.25em;
	right: 0.5em;
	margin-left: 2px;
	background-image:url("../images/common/icon-arrow-rightW.svg");
	background-size:contain;
}

.content_link:hover::after{
	color:#0008ab;
	content:"";
	display:block;
	position: absolute;
	width:40px;
	height:40px;
	top:0.25em;
	right: 0;
	margin-left: 2px;
	background-image:url("../images/common/icon-arrow-rightW.svg");
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}

.content_img {
    overflow: hidden;
    position: relative;
}

section.x-timelineWindow {
	background-color: #aedc90;
	padding:  30px 0 30px 0;
	background-image: url("../images/top/green.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}
.x-timeline { 
	width: 80%;
	margin: 0 auto 0 auto;
	clear: both;
	float: none;
	position: relative;
}
.x-timeline:after {
	display: table;
	content: " ";
}

.content_1 h2,
.content_2 h2,
.content_3 h2{color: #0a0a0a;}
.content_1 h2 span.marking,
.content_2 h2 span.marking,
.content_3 h2 span.marking{ color:#f01f1f;}

.content_1 .content_img{
	background-image: url("../images/top/pink-circle.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}
.content_3 .content_img{
	background-image: url("../images/top/yellow-circle.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}


/* List */
section.link a{  text-decoration: none;}

.box {
background: rgb(189,231,238);
background: linear-gradient(205deg, rgba(189,231,238,1) 0%, rgba(201,208,246,1) 100%);
  padding: 0.8rem;
  border-radius: 30px;
  height: 100%;
  background-color: #B6DAFE;
}
.content02 .box {
background: rgb(220,246,180);
background: linear-gradient(159deg, rgba(220,246,180,1) 0%, rgba(131,218,103,1) 100%);}
.content03 .box {
background: rgb(226,173,140);
background: linear-gradient(205deg, rgba(226,173,140,1) 0%, rgba(218,196,150,1) 100%);
width: 100%;
}
.box:hover {
background: rgb(246,234,180);
background: linear-gradient(151deg, rgba(246,234,180,1) 0%, rgba(245,215,87,1) 100%);
box-shadow: 8px 9px 18px -12px rgba(0,0,0,0.6);
margin-top: -2px;
}
.box__inner {
  background: #fff;
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  border-radius: 20px;
  height: 100%;
  color: #0a0a0a;
  position: relative;
}
/* .content02 .box__inner {
  min-width: 270px;
}
 */
.content03 .box__inner {
  padding: 1rem 1rem 2rem 1rem;
  min-width: 300px;
  color: #0a0a0a;
  position: relative;
}

.box__inner h3{font-size:clamp(15px,20px,22px); line-height: 1.35; padding-top: .25em; color:#156206;}  
.content01 .box__inner h3{ color: #4F45A1; } 
.content02 .box__inner h3{ color: #156206;}
.content03 .box__inner h3{ color: #521617; }
.content03 .box__inner h3{ max-width:98%; margin: .2em auto 10px auto; padding: 0;
						text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
             			-1px 1px 0 #FFF, 1px -1px 0 #FFF,
              			0px 1px 0 #FFF,  0 -1px 0 #FFF,
              			-1px 0 0 #FFF, 1px 0 0 #FFF;
						}
/*.content03 .box__inner.icon-book h3{font-size:clamp(14px,19.5px,21px); white-space: nowrap;} */

.content01{
	background-image: url("../images/top/kumo.png");
	background-repeat: no-repeat;
	background-position: center  -20px;
	background-size: 350px;
}
.content03{ padding-bottom: 350px;}

.content01 h2{ 
	color:#736FB9;
	text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF,
             			-3px 3px 0 #FFF, 3px -3px 0 #FFF,
              			0px 3px 0 #FFF,  0 -3px 0 #FFF,
              			-3px 0 0 #FFF, 3px 0 0 #FFF;
						}
.content02 h2{ 
	color:#359f14; text-align: center; 
	text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF,
             			-3px 3px 0 #FFF, 3px -3px 0 #FFF,
              			0px 3px 0 #FFF,  0 -3px 0 #FFF,
              			-3px 0 0 #FFF, 3px 0 0 #FFF;
						}
.content03 h2{ color:#803c00;
	text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF,
             			-3px 3px 0 #FFF, 3px -3px 0 #FFF,
              			0px 3px 0 #FFF,  0 -3px 0 #FFF,
              			-3px 0 0 #FFF, 3px 0 0 #FFF;
}

.content01 h2 img{width: 50px; vertical-align: middle; margin-right: 5px;}
.content02 h2 img{width: 50px; vertical-align: middle; margin-right: 10px; margin-top: -8px;}
.content03 h2 img{width: 45px; vertical-align: middle; margin-right: 5px; margin-top: -3px;}

.content02 h3{ min-width: 13em;}

.box__inner.icon-movie{
	background-image: url("../images/top/icon-movie.png");
	background-position: left 5px  top 5px;
	background-repeat: no-repeat;
	background-size: 3vw;
}
.box__inner.icon-book{
	background-image: url("../images/top/icon-bookopen.png");
	background-position: left 5px  top 5px;
	background-repeat: no-repeat;
	background-size: 3vw;
}
.box__inner.icon-tumitate{
	background-image: url("../images/top/icon-graph.png");
	background-position: left 5px  top 5px;
	background-repeat: no-repeat;
	background-size: 3vw;
}
.box__inner.icon-user{
	background-image: url("../images/top/icon-user.png");
	background-position: left 5px  top 3px;
	background-repeat: no-repeat;
	background-size: 2.5vw;
	width: 310px; 
}
.box__inner.icon-hourei{
	background-image: url("../images/top/icon-ribbon.png");
	background-position: left 5px  top 1px;
	background-repeat: no-repeat;
	background-size: 2.8vw;
	width: 310px; 
}

.box__inner p {
  line-height: 1.5rem;
  max-width: 220px;
  margin: .5em auto 5px auto;
  text-align: left;
  display: block;
}

/*.content02 .box__inner{ min-width: 250px;} */
.content02 .box__inner p{  max-width: 230px; padding-bottom: 15px;}
.content03 .box__inner p{  max-width: 250px;}

.box__inner .GOmore{
	display: block;
	position: absolute;
	right: 7px;
	bottom: 8px;
	color:#FFF;
	background-color: #4552AD; /* #1a16ca */
	border: solid 2px #4552AD;
	border-radius: 10px;
	padding: 0 20px 0 10px;
	font-size:clamp(12px,14px,16px);
}
.content02 .box__inner .GOmore{
	background-color: #2F6533;
	border: solid 2px #2F6533;
}
.content03 .box__inner .GOmore{
	background-color: #A46B3C;
	border: solid 2px #A46B3C;
}

.box__inner .GOmore:hover,
.box__inner:hover .GOmore{
/*	background-color:  #90C41E; */
	background-color: #FFDF0A;
	border-color: #46BF76;
	-webkit-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 }
.box__inner .GOmore::after{
	content:"";
	display:block;
	position: absolute;
	width:20px;
	height:20px;
	top:0.05em;
	right: 0.1em;
	margin-left: 2px;
	background-image:url("../images/common/icon-arrow-rightW.svg");
	background-size:contain;
}
.box__inner .GOmore:hover,
.box__inner:hover .GOmore{
	background-color: #FFDF0A;
	border: solid 2px #FFDF0A;
	color: #530103;
	-webkit-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 margin-top: -1px;
 }
 
.box__inner .GOmore:hover::after,
.box__inner:hover .GOmore::after{
	color:#FFDF0A;
	content:"";
	display:block;
	position: absolute;
	width:20px;
	height:20px;
	top: 0.05em;
	right: 0em;
	margin-left: 2px;
	background-image:url("../images/common/icon-arrow-rightYamabuki.svg");
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}


@media (min-width: 751px) {
    .content {
       margin: 0 auto 0 auto;
	   padding: 125px 0px 125px 0px;
        display: flex;
        justify-content: center;
		align-items: center;
    }
 /*   .content_1 {
        margin: 114px auto 0;
        flex-direction: row-reverse;
    }
   .content_2 {
        margin: 126px auto 0;
    }
    .content_3 {
        margin: 136px auto 0;
    }*/
.content_1,
.content_2,
.content_3{
	width: 100%;
	padding: 40px;
	text-align: center;
}
.content_3{ 
	padding-bottom: 40px; 
	background-color: #fff;
}

.content_2{ 
/*	background-color: #fceddc; */
	background-color: #FEFFDC;
}
.content_img{ max-width: 350px;}

.content_1 .content_inner {
        width: 570px;
/*		margin-left: 100px; */
    }
.content_2 .content_inner {
        width: 570px;
/*		margin-right: 100px; */
    }
.content_3 .content_inner {
        width: 550px;
    }

.content_ttl {
        padding-bottom: 34px;
		font-size: clamp(20px,30vw,32px);
        letter-spacing: 0.0.5em;
    }
	    .content_ttl::before,
    .content_ttl::after {
        width: 100%;
    }
    .content_ttl::before {
        height: 7px;
    }
    .content_txt {
        margin-top: 25px;
/*        font-size: 20px;
        line-height: calc(37.5/20); */
		font-size: clamp(12px,35vw,18px);
        line-height: 1.7;
    }
    .content_link {
        margin-top: 50px;
/*        padding: 10px 0; */
        padding: 10px 0;
        font-size: 20px;
        text-align: center;
        display: inline-block;
		position: relative;
        width: 15em;
	}
}
@media (max-width: 750px) {
    .content {
        width: 100%;
/*        max-width: 375px; */
        max-width: 390px;
        margin: 70px auto 0;
        position: relative;
/*        padding: 0 20px; */
        padding: 0 5px;
		letter-spacing: 0em;
    }
    .content + .content {
/*        margin: 56px auto 0; */
        margin: 66px auto 0;
    }
    .content_inner {
        width: 100%;
    /*    max-width: 335px; */
    }
    .content_ttl {
        padding-bottom: 20px;
        font-size: clamp(18px,20px,22px);
        letter-spacing: 0.07em;
    }
    .content_ttl::before,
    .content_ttl::after {
        width: 100%;
        max-width: 335px;
    }
    .content_ttl::before {
        height: 6px;
    }
    .content_2 .content_ttl {
        padding-left: 0;
        text-align: right;
    }
    .content_txt {
        margin-top: 33px;
        font-size: 18px;
        line-height: 1.666;
        letter-spacing: 0.05em;
    }
    .content_link {
        margin: 20px auto 0;
        padding: 10px 0 ;
        font-size: clamp(14px,18px,18px);
        letter-spacing: 0em;
        text-align: center;
        display: block;
    }
    .content_img {
        position: absolute;
    }
	.content_1 .content_inner,
	.content_2 .content_inner,
	.content_3 .content_inner{ 
        max-width: 93%;
        width: 93%;
        margin: auto;
	}
    .content_1 .content_img {
        width: 100px;
        top: -33px;
        right: 20px;
    }
    .content_2 .content_img {
        width: 110px;
        top: -37px;
        left: 5px;
        z-index: 1;
		padding-right: 12px;
    }
    .content_3 .content_img {
        width: 105px;
        top: -15px;
        right: 10px;
    }
	.box {
      padding: 8px;
      border-radius: 22px;
      height: 100%;
      background-color: #BC9B39;
   }
	.box__inner {
      padding: 10px;
      border-radius: 20px;
      height: 100%;
      color: #0a0a0a;
      position: relative;
    }
	.box__inner h3{ 
		font-size:clamp(12px,14px,16px);
		line-height: 1.35;
		padding-top: 0em;
		color:#156206;
	}
	/*
	.content03 .box__inner.icon-book h3{ 
		font-size:clamp(12px,14px,16px);
		white-space:normal;
	}
	*/
	.box__inner p{
		font-size:clamp(10px,12px,14px);
		line-height: 1.35;
	}
    .content02 .box__inner p{  max-width: 80%; padding-bottom: 15px;}
    .content03 .box__inner p{  max-width: 80%;}
     .box__inner {
  /*      padding: 1rem 1.5rem 1.5rem 1.5rem; */
        padding: 5px;
        border-radius: 20px;
        height: 100%;
        color: #0a0a0a;
        position: relative;
    }
  .box__inner.icon-movie,
  .box__inner.icon-book,
  .box__inner.icon-tumitate,
  .box__inner.icon-tumitate,
  .box__inner.icon-user,
  .box__inner.icon-hourei{
      background-position:  left 5px  top 10px;
      background-repeat: no-repeat;
      background-size: 30px;
  }
}


.content_ttl,
.content_txt,
.content_img,
.content_img img {
    opacity: 0;
}

.content_ttl::before,
.content_ttl::after {
    transform: scaleX(0);
    transform-origin: 0;
    transition: transform 0.5s 0.3s;
}
.content_ttl {
    transition: opacity 0.2s;
}
.content_txt {
    transition: opacity 0.2s 0.5s;
}
.is_animated .content_ttl,
.is_animated .content_txt,
.is_animated .content_img,
.is_animated .content_img img {
    opacity: 1;
}
.is_animated .content_ttl::before,
.is_animated .content_ttl::after {
    transform: scaleX(1);
}
@media (min-width: 751px) {
    .content_img img {
        transform: scale(1.2);
    }
    .is_animated .content_img {
	/*	transition: opacity 0.5s; */
	        transition: opacity 0.3s;
    }
    .is_animated .content_img img {
        transform: scale(1);
/*        transition: opacity 0.5s, transform 0.5s; */
        transition: opacity 0.2s, transform 0.3s;
    }
}
@media (max-width: 750px) {
    .is_animated .content_img img {
/*        transition: opacity 0.5s; */
        transition: opacity 0.2s;
    }
    .is_animated .content_img {
/*        transition: opacity 0.5s; */
        transition: opacity 0.2s;
    }
}

/* link */
.link {
    text-align: center;
    position: relative;
}
.link_content_ttl {
    font-weight: 700;
	letter-spacing: 0;
}
.link_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/*
.content03 .link_list {
	justify-content: flex-start;
}
*/

.link_list_more .link_list_link {
    background-color: #FFF;
}
.link_list_simulator .link_list_link {
/*    background-color: #FFFCE0; */
    background-color: #FFF;
}
.link_list_library .link_list_link {
/*    background-color: #EBF9FF; */
    background-color: #FFF;

}
.link_list_link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: #0a0a0a;
}
.link_cont_line {
    font-weight: 700;
    font-size: 26px;
    position: relative;
    display: inline-block;
}
.link_cont_line::before {
    content: '';
    display: block;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 17px;
    min-width: 200px;
}

/* 旧設定 */
/*
.link_list_more .link_cont_line::before {
    background: url(../images/top/line_1.svg) no-repeat center center;
    background-size:100% 100%;
}
.link_list_simulator .link_cont_line::before {
    background: url(../images/top/line_2.svg) no-repeat center center;
    background-size:100% 100%;
}
.link_list_library .link_cont_line::before {
    background: url(../images/top/line_3.svg) no-repeat center center;
    background-size:100% 100%;
}
*/
.link_cont_line_in {
    position: relative;
    z-index: 2;
}
.link_cont_line_in_spacing0 {
    letter-spacing: 0;
}
 .link {
        padding-top: 80px;
        background-image: url("../images/top/wanisa_posing01.png"), url("../images/top/bg01_sky.svg");
        background-repeat:  no-repeat, no-repeat;
        background-position: center bottom, center bottom;
        background-size: 20vw auto, 100% auto;
		background-color: #FFF; 
		padding-bottom: 90px;
   }

@media (min-width: 2400px) {
     .link {
            padding-top: 80px;
            background-image: url("../images/top/wanisa_posing01.png"), url("../images/top/bg01_sky.svg");
            background-repeat:  no-repeat, no-repeat;
            background-position: center bottom, center bottom;
            background-size: 17% auto, 100% auto;
            background-color: #FFF; 
            padding-bottom: 200px;
        }
}
@media (min-width: 751px) {
  .link_content {
          width: 1150px;
          margin: auto;   
      }
      .link_content + .link_content {
          margin-top: 80px;
      }
      .link_content_ttl {
          font-size: clamp(28px,32px,34px);
          letter-spacing: 0em;
  /*        text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6); */
      }
    .link_list {
/*        gap: 40px; */
        gap: 80px;
        margin-top: 20px;
    }
  .content02  .link_list {
  /*        gap: 33.3%; 
          justify-content: space-between; */
          padding: 0 50px;
    }
   .content03  .link_list {
          gap: 32px;
          margin-top: 20px;
    }

  .link_list_more .link_list_item {
          width: 280px;
    }
  .link_list_simulator .link_list_item {
          width: 400px;
   }
	/*
    .link_list_library .link_list_item:nth-child(1),
    .link_list_library .link_list_item:nth-child(2) {
        width: 400px;
    }
	*/
    .link_list_link {
        padding: 20px 0;
        border-radius: 18px;
    }
    .link_list_txt{
        font-size: 18px;
        letter-spacing: 0;
    }
    .link_cont_line {
        margin-top: 15px;
    }   
    .link_cont_line_in {
        font-size: 26px;
    }
    .link_cont_line_in_spacing0 {
        font-size: 24px;
    }
}
@media (max-width: 750px) {
/*
.link {
	padding-top:80px;
    background-image: url("../images/top/wanisa_posing01.png"), url("../images/top/bg01_sky.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom, center bottom;
    background-size: 22vw auto, 100% auto;
    background-color: #FFF;
    padding-bottom: 90px;
	letter-spacing: 0em;
}
*/
.link {
	padding-top:80px;
    background-image: url("../images/top/bg02_green.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #aedc90;
    padding-bottom: 0px;
	letter-spacing: 0em;
}
.content01{
	background-image:none;
}

.link_content + .link_content {
/*        margin-top: 32px; */
        margin-top: 20px;
    }
    .link_content_ttl {
/*        font-size: 26px; */
        font-size: clamp(18px,20px,22px);
        letter-spacing: 0.0em;
        text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
    }
	.content01 h2,
	.content02 h2,
	.content03 h2{ margin-bottom: 10px;}
	.content01 h2 img{width: 30px; }
	.content02 h2 img{width: 30px; vertical-align: middle; margin-right: 3px;}
	.content03 h2 img{width: 30px; vertical-align: middle; margin-right: 5px;}
/*	.link_content_ttl br{	display: none;	}*/
    .link_list {
		display: block;
/*       flex-direction: column;
        gap: 15px 0; */
        margin-top: 10px;
    }
	 .link_list_more .link_list_item,
	 .link_list_simulator .link_list_item {
          width: auto;
   }
	.link_list li{ margin-bottom: 15px;}
    .link_list_link {
        padding: 20px 0;
        border-radius: 18px;
        width: 100%;
/*        max-width: 338px; */
        margin-inline: auto;
    }
    .link_list_txt{
        display: none;
        font-size: 18px;
        letter-spacing: 0;
    }
    .link_cont_line_in {
       font-size: 24px;
   }
   .link_list_simulator .link_cont_line {
    letter-spacing: 0;
   }
   .link_list_library .link_cont_line {
    letter-spacing: 0;
   }
	.content03 { padding-bottom: 10px;}
    .content01 .box,
    .content02 .box,
    .content03 .box{
      width:80%;
      position: relative;
	  margin: auto;
  }
    .content01 .box__inner,
    .content02 .box__inner,
    .content03 .box__inner{
		padding: 10px;
      position: relative;
  }
   .box__inner .GOmore{
	display: block;
	position: absolute;
	right: 7px;
	bottom: 14px;
	color:#FFF;
	background-color: #1a16ca;
	border: solid 2px #1a16ca;
	border-radius: 10px;
	padding: 0 20px 0 10px;
	font-size:clamp(8px,10px,12px);
	}
  .box__inner .GOmore::after{
      content:"";
      display:block;
      position: absolute;
      width:14px;
      height:14px;
      top:0.05em;
      right: 0.1em;
      margin-left: 2px;
      background-image:url("../images/common/icon-arrow-rightW.svg");
      background-size:contain;
}
.box__inner .GOmore:hover::after,
.box__inner:hover .GOmore::after{
	color:#FFDF0A;
	content:"";
	display:block;
	position: absolute;
	width:14px;
	height:14px;
	top: 0.05em;
	right: 0em;
	margin-left: 2px;
	background-image:url("../images/common/icon-arrow-rightYamabuki.svg");
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}
.box__inner p {
    max-width: 80%;
    width: 80%;
    margin: .5em auto 5px 5px;
	padding-right: 15px;
    text-align: justify;
    display: block;
  }
.content02 .box__inner p{  max-width: 80%; padding-bottom: 0px;}
.content02 .link_list{ gap: 0px; margin: auto;}
.box__inner.icon-user,
.box__inner.icon-hourei{
	width: auto; 
  }
  .content03 .box__inner {
      padding: 10px;
	  min-width: 100%;
      position: relative;
  }
}
