@charset "UTF-8";

/* -----------------------------------------------------------
	overwrite
----------------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {

}
  
/* -----------------------------------------------------------
	mainvisual
----------------------------------------------------------- */
:root {
	--easing: cubic-bezier(.2, 1, .2, 1);
	--transition: .8s var(--easing);
}
.mainvisual [class*=swiper]:focus {
	outline: none;
}
.mv_warap {
	max-width: 1250px;
	aspect-ratio: 1250 / 650;
	width: 90%;
	margin: 0 auto;
}
.mv_warap .swiper-pagination {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 14px;
	left: 0;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.mv_warap .swiper-pagination-bullet {
	display: block;
	width: 50px;
	height: 15px;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	background-color: #fff;
	border-radius: 100px;
}
.mv_warap .swiper-pagination-bullet-active {
	background-color: #004f97;
}
.mv_warap .swiper-button-prev,
.mv_warap .swiper-button-next {
	display: grid;
	place-content: center;
	width: 6.4rem;
	height: 6.4rem;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
}
.mv_warap .swiper-button-prev::after,
.mv_warap .swiper-button-next::after {
	width: 1.2rem;
	height: 1.2rem;
	content: "";
}
.mv_warap .swiper-button-next {
	left: calc(100% - 6.4rem);
}
.mv_warap .swiper-button-prev {
	right: calc(100% - 6.4rem);
	display: none;
}
.mv_warap .swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}
.mv_warap .slide-media {
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 125 / 65;
}
.mv_warap .swiper-fade .swiper-slide {
	-webkit-transition-property: opacity, -webkit-transform !important;
	transition-property: opacity, -webkit-transform !important;
	transition-property: opacity, transform !important;
	transition-property: opacity, transform, -webkit-transform !important;
	pointer-events: none;
  }
