@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
.pc_hide{ display:none; }
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
body {
	font: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.tax_note{
	text-align: right;
	font-size: 15px;
	margin-bottom: 10px;
}
/*共通ヘッダー個別カラー指定*/
#header{
	border-color: #FAA635;
}
.header_wrapper .top_navi li a{
	color: #FAA635;
	border-color: #FAA635;
}
.header_wrapper .tel .st0{
	fill:#FAA635;
}
.header_wrapper .tel span{
	color: #FAA635;
}
#hamburger .inner_line {
	background-color: #FAA635;
}
#hamburger .text {
	color: #FAA635;
}
#hamburger .line_1,
#hamburger .line_3{
	background: #fff;
}
/*共通ヘッダー個別カラー指定ここまで*/
.transpic_page_mv {
	background-image: url("../../images/special/transpic/mv_bgimage.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	padding: 50px 0;
}
.mv-wrapper {
	width: 100%;
	max-width: 950px;
	display: grid;
	justify-content: center;
	grid-template-columns:1fr 1fr;
	gap:8px;
	/*grid-template: 
		"up up up up"
		"a b b b" 
		"a c c c"
		"a d d d"
		"a e e e"
		"a f f f"
		"a g g g"
		"down down down down";
		*/
	padding-inline:15px;
	box-sizing: border-box;
	margin-inline:auto;
	place-items: center;
}
.mv-wrapper .mv-keyimage {
	width: 100%;
	max-width: 460px;
}
.transpic_page_mv .mv-wrapper .mv-lead {
	width: fit-content;
}
.transpic_page_mv .mv-wrapper .mv-lead a,
.sp-download-btn
{
	display: flex;
	max-width: 275px;
	justify-content: center;
	background:#31839D;
	padding: 6px 20px;
	border-radius: 100px;
	align-items: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	gap:12px;
	margin-top: 15px;
	box-sizing: border-box;
	transition: all .3s;
}
.sp-download-btn {
	display: none;
}
.transpic_page_mv .mv-wrapper .mv-lead a small,
.sp-download-btn small
{
	font-size: 13px;
}
.transpic_page_mv .mv-wrapper .mv-lead a img,
.sp-download-btn img
{
	width: 25px;
}
.transpic_page_mv .mv-wrapper .mv-lead a:hover {
	background-color: #FAA635;
	transition: all .3s;
}
.color-orange {
	color: #FAA635;
}
.color-blue {
	color: #31839D;
}
.transpic_page_mv .mv-wrapper .mv-lead > p {
	font-size: max(1.05vw,15px);
	font-weight: bold;
	position: relative;
	padding-left: 1.5em;
}
.transpic_page_mv .mv-wrapper .mv-lead > p:nth-child(3) {
	margin-bottom: 4px;
	margin-top: 12px;
}

.transpic_page_mv .mv-wrapper .mv-lead > p::before {
	content: '';
	display: block;
	position: absolute;
	top: .25em;
	left: 0;
	width: 15px;
	height: 8px;
	border-left: 5px solid #FAA635;
	border-bottom: 5px solid #FAA635;
	transform: rotate(-45deg);
}
.transpic_page_mv .mv-wrapper > img:nth-child(1) {
	max-width: 346px;
	display: grid;
	grid-area: a;
	margin-right: 2vw;
}
.transpic_page_mv .mv-wrapper h2 {
	font-size: max(1.8vw,28px);
	line-height:2.5rem;
}
.transpic_page_mv .mv-wrapper h2 span.color-orange {
	color: #FAA635;
	font-weight: bolder;
	display: block;
	text-align: left;
}
.section-about  {
	display: flex;
	justify-content: space-between;
	max-width: 950px;
	column-gap: 30px;
	margin:80px auto 60px auto;
	align-items: flex-start;
	padding-inline:15px;
	box-sizing: border-box;
}
.section-about .about-img {
	width: 50%;
}
.section-about img {
	width: 100%;
	max-width: 432px;
}
.section-about .about-text {
	width: 50%;
	max-width: 445px;
}
.section-about .about-text h3 {
	font-size: 32px;
	position: relative;
	color: #FAA635;
}
.section-about .about-text h3::after {
	width: 50%;
	height: 1px;
	background: #FAA635;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 25px;
}
.section-about .about-text p {
	padding: 10px 0 20px 0;
	border-bottom:  1px solid #FAA635;
}
.section-features {
	width: 100%;
	background-image: url("../../images/special/transpic/bgimage2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 15px;
	box-sizing: border-box;
}
.section-features_wrapper {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	box-sizing: border-box;
}
.section-features_wrapper .section-features_main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.section-features_wrapper .section-features_main > img {
	margin-left: 30px;
}
.section-features_wrapper .section-features_main > div{
	width: 100%;
	max-width: 600px;
}
.section-features_wrapper h3 {
	font-size: 32px;
	font-weight: bold;
	color: #195A82;
	margin-bottom: 20px;
	text-align: center;
}
.section-features_wrapper .section-features_main > div p {
	font-size: 18px;
	letter-spacing: -0.5px;
}
.section-features_wrapper ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 20px ), 1fr));
	list-style: none;
	column-gap: 20px;
	margin-top: 40px;
	margin-bottom: 15px;
}
.section-features_wrapper ul li {
	background: #fff;
	border-radius: 5px;
	box-shadow:  0px 12px 12px 0px rgba(112,132,131,0.05);
	padding: 25px 0;
}
.section-features_wrapper ul li img {
	width: 100%;
	display: block;
	margin: 20px 0;
}
.section-features_wrapper ul li span {
	font-size: 24px;
	font-weight: bold;
	color: #FAA635;
	text-align: center;
	margin-right: 10px;
	position: relative;
}
.section-features_wrapper ul li span::after {
	content: "";
	display: block;
	position: absolute;
	width: 125%;
	height: 3px;
	background: #FAA635;
	top: -5px;
	left: 0;
}
.section-features_wrapper ul li .feature-ttl {
	color: #FAA635;
	font-weight: bold;
	display: flex;
	justify-content: flex-start;
	align-items: center
}
.section-features_wrapper ul li p {
	letter-spacing: -0.5px;
	padding-inline: 25px;
}
.section-features_wrapper > img {
	width: 100%;
}
.section-ability {
	padding-inline:15px;
	box-sizing: border-box;
	background: #FFFCF8;
	padding:60px 15px;
}
.section-ability h3 {
	display: block;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #FAA635;
}
.section-ability ul {
	width: 100%;
	max-width: 950px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	margin: 40px auto 40px auto;
	column-gap: 50px;
}
.section-ability ul li {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	padding: 15px 0;
	box-sizing: border-box;
	position: relative;
	gap:20px;
	letter-spacing: -0.5px;
}
.section-ability ul li .ability-ttl {
	padding: 10px 20px;
	border-radius: 100px;
	color: #fff;
	background: #FAA635;
	text-align: center;
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
	margin-inline:auto;
	font-weight: bold;
	font-size: 20px;
}
.section-ability ul li:nth-child(2) .ability-ttl {
	background: #31839D;
} 
.section-ability ul li .ability-wrap {
	border-radius: 10px;
	box-shadow: 0px 0px 18px -7px rgba(112,132,131,0.3);
	position: relative;
	padding-bottom: 30px;
	background: #fff;
}
.section-ability ul li .ability-wrap .ability-image {
	border-radius: 10px 10px 0 0;
	background: #FFE8CC;
	padding: 20px 0;
}
.section-ability ul li:nth-child(2) .ability-wrap .ability-image {
	background: #D4F4FC;
}
.section-ability ul li .ability-wrap .ability-image img {
	width: 85%;
	display: block;
	margin-inline:auto;
}
.section-ability ul li .ability-wrap .ability-txt {
	padding: 20px 20px 0 4em;
	font-size: 18px;
}
.section-ability ul li:nth-child(1) .ability-wrap > img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
}
.section-ability ul li:nth-child(2) .ability-wrap > img {
	width: 120px;
	left: -35px;
	bottom:0;
	position: absolute;
}
.section-ability ul li:nth-child(2) .ability-wrap .ability-txt {
	padding-left: 5em;
}
.section-ability .feature-ex {
	box-sizing: border-box;
	border-radius: 5px;
	position: relative;
	display: flex;
	justify-content: center;
	gap:5px;
	align-items: center;
	flex-flow: column;
	margin-top: auto;
	padding: 10px;
	border: solid 1px #00957e;
}
.section-ability .feature-ex::after {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background-color: #fff;
	border-left: solid 1px #00957e;
	border-top: solid 1px #00957e;
	top: -1px;
	left: 50%;
   transform: translate(-50%,-50%) rotate(45deg);
}
.section-ability .feature-ex > img {
	width: 100%;
	z-index: 2;
} 
.section-ability .feature-ex .feature-ex-wrap {
	display: flex;
	justify-content: center;
	gap:5px;
	align-items: center;
	position: relative;
}

