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

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans CJK JP Regular"), local("NotoSansCJKjp-Regular"), local("NotoSansJP-Regular"), url(../font/NotoSansCJKJPRegular.woff2) format("woff2"), url(../font/NotoSansCJKJPRegular.woff) format("woff"), url(../font/NotoSansCJKJPRegular.otf) format("opentype");
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: bold;
	font-weight: 700;
	src: local("Noto Sans CJK JP Bold"), local("NotoSansCJKjp-Bold"), local("NotoSansJP-Bold"), url(../font/NotoSansCJKJPBold.woff2) format("woff2"), url(../font/NotoSansCJKJPBold.woff) format("woff"), url(../font/NotoSansCJKJPBold.otf) format("opentype");
}

body{
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

.goog-te-gadget{
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif!important;
}

p{
	line-height: 1.5;
}

#scene .merit li p.merit_img_i1{
	background: url('../img/merit_img_i1.png') no-repeat;
	background-position: center;
	background-size: 40%;
}
#scene .merit li p.merit_img_i2{
	background: url('../img/merit_img_i2.png') no-repeat;
	background-position: center;
	background-size: 40%;
}
#scene .merit li p.merit_img_i3{
	background: url('../img/merit_img_i3.png') no-repeat;
	background-position: center;
	background-size: 40%;
}

#subScene {
	margin: 0;
	padding-top: 100px;
	background-color: #fff;
}

#subScene .column1 p {
	margin-bottom: 0;
}

#subScene .sub {
	padding: 80px 0;
	border-bottom: 1px solid #cccccc;
}

#subScene .sub:last-child {
	border-bottom: none;
}

#subScene .column3 {
	padding-bottom: 0;
}

#subScene .column3 img {
	width: 80%;
}

#subScene .column2 {
	padding-top: 50px;

}

#subScene .column2 .line1 {
	width: 20%;
	background-color: #5ca1e6;
	margin: 0;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#subScene .column2 .line1 p {
	font-weight: bold;
	color: #fff;
}

#subScene .column2 .line2 {
	display: inline-block;
	width: 80%;
	text-align: center;
	padding: 5px;
	line-height: 2;
}

#subScene .column2 .line2 p {
	width: 30%;
	display: inline-block;
	color: #333;
}

#subScene .column2 .line2 span {
	width: 70%;
	color: #333;
}

#subScene .column2 .line2 a {
	border-bottom: 1px solid #333;
}

#subScene .sp {
	display: none;
}

@media screen and (max-width:1000px){
	#subScene .sp {
		display: block;
	}
	
	#subScene .column2 .line1 {
		width: 90%;
		margin: 10px auto 20px;
	}
	#subScene .column2 .line2 {
		width: 100%;
	}
}

@media screen and (max-width:768px){
	#subScene {
		padding-top: 50px;
	}
	
	#subScene .column2 .line2 p,
	#subScene .column2 .line2 span {
		width: 100%;
		display: block;
		margin: 10px auto;
	}
}

/* 導入までの流れ 190717 */
#function .p-contents p span{
	font-size: 1.1em;
	font-weight: normal;
}
#function .column3 li{
	border: 1px solid #5ca1e6;
	background: #fff;
	box-sizing: border-box;
	padding-top: 0;
	padding-left:0;
	padding-right:0;
	margin-bottom: 60px;
}
#function .column3 li h4{
	margin: 0 auto;
	background-color: rgba(92, 161, 230, 0.9);
	color: #fff;
	padding: 20px;
}
#function .column3 li .txt{
	display: flex;
	justify-content: center;
	padding:20px 20px 0;
	align-items: center;
}
#function .column3 li img{
	max-width: 100px;
	margin-right: 10px;
}
#function .column3 li p{
	color: #333;
	margin: 0 auto;
	padding:20px 40px 0;
}
#function .column3 li:nth-child(1){
	background: #fff url("../img/bg_funchd_01.jpg") center bottom no-repeat;
	background-size: cover;
}
#function .column3 li:nth-child(2){
	background: #fff url("../img/bg_funchd_02.jpg") center bottom no-repeat;
	background-size: cover;
}
#function .column3 li:nth-child(3){
	background: #fff url("../img/bg_funchd_03.jpg") center bottom no-repeat;
	background-size: cover;
}
#function .column3 li:nth-child(4){
	background: #fff url("../img/bg_funchd_04.jpg") center bottom no-repeat;
	background-size: cover;
}
#function .column3 li:nth-child(5){
	background: #fff url("../img/bg_funchd_05.jpg") center bottom no-repeat;
	background-size: cover;
}
#function .column3 li:nth-child(6){
	background: #fff url("../img/bg_funchd_06.jpg") center bottom no-repeat;
	background-size: cover;
}