.mv_warap .swiper-fade .swiper-slide-active {
	pointer-events: auto;
}
.mv_warap .mv_01_bg_01,
.mv_warap .mv_01_bg_02,
.mv_warap .mv_01_bg_03,
.mv_warap .mv_01_bg_04 {
	position: absolute;
	width: 100%;
    top: 0;
    left: 0;
	height: 100%;
	border-radius: 20px;
    overflow: hidden;
}
.mv_warap .mv_01_bg_01 {
	background-image: linear-gradient(90deg, rgba(244, 201, 152, 1), rgba(238, 174, 100, 1)50%, rgba(233, 147, 49, 1));
}
.mv_warap .mv_01_bg_02 {
	background-image: linear-gradient(90deg, rgba(134, 186, 218, 1), rgba(73, 152, 199, 1)50%, rgba(13, 118, 181, 1));
}
.mv_warap .mv_01_bg_03 {
	background-image: linear-gradient(90deg, rgba(75, 153, 200, 1), rgba(61, 129, 183, 1)50%, rgba(33, 76, 148, 1));
}
.mv_warap .mv_01_bg_04 {
	background-image: linear-gradient(90deg, rgba(13, 118, 181, 1), rgba(18, 101, 167, 1)50%, rgba(33, 76, 148, 1));
}
.mv_warap .mv_01_text_1 {
	position: absolute;
	width: 30.450616%;
    top: 9.642123077%;
    left: 4.376264%;
}
.mv_warap .mv_01_text_2 {
	position: absolute;
	width: 21.48828%;
        top: 55.434892%;
    left: 4.33408%;
}
.mv_warap .mv_01_text_2_smp {
	display: none;
}
.mv_warap .mv_01_arrow {
	position: absolute;
	width: 1.429544%;
    top: 47.92683077%;
    left: 96.436032%;
}
.mv_warap .mv_01_fig_01,
.mv_warap .mv_01_fig_02,
.mv_warap .mv_01_fig_03,
.mv_warap .mv_01_fig_04 {
	position: absolute;
	width: 65%;
    top: 14%;
    left: 29%;
}
.mv_warap .mv_01_bg_01,
.mv_warap .mv_01_bg_02,
.mv_warap .mv_01_bg_03,
.mv_warap .mv_01_bg_04,
.mv_warap .mv_01_fig_01,
.mv_warap .mv_01_fig_02,
.mv_warap .mv_01_fig_03,
.mv_warap .mv_01_fig_04 {
	opacity: 0;
}
.mv_warap .swiper-slide[class*=-active] .mv_01_bg_01,
.mv_warap .swiper-slide[class*=-active] .mv_01_fig_01 {
	animation: mv_01-fig-fadeInOut 3s 0s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_01_bg_02,
.mv_warap .swiper-slide[class*=-active] .mv_01_fig_02 {
	animation: mv_01-fig-fadeIn 1s 1.5s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_01_bg_03,
.mv_warap .swiper-slide[class*=-active] .mv_01_fig_03 {
	animation: mv_01-fig-fadeIn 1s 2.5s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_01_bg_04,
.mv_warap .swiper-slide[class*=-active] .mv_01_fig_04 {
	animation: mv_01-fig-fadeIn 1s 3.5s var(--easing) both;
}
.mv_warap .mv_02_fig_text {
	position: absolute;
}
.mv_warap .mv_02_fig_01,
.mv_warap .mv_02_fig_02,
.mv_warap .mv_02_fig_03,
.mv_warap .mv_02_fig_04,
.mv_warap .mv_02_fig_05,
.mv_warap .mv_02_fig_06,
.mv_warap .mv_02_fig_07,
.mv_warap .mv_02_fig_08,
.mv_warap .mv_02_fig_09,
.mv_warap .mv_02_fig_10,
.mv_warap .mv_02_fig_11,
.mv_warap .mv_02_fig_12,
.mv_warap .mv_02_fig_13,
.mv_warap .mv_02_fig_14,
.mv_warap .mv_02_fig_15,
.mv_warap .mv_02_fig_16 {
	position: absolute;
	opacity: 0;
}
.mv_warap .mv_02_fig_text {
	width: 36.3%;
    top: 33.2%;
    left: 33.1%;
}
.mv_warap .mv_02_fig_01 {
	width: 35.1%;
	top: 1.4%;
	left: 2.9%;
}
.mv_warap .mv_02_fig_02 {
	width: 10.0%;
	top: 6.5%;
	left: 40.4%;
	z-index: 1;
}
.mv_warap .mv_02_fig_03 {
	width: 25.6%;
	top: 3.1%;
	left: 46.9%;
}
.mv_warap .mv_02_fig_04 {
	width: 22.9%;
	top: 3.4%;
	left: 73.1%;
	z-index: 1;
}
.mv_warap .mv_02_fig_05 {
	width: 10.1%;
	top: 19.4%;
	left: 2.0%;
}
.mv_warap .mv_02_fig_06 {
	width: 18.3%;
	top: 27.7%;
	left: 10.2%;
	z-index: 1;
}
.mv_warap .mv_02_fig_07 {
	width: 11.3%;
	top: 42.6%;
	left: 16.6%;
}
.mv_warap .mv_02_fig_08 {
	width: 20.5%;
	top: 20.8%;
	left: 61.2%;
}
.mv_warap .mv_02_fig_09 {
	width: 14.6%;
	top: 14.0%;
	left: 82.6%;
}
.mv_warap .mv_02_fig_10 {
	width: 16.5%;
	top: 34.6%;
	left: 71.1%;
}
.mv_warap .mv_02_fig_11 {
	width: 11.8%;
	top: 60.6%;
	left: 3.3%;
}
.mv_warap .mv_02_fig_12 {
	width: 24.3%;
	top: 62.7%;
	left: 72.8%;
	z-index: 1;
}
.mv_warap .mv_02_fig_13 {
	width: 28.0%;
    top: 79.1%;
    left: 3.1%;
}
.mv_warap .mv_02_fig_14 {
	width: 15.3%;
	top: 56.4%;
	left: 28.5%;
}
.mv_warap .mv_02_fig_15 {
	width: 22.7%;
	top: 72.8%;
	left: 47.1%;
	z-index: 1;
}
.mv_warap .mv_02_fig_16 {
	width: 35.5%;
    top: 74.0%;
    left: 62.9%;
}

.mv_warap .swiper-slide[class*=-active] .mv_02_fig_07
{
	animation: mv_02-fadeIn 3s 0.4s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_10
{
	animation: mv_02-fadeIn 3s 0.8s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_05,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_14
{
	animation: mv_02-fadeIn 2.5s 1.2s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_09,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_15
{
	animation: mv_02-fadeIn 2.5s 1.6s var(--easing) both;
}

.mv_warap .swiper-slide[class*=-active] .mv_02_fig_04,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_13
{
	animation: mv_02-fadeIn 2.5s 2s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_02,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_16
{
	animation: mv_02-fadeIn 2.5s 2.4s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_03,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_06,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_11
{
	animation: mv_02-fadeIn 2.5s 2.8s var(--easing) both;
}
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_01,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_08,
.mv_warap .swiper-slide[class*=-active] .mv_02_fig_12
{
	animation: mv_02-fadeIn 2.5s 3.2s var(--easing) both;
}
@keyframes mv_01-fig-fadeInOut {
0% {
	opacity: 0;
}
50% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
@keyframes mv_01-fig-fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@keyframes mv_02-fadeIn {
0% {
	opacity: 0;
	filter: blur(5px);
	transform: scale(0.9);
}
100% {
	opacity: 1;
	filter: blur(0);
	transform: scale(1);
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
.mainvisual .mv_warap {
	max-width: 500px;
	width: 96%;
	margin: 0 auto;
	aspect-ratio: 160 / 253;
}
.mv_warap .swiper-pagination {
	gap: 8px;
}
.mv_warap .swiper-pagination-bullet {
	width: 35px;
	height: 10px;
}
.mv_warap .swiper-button-prev,
.mv_warap .swiper-button-next {
	top: auto;
	bottom: 0;
	transform:none;
	width: 4.4rem;
	height: 4.4rem;
}
.mv_warap .swiper-button-next {
	left: calc(100% - 4.4rem);
}
.mv_warap .slide-media {
	border-radius: 14px;
	aspect-ratio: 374 / 590;
}
.mv_warap .mv_01_bg_01,
.mv_warap .mv_01_bg_02,
.mv_warap .mv_01_bg_03,
.mv_warap .mv_01_bg_04 {
	border-radius: 14px;
}
.mv_warap .mv_01_text_1 {
	width: 71.24120321%;
    top: 5.232559322%;
    left: 6.862593583%;
}
.mv_warap .mv_01_text_2 {
	display: none;
}
.mv_warap .mv_01_text_2_smp {
	display: block;
	position: absolute;
	width: 62.47494652%;
            top: 77.169068%;
        left: 7.127272727%;
}
.mv_warap .mv_01_arrow {
	width: 3.744518717%;
        top: 94.460542%;
        left: 91.53537433%;
}
.mv_warap .mv_01_fig_01,
.mv_warap .mv_01_fig_02,
.mv_warap .mv_01_fig_03,
.mv_warap .mv_01_fig_04 {
	width: 94.6%;
	top: 36.8%;
	left: 2.9%;
}
.mv_warap .mv_02_fig_text {
	width: 85.8%;
	top: 38.5%;
	left: 7.1%;
}
.mv_warap .mv_02_fig_01 {
	width: 43.2%;
	top: 1.0%;
	left: 2.9%;
}
.mv_warap .mv_02_fig_02 {
	width: 19%;
        top: 11.5%;
        left: 47.9%;
}
.mv_warap .mv_02_fig_03 {
	width: 35.4%;
        top: 11.1%;
        left: 62.9%;
}
.mv_warap .mv_02_fig_04 {
	width: 45.9%;
	top: 1.7%;
	left: 52.1%;
}
.mv_warap .mv_02_fig_05 {
	width: 15.2%;
	top: 8.4%;
	left: 7%;
}
.mv_warap .mv_02_fig_06 {
	width: 27.3%;
	top: 31.7%;
	left: 2.2%;
}
.mv_warap .mv_02_fig_07 {
	width: 23.3%;
	top: 13.6%;
	left: 23.6%;
}
.mv_warap .mv_02_fig_08 {
	width: 50.5%;
	top: 27.8%;
	left: 49.2%;
}
.mv_warap .mv_02_fig_09 {
	width: 21.6%;
	top: 56%;
	left: 74.6%;
}
.mv_warap .mv_02_fig_10 {
	width: 27.1%;
	top: 57.8%;
        left: 2.1%;
}
.mv_warap .mv_02_fig_11 {
	width: 22.8%;
	top: 77.2%;
        left: 34%;
}
.mv_warap .mv_02_fig_12 {
	width: 40.3%;
    top: 62.4%;
        left: 31.8%;
}
.mv_warap .mv_02_fig_13 {
	width: 40.9%;
        top: 87.4%;
        left: 3.1%;
}
.mv_warap .mv_02_fig_14 {
	width: 25.3%;
        top: 67.4%;
        left: 60.5%;
}
.mv_warap .mv_02_fig_15 {
	width: 31.7%;
	top: 72.8%;
        left: 3.1%;
}
.mv_warap .mv_02_fig_16 {
	width: 40.6%;
        top: 87%;
        left: 55.8%;
}
}


/* -----------------------------------------------------------
	catch_wrap
----------------------------------------------------------- */
.catch_wrap {
	padding: 110px 0 40px;
}
.catch_wrap .inner {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.catch_wrap .bg {
	display: block;
	width: 107%;
	max-width: 1180px;
	position: absolute;
	right: 370px;
    top: 39%;
	transform: translateY(-50%);
	z-index: -1;
}

.catch_wrap .conbox {
	position: relative;
}
.catch_wrap .conbox .pic {
	width: 700px;
	margin-right: 0;
	margin-left: auto;
	display: block;
	border-radius: 20px;
	overflow: hidden;
}
.catch_wrap .conbox .ttlbox {
	position: relative;
	position: absolute;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
}
.catch_wrap .conbox .ttl {
	font-size: 35px;
	font-weight: 500;
	letter-spacing: 0.13em;
	line-height: 2.3;
	color: #231815;
}
.catch_wrap .conbox .ttl span {
	padding: 5px 16px;
	background: #fff000;
}
/*.catch_wrap .ttl .anima_wrap {
  position: relative;
  display: inline-block;
  
}
.catch_wrap .ttl .anima_wrap::before {
  animation: ttl_anima 2.6s cubic-bezier(0.22, 1, 0.36, 1) 2s forwards;
  background: #fff000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
}
.catch_wrap .ttl .anima_wrap .inn {
  display: inline-block;
  padding: 5px 16px;
  position: relative;
  z-index: 1;
}*/
 
/*@keyframes ttl_anima {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}*/
.catch_wrap .text {
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	color: #231815;
	margin-top: -3.7em;
	margin-left: 22px;
}


@media screen and (min-width: 768px) and (max-width: 1200px) {

.catch_wrap .conbox .pic {
	width: 51vw;
	margin-right: auto;
    margin-left: 320px;
}
.catch_wrap .conbox .ttl {
	font-size: 27px;
}
.catch_wrap .text {
	font-size: 14px;
	line-height: 1.5;
}
}
@media screen and (max-width: 767px) {
.catch_wrap {
	padding: 50px 0 30px;
}
.catch_wrap .bg {
	width: 100%;
	right: 35%;
    top: -30%;
	transform: none;
}
.catch_wrap .conbox {
	max-width: 480px;
	margin: 0 auto;
}
.catch_wrap .conbox .pic {
	border-radius: 8px;
}
.catch_wrap .conbox .ttlbox {
	position: relative;
	transform: none;
	margin-top: -1em;
	margin-left: 20px;
}
.catch_wrap .conbox .ttl {
	font-size: 20px;
	line-height: 1.8;
}
.catch_wrap .conbox .ttl span {
	padding: 0 10px;
}
.catch_wrap .text {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 10px;
	margin-left: 20px;
}
}

/* -----------------------------------------------------------
	catch_wrap .decobox
----------------------------------------------------------- */
.catch_wrap .decobox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .8s ease-in-out;
	filter: blur(6px);
	opacity: 0;
	transform: scale(1.4);
}
.catch_wrap._active .decobox {
	filter: blur(0);
	opacity: 1;
	transform: scale(1);
}
.catch_wrap .decobox .deco {
	position: absolute;
	background: #fff000;
}
.catch_wrap .decobox .deco.deco_st_1 {
	width: 18px;
	height: 18px;
}
.catch_wrap .decobox .deco.deco_st_2 {
	width: 35px;
	height: 35px;
}
.catch_wrap .decobox .deco.deco_it_1 {
	    top: -29px;
    left: 21px;
}
.catch_wrap .decobox .deco.deco_it_2 {
	    top: -50px;
    right: 5px;
}
.catch_wrap .decobox .deco.deco_it_3 {
	    top: -20px;
    right: 46px;
}
.catch_wrap .decobox .deco.deco_it_4 {
	    bottom: 20px;
    left: -87px;
}
.catch_wrap .decobox .deco.deco_it_5 {
	    top: -80px;
    left: 275px;
}
.catch_wrap .decobox .deco.deco_it_6 {
	top: -45px;
    left: 257px;
}
.catch_wrap .decobox .deco.deco_it_7 {
	    bottom: -6px;
    left: -19px;
}
.catch_wrap .decobox .deco.deco_it_8 {
	    bottom: -24px;
    left: -1px;
}
.catch_wrap .decobox .deco.deco_it_9 {
	    bottom: -40px;
    right: 85px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.catch_wrap .decobox .deco.deco_it_9 {
	    bottom: -20px;
}
}
@media screen and (max-width: 767px) {
.catch_wrap .decobox .deco.deco_st_1 {
	width: 10px;
	height: 10px;
	top: -15px;
    right: 15px;
}
.catch_wrap .decobox .deco.deco_st_2 {
	width: 25px;
	height: 25px;
}
.catch_wrap .decobox .deco.deco_it_3 {
	right: auto;
	left: 30px;
}
.catch_wrap .decobox .deco.deco_it_4 {
	left: auto;
    right: 0;
}
.catch_wrap .decobox .deco.deco_it_5 {
	top: -30px;
        left: 277px;
}
.catch_wrap .decobox .deco.deco_it_6 {
	    top: -5px;
    left: 302px;
}
.catch_wrap .decobox .deco.deco_it_7 {
	bottom: -5px;
    left: -25px;
}
.catch_wrap .decobox .deco.deco_it_8 {
	bottom: -14px;
    left: -15px;
}
.catch_wrap .decobox .deco.deco_it_9 {
	display: none;
}
}


/* -----------------------------------------------------------
	business_wrap
----------------------------------------------------------- */
.business_wrap {
	padding: 158px 0 0;
	background: #F0F0F0;
}
.business_wrap .inner {
	max-width: 1250px;
	width: 94%;
	margin: 0 auto;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: #0d76b5;
	display: flex;
}
.business_wrap .pic {
	width: 50%;
	overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}
.business_wrap .pic img {
	vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.business_wrap .conbox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	position: relative;
}
.business_wrap .conbox::before {
	display: block;
    content: '';
    position: absolute;
    top: 30px;
    right: 30px;
    width: 53px;
    height: 106px;
	background-image: url("../img/index/business_deco.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.business_wrap .conbox .conbox_inner {
	width: 90%;
	max-width: 495px;
}
.business_wrap .conbox .ttl {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
}
.business_wrap .conbox .ttl a {
	color: #fff;
}
.business_wrap .conbox .ttl a:hover {
	opacity: .7;
}
.business_wrap .conbox .text {
	font-size: 17px;
	color: #fff;
	line-height: 2;
	margin-bottom: 35px;
}
.business_wrap .conbox .link_list ul {
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
}
.business_wrap .conbox .link_list ul li {
	width: calc(50% - 10px);
	height: 40px;
}
.business_wrap .conbox .link_list ul li a {
	display: flex;
	justify-content: center;
    align-items: center;
	height: 40px;
	color: #004f97;
	font-size: 18px;
	font-weight: 700;
	background: #fff000;
	border-radius: 0 100px 100px 100px;
}
.business_wrap .conbox .link_list ul li a:hover {
	opacity: .7;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.business_wrap {
	padding: 90px 0 0;
}
.business_wrap .inner {
	height: 300px;
}
.business_wrap .pic {
	width: 40%;
}
.business_wrap .conbox {
	width: 60%;
}
.business_wrap .conbox::before {
	    width: 40px;
    height: 80px;
}
.business_wrap .conbox .ttl {
	font-size: 24px;
}
.business_wrap .conbox .text {
	font-size: 15px;
}
.business_wrap .conbox .link_list ul li a {
	font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.business_wrap {
	padding: 60px 0 0;
}
.business_wrap .inner {
	flex-wrap: wrap;
	border-radius: 10px;
}
.business_wrap .pic {
	width: 100%;
	height: 210px;
}
.business_wrap .conbox {
	width: 100%;
}
.business_wrap .conbox::before {
	width: 20px;
    height: 40px;
	top: 20px;
	right: 20px;
}
.business_wrap .conbox .conbox_inner {
	padding: 20px 0;
}
.business_wrap .conbox .ttl {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.business_wrap .conbox .text {
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}
.business_wrap .conbox .link_list ul {
	gap: 5px;
	max-width: 300px;
        margin: 0 auto;
}
.business_wrap .conbox .link_list ul li {
	width: 100%;
}
.business_wrap .conbox .link_list ul li a {
	font-size: 14px;
	height: 35px;
}
}

/* -----------------------------------------------------------
	about_wrap
----------------------------------------------------------- */
.about_wrap {
	padding: 100px 0 0;
}
.about_wrap .inner {
	max-width: 1843px;
	width: 100%;
	height: 751px;
	margin: 0 auto;
	position: relative;
	/*overflow: hidden;*/
	display: flex;
	justify-content: center;
	aspect-ratio: 1843 / 715;
}
.about_wrap .conbox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 620px;
	position: relative;
}
.about_wrap .conbox::before {
	display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 92px;
    height: 41px;
	background-image: url("../img/index/about_deco.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.about_wrap .conbox .ttl {
	font-size: 30px;
	font-weight: 700;
	color: #0d76b5;
	letter-spacing: 0.08em;
	text-align: center;
	margin-bottom: 14px;
	width: 100%;
}
.about_wrap .conbox .ttl a {
	color: #0d76b5;
}
.about_wrap .conbox .ttl a:hover {
	opacity: .7;
}
.about_wrap .conbox .text {
	font-size: 17px;
	color: #000;
	line-height: 2;
	text-align: center;
	margin-bottom: 35px;
	width: 100%;
}
.about_wrap .conbox .link_list ul {
	display: flex;
	gap: 14px 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.about_wrap .conbox .link_list ul li {
	width: calc(50% - 10px);
	max-width: 300px;
	height: 40px;
}
.about_wrap .conbox .link_list ul li a {
	display: flex;
	justify-content: center;
    align-items: center;
	height: 40px;
	color: #004f97;
	font-size: 18px;
	font-weight: 700;
	background: #fff000;
	border-radius: 0 100px 100px 100px;
}
.about_wrap .conbox .link_list ul li a:hover {
	opacity: .7;
}
.about_wrap .pic_box_1,
.about_wrap .pic_box_2 {
	display: none;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.about_wrap {
	padding: 70px 0 0;
}
.about_wrap .inner {
	height: 560px;
}
.about_wrap .conbox .ttl {
	font-size: 24px;
}
.about_wrap .conbox .text {
	font-size: 15px;
}
.about_wrap .conbox .link_list ul li a {
	font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.about_wrap {
	padding: 20px 0 0;
}
.about_wrap .inner {
	flex-wrap: wrap;
	height: auto;
	aspect-ratio: auto;
}
.about_wrap .conbox {
	width: 94%;
	margin: 20px auto;
}
.about_wrap .conbox::before {
	top: 0;
	width: 45px;
    height: 20px;
}
.about_wrap .conbox .ttl {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.about_wrap .conbox .text {
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}
.about_wrap .conbox .link_list ul {
	gap: 5px;
	max-width: 300px;
        margin: 0 auto;
}
.about_wrap .conbox .link_list ul li {
	width: 100%;
}
.about_wrap .conbox .link_list ul li a {
	font-size: 14px;
	height: 35px;
}
.sp_box {
	display: block;
}
.about_wrap .pic_box_1,
.about_wrap .pic_box_2 {
	display: flex;
	gap: 5px;
	justify-content: center;
}
.about_wrap .pic_box_1 .pic_1,
.about_wrap .pic_box_1 .pic_2,
.about_wrap .pic_box_1 .pic_3,
.about_wrap .pic_box_2 .pic_1,
.about_wrap .pic_box_2 .pic_2,
.about_wrap .pic_box_2 .pic_3 {
	border-radius: 10px;
    overflow: hidden;
	height: 100%;
	position: relative;
	width: 100%;
}
.about_wrap .pic_box_1 .pic_1,
.about_wrap .pic_box_2 .pic_1 {
	border-radius: 0 10px 10px 0;
}
.about_wrap .pic_box_1 .pic_3,
.about_wrap .pic_box_2 .pic_3 {
	border-radius: 10px 0 0 10px;
}
.about_wrap .pic_box_1 img,
.about_wrap .pic_box_2 img {
	vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.about_wrap .pic_box_1 .pic_1 {
	aspect-ratio: 128 / 99;
	width: 28%;
}
.about_wrap .pic_box_1 .pic_2 {
	aspect-ratio: 67 / 33;
	width: 44%;
}
.about_wrap .pic_box_1 .pic_3 {
	aspect-ratio: 146 / 99;
	width: 32%;
}
.about_wrap .pic_box_2 .pic_1 {
	aspect-ratio: 73 / 33;
	width: 46%;
}
.about_wrap .pic_box_2 .pic_2 {
	aspect-ratio: 128 / 99;
	width: 27%;
}
.about_wrap .pic_box_2 .pic_3 {
	aspect-ratio: 128 / 99;
	width: 27%;
}
}


/* -----------------------------------------------------------
	
----------------------------------------------------------- */
.about_wrap .container {
	width: 1843px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	/*aspect-ratio: 1843 / 715;*/
	display: grid;
  grid-template-columns: 15.3% 15.3% 23% 13% 15.3% 15.3%;
  /*grid-template-rows: 26% 41% 26%;*/
  /*grid-template-rows: 38% 61% 38%;*/
  /*grid-template-rows: 196px 308px 196px;*/
  grid-template-rows: 192px 320px 192px;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas:
    "a-1 a-2 a-3 a-3 a-4 a-5"
    "b-1 a-2 b-3 b-3 b-4 a-5"
    "b-1 c-2 c-2 c-2 b-4 c-5";
}
.about_wrap .a-2 { grid-area: a-2; }
.about_wrap .a-3 {  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  grid-template-rows: 1fr;
  gap: 0px 10px;
  grid-auto-flow: row;
  grid-template-areas:
   "a-3-1 a-3-2";
  grid-area: a-3;
}
.about_wrap .a-3-1 { grid-area: a-3-1; }
.about_wrap .a-3-2 { grid-area: a-3-2; }
.about_wrap .a-5 { grid-area: a-5; }
.about_wrap .b-1 { grid-area: b-1; }
.about_wrap .b-4 { grid-area: b-4; }
.about_wrap .b-3 { grid-area: b-3; }
.about_wrap .c-2 {  display: grid;
  grid-template-columns: 1.4fr 0.8fr 0.8fr;
  grid-template-rows: 1fr;
  gap: 0px 10px;
  grid-auto-flow: row;
  grid-template-areas:
    "c-2-1 c-2-2 c-2-3";
  grid-area: c-2;
}
.about_wrap .c-2-1 { grid-area: c-2-1; }
.about_wrap .c-2-2 { grid-area: c-2-2; }
.about_wrap .c-2-3 { grid-area: c-2-3; }
.about_wrap .a-1 { grid-area: a-1; }
.about_wrap .a-4 { grid-area: a-4; }
.about_wrap .c-5 { grid-area: c-5; }
.about_wrap .b-3 {
	display: flex;
    align-items: center;
	justify-content: center
}
.about_wrap .i_box {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.about_wrap .i_box img {
	vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.about_wrap .flip_item {
	border-radius: 20px;
	overflow: hidden;
	position: absolute;
	transition: all .2s;
	transition-timing-function: ease-in-out;
	width: 100%;
    height: 100%;
}
.about_wrap .flip_true [data-animate-number="1"],
.about_wrap .flip_false [data-animate-number="2"] {
	transform: rotateY(90deg) scale(0.9);
	transition-delay: 0s;
}
.about_wrap .flip_true [data-animate-number="2"],
.about_wrap .flip_false [data-animate-number="1"] {
	transform: rotateY(0deg) scale(1);
	transition-delay: .2s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.about_wrap .container {
	width: 1413px;
	grid-template-rows: 153px 245px 153px;
}
}
@media screen and (max-width: 767px) {
.about_wrap .container {
	display: none;
	    width: 100%;
		position: static;
		transform: none;
}
.about_wrap .i_box {
	display: none;
}
.about_wrap .b-3 {
	flex-wrap: wrap;
}
.about_wrap .flip_item {
	border-radius: 0;
}
}


/* -----------------------------------------------------------
	benefits_wrap
----------------------------------------------------------- */
.benefits_wrap {
	padding: 100px 0 0;
	position: relative;
}
.benefits_wrap::before {
	display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100% - 200px);
	background-color: #F0F0F0;
	z-index: -1;
}
.benefits_wrap .inner {
	max-width: 1250px;
	width: 94%;
	margin: 0 auto;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: #0d76b5;
	display: flex;
	flex-direction: row-reverse;
}
.benefits_wrap .pic {
	width: 50%;
	overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}
.benefits_wrap .pic img {
	vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.benefits_wrap .pic::before {
	display: block;
    content: '';
    position: absolute;
    bottom: 40px;
    right: 35px;
    width: 351px;
    height: 64px;
	background-image: url("../img/index/benefits_deco.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.benefits_wrap .conbox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	position: relative;
}
.benefits_wrap .conbox .conbox_inner {
	width: 90%;
	max-width: 495px;
}
.benefits_wrap .conbox .ttl {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
}
.benefits_wrap .conbox .ttl a {
	color: #fff;
}
.benefits_wrap .conbox .ttl a:hover {
	opacity: .7;
}
.benefits_wrap .conbox .text {
	font-size: 17px;
	color: #fff;
	line-height: 2;
	margin-bottom: 35px;
}
.benefits_wrap .conbox .link_list ul {
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
}
.benefits_wrap .conbox .link_list ul li {
	width: calc(50% - 10px);
	height: 40px;
}
.benefits_wrap .conbox .link_list ul li a {
	display: flex;
	justify-content: center;
    align-items: center;
	height: 40px;
	color: #004f97;
	font-size: 18px;
	font-weight: 700;
	background: #fff000;
	border-radius: 0 100px 100px 100px;
}
.benefits_wrap .conbox .link_list ul li a:hover {
	opacity: .7;
}
.benefits_wrap .conbox .link_list ul li._long {
	width: auto;
}
.benefits_wrap .conbox .link_list ul li._long a {
	padding: 0 30px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.benefits_wrap::before {
	height: calc(100% - 140px);
}
.benefits_wrap .inner {
	height: 300px;
}
.benefits_wrap .pic {
	width: 40%;
}
.benefits_wrap .pic::before {
	bottom: 20px;
    right: 15px;
    width: 180px;
    height: 33px;
}
.benefits_wrap .conbox {
	width: 60%;
}
.benefits_wrap .conbox .ttl {
	font-size: 24px;
}
.benefits_wrap .conbox .text {
	font-size: 15px;
}
.benefits_wrap .conbox .link_list ul li a {
	font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.benefits_wrap {
	padding: 70px 0 0;
}
.benefits_wrap::before {
	height: calc(100% - 100px);
}
.benefits_wrap .inner {
	flex-wrap: wrap;
	border-radius: 10px;
}
.benefits_wrap .pic {
	width: 100%;
	height: 210px;
}
.benefits_wrap .pic::before {
	bottom: 20px;
    right: 25px;
            width: 134px;
        height: 26px;
}
.benefits_wrap .conbox {
	width: 100%;
}
.benefits_wrap .conbox .conbox_inner {
	padding: 20px 0;
}
.benefits_wrap .conbox .ttl {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.benefits_wrap .conbox .text {
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}
.benefits_wrap .conbox .link_list ul {
	gap: 5px;
	max-width: 300px;
        margin: 0 auto;
}
.benefits_wrap .conbox .link_list ul li,
.benefits_wrap .conbox .link_list ul li._long {
	width: 100%;
}
.benefits_wrap .conbox .link_list ul li a {
	font-size: 14px;
	height: 35px;
}
.benefits_wrap .conbox .link_list ul li._long a {
	padding: 0;
}
}

/* -----------------------------------------------------------
	description_wrap
----------------------------------------------------------- */
.description_wrap {
	padding: 100px 0;
	position: relative;
}
.description_wrap::before {
	display: block;
    content: '';
    position: absolute;
    bottom: 0px;
	left: 0;
    width: 100%;
    height: calc(100% + 200px);
	background-image: url("../img/index/description_bg.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}
.description_wrap .inner {
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	padding: 80px 0 100px;
	background: #fff;
	border-radius: 17px;
	position: relative;
}
.description_wrap .inner::before {
	display: block;
    content: '';
    position: absolute;
    top: 30px;
    left: 30px;
    width: 115px;
    height: 88px;
	background-image: url("../img/index/description_deco.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}
.description_wrap .inner .conbox {
	max-width: 730px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.description_wrap .inner .conbox .ttl {
	font-size: 30px;
	font-weight: 700;
	color: #0d76b5;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
	text-align: center;
}
.description_wrap .inner .conbox .text {
	font-size: 17px;
	color: #000000;
	line-height: 2;
	margin-bottom: 50px;
	text-align: center;
}
.description_wrap .inner .conbox .link_list ul {
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
}
.description_wrap .inner .conbox .link_list ul li {
	width: calc(50% - 10px);
	height: 40px;
}
.description_wrap .inner .conbox .link_list ul li a {
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    height: 55px;
    width: 350px;
    background: linear-gradient(to right, rgba(13, 118, 181, 1) 0%, rgba(18, 101, 167, 1) 46.14%, rgba(33, 76, 148, 1) 100%);
    border-radius: 100px;
}
.description_wrap .inner .conbox .link_list ul li a:hover {
	opacity: .7;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.description_wrap::before {
	height: calc(100% + 140px);
}
.description_wrap .inner {
	padding: 50px 0 90px;
}
.description_wrap .inner .conbox .ttl {
	font-size: 24px;
}
.description_wrap .inner .conbox .text {
	font-size: 15px;
}
.description_wrap .inner .conbox .link_list ul li a {
	font-size: 20px;
	width: auto;
}
}
@media screen and (max-width: 767px) {
.description_wrap {
	padding: 50px 0;
}
.description_wrap::before {
	height: calc(100% + 100px);
}
.description_wrap .inner {
	padding: 30px 0 40px;
}
.description_wrap .inner::before {
	    top: 10px;
    left: 10px;
    width: 65px;
    height: 56px;
}
.description_wrap .inner .conbox .ttl {
	font-size: 18px;
	margin-bottom: 10px;
}
.description_wrap .inner .conbox .text {
	font-size: 14px;
	        margin-bottom: 20px;
}
.description_wrap .inner .conbox .link_list ul li {
	width: 100%;
}
.description_wrap .inner .conbox .link_list ul li a {
	font-size: 16px;
	width: auto;
	height: 45px;
}
}

/* -----------------------------------------------------------
	other_wrap
----------------------------------------------------------- */
.other_wrap {
	padding: 120px 0 0;
}
.other_wrap .inner {
	max-width: 1250px;
	width: 94%;
	margin: 0 auto;
	display: flex;
	gap: 50px;
}
.other_wrap .inner .item {
	width: 100%;
}
.other_wrap a {
	display: flex;
	height: 300px;
    border-radius: 18px;
    overflow: hidden;
	position: relative;
}
.other_wrap a img {
	vertical-align: middle;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: all .4s ease-in-out;
}
.other_wrap a:hover img {
	transform: scale(1.04);
}
.other_wrap a .ttl {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	line-height: 1.5;
    letter-spacing: 0.07em;
	position: absolute;
	top: 50%;
    left: 25px;
	transform: translateY(-50%);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.other_wrap .inner {
	gap: 20px;
}
.other_wrap a {
	height: 250px;
}
.other_wrap a .ttl {
	font-size: 25px;
}
}
@media screen and (max-width: 767px) {
.other_wrap {
	padding: 50px 0 0;
}
.other_wrap .inner {
	flex-wrap: wrap;
	gap: 10px;
}
.other_wrap a {
	height: 100px;
}
.other_wrap a .ttl {
	font-size: 16px;
}
}

/* -----------------------------------------------------------
	koto-kun_wrap
----------------------------------------------------------- */
.koto-kun_wrap {
	padding: 130px 0 0;
}
.koto-kun_wrap .inner {
	max-width: 1250px;
	width: 94%;
	margin: 0 auto;
	display: flex;
	gap: 20px;
	justify-content: center;
}
.koto-kun_wrap .inner .chara_box {
	display: flex;
	gap: 0;
	margin-left: 80px;
}
.koto-kun_wrap .inner .chara_box .chara_text_1 {
	margin-top: -6px;
	margin-bottom: 38px;
}
.koto-kun_wrap .inner .chara_box .chara_text_1 .item {
	width: 269px;
}
.koto-kun_wrap .inner .chara_box .chara_text_2 {
	margin-bottom: 7px;
}
.koto-kun_wrap .inner .chara_box .chara_text_2 .item {
	width: 275px;
}
.koto-kun_wrap .inner .chara_box .chara_text_3 .item {
	width: 118px;
}
.koto-kun_wrap .inner .chara_box .chara_text_3 .arw {
	width: 40px;
}
.koto-kun_wrap .inner .chara_box .chara_text_3 a {
	display: flex;
	gap: 14px;
	transition: all .3s ease-in-out;
}
.koto-kun_wrap .inner .chara_box .chara_text_3 a:hover {
	gap: 18px;
}
.koto-kun_wrap .inner .chara_box .chara {
	width: 454px;
}
.koto-kun_wrap .inner .text_box .ttl {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #0D76B5;
	line-height: 1;
	margin-top: -5px;
	margin-bottom: 20px;
}
.koto-kun_wrap .inner .text_box .text {
	font-size: 17px;
	line-height: 2;
	letter-spacing: 0.08em;
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
.koto-kun_wrap .inner .chara_box {
	margin-left: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.koto-kun_wrap .inner .chara_box {
	margin-left: 0;
}
.koto-kun_wrap .inner .chara_box .chara_text_1 {
	margin-top: -30px;
}
.koto-kun_wrap .inner .text_box .ttl {
	font-size: 24px;
}
.koto-kun_wrap .inner .text_box .text {
	font-size: 15px;
	line-height: 1.8;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.koto-kun_wrap .inner .chara_box .chara_text_1 {
	margin-bottom: 10px;
}
.koto-kun_wrap .inner .chara_box .chara_text_1 .item {
	width: 239px;
}
.koto-kun_wrap .inner .chara_box .chara {
	width: 374px;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.koto-kun_wrap {
	padding: 80px 0 40px;
}
.koto-kun_wrap .inner {
	flex-wrap: wrap;
	gap: 25px;
}
.koto-kun_wrap .inner .chara_box .chara {
	width: 300px;
}
.koto-kun_wrap .inner .text_box {
	display: flex;
	gap: 20px;
    align-items: center;
}
.koto-kun_wrap .inner .text_box .ttl {
	margin-bottom: 0;
}
.koto-kun_wrap .inner .text_box .text {
	line-height: 1.6;
}
.koto-kun_wrap .inner .text_box .text ._br {
	display: none;
}
}
}
@media screen and (max-width: 767px) {
.koto-kun_wrap {
	padding: 30px 0 30px;
}
.koto-kun_wrap .inner {
	flex-wrap: wrap;
	gap: 30px;
}
.koto-kun_wrap .inner .chara_box {
	max-width: 500px;
	margin-left: 0;
	position: relative;
}
.koto-kun_wrap .inner .chara_box .chara_text {
	width: 50%;
}
.koto-kun_wrap .inner .chara_box .chara_text_1 {
	margin-top: 0;
	width: 90%;
}
.koto-kun_wrap .inner .chara_box .chara_text_2 {
	position: absolute;
    bottom: 7%;
    width: 61%;
}
.koto-kun_wrap .inner .chara_box .chara_text_1 .item,
.koto-kun_wrap .inner .chara_box .chara_text_2 .item {
	width: 100%;
}
.koto-kun_wrap .inner .chara_box .chara_text_2 .item {
	max-width: 270px;
}
.koto-kun_wrap .inner .chara_box .chara_text_3 {
	position: absolute;
    bottom: -7%;
    width: 100%;
}
.koto-kun_wrap .inner .chara_box .chara_text_3 .item {
	width: 26%;
	max-width: 120px;
}
.koto-kun_wrap .inner .chara_box .chara_text_3 .arw {
	width: 8%;
	max-width: 32px;
}
.koto-kun_wrap .inner .chara_box .chara {
	width: 50%;
	padding-top: 34px;
}
.koto-kun_wrap .inner .text_box {
	text-align: center;
}
.koto-kun_wrap .inner .text_box .ttl {
	font-size: 18px;
	margin-bottom: 10px;
}
.koto-kun_wrap .inner .text_box .text {
	font-size: 14px;
	line-height: 1.6;
}
}

/* modal */
.koto-kun_modal_wrap  {
	display: none;
}
.item_modal {
	width: 90%;
	max-width: 600px;
	padding: 35px 30px;
	overflow: initial;
	border-radius: 12px;
}
.item_modal .fancybox-close-small {
	width: 46px;
	height: 46px;
	padding: 0;
	background: #fff;
	border-radius: 100%;
	right: -20px;
	top: -20px;
	opacity: 1;
}
.item_modal .fancybox-button svg path {
	fill: #0d76b5;
}
.item_modal .dite_wrap {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.item_modal .dite_wrap .para_box .text_box {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 15px;
}
.item_modal .dite_wrap .para_box .text_box .arw {
	width: 40px;
}
.item_modal .dite_wrap .para_box .text_box .ttl {
	font-size: 22px;
	font-weight: 700;
	color: #0D76B5;
}
.item_modal .dite_wrap .para_box .text_box .text {
	line-height: 2.2;
	width: 100%;
}
.item_modal .dite_wrap .para_box .text_box .list {
	text-indent: -1em;
	padding-left: 1em;
}
.item_modal .dite_wrap .para_box._in_chara {
	display: flex;
	justify-content: space-between;
}
.item_modal .dite_wrap .para_box._in_chara .text_box {
	width: calc(100% - 180px);
}
.item_modal .dite_wrap .para_box .chara_2 {
	width: 150px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

}
@media screen and (max-width: 767px) {
.field_wrap .fancybox-close-small {
	width: 32px;
	height: 32px;
	right: -10px;
	top: -10px;
}
.fancybox-slide--html {
	padding: 20px;
}
.item_modal {
	padding: 15px;
}
.item_modal .dite_wrap {
	gap: 15px;
}
.item_modal .dite_wrap .para_box .text_box {
	gap: 5px 8px;
}
.item_modal .dite_wrap .para_box .text_box .arw {
	width: 30px;
}
.item_modal .dite_wrap .para_box .text_box .ttl {
	font-size: 18px;
}
.item_modal .dite_wrap .para_box .text_box .text {
	line-height: 1.7;
}
.item_modal .dite_wrap .para_box._in_chara {
	flex-wrap: wrap;
    justify-content: center;
	gap: 10px;
}
.item_modal .dite_wrap .para_box._in_chara .text_box {
	width: 100%;
}
.item_modal .dite_wrap .para_box .chara_2 {
	width: 100px;
}
}