@charset "UTF-8";
.qa{
	max-width: 100%;
	background: #fff;
        background-color: #1d2a3b;
        background-size: cover;
        }
.qa .qa_inner {
	width: 900px;
	margin: 0 auto;
	padding: 5vw 0;
}
.qa-wrap {
	margin: 2vw auto 0 auto;
	max-width: 900px;
	display: block;
}
.qa-item {
	padding: 0;
	margin-bottom: 1vw;
}
.qa-item > div{
	border-left: 5px solid #436693;
}
.qa-item + .qa-item {

}
.qa-item-inner {
	background: #fff;
	border-radius: 0px 10px 10px 0px;
	padding: 2vw;
	font-size: 150%;
	color: #666;
	font-weight: bold;
	margin-bottom: .2vw;
	display: flex;
}
.qa-item-wrap {
	margin: 0 auto;
	position: relative;
}
.qa-item-inner:first-child {
	cursor: pointer;
	width: 100%;
}
.qa-item-inner:first-child:hover, .qa-item-inner.isOpen:first-child {

}
.qa-item-inner:first-child::after {
	display: none;
}
.qa-item-inner.isOpen::after {
	transform:	translateY(-50%) rotate(180deg);
}
.qa-item-inner + .qa-item-inner {
	border-top: none;
}
.qa .qa-item-icon-Q {
	display: inline;
	color: #1c8db1;
	margin-right: .5vw;
	position:relative;
	bottom: 0.1vw;
}
.qa .qa-item-icon-A {
	display: inline;
	color: #eb584e;
	margin-right: .5vw;
	position:relative;
	bottom: 0.1vw;
}
.qa-item-inner:first-child .pa-w {
	display: none;
}
.qa-item-inner:first-child .pa-g {
	display: block;
}
.qa-item-inner:first-child:hover .pa-g, #contents .qa-item-inner.isOpen:first-child .pa-g, #contents .qa-item-inner:first-child .pa-c,#contents .qa-item-inner.isOpen:first-child:hover .pa-w {
	display: none;
}
.qa-item-inner:first-child:hover .pa-w, #contents .qa-item-inner.isOpen:first-child .pa-c {
	display: block;
}
.qa-item-text-A {
	font-size: 80%;
	line-height: 220%;
	font-weight: normal;
}
.qa-item-text.-q {
}
.qa-item-text .imgup{
	display: block;
	margin-top: -35px;
}
.qa-item-text p {
	padding-bottom: 2.5vw;
	padding-top: 1.5vw;
}
.qa-item-inner:first-child:hover .qa-item-text.-q, .qa-item-inner.isOpen:first-child .qa-item-text.-q {
	color: #fff;
}
.totop {
	background: #555;
	color:#fff;
}
.totop .totop_inner{
	width: 900px;
	margin: 0 auto;
	padding: 5vw 0;
	text-align: center;
}
.totop .totop_inner p{
	font-size: 150%;
	font-weight: bold;
}
.totop .totop_inner a{
	color: #aaa;
	text-decoration: none;
	text-shadow: 0 -1px 0 #333;
	border: 4px solid #aaa;
	padding: 1vw;
	border-radius: 1vw;
}
.totop .totop_inner a:hover{
	background: none;
	color: #ccc;
	border: 4px solid #ccc;
}
@media (max-width:750px) {

.qa{
	max-width: 100%;
	background: #fff;
        background-size: cover;
}


.qa .qa_inner {
	width: 100%;
                background-color: #1d2a3b;
                padding: 5vw 0 22vw 0;
}
.qa-item{
	width: 90%;
	margin: 0 auto;
}

.qa-item-inner {
	font-size: 90%;
	margin-bottom: 2vw;
}
.qa-item-text {
	font-size: 80%;
	line-height: 160%;
}
#contents .qa-item-icon img {
	width:3vw;
}
.qa-item-text p {
	padding-bottom: 5vw;
	padding-top: 4vw;
}
.qa-item-text .imgup{
	margin-top: -10px;
}

}
@charset "UTF-8";
* {
	padding: 0;
	margin: 0
}
img {
	border-style: none
}
img, picture {
	display: block;
	width: 100%
}
iframe {
	border: none
}
html {
	font-size: 1rem;
	font-family: "HiraKakuStd-W7", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #2C2C2C;
	letter-spacing: .025em;
	max-width: 1500px;
	width: 100%;
	margin: 0 auto

}
html body img {
	vertical-align: top;
	block-size: auto
}
html body main .mainvisual .flaot_Imgs {
	position: absolute;
	bottom: 18%;
	left: 4%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation-name: updown;
	animation-name: updown;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
html body main .mainvisual .flaot_Imgs img {
	width: 70%;
	height: 100%
}
@media (max-width:750px) {
	html body main .mainvisual .flaot_Imgs {
		position: absolute;
		bottom: 16%;
		left: 6%
	}
	html body main .mainvisual .flaot_Imgs img {
		width: 70%;
		height: 100%
	}
}
html body main {
	background: #fff
}
html body main .mainvisual {
	position: relative
}
@keyframes updown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
html body main .complain {
	width: 100%;
	margin: 0 contain
}
html body main .complain img {
	max-width: 100%
}
html body main .intro {
	background-size: 100%;
	background-color: #16202c;
	background-size: auto
}
html body main .intro .intro_inner .section_ttl {
	text-align: center;
	padding-top: 50px
}
html body main .intro .intro_inner .section_ttl img {
	width: 635px
}
html body main .intro .intro_inner .bottom img {
	width: 100%;
	margin-top: 20px
}
html body main .intro h2 img {
	width: 100%
}
html body main .intro .section_ttl {
	text-align: center;
	font-size: 50px;
	margin-bottom: 40px
}
@media (max-width:750px) {
	html body main .intro .intro_inner {}
	html body main .intro .section_ttl {
		margin-bottom: 0;
		padding-top: 20px
	}
	html body main .intro .intro_inner .section_ttl img {
		width: 100%
	}
	html body main .intro .intro_inner .bottom img {
		width: 100%;
		margin-top: 10px
	}
}
html body main .intro .slider_zone .slider_inner {
	padding: 5px 0 32px 0
}
@media (max-width:750px) {
	html body main .intro .slider_zone .slider_inner {
		padding: 3vw 0
	}
}
html body main .intro .slider_zone .slider_inner .slick-arrow {
	display: none!important
}
html body main .intro .slider_zone .slider_inner .slider_card {
	width: 625px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}
@media (max-width:750px) {
	html body main .intro .slider_zone .slider_inner .slider_card {
		margin-right: 2.67vw;
		margin-left: 2.67vw;
		margin-top: 2.67vw;
		margin-bottom: 2.67vw
	}
}
html body main .intro .slider_zone .slider_inner .slider_card .work_place_image {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-right: 30px
}
@media (max-width:750px) {
	html body main .intro .slider_zone .slider_inner .slider_card .work_place_image {
		width: 100% margin-right:35px
	}
}
@media (max-width:560px) {
	html body main .intro .slider_zone .slider_inner .slider_card .text-flex .work_place_image {
		margin-right: 15px
	}
}
html body main .intro .slider_zone .slider_inner .slick-dots li {
	width: 30px
}
@media (max-width:750px) {
	html body main .intro .slider_zone .slider_inner .slick-dots li {
		width: 4vw
	}
}
html body main .intro .slider_zone .slider_inner .slick-dots li button::before {
	font-size: 20px;
	color: #ffffff;
	opacity: 1
}
@media (max-width:750px) {
	html body main .intro .slider_zone .slider_inner .slick-dots li button::before {
		font-size: 5.33vw
	}
}
html body main .intro .slider_zone .slider_inner .slick-dots .slick-active button::before {
	color: #fff000
}


.movie  {
                background-image: url(/assets_lp/cnt/middle/images/sp_img08.webp);
                background-size: cover;
                width: 100%;
                height: 100%;

                          }

.movie img {
	width: 100%;
	height: 100%;
        margin: auto;
        padding: 90px 0px 25px 0px;
}
html body main .movie .inner {
           margin: 0 auto;
           max-width: 55%;
           padding: 0px 0px 70px 0px;
               text-align: -webkit-center;
}
html body main .movie .YouTube {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}
@media (max-width:750px) {
.movie  {
        background-repeat: no-repeat;
        background-position: right bottom;                          }

.movie img {
	width: 100%;
	height: 100%;
        margin: auto;
        padding: 0px 0px 20px 0px;
}

html body main .movie .inner {
           margin: 0 auto;
           max-width: 55%;
           padding: 0px 0px 48px 0px;
}
html body main .movie .YouTube {
    width: 83%;
    height: 100%;
    aspect-ratio: 16/9;
}


    html body main .movie .inner {
        max-width: 100%;
        width: calc(690/750 * 100vw);
    }
    html body main .movie .movie_title {
        margin: 0 auto calc(30/750 * 100vw);
        width: calc(540/750 * 100vw);
    }

}


html body .fixedbtn_inner {
	width: 100%;
	background-color: rgba(255, 255, 255, .8);
	position: fixed;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	padding: 15px 0;
	display: none
}


@media (max-width:750px) {
	html body .fixedbtn_inner {
		padding: 2vw 0
	}
}
html body .fixedbtn_inner .fixed_btn a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	-webkit-animation-name: updown;
	animation-name: updown;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
html body .fixedbtn_inner .fixed_btn img {
	width: 350px
}
@media (max-width:750px) {
	html body .fixedbtn_inner {
		padding: 0
	}
	html body .fixedbtn_inner .fixed_btn a {
		padding: 0;
		height: 80px
	}
	html body .fixedbtn_inner .fixed_btn img {
		width: 90%
	}
}