.section-ability ul li .sec-ability_txt .feature-ex .ex-sign {
	position: absolute;
	top: -24px;
	right: 18px;
	padding: 3px 15px;
	box-sizing: border-box;
	background-color: #00957e;
	border-radius: 5px 5px 0 0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:5px;
	width: 100px;
	font-size: 12px;
	line-height: 12px;
}
.section-ability ul li .sec-ability_txt {
	display: flex;
	flex-flow: column;
	height: 100%;
}
.section-ability ul li .sec-ability_txt > p {
	margin-bottom: 15px;
}
.section-ability ul li .sec-ability_txt .feature-ex .ex-sign img {
	width: 18px;
}
.section-ability ul li .sec-ability_txt .feature-ex p.ex-ttl {
	font-weight: bold;
	text-align: left;
	position: relative;
	display: block;
	z-index: 1;
	border-radius: 5px;
	color: #00957e;
	line-height: 1.2rem;
}

.section-ability .section-scene {
	width: 100%;
	max-width: 950px;
	margin-inline:auto;
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
	border: 2px solid #FAA635;
	border-radius: 10px;
}
.section-ability .section-scene .scene-box {
	display: flex;
	justify-content: center;
}
.section-ability .section-scene h4 {
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #FAA635;
}
.section-ability .section-scene .scene-wrap {
	width: calc(100% / 2);
	padding: 20px;
	box-sizing: border-box;
}
.section-ability .section-scene .scene-wrap img {
	width: 100%;
}
.section-ability .section-scene .scene-wrap p {
	font-size: 22px;
	font-weight: bold;
	color: #FAA635
}
.section-ability .section-scene .scene-wrap p span {
	font-size: 16px;
	padding-left: 5px;
}
.section-fee {
	padding: 60px 15px;
	box-sizing: border-box;
	background:#D4F4FC;
}
.section-fee h3 {
	display: block;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #31839D;
	margin-bottom: 20px;
}
.section-fee .fee-wrapper {
	width: 100%;
	max-width: 950px;
	text-align: center;
	margin-inline:auto;
}
.section-fee .fee-wrapper ul {
	list-style: none;
	display: grid;
	max-width: 835px;
	margin-inline: auto;
	grid-template-columns: 1fr 30px 1fr 30px 1fr;
	margin-top: 35px;
	column-gap:20px;
	align-items: center;
}
.section-fee .fee-wrapper ul li {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	border: 2px solid #31839D;
	border-radius: 10px;
	padding: 25px 14px 15px 14px;
	text-align: left;
	background: #fff;
	position: relative;
}
.section-fee .fee-wrapper ul li.puls-mark {
	border:none;
	background-color: inherit;
	width: 30px;
	padding: 0;
	font-size: 32px;
	color: #31839D;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-fee .fee-wrapper ul li .fee-upper {
	display: flex;
	justify-content: center;
	column-gap: 24px;
	align-items: center;
	font-size: 14px;	
	padding-bottom: 15px;
	border-bottom: 1px dashed #31839D;
}
.section-fee .fee-wrapper ul li .fee-upper span {
}
.section-fee .fee-wrapper ul li p {
	font-size: 14px;
	padding-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-fee .fee-wrapper ul li .fee-price {
	font-size: 20px;
	font-weight: bold;
	color: #E55330;
}
.section-fee .fee-wrapper ul li .fee-price span {
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.section-inquiry {
	padding: 60px 15px;	
	background-color: #FFFCF8;
}
.section-inquiry h3 {
	display: block;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #EFA13B;
	margin-bottom: 20px;
}
.section-inquiry > p {
	text-align: center;
}
.section-inquiry ul {
	width: 100%;
	max-width: 770px;
	margin-inline: auto;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc(100% / 2 - 50px), 1fr));
	margin-top: 35px;
	column-gap:50px;
}
.section-inquiry ul li {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	border: 2px solid #EFA13B;
	border-radius: 10px;
	padding: 20px 20px 15px 20px;
	text-align: left;
	background: #fff;
	position: relative;
}
.section-inquiry ul li > p {
	font-size: 20px;
	color: #EFA13B;
	font-weight: bold;
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 1px dashed #EFA13B;
}
.section-inquiry ul li .web-inquiry {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 15px;
}
.section-inquiry ul li .web-inquiry a {
	display: flex;
	justify-content: space-between;
	gap:15px;
	background: #EFA13B;
	align-items: center;
	width: 92%;
	color: #fff;
	height: 100%;
	max-height: 50px;
	border-radius: 100px;
	font-weight: bold;
	margin-inline:auto;
	padding-inline:10px;
	transition: all .3s;
}
.section-inquiry ul li .web-inquiry a:hover {
	opacity: 0.7;
	transition: all .3s;
}
.section-inquiry ul li .web-inquiry a p {
	font-size: min(16px,1.8vw)
}
.section-inquiry ul li .web-inquiry a img {
	width: 100%;
	max-width:39px; 
}
.section-inquiry ul li .web-inquiry a::after {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 5px;
}
.section-inquiry ul li .phone-inquiry {
	padding-top: 15px;
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
	gap:3px;
}
.section-inquiry ul li .phone-inquiry a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:6px;
	line-height: 32px;
	margin-bottom: 3px;
}
.section-inquiry ul li .phone-inquiry a p {
	font-size: min(32px,3.5vw);
	font-weight: bold;
	color: #EFA13B;
	letter-spacing: -0.5px;
}
.section-inquiry ul li .phone-inquiry span {
	font-size: 16px;
	letter-spacing: -0.5px;
	display: block;
	text-align: left;
	line-height: 18px;
}
.section-inquiry ul li .phone-inquiry span small {
	font-size: 12px;
}
.download_docuent {
	display: flex;
	max-width: 370px;
	margin-inline:auto;
	justify-content: center;
	background:#31839D;
	padding: 15px 25px;
	border-radius: 100px;
	align-items: center;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
	gap:12px;
	margin-top: 60px;
	box-sizing: border-box;
	transition: all .3s;
}
.download_docuent small {
	font-size: 14px;
}
.download_docuent img {
	width: 25px;
}
.download_docuent:hover {
	background-color: #FAA635;
	transition: all .3s;
}
.section-faq {
	background-color: #fff;
	padding: 60px 20px;
}
.section-faq h3 {
	display: block;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #FAA635;
	margin-bottom: 50px;
}
.section-faq ul {
	width: 100%;
	max-width: 950px;
	margin-inline:auto;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	flex-flow: column;
	gap:30px;
}
.section-faq ul li p {
	display: flex;
	justify-content: flex-start;
	gap:2px;
	font-size: 15px;
}
.section-faq ul li p.q {
	color: #df922a;
	margin-bottom: 5px;
}
.section-bottom {
	background: #FAA635;
	padding: 60px 15px;
}
.section-bottom .bottom-wrap {
	width: 100%;
	max-width: 950px;
	margin-inline: auto;
}
.section-bottom .links-upper {
	display: flex;
	justify-content: space-between;
	gap:30px;
	align-items: center;
}
.section-bottom .links-upper .p-mark {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	column-gap: 15px;
	align-items: flex-start;
	font-size: 14px;
	color: #fff;
}
.section-bottom .links-upper .p-mark p a {
	color: #063F56;
}
.section-bottom .links-upper .p-mark img {
	width: 90px;
}
.section-bottom .links-upper .left-side {
	width: 100%;
	max-width: 350px;
}
.section-bottom .links-upper .left-side img {
	width: 100%;
}
.section-bottom .links-upper .left-side .links {
	display: flex;
	justify-content: space-around;
}
.section-bottom .links-upper .left-side .links a {
	color: #fff;
	transition: all .3s;
}
.section-bottom .links-upper .left-side .links a:hover {
	color: #31839D;
	transition: all .3s;
}
.section-bottom .outlet-recruit {
	margin-top: 40px;
	background: #fff;
	padding: 20px 30px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	gap:30px;
}
.section-bottom .outlet-recruit .recruit-txt p:nth-child(1) {
	font-size: 23px;
	color: #FAA635;
	margin-bottom: 20px;
	font-weight: bold;
	position: relative;
	margin-top: 30px;
}
.section-bottom .outlet-recruit .recruit-txt p:nth-child(1)::after {
	content: "";
	display: block;
	width: 10%;
	height: 4px;
	background: #FAA635;
	top: -20px;
	left: 0;
	position: absolute;
}
.section-bottom .outlet-recruit .recruit-txt {
	width: 60%;
}
.section-bottom .outlet-recruit .recruit-contact p:nth-child(1) {
	font-weight: bold;
	color: #FAA635;
	font-size: 14px;
	position: relative;
}
.section-bottom .outlet-recruit .recruit-contact p:nth-child(1)::after {
	content: "";
	display: block;
	position: absolute;
	width: 20%;
	top: 9px;
	right: 0;
	height: 1px;
	background: #FAA635;
}
.section-bottom .outlet-recruit .recruit-contact p:nth-child(2) {
	color: #FAA635;
	font-size: max(2.2vw,26px);
	font-weight: bold;
	line-height: 3rem;
}
.section-bottom .outlet-recruit .recruit-contact small {
	letter-spacing: -0.5px;
	line-height: 1.2rem;
}
.section-bottom .outlet-recruit .recruit-contact .recruit-button {
	padding: 8px 15px;
	color: #fff;
	background: #31839D;
	text-align: center;
	max-width: 270px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	column-gap: 15px;
	transition: all .3s;
	margin-top: 15px;
}
.section-bottom .outlet-recruit .recruit-contact .recruit-button::after {
	display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 5px;
	margin-top: 7px;
}
.section-bottom .outlet-recruit .recruit-contact a:hover {
	background: #FAA635;
	transition: all .3s;
}
footer {
	margin-top: 0;
	background-color: #EFEFEF;
	color: #000;
}
/*タブレット用CSS*/
@media screen and (max-width:768px) {
	#header h1 {
		background: #FAA635;
	}
	.transpic_page_mv .mv-wrapper > img:nth-child(1) {
		margin-inline:auto;
		max-width:220px; 
	}
	.section-about {
		flex-flow: column;
		gap:20px;
		align-items: center;
		justify-content: center;
	}
	.section-about .about-img {
		width: 100%;
	}
	.section-about img {
		display: block;
		margin-inline:auto;
	}
	.section-about .about-text {
		width: 100%;
	}
	.section-features_wrapper .section-features_main > img {
		margin-left: 0;
		width: 35%;
	}
	.section-features_wrapper ul {
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
		margin-top: 25px;
	}
	.section-features_wrapper ul li {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		align-items: center;
		padding: 15px 0;
	}
	.section-features_wrapper ul li img {
		grid-column-start: 1;
    	grid-column-end: 2;
		display: grid;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.section-features_wrapper ul li span {
		grid-column-start: 2;
    	grid-column-end: 4;
		display: grid;
		margin-bottom: 0;
		align-items: center;
	}
	.section-features_wrapper ul li p {
		grid-column-start: 2;
    	grid-column-end: 4;
		display: grid;
	}
	.section-features_wrapper ul li p:nth-child(3) {
		align-self: flex-start;
	}
	.section-ability ul {
		grid-template-columns: 1fr;
		gap:30px;
	}
	.section-ability ul li {
		width: 90%;
		margin-inline:auto;
	}
	.section-fee,
	.section-inquiry,
	.section-faq {
		padding: 30px 15px 30px 15px;
	}
	.section-fee .fee-wrapper ul li {
		padding: 12px;
	}
	.section-fee .fee-wrapper ul li .fee-upper {
		column-gap: 10px;
	}
	.section-inquiry ul {
		column-gap:20px;
		margin-top: 20px;
	}
	.section-inquiry ul li {
		padding: 12px;
	}
	.section-inquiry ul li > p {
		font-size: 16px;
		padding-bottom: 8px;
	}
	.section-inquiry ul li .phone-inquiry a img{
		width: 18px;
	}
	.section-inquiry ul li .phone-inquiry span {
		font-size: 12px;
	}
	.section-inquiry ul li .phone-inquiry,
	.section-inquiry ul li .web-inquiry{
		padding-top: 8px;
	}
	.section-inquiry ul li .web-inquiry a img {
		max-width: 18px;
	}
	.section-inquiry ul li .web-inquiry a p {
		font-size: min(16px,2.4vw)
	}
	.section-inquiry > p {
		letter-spacing: -0.5px;
	}
	.section-bottom .links-upper {
		flex-flow: column;
	}
	.section-bottom .outlet-recruit .recruit-contact .recruit-button {
		font-size: 14px;
	}
	.section-bottom .outlet-recruit .recruit-contact .recruit-button::after {
		margin-top: 4px;
	}
}
/*SP用CSS*/
@media screen and (max-width:600px) {
	.transpic_page_mv {
		padding: 30px 0;
	}
	.mv-wrapper {
	}
	.sp-top-lead {
		display: block;
		text-align: center;
		font-size: min(4.8vw,26px);
		padding-inline:15px;
		box-sizing: border-box;
		margin-bottom: 12px;
	}
	.transpic_page_mv .mv-wrapper .mv-lead .sp_none {
		display: none;
	}
	.sp_none {
		display: none;
	}
	.sp-download-btn {
		display: flex;
	}
	.transpic_page_mv .mv-wrapper .mv-lead {
		width: 100%;
	}
	.transpic_page_mv .mv-wrapper .mv-lead img {
		width: 100%;
	}
	.transpic_page_mv .mv-wrapper .mv-lead > p::before {
		width: 10px;
		height: 6px;
		border-left: 2px solid #FAA635;
		border-bottom: 2px solid #FAA635;
		transform: rotate(-45deg);
	}
	.transpic_page_mv .mv-wrapper h2 {
		font-size: max(3.5vw,20px);
		line-height: 1.2em;
	}
	.transpic_page_mv .mv-wrapper .mv-lead > p {
		font-size: 13px;
	}
	.mv-wrapper .mv-keyimage {
		
	}
	.transpic_page_mv .mv-wrapper .mv-lead a,
	.sp-download-btn
	{
		margin-inline:auto;
	}
	.transpic_page_mv .mv-wrapper > img:nth-child(1) {
		max-width: 110px;
		padding-left: 0;
		margin: auto;
	}
	.transpic_page_mv  .mv_ttl {
		padding-left: 0;
		margin-bottom: 5px;
		font-size: 18px;
	}
	.transpic_page_mv .mv_ttl span {
		font-size: 22px;
	}
	.transpic_page_mv .mv_features {
		justify-content: space-between;
		gap:5px;
		margin-bottom: 5px;
	}
	.transpic_page_mv .mv_features img {
		max-width: 80px;
		width: calc( 100% / 4 - 4px)
	}
	.transpic_page_mv .mv_lead {
		font-size: min(15px, 4.7vw);
		margin-bottom: 8px;
		padding-left: 20px;
		letter-spacing: -0.5px;
	}
	.transpic_page_mv .mv_lead::after {
		width: 5px;
		left: 5;
	}
	.transpic_page_mv .mv-wrapper > img:nth-child(3) {
		max-width: 260px;
		margin-bottom: 10px;
		padding-left: 0;
	}
	.section-about {
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.section-about img {
		width: 70%;
	}
	.section-about .about-text h3::after {
		top: 18px;
	}
	.section-features_wrapper .section-features_main {
		flex-flow: column;
		gap:15px;
		margin-top: 0;
	}
	.section-features_wrapper .section-features_main > div h3 {
		font-size: 22px;
		margin-bottom: 10px;
		text-align: center;
	}
	.section-features_wrapper .section-features_main > div p {
		font-size: 16px;
	}
	.section-features_wrapper ul li {
		padding-bottom: 25px;
	}
	.section-features_wrapper ul li img {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
		width: 80%;
		margin-inline:auto;
	}
	.section-features_wrapper ul li span {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 3;
		font-size: 20px;
	}
	.section-features_wrapper ul li p:nth-child(2) {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 3;
	}
	.section-features_wrapper ul li p:nth-child(3) {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 3;
		grid-row-end: 4;
	}
	.section-ability {
		padding: 30px 15px;
	}
	.section-ability h3,
	.section-about .about-text h3
	{
		font-size: 22px;
	}
	.section-ability ul {
		grid-template-columns: 1fr;
		margin-top: 20px;
		margin-bottom: 15px;
		gap:15px;
	}
	.section-ability ul li small {
		left: 18px;
	}
	.section-ability ul li .sec-ability_txt .txt-ttl {
		justify-content: center;
		gap:10px;
	}
	.section-ability ul li:nth-child(2) .ability-wrap > img {
		left: -25px;
	}
	.section-ability .section-scene {
		padding: 15px 15px 20px 15px;
	}
	.section-ability .section-scene .scene-box {
		flex-flow: column;
		margin-top: 20px;
		gap: 15px;
	}
	.section-ability .section-scene .scene-wrap {
		padding: 0;
		width: 100%;
	}
	.section-ability .section-scene .scene-wrap p {
		font-size: 18px;
	}
	.section-ability .section-scene .scene-wrap p span{
		font-size: 14px;
	}
	.section-ability ul li .ability-ttl {
		padding: 8px 15px;
		font-size: 16px;
	}
	.section-fee h3,
	.section-inquiry h3,
	.section-faq h3,
	.section-features_wrapper h3{
		font-size: 22px;
	}
	.section-fee .fee-wrapper ul {
		grid-template-columns: 1fr;
		gap: 10px;
		place-items: center;
	}
	.section-fee .fee-wrapper ul li:nth-child(1)::after {
		top: 125px;
   		right: 50%;
		transform: translate(50%,0);	
	}
	.section-fee .fee-wrapper ul li:nth-child(2)::after
	{
		top: 105px;
   		right: 50%;
		transform: translate(50%,0);
	} 
	.section-fee .fee-wrapper ul li {
		gap:0;
		width: 70%;
	}
	.section-fee .fee-wrapper > p,
	.section-inquiry > p
	{
		text-align: left;
	}
	.section-inquiry ul {
		grid-template-columns: 1fr;
		gap:20px;
		width: 90%;
	}
	.section-inquiry ul li {
		gap:0;
	}
	.section-inquiry ul li .web-inquiry {
		padding-top: 12px;
	}
	.section-inquiry ul li .web-inquiry a {
		padding: 5px;
		box-sizing: border-box;
	}
	.section-inquiry ul li .web-inquiry a p {
		font-size: min(16px,4.4vw);
	}
	.section-inquiry ul li .phone-inquiry a img {
		width: 22px;
	}
	.section-inquiry ul li .phone-inquiry a p {
		font-size: max(2.2vw,20px);
	}
	.section-inquiry ul li .phone-inquiry span {
		line-height: 16px;
	}
	.download_docuent {
		font-size: 18px;
		margin-top: 30px;
		padding: 10px 20px;
	}
	.download_docuent small {
		font-size: 13px;
	}
	.section-faq h3 {
		margin-bottom: 20px;
	}
	.section-faq ul li p .a a {
		display: inline;
	}
	.section-bottom {
		padding: 30px 15px;
	}
	.section-bottom .links-upper .p-mark img {
		width: 50px;
	}
	.section-bottom .outlet-recruit {
		margin-top: 20px;
		flex-flow: column;
	}
	.section-bottom .outlet-recruit .recruit-txt {
		width: 100%;
	}
	.section-bottom .outlet-recruit .recruit-contact p:nth-child(2) {
		font-size: 30px;
	}
	.section-bottom .outlet-recruit .recruit-txt p:nth-child(1) {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.section-bottom .outlet-recruit .recruit-contact {
		display: flex;
		justify-content: center;
		flex-flow: column;
	}
	.section-bottom .outlet-recruit .recruit-contact p:nth-child(1)::after {
		display: none;
	}
	.section-bottom .outlet-recruit .recruit-contact .recruit-button {
		margin-inline:auto;
		padding-inline:20px;
	}
	.section-bottom .outlet-recruit .recruit-contact p:nth-child(2) a {
		color: #FAA635;
	}
	.section-bottom .outlet-recruit .recruit-contact p:nth-child(2) a:hover {
		background: inherit;
	}
}
@media screen and (min-width: 1450px) {
	.special .float_menu.sp_none {
		background: #FAA635;
		border: 2px solid #fff;
	}
	.float_menu .tel .tel_num,
	.float_menu .tel .time{
		color: #FAA635;
	}
	.mail svg .cls-1, .mail svg .cls-2, .mail svg .cls-3 {
		fill:#FAA635;
	}
}
@media screen and (min-width: 481px) and (max-width: 1450px) {
	.float_menu.pc_none {
		background: #FAA635;
		z-index: 10;
	}
	.float_menu .tel, .float_menu .mail, .float_menu .ext {
		background: #FAA635;
	}
}
@media screen and (max-width: 480px) {
	.float_menu {
		background: #FAA635;
	}
}