@media screen and (max-width:592px){
	#function .column3 li p{
		padding:20px 20px 0;
	}
}

/* 特長のタイトル */
#topslid img{
	width: 100%;
	height: auto;
}
h1.feature{
	font-size: 2.2rem;
}
#original .change{
	flex-wrap: wrap;
}
h4.colttl{
	margin: 10px auto 0;
	font-size: 1.8rem!important;
	text-align: center;
	flex:0 1 100%;
}
h5.sub{
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	flex:0 1 100%;
	background-color: transparent;
	color: #757575;
	margin: 0 auto;
}
@media screen and (max-width:800px){
	h1.feature{
		font-size: 2.2rem;
	}
	h4.colttl{
		font-size: 1.5rem!important;
	}
	h5.sub{
		font-size: 1.2rem;
	}
}

@media screen and (max-width:592px){
	h1.feature{
		font-size: 1.5rem;
	}
	h4.colttl{
		font-size: 1.4rem!important;
	}
	h5.sub{
		font-size: 1.2rem;
	}
}


/* モーダルボタン */
.btn-modal{
	display: block;
	margin: 20px auto 0;
	width: 90%;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	background: #5ca1e6;
	transition: opacity 0.2s ease;
}
.btn-modal:hover{
	color: #fff;
	opacity: 0.8;
}
.btn-modal:focus{
	color: #fff;
}
a.btn-modal{
	display: none;
}
@media screen and (max-width:800px){
	.btn-modal{
		font-size: 20px;
	}
	button.btn-modal{
		display: none;
	}
	a.btn-modal{
		display: block;
	}
}

/* お問い合わせエリア */
#inquiry{
padding:40px 0;
line-height: 1.5;
}
.inquiry-area{
border: 1px solid #5ca1e6;
background:#fff;
max-width:900px;
margin:0 auto;
padding:40px 10px;
}
.inquiry-area .sub-catch{
text-align:center;
margin:10px auto 30px
}
.inquiry-area .form-area{
margin:0 auto;
padding:0 10px
}
.inquiry-area .form-area td{
position:relative;
vertical-align:top;
padding-right:20px;
padding-bottom:20px
}
@media screen and (max-width:800px){
.inquiry-area .form-area tbody{
display:block;
padding:0 20px
}

}
@media screen and (max-width:592px){
.inquiry-area .form-area{
margin:0 10px
}
.inquiry-area .form-area tbody{
padding:0
}
.inquiry-area .form-area tr{
display:block;
margin-bottom:15px
}
.inquiry-area .form-area td{
display:block;
padding:0
}
.inquiry-area .form-area td div{
font-size:13px
}

}
.inquiry-area input[type=email],.inquiry-area input[type=tel],.inquiry-area input[type=text]{
border:1px solid #888;
height:40px;
vertical-align:top;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:6px 10px 4px;
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.inquiry-area input[type=email]:focus,.inquiry-area input[type=tel]:focus,.inquiry-area input[type=text]:focus{
border:1px solid #5ca1e6;
-webkit-box-shadow:0 0 5px #5ca1e6;
box-shadow:0 0 5px #5ca1e6
}
@media screen and (max-width:592px){
.inquiry-area input[type=email],.inquiry-area input[type=tel],.inquiry-area input[type=text]{
width:100%
}

}
.inquiry-area .check-area tbody{
padding:0
}
.inquiry-area .check-area tr{
margin:0
}
.inquiry-area .check-area td{
display:inline-block;
padding:0 0 0 30px;
margin-right:15px
}
@media screen and (max-width:592px){
.inquiry-area .check-area td{
display:block
}

}
.inquiry-area .consent-area tbody{
padding:0
}
.inquiry-area .consent-area tr{
margin:0
}
.inquiry-area .consent-area td{
display:inline-block;
padding:0 0 0 30px;
margin-right:15px
}
.inquiry-area .consent-area .link{
padding:0
}
.inquiry-area .alert{
color:#FE6F6C;
font-size:14px
}
.inquiry-area textarea{
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:120px;
border:1px solid #888;
padding:6px 10px 4px;
resize:vertical
}
.inquiry-area textarea:focus{
border:1px solid #5ca1e6;
-webkit-box-shadow:0 0 5px #5ca1e6;
box-shadow:0 0 5px #5ca1e6
}
@media screen and (max-width:592px){
.inquiry-area textarea{
width:100%
}

}
.inquiry-area input[type=checkbox],.inquiry-area input[type=radio],.inquiry-area label:before{
cursor:pointer;
height:20px;
left:0;
margin-top:-10px;
position:absolute;
width:20px;
top:50%
}
.inquiry-area input[type=checkbox],.inquiry-area input[type=radio]{
display:inline-block;
opacity:0;
vertical-align:middle
}
.inquiry-area label:before{
border:1px solid #888;
border-radius:4px;
color:#5ca1e6;
content:'';
font-size:18px;
padding:.1em 0 0 .2em;
background:#fff
}
.inquiry-area input[type=checkbox]:checked+label:after{
content:"";
display:block;
position:absolute;
top:3px;
left:6px;
width:7px;
height:14px;
-webkit-transform:rotate(40deg);
transform:rotate(40deg);
border-bottom:3px solid #5ca1e6;
border-right:3px solid #5ca1e6
}
.inquiry-area input[type=radio]+label:before{
border-radius:50%
}
.inquiry-area input[type=radio]:checked+label:before{
font:normal normal normal 18px/1 FontAwesome;
display:block;
content:"\f111";
position:absolute;
width:20px;
height:20px;
border-radius:50%
}
.inquiry-area input[type=submit]{
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
display:block;
margin:0 auto;
background:#5ca1e6;
color:#fff;
border-radius:50px;
padding:10px 50px;
font-size:24px;
cursor:pointer;
-webkit-transition:all .5s;
transition:all .5s;
border: none;
}
.inquiry-area input[type=submit]:hover{
	opacity: 0.8;
}
@media screen and (max-width:592px){
.inquiry-area input[type=submit]{
padding:5px 50px;
font-size:24px;
}

}
.inquiry-area a{
color:#5ca1e6;
border-bottom:1px solid #5ca1e6
}
.inquiry-area a:hover{
border:none
}
.requisite{
position:relative;
top:-3px;
display:inline-block;
background:#FE6F6C;
color:#fff;
font-style:normal;
font-size:11px;
padding:5px;
margin-left:10px
}

/* 問い合わせ後の表示 */
.is-show{
	display: block!important;
}
.is-hide{
	display: none!important;
}
.thanks-area{
	display: none;
}
.thanks-area{
	padding: 40px 20px;
	background: #fff;
}
.thanks-area p{
	text-align: center;
}




/* MV改修 191224 */
section#top-content{
	background: transparent url("../img/bg_top_pc.jpg") center top no-repeat;
	background-size: cover;
}
#top-content .p-contents{
	padding: 99px 0 65px;
	overflow: inherit;
}
#top-content .content-wrap{
	display: flex;
	flex-wrap: wrap;
}

