@charset "UTF-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	color:#222222;
	background:#FFFFFF;
	font-size:13px;
	font-weight:500;
	line-height: 1.5;
	overflow-x:hidden;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: 100%;
	font-display: swap;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.en{
	font-family: "Montserrat", sans-serif;
}
.din{
	font-family: "din-2014", sans-serif;
}

body.open, body.modaal-noscroll{
	overflow: hidden;
}
input, textarea {
    border-radius: 0;
    outline: none;
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
    -webkit-border-radius : 0;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}

img{
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}

a {
	color:#333;
	text-decoration:none;
	transition: all 0.3s ease-in-out 0s;
}

a:hover {
	text-decoration:none;
}
.flex_wrap{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
}
.flex_wrap_between{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex_wrap_center{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	justify-content: center;
}
.flex_wrap_middle{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	align-items: center;
}

.sp{display:none !important;}
.note{font-size:12px;}
.invew{
	position: relative;
	opacity: 0;
	transition: all 0.8s ease-in-out 0s;
}
.invew.fire{
	opacity: 1;
}

/************************
header
************************/
header{
	position: fixed;
	width: 100%;
	z-index: 100;
	transition: all 0.3s ease-in-out 0s;
}
header.fix{
	background: #fff;
}
header .logo{
	width: clamp(116px, 8.2vw, 133px);
	padding: clamp(14px, 1vw, 16px) 0;
	margin-left: 20px;
	transition: all 0.3s ease-in-out 0s;
}
.inner_header{
	margin: auto;
	width: 100%;
	height: 100%;
	position: relative;
	align-items: center;
}
.gnav{
	margin-right: 20px;
}
.gnav a:hover{
	opacity: .5;
}

.hd_btarea{
	gap:16px;
}
.btn_head a{
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 700;
	background: #FF9900;
	color: #fff;
	height: clamp(52px, 3.7vw, 60px);
	width: clamp(264px, 18.8vw, 300px);
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:clamp(8.8px, .6vw, 10px);
	border-radius: 100vh;
}
.btn_head a i{
	width: clamp(26px, 1.8vw, 31px);
	display: inline-block;
}
.h_b_s{
	display: block;
	font-size: 10px;
}
.btn_head a:hover{
	opacity: .5;
}
.bh_2 a{
	background: #5E85B9;
}
/************************
btn
************************/
.btn{
	width: 100%;
	max-width: 422px;
	margin: auto;
}
.btn a{
	display: block;
	text-align: center;
	padding: 26px 30px 25px 10px;
	color: #fff;
	background: #FF9900;
	border-radius: 100vh;
	position: relative;
	font-weight: 700;
	font-size: 22px;
}
.btn a i{
	margin-right: 16px;
	position: relative;
	top: -5px;
}
.btn_2 a{
	background: #5E85B9;
}
.btn a::after{
	content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(45deg);
	box-shadow: 0px 4px 11px #00000029;
}
.btn a:hover{
	opacity: .5;
}
.btn p{
	text-align: center;
	margin-bottom: -20px;
}
.btn p span{
	display: inline-block;
	border: 2px solid #FF9900;
	background: #fff;
	color: #FF9900;
	position: relative;
	border-radius: 100vh;
	z-index: 2;
	font-size: 16px;
	font-weight: 700;
	padding: 4px 20px;
}
.btn p span::after{
	content: '';
    display: inline-block;
    width: 18px;
    height: 11px;
    margin: auto;
	background: #fff;
	clip-path: polygon(0 0, 50% 100%, 100% 0%);
	bottom: -10px;
	left: 0;
	right: 0;
	position: absolute;
}
.btn_2 p span{
	color: #5E85B9;
	border-color: #5E85B9;
}


.main_wrap{
	padding-top: 0;
	width: 100%;
	overflow: hidden;
}
.top_area{
	background: url("../img/bg_top.webp") top / cover;
}
/************************
mv
************************/
.mv{
	position: relative;
	padding: clamp(114px, 8vw, 130px) 32px clamp(44px, 3.1vw, 50px);
}
.inner_mv{
	gap:0 clamp(36px, 2.5vw, 46px);
	max-width: clamp(1174px, 84vw, 100%);
	margin: auto;
}
.mv_disc{
	width: calc(52% - clamp(36px, 2.5vw, 46px));
}
.mv_t_area{
	max-width: clamp(475px, 34vw, 540px);
	margin: auto;
	color: #34629A;
}
.mv_t_area p{
	font-size: clamp(18px, 1.28vw, 22px);
	font-weight: 400;
	margin-bottom: 8px;
}
.mv_t_area p span{
	border-bottom: 2px dotted #34629A;
}
.mv_t_area h1{
	font-size: clamp(48px, 3.4vw, 56px);
	font-weight: 900;
	line-height: 1.2;
}
.mv_t_area h1 .s{
	font-size: clamp(35px, 2.5vw, 40px);
}
.mv_t_area h1 .m{
	font-size: clamp(42px, 3vw, 50px);
}
.inner_mv .vd{
	width: 44%;
}
.videomv{
	width: 100%;
}
.movie_iframe{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.list_mv{
	gap:0 4.9%;
	margin: 40px 0 30px;
}
.list_mv li{
	width: 29%;
	max-width: 180px;
}

.btn_mv{
	margin: auto;
	gap:clamp(13px, .9vw, 16px);
	text-align: center;
}
.btn_mv .btn{
	margin: 0;
	max-width: clamp(267px, 19vw, 380px);
}
.btn_mv .btn a i{
width: clamp(57px, calc(3.1rem + 2.2vw), 80px);
	top: -2px;
	display: inline-block;
	margin-right: 8px;
}
.btn_mv .btn a{
	font-size: clamp(14px, 1.1vw, 18px);
	/* padding: clamp(17px, 1.2vw, 20px) clamp(26px, 1.8vw, 30px) clamp(17px, 1.2vw, 20px) clamp(8px, .5vw, 10px); */
		padding: clamp(17px, 1.2vw, 20px) clamp(8px, .5vw, 10px) clamp(17px, 1.2vw, 20px) clamp(8px, .5vw, 10px);
	background: linear-gradient(to right, #FF9900, #FF5722);
	border: solid 3px #fff;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	display: flex;
    align-items: center;
    justify-content: center;
}
.btn_mv .btn_2 a{
	background: linear-gradient(to right, #5E85B9, #0c63cd);
}
.btn_mv .btn a::after{
	display: none;
}


.btn_mv .btn p{
	/* margin-bottom: clamp(-10px, .7vw, -13px); */
	margin-bottom: -15px;
}
.btn_mv .btn p span{
	font-size: clamp(10px, .7vw, 12px);
	padding: clamp(2px, .1vw, 4px) 20px;
}
.btn_mv .btn p span::after{
	width: 10px;
	height: 6px;
	bottom: -5px;
}

.sec_logo_area h2{
	text-align: center;
	font-size: clamp(19px, 1.3vw, 24px);
	color: #34629A;
	margin-bottom: clamp(8px, .5vw, 10px);
}
.sec_logo_area h2 span{
	font-size: clamp(31px, 2.2vw, 38px);
}
.sec_logo_area figure{
	padding: 0 16px;
}
.sec_logo_area figure img{
	width: clamp(154px, 11vw, 192px);
}
.sd_logo{
	background: #fff;
	height: 104px;
}

.def_sec{
	padding:90px 0;
}
.def_sec h2, .sub_main h1{
	text-align: center;
	font-size: 24px;
	margin-bottom: 48px;
	font-weight: 900;
	position: relative;
	color: #34629A;
	letter-spacing: 1.3px;
}
.def_sec h2 span, .sub_main h1 span{
	display: block;
	line-height: 1.2;
}
.def_sec h2 span.en, .sub_main h1 span.en{
	font-size: 91px;
	color: rgba(198, 215, 238, .32);
	font-weight: 700;
}
.def_sec h2 span.ja, .sub_main h1 span.ja{
	margin-top: -46px;
}
.inner_1000{
	margin: auto;
	max-width: 800px;
	width: 90%;
}

.case_wrap p{
	line-height: 1.8;
	text-align: center;
	margin-bottom: 60px;
}
.case_wrap ul{
	gap:32px 6%;
}
.case_wrap ul li{
	width: 47%;
	max-width: 311px;
}
.case_wrap ul li img{
	filter: drop-shadow(0 0 13px #00000029);
}


.sec_voice{
	background: url("../img/bg_voice.webp") center top / cover;
}
.def_sec.sec_voice h2 span.en, .def_sec.sec_flow h2 span.en{
	color: rgba(255, 255, 255, .52);
}
.inner_1344{
	margin: auto;
	max-width: 1024px;
	width: 90%;
}
.wrap_voice{
	padding: 0 14px;
	width: 340px;
	height: 100%;
}
.inner_voice{
	background: #fff;
	padding: 24px;
	border-radius: 16px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.16);
	height: 100%;
}
.inner_voice figure{
	margin-bottom: 14px;
	text-align: center;
}
.inner_voice figure img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.name_co{
	background: rgba(54, 137, 186, 1);
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	padding: 5px;
	margin-bottom: 19px;
}
.name_co span{
	font-size: 11px;
}
.inner_voice h3{
	color: #3689BA;
	font-weight: 700;
	text-align: center;
	margin-bottom: 19px;
}



.cta{
	background: url("../img/bg_cv.webp") no-repeat bottom center / cover;
	padding: 48px 0 68px;
	text-align:center;
}
.cta h2{
	font-size: 29px;
	color: #34629A;
	margin-bottom: 19px;
	font-weight: 700;
}
.lead_ct{
	font-size: 16px;
	margin-bottom: 32px;
}

.btn_cta {
    margin: auto;
    gap: clamp(32px, 5.5vw, 60px);
    text-align: center;
}
.btn_cta .btn {
    margin: 0;
    max-width: clamp(267px, 19vw, 370px);
}
.btn_cta .btn a {
	background: none;
	padding: 0;
}
.btn_cta .btn span {
	font-size: clamp(16px, 1.1vw, 18px);
    padding: clamp(17px, 1.2vw, 20px) clamp(26px, 1.8vw, 30px) clamp(17px, 1.2vw, 20px) clamp(8px, .5vw, 10px);
    display: block;
    text-align: center;
    color: #fff;
    background: #FF9900;
    border-radius: 100vh;
    position: relative;
    font-weight: 700;
}
.btn_cta .btn a::after {
	display: none;
}
.btn_cta .btn span::after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    box-shadow: 0px 4px 11px #00000029;
}
.btn_cta .btn span i {
    width: clamp(22px, 1.5vw, 31px);
    top: -2px;
    display: inline-block;
}
.btn_cta .btn figure {
    margin: 10px 0 30px;
}
.btn_cta .btn h3 {
    font-size: 18px;
    color: #FF9900;
}
.btn_cta .btn_2 h3 {
    color: #5E85B9;
}
.btn_cta .btn_2 span {
    background: #5E85B9;
}

.sec_point{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.sec_point::before, .sec_point::after{
	content: '';
	display: block;
	width: 500px;
	height: 500px;
	background: url("../img/point_bg.webp");
	position: absolute;
	z-index: -1;
	left: 50%;
}
.bg_03{
	display: block;
	width: 500px;
	height: 500px;
	background: url("../img/point_bg.webp");
	position: absolute;
	z-index: -1;
	left: 50%;
	bottom: 80px;
	transform: translateX(-960px);
}
.sec_point::before{
	top: -200px;
	transform: translateX(-960px);
}
.sec_point::after{
	top: 320px;
	transform: translateX(480px);
}
.list_point li:not(:last-child){
	margin-bottom: 94px;
}
.list_point li:nth-child(even){
	flex-direction: row-reverse;
}
.list_point li .num{
	position: absolute;
	top: -42px;
	left: 0;
	width: 153px;
}
.list_point li figure{
	width: 43.8%;
}
.point_cnt{
	width: 50%;
	position: relative;
	padding-top: 48px;
	padding-left: 128px;
}
.list_point li h3{
	font-size: 16px;
	color: #3689BA;
	margin-bottom: 20px;
}

.sec_prod{
	background: url("../img/bg_prod.webp") no-repeat center bottom / 100% 100%;
}
.sec_prod .inner_1000{
	max-width: 800px;
}
.lead_prod{
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 64px;
}
.list_prod{
	gap: 13px 8px;
}
.list_prod li{
	width: calc((100% - 32px) / 5);
}
.h3_prod{
	overflow: hidden;
	color: #3689BA;
	font-size: 27px;
	text-align: center;
	margin-bottom: 49px;
}
.h3_prod span{
	position: relative;
}
.h3_prod span::before, .h3_prod span::after{
	position: absolute;
	content: '';
	display: block;
	height: 2px;
	width: 500px;
	margin: auto;
	top: 0;
	bottom: 0;
	background:  #3689BA;
}
.h3_prod span::before{
	right: 0;
	margin-right: calc(100% + 46px);
}
.h3_prod span::after{
	left: 0;
	margin-left: calc(100% + 46px);
}
.list_yt{
	gap:80px 2.15%;
	margin-bottom: 108px;
}
.list_yt li{
	width: 31.9%;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.list_yt li a{
	position: relative;
	display: block;
}
.list_yt li a::after{
	position: absolute;
	content: '';
	width: 127px;
	height: 39px;
	background: url("../img/btn_play.webp") center / cover;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -20px;
}
.wrap_yt_cnt{
	padding: 28px 18px 18px;
}
.list_yt li a:hover{
	opacity: .5;
}
.list_yt li figure{
	margin-bottom: 10px;
}
.list_yt li table{
	width: 100%;
}
.list_yt li table th, .list_yt li table td{
	padding-top: 13px;
	vertical-align: top;
}
.list_yt li table th{
	width: 50px;
}
.list_yt li table th p{
	padding: 3px;
	color: #fff;
	background: #3689BA;
	text-align: center;
	font-size: 9px;
}
.list_yt li table td{
	padding-left: 6px;
}
.list_yt li table tr:first-of-type td{
	font-weight: 700;
}
.movie_wrap{
	margin: 0 auto 64px;
	position: relative;
	width: 100%;
	max-width: 670px;
	overflow: hidden;
    opacity: 0;
}
.movie_iframe{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.movie_iframe iframe{
	width: 100%;
	height: 100%;
}
.sec_prod .btn{
	margin: 140px auto 0;
	max-width: 460px;
}

.sec_flow{
	background: url("../img/bg_flow.webp") repeat center / 100% 100%;
	position: relative;
	z-index: 3;
}
.list_flow li{
	gap:19px;
	position: relative;
	z-index: 1;
}
.list_flow li figure{
	width: 131px;
}
.list_flow li:not(:last-child){
	margin-bottom: 38px;
	position: relative;
}
.list_flow li:not(:last-child)::after{
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 100%;
	background: #fff;
	left: 65px;
	top: 50px;
	z-index: -1;
}
.list_flow li .flow_disc{
	width: calc(100% - 150px);
}
.list_flow li .flow_disc h3{
	gap:10px;
	font-size: 19px;
	margin-bottom: 22px;
}
.list_flow li .flow_disc h3 span{
	color: #fff;
	background: #3689BA;
	border-radius: 100vh;
	text-align: center;
	width: 103px;
}

.sec_faq{
	background: #F8F8F8;
	padding-top: 200px;
	margin-top: -100px;
}
.sec_faq a{
	color: #308CEF;
	text-decoration: underline
}
.wrap_faq{
	max-width: 820px;
	margin: auto;
}
.wrap_faq dl:not(:last-of-type){
	margin-bottom: 39px;
}
.wrap_faq dl dt{
	padding: 3px 86px 3px 30px;
	position: relative;
	background: #fff;
	cursor: pointer;
	color: #3689BA;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid #3689BA;
}
.wrap_faq dl dt::after{
	position: absolute;
	content: '';
	display: block;
	background: url("../img/arrow_faq.webp");
	height: 13px;
	width: 31px;
	right: 30px;
	margin: auto;
	top: 0;
	bottom: 0;
	transform: translateX(0) translateY(0) translateZ(0px) rotateX(0) rotateY(0deg) rotateZ(0deg);
	transition: .5s;
}
.wrap_faq dl dt.is-active::after{
	transform: translateX(0) translateY(0) translateZ(0px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
}
.wrap_faq dl .i_q{
	display: block;
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	color: #3689BA;
	font-size: 38px;
	font-weight: 700;
	margin-right: 27px;
}
.wrap_faq dl dd .i_q{
	font-size: 19px;
}
.wrap_faq dl p{
	width: calc(100% - 64px);
	align-self: center;
}
.wrap_faq dl dd{
	padding: 24px;
	display: none;
	padding-left: 28px;
	padding-right: 8px;
	font-weight: 400;
}
.wrap_faq dl dd p{
	padding-left: 1em;
	position: relative;
}
.wrap_faq dl dd p .i_q{
	position: absolute;
	left: 0;
	line-height: 1;
}




.slick-track{
	display: flex;
}
.slick-slide {
  height: auto !important;
}
.slick-slide > div{
	height: 100%;
}
.slick-slide > div > li{
	height: 100%;
}
.wrap_slide, .inner_slide{
	height: 100%;
}

footer{
	background: #fff;
	padding: 64px 0 8px;
}
.fl_logo{
	margin-bottom: 58px;
	gap:80px;
	align-items: center;
}
.ft_copy{
	background: rgb(179,215,234);
	background: linear-gradient(90deg, rgba(179,215,234,1) 0%, rgba(210,229,240,1) 25%, rgba(244,245,248,1) 50%, rgba(250,242,235,1) 75%, rgba(243,229,197,1) 100%);
	padding: 10px 0;
	color: #34629A;
	text-align: right;
	font-size: 13px;
}
.ft_copy a{
	color: #34629A;
}

.sub_main{
	background: url("../img/bg_sub.webp") no-repeat center / 100% 100%;
	padding: 170px 0 100px;
}
.lead_conatct{
	text-align: center;
	line-height: 1.8;
}
.modaal-container{
	border-radius: 18px;
}
.modaal-content-container{
	padding-top: 58px;
	padding-bottom: 16px;
}
.modaal-close{
	position: absolute;
	top: 0;
}
.modaal-close:after, .modaal-close:before{
	background: #3689BA;
	width: 2px;
}
.modaal-close:focus, .modaal-close:hover{
	background: none;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{
	background: #3689BA;
}
.movie_iframe .hd_btarea{
	margin-top: 10px;
	display: block !important;
}

.list_achiev{
	gap: 70px 24px;
}
.list_achiev li{
	width: calc((100% - 48px) / 3);
	font-size: 13px;
	display: flex;
	flex-direction: column;
}
.list_achiev li h3{
	text-align: center;
	background: #34629A;
	border-radius:100vh;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 5px;
	margin-bottom: 24px;
}
.list_achiev li > figure{
	margin: auto 0 0;
}
.l_a_head{
	margin-bottom: 28px;
}
.l_a_head i{
	width: 76px;
}
.lah_cnt{
	width: calc(100% - 92px);
}
.lah_cnt h4{
	font-size: 15px;
	color: #34629A;
	margin-bottom: 8px;
}
.w_u{
	display: none;
}
.wrap_dl{
/*	margin-top: 86px;*/
}
.wrap_dl .form_wrap{
	width: 100%;
}
.dl_cnt{
}
.dl_cnt figure{
	margin-bottom: 38px;
}
.dl_ex{
	background: #fff;
	border: 2px dashed #34629A;
	padding: 20px 30px 30px;
}
.dl_ex h2{
	font-size: 20px;
	font-weight: 400;
	color: #34629A;
	margin-bottom: 16px;
}
.dl_ex p{
	max-width: 322px;
	margin: auto;
}
.movie_iframe .btn_head a{
	width: 100%;
	max-width: 450px;
	margin: auto;
}

.sec_comp {
	padding: 40px 0 0;
}
.comp_info {
	max-width: 420px;
	margin: 0 auto;
}
.comp_wrap {
	margin: 10px 0;
}

.footer_cta {
	display: none;
	position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(52, 98, 156, 0.95);
    height: 90px;
    z-index: 10;
}
.footer_cta .flex_wrap_between,.footer_cta .flex_wrap {
	flex-wrap: nowrap;
}
.footer_cta .flex_wrap_between {
	align-items: center;
	height: 90px;
}
.footer_cta .inner {
	margin: 0 auto;
    max-width: 1100px;
    width: 90%;
}
.footer_cta_txt {
	color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-left: 4%;
}
@media screen and (max-width: 1140px) {
    .footer_cta_txt {
        font-size: 1.4vw;
		margin-right: 4%;
    }
}
/********************************
sp
********************************/

@media screen and (max-width: 768px) {
	header .hd_btarea{position: fixed;bottom: 0;left: 0;width: 100%; gap:0;}
	.btn_head a i{width: 20px;}
}
@media screen and (max-width: 768px) {
	header .logo{width: 133px; padding: 0;margin: 0;}
	header.fix .logo{padding: 0;}
	.inner_header{padding: 10px 20px;}
	.gnav_list{height: calc(100vh - 68px);overflow: auto; display: block;}
	.gnav_list li{width: 100%;}
	.gnav_list li a{padding: 20px 0; display: block;}
	header .btn_head{width:50%;}
	header .btn_head a{width: 100%; font-size: 13px;padding: 10px 10px;line-height: 1; height: 56px; border-radius: 0;}
	.h_b_s{font-size: 9px; margin-bottom: 3px;}
}
@media screen and (max-width: 1808px) {
	.w_1808{display: none;}
	.w_u{display: flex;/*width: 100%;*/margin-left: 0%; width: calc(52% - clamp(36px, 2.5vw, 46px));justify-content: center;}
	.inner_mv{align-items: flex-end;}
}
@media screen and (max-width: 1460px) {
	.slick-prev{left: -40px;}
	.slick-next{right: -40px;}
/*	.wrap_voice{width: calc(90vw / 3);}*/
}
/*
@media screen and (max-width: 1400px) {
	.mv_t_area h1{font-size: 4vw;}
	.mv_t_area h1 .s{font-size: 2.6vw;}
	.mv_t_area h1 .m{font-size: 3vw;}
	.mv_t_area p{font-size: 1.8vw;}
}
*/

@media screen and (max-width: 768px) {
	body{font-size: 14px;}
	.note{font-size: 10px;}
	.sp{ display:block !important;}
	.pc{display:none !important;}
	.mv{padding-top: 90px;}
	.mv_disc{width: 100%;padding: 0 5%;}
	.top_area{background-image: url("../img/bg_top_sp.webp");}
	.mv_t_area p{font-size: 16px;}
	.mv_t_area h1{font-size: 38px;}
	.mv_t_area h1 .s{font-size: 26px;}
	.mv_t_area h1 .m{font-size: 6.4vw;}
	.inner_mv .vd{width: 100%;}
	.list_mv{gap:0;}
	.list_mv li{width: 33.3333%;}
	.list_mv li:not(:nth-child(even)){margin-top: 50px;}
	.sec_logo_area h2{font-size: 16px;}
	.sec_logo_area h2 span{font-size: 32px;}
	.def_sec h2 span.en, .sub_main h1 span.en{font-size: 48px;}
	.def_sec h2 span.ja, .sub_main h1 span.ja{margin-top: -20px;}
	.def_sec h2, .sub_main h1{margin-bottom: 30px;}
	.case_wrap p{width: 100%; margin-bottom: 25px;}
	.case_wrap ul{width: 100%;}
	.case_wrap ul li{width: 100%;text-align: center;}
	.wrap_voice{width: 340px;}
	.inner_voice{padding: 24px;}
	.slick-dots li{width: 20px;}
	.def_sec{padding: 60px 0;}
	.cta h2{font-size: 20px;}
	.btn a{font-size: 18px;}
	.btn p span{font-size: 12px;}
	.lead_prod{text-align: left;margin-bottom: 40px;}
	.list_prod li{width: calc((100% - 20px) / 3);}
	.list_prod{justify-content: flex-start;margin-bottom: 60px;}
	.sec_prod{background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,241,249,1) 9%, rgba(224,241,249,1) 88%, rgba(255,255,255,1) 100%);}
	.list_yt{gap:50px;}
	.list_yt li{width: 100%;}
	.list_yt li figure img{width: 100%;}
	.sec_flow{padding: 90px 0;}
	.list_flow li:not(:last-child)::after{display: none;}
	.list_flow li{gap:10px;}
	.list_flow li figure{width: 118px;}
	.list_flow li .flow_disc{width: calc(100% - 128px);}
	.list_flow li .sp{width: 100%;}
	.sec_faq{padding-top: 100px;}
	.wrap_faq dl .i_q{font-size: 24px; margin-right: 16px;}
	.wrap_faq dl p{width: calc(100% - 40px);}
	.wrap_faq dl dt{padding-right: 40px; padding-left: 15px;}
	.wrap_faq dl dt::after{width: 15px; height: 6px; background-size: 100% auto; background-repeat: no-repeat;background-position: center;right: 10px;}
	.wrap_faq dl dd{padding: 15px;}
	footer{padding-bottom: 60px;}
	.inner_mv{gap:0;}
	.list_point li .num img{width: 180px;}
	.list_point li figure{margin-bottom: 0;}
	.sec_prod .btn{margin-top: 70px;}
	.list_flow li .flow_disc h3{font-size: 18px;}
	.list_flow li .flow_disc h3 span{font-size: 24px;}
	.lead_ct{font-size: 16px;}
	.slick-prev, .slick-next{width: 30px; height: 100px;}
	.slick-prev{left: 0;}
	.slick-next{right: 0;}
	.list_point li, .list_point li:nth-child(even){flex-direction: column-reverse;}
	.list_point li figure{width: 100%;}
	.point_cnt{width: 100%; margin-bottom: 20px; padding: 0;}
	.list_point li .num{position: relative;text-align: center; top: 0;margin: auto;}
	.movie_iframe .hd_btarea{position: relative;}
	.movie_iframe .hd_btarea .btn_head{width: 100%;}
	.movie_iframe .hd_btarea .btn_head a{width: 100%;}
	.modaal-content-container{padding: 58px 10px 10px;}
	.modaal-close{right: 0;}
	.list_achiev li{width: 100%;}
	.dl_cnt{width: 100%;}
	.wrap_dl .form_wrap{width: 100%;}
	.sd_logo{height: 88px;}
}