#top-content .content-wrap h1.sp{
	display: none;
}

.txt-wrap{
	text-align: center;
	flex: 0 1 50%;
}

.txt-wrap h1{
	margin: 50px auto 0;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 40px;
	line-height: 1.2;
	text-shadow: 3px 3px 10px rgba(2,0,80,0.3);
}
.txt-wrap h1 em{
	font-style: normal;
	font-size: 50px;
}

.txt-wrap h1 em span{
	color: #ffb83c;
	font-size: 60px;
	text-shadow: 3px 3px 10px rgba(2,0,80,0.5);
}

.txt-wrap .logo{
	margin: 25px auto 0;
	text-align: center;
}
.txt-wrap .img{
	display: none;
}
.txt-wrap p{
	text-shadow: 3px 3px 10px rgba(2,0,80,0.5);
	color: #fff;
	font-size: 24px;
	line-height: 1.3;
}

.txt-wrap p em{
	font-style: normal;
	font-weight: bold;
}

.btn-download{
	max-width: 490px;
	width: 100%;
	box-sizing: border-box;
	margin: 35px auto 0;
}
.btn-download .btn-inner:after{
	transition: opacity 0.2s ease;
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: rgba(255,255,255,0.2);
}
.btn-download a:hover .btn-inner:after{
	opacity: 1;
}
.btn-download .btn-wrap{
	position: relative;
}
.btn-download .btn-wrap .btn-img{
	position: absolute;
	top: -10px;
	right: -15px;
	max-width: 119px;
}
.btn-download .btn-wrap .btn-img img{
	width: 100%;
	height: auto;
}

.btn-download .btn-wrap .btn-inner{
	position: relative;
	display: flex;
	text-align: left;
	border: 1px solid #fff;
	box-sizing: border-box;
	background: rgb(109,204,51);
	background: linear-gradient(90deg, rgba(109,204,51,1) 0%, rgba(147,221,91,1) 100%);
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	box-shadow: 5px 5px 10px rgba(2,0,80,0.3);
}

.btn-download.wait .btn-wrap .btn-inner::before{
	border-radius: 5px;
	content: "準備中";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 34px 0;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	background: rgba(0,0,0,0.5);
}

.btn-download .btn-wrap .btn-inner .i-catch-circle{
	width: 72px;
	padding: 20px 0;
	display: block;
	background: #ffb83c;
	border-radius: 100%;
	text-align: center;
	align-self: center;
	font-size: 14px;
	line-height: 1.15;
	margin-right: 10px;
	text-shadow: 1px 1px 2px #ff9b22;
}
.btn-download .btn-wrap .btn-inner .bnr-txt{
	line-height: 1.3;
	align-self: center;
}
.btn-download .btn-wrap .btn-inner .bnr-txt span{
	font-size: 16px;
	text-shadow: 2px 2px 5px #55b72f;
}
.btn-download .btn-wrap .btn-inner .bnr-txt strong{
	color: #f9f871;
	font-weight: bold;
	font-size: 24px;
	text-shadow: 2px 2px 5px #55b72f;
}
.btn-download .btn-wrap .btn-inner .bnr-txt strong small{
	font-size: 20px;
}
.hero-wrap{
	flex: 0 1 42%;
	margin: 0 0 0 auto;
}
.hero-wrap .img{
	max-width: 530px;
	margin: 35px -45px 0 auto;
}
.hero-wrap .img img{
	width: 100%;
	height: auto;
}

/* 追加200304 緊急告知エリア */
.information{
	background: #1e4768;
	padding: 30px 0;
	text-align: center;
}
.information .container{
	margin: 0 auto;
}
.information h2{
	color: #f9f871;
	font-size: 1.5em;
	margin-bottom: 20px;
	line-height: 1.3;
}
.information p{
	color: #fff;
	line-height: 1.3;
}
.information .btn-info{
	margin-top: 20px;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 5px;
	background: #ffa72a;
	font-size: 20px;
	transition: all 0.2s ease;
	padding: 0;
}
.information .btn-info a{
	display: block;
	padding: 8px 30px;
	color: #fff;
	text-shadow: 1px 1px 2px #ff9b22;
}
.information .btn-info:hover{
	background: #ffb955;
}

/* laptop */
@media screen and (max-width:1024px){
	.txt-wrap h1{
		font-size: 35px;
	}
	.txt-wrap h1 em{
		font-size: 45px;
	}
	.txt-wrap h1 em span{
		font-size: 50px;
	}
	.txt-wrap .logo img{
		max-width: 250px;
	}
	.txt-wrap{
		text-align: center;
		flex: 0 1 57%;
	}
	.hero-wrap{
		flex: 0 1 43%;
	}
	.hero-wrap .img{
		margin: 35px 20px 0 auto;
	}
	.btn-download{
		max-width: 470px;
	}
}

/* iPad */
@media screen and (max-width:800px){
	#top-content .content-wrap h1.sp{
		margin: 0 auto;
		text-align: center;
		line-height: 1.2;
		text-shadow: 0 0 10px rgba(2,0,80,0.5);
		color: #fff;
		flex-basis: 100%;
		display: block;
		font-size: 35px;
	}
	#top-content .content-wrap h1.sp em{
		font-size: 45px;
		font-style: normal;
	}
	#top-content .content-wrap h1.sp em span{
		color: #a1e65c;
		font-size: 50px;
		font-style: normal;
	}
	#top-content .content-wrap{
		align-items: flex-end;
	}
	.txt-wrap h1{
		display: none;
	}
	.txt-wrap .logo img{
		max-width: 230px;
	}
	.txt-wrap{
		text-align: center;
		flex: 0 1 57%;
	}
	.hero-wrap{
		flex: 0 1 43%;
	}
	.hero-wrap .img{
		margin: 35px 20px 0 auto;
	}
	.btn-download{
		max-width: 390px;
	}
	.btn-download .btn-wrap .btn-img{
		display: none;
	}
}

@media screen and (max-width:592px){
	#top-content .p-contents{
		padding: 20px 0 30px;
	}
	#top-content .content-wrap h1.sp{
		font-size: 1.25em;
	}
	#top-content .content-wrap h1.sp em{
		font-size: 1.5em;
	}
	#top-content .content-wrap h1.sp em span{
		font-size: 35px;
		font-style: normal;
	}
	.txt-wrap h1{
		display: none;
	}
	.txt-wrap .logo{
		margin: 20px auto 0;
	}
	.txt-wrap .logo img{
		max-width: 200px;
	}
	.txt-wrap .img{
		display: block;
		text-align: center;
	}
	.txt-wrap .img img{
		max-width: 60%;
	}
	.txt-wrap{
		flex: 0 1 100%;
	}
	.txt-wrap p{
		font-size: 18px;
	}
	.hero-wrap{
		display: none;
	}
	.btn-download{
		margin: 20px 10px;
		max-width: inherit;
		width: auto;
	}
	.btn-download .btn-wrap .btn-inner .bnr-txt span{
		font-size: 14px;
	}
	.information h2{
		font-size: 1.25em;
	}
}
@media screen and (min-width: 1000px) {
	.u-textleft{
		text-align: left!important;
	}
}