@charset "utf-8";#index #contents{background:#E1F5FE;}
#index .mv {
	padding-bottom: 0 !important;
}
#index .mv .secInner{height:100%;position:relative;}
#index .mv .catch_zone {
	position: relative;
	width: 100%;
	height: 620px;
	background-image: url("../images/top/top_bg.png");
	background-position: 0 bottom;
	background-repeat:repeat-x;
	-webkit-background-size: 684px auto;
	background-size: 684px auto;
}

#index .mv .catchArea{padding-top:0px;text-align:left;margin-top: 35px;}
#index .mv .mvCatch{color: #004EA1; font-size: 28px; font-weight: bold; font-family: "メイリオ", Meiryo, sans-serif;}
#index .mv .mvCatch img {
	width: 100%;
	max-width:420px;
	margin: 1vw 0 5px 0px;
}
#index .mv .SubCatch {
	color: #004EA2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.75;
	margin-top: 10px;
}
#index .mv .SubCatch span {
	font-size: 116%;
}
#index .mv .prizeArea {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#index .mv .prizeArea .onlineEventbanner {
	width: 100%;
	max-width: 220px;
	min-width: 140px;
	transition:0.5s all;
}
#index .mv .prizeArea .onlineEventbanner:hover {
	transform: scale(1.05,1.05);
}
#index .SystemPreviewArea {
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	-o-flex: 0 1 auto;
	flex: 0 1 auto;
}

#index .mv .SubCatchImg {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	margin-top: 20px;
}
#index .mv .SubCatchImg .onlineEvent {
	display: block;
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	-o-flex: 0 1 auto;
	flex: 0 1 auto;
}
#index .usertoiawase_btn {
	color: #004EA2;
	background: rgba(255,255,255,0.7);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	border-radius: 3px;
	display: block;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 13px 20px 11px 20px;
	position: relative;
	top: 0;
	max-width: 620px;
	min-width: 200px;
	line-height: 1.2;
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
	margin-top: 35px;
	position: relative;
}

#index .usertoiawase_btn::after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: calc(50% - 8px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 12px;
	border-color: transparent transparent transparent #004EA2;

}

#index .usertoiawase_btn:hover {
    top: 4px;
    box-shadow: none;
    text-decoration: none;
}

#index .SubCatchArea .meritList {
	display: flex;
	display: -webkit-box;
	-webkit-box-pack: justify;
	justify-content: space-between;
	max-width: 620px;
	width: 100%;
}

#index .SubCatchArea .meritList li {
    background-color: #fff;
    border: #004EA2 solid 2px;
    border-radius: 10px;
    padding: 10px;
	position: relative;
    max-width: 197px;
	width: calc(calc(100% / 3) - 15px);
}

#index .SubCatchArea .meritList li .achievements img {
	height: auto;
	position: absolute;
	top: -22px;
	left: -20px;
	width: 42px;
}

#index .SubCatchArea .meritList li p {
	color: #004EA2;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}

#index .SubCatchArea .meritList li p .emphasis {
	color: #FF6D00;
	font-size: 150%;
}

#index .SubCatchArea .meritList li .imgCon {
	margin: 10px 5px 5px;
}

#index .SubCatchArea .meritList li .imgCon img {
	width: 100%;
}

#index .mv .SystemPreview {
	max-width: 350px;
	width: 100%;
}
#index .mv .prizeArea ul {
	margin-left: 14px; 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	-o-flex: 0 1 auto;
	flex: 0 1 auto;
}
#index .mv .prizeArea ul li {
	width: 100%;
	max-width: 75px;
	min-width: 35px;
	margin-left: 5%;
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	-o-flex: 0 1 auto;
	flex: 0 1 auto;
}
#index .mv .prizeArea ul li img {width:100%;height:auto;}
#index .mv .movieArea{position:absolute;right:0;bottom:130px;}
#index .mv .movieArea .movieTtl{width:202px;height:42px;background:url(../images/top/baloon.svg)0 0 no-repeat;background-size:contain;text-indent:100%;white-space:nowrap;overflow:hidden;}
#index .catchForm {
	background: #fff;
	border-radius: 10px;
	padding: 8px 20px;
	position: absolute;
	top: 100px;
	right: -720px;
	left: 0;
	margin: auto;
	width: 380px;
	height: 615px;
	box-shadow: 0px 0px 5px 5px rgba(50,50,50,0.1);
	z-index: 99;
}
@keyframes horizontal{0%{transform:translateX(-10px);}
100%{transform:translateX(0px);}
}
@keyframes vertical{0%{transform:translateY(-15px);}
100%{transform:translateY(0px);}
}
#index .mv .movieArea{animation:horizontal 1s ease-in-out infinite alternate;animation:vertical 1s ease-in-out infinite alternate;}
#index .mv .movieArea .movieCon{border:#004ea2 10px solid;}
#index .mv .movieArea .video{}
#index .newsArea{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;max-width:960px;margin:0 auto;text-align:center;letter-spacing:-.40em; background: #eee;}
#index .newsTtl{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:25%;padding:30px 26px;box-sizing:border-box;background:#eee;letter-spacing:normal;}
#index .newsTtl div h2{color: #004EA2;margin:0 auto;white-space:nowrap;}
#index .newsTtl div p{font-size:16px;color:#004EA2;}
#index .newsInfo{width:75%;padding:30px 26px;box-sizing:border-box;background:#fff;letter-spacing:normal;text-align:left;}
#index .newsInfo ul li a{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:10px;font-size:14px;line-height:1.5;color:#424242;}
#index .newsInfo ul li a time{width:4rem;margin-right:1rem;display:inline-block;text-decoration:underline;}
#index .newsInfo ul li a span{display:inline-block;text-decoration:underline;}
#index .newsInfo ul li a:hover{color:#2196F3;}
#index .meritSec{padding-bottom:66px;background:#CAEDFD;position:relative;}
#index .meritSec .colBox li .meritImg{height:230px;padding-top:30px;box-sizing:border-box;}
#index .meritSec .linkDiv{margin:60px auto 0;}
#index .newsSecBox {background: #CAEDFD; padding: 60px 0;}
#index .functionSec{}
#index .functionSec .colBox li .functionImg{height:190px;padding-top:30px;box-sizing:border-box;}
#index .functionSec .colBox li .functionText{margin-top:10px;padding:0 20px;font-size:14px;line-height:1.5;text-align:left;}
#index .functionSec .linkDiv{margin:60px auto 0;}
#index .exampleSec{position:relative;padding-bottom:0;}
#index .exampleSec .subTtl01{padding-bottom:30px;}
#index .exampleSec .sliderCase{width:100%;}
#index .exampleSec .sliderCase li{width:calc(100%/3);height:520px;background-size:cover;}
#index .exampleSec .sliderCase .case01{}
#index .exampleSec .sliderCase .case02{}
#index .exampleSec .sliderCase .case03{}
#index .exampleSec .sliderCase li a{display:flex;align-items:center;justify-content:center;height:100%;background:rgba(0, 78, 162, 0.6);text-decoration:none;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}
#index .exampleSec .sliderCase li a .caseCon{flex:none;display: block;width: 90%;}
#index .exampleSec .sliderCase li a .exampleImgTitle{font-size:1.2vw;line-height:2;color:#fff;}
#index .exampleSec .sliderCase li a .detailTxet{font-size:1.2vw;line-height:2;color:#fff;}
#index .exampleSec .sliderCase li .hoverBtn{margin-top:40px;background:transparent;border-color:#fff;color:#fff;display:none; width: 80%;}
#index .exampleSec .sliderCase li .hoverBtn {}
#index .exampleSec .linkDiv{padding:40px 0 50px;background:#E1F5FE;}
#index .resultSec .col6{margin-left:-12px;margin-bottom:-12px;}
#index .resultSec .col6 li{width:150px;margin-left:16px;margin-bottom:12px;}


/*企業ロゴ横スクロール用css*/
#index .resultSec .infiniteslide {
	display: none;
}
.simply-scroll-container {
  position: relative;
}
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}
.simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.simply-scroll-list li {
  list-style:none !important;
  float: left;
  width: 150px;
  height: 150px;
  margin: 0;
  padding: 0;
}
.simply-scroll-list li img {
  display: block;
}

/*導入事例*/

#index .caseArea {
	padding-bottom: 0;
	background: #F7F7F5;
	margin: 0;
}
#index .caseArea .cvArea {
    margin: 40px auto 0;
    padding-bottom: 50px;
}
#index .caseArea h2 {
    color: #004EA2;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding: 60px 0 40px;
}
#index .colBox.col3 li {
	height: auto;
	border-radius: 0;
}
#index .colBox li a{display:block;text-decoration:none;}
#index .colBox li .imgCon{max-width:300px;}
#index .colBox li .imgCon img{width:100%;height:auto;}
#index .colBox li .textCon{padding:20px;text-align:left;position: relative;}
#index .colBox li .textCon .compnyName{margin-top:10px;font-size:16px;font-weight:bold;line-height:1.2;color:#000;}
#index .colBox li .textCon .compnyText{margin-top:10px;font-size:16px;font-weight:normal;line-height:1.5;color:#000;}
#index .tug{display:inline-block;padding:2px 10px;font-size:14px;line-height:1.2;color:#FFF;}
#index .service_tx{background:#f57f17;}
#index .it_tx{background:#2196f3;}
#index .medical_tx{background:#8cc63f;}
#index .shop_tx{background:#ff0000;}
#index .education_tx{background:#ffff00;}
#index .eat_tx{background:#8800ff;}


#index .suportSec{background:#E1F5FE;padding-bottom:0;}
#index .suportSec .suportFlow{margin-left:80px;}
#index .suportSec .suportFlow li{}
#index .suportSec .suportFlow li:before{}
#index .suportSec .suportFlow li:first-child:before{}
#index .suportTelArea{}
#index .suportTelArea .secInner{}
#index .suportTelArea .suportTelLeft{}
#index .suportTelArea .saportTelRight{}
#index .suportTelArea .telTtl{}
#index .suportTelArea .telcomment{}
#index .suportTelArea .telNum{}
#index .suportTelArea .telNum:before{}
#index .suportTelArea .saportTelRightSmall{}
#index .planSec{background:#03A9F4;}
#index .exampleSec .planSec .linkDiv {background:#03A9F4; padding: 0;}
#index .formArea {
	background: #FFF;
	margin: 0 auto;
	padding: 50px 0 0;
	position: relative;
	width: 100%;
	z-index: 1;
	overflow: hidden;
}
#index .formArea .secInner {
	max-width: 100%;
}
#index .slick-dots {
	display: none!important;
}
#index .formArea h2 {color: #004EA2; font-size: 30px; margin-bottom: 40px;}
#index .formArea h2 .e_number {
	color: #FF6D00;
    font-size: 150%;
    padding: 0 5px 0 10px;	
}
#index .formArea h2 .e_people {
    font-size: 120%;
    padding-right: 10px;
}
#index .formArea .planCv {
	margin: 40px auto 50px
}
#index .formArea .cvArea .cvCatch {
    color: #004EA2;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
}

#index .requestBtn {display: block; width: 300px; height: 50px; margin: 0 auto; padding: 13px; box-sizing: border-box; border-radius: 4px; font-size: 16px; line-height: 1.5; color: #FFF; text-decoration: none; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; transition: .2s ease-in-out; position: relative; top: 0;}
#index .formArea .cvArea a:hover {top: 4px; box-shadow: none; text-decoration: none;}
#index .planSec .subTtl01 > p{color:#fff;}
#index .planSec .planImg{}
#index .planSec .planImg .costCon01{}
#index .planSec .planImg .costCon01 .cost01{}
#index .planSec .planImg .costCon02{}
#index .planSec .planImg .costCon02 .cost02{}
#index .planSec .planImg .costCon02 .cost03{}
#index .contactSec{background:#E1F5FE;}
#index .contactSec .subTtl01{padding-bottom:30px;}
#index .contactSec .cvArea{margin:0 auto;}
#index .mediaSec{background:#F5F5F5;padding-bottom:0;}
#index .mediaSec .colBox{padding-bottom:35px;-webkit-justify-content:space-between;justify-content:space-between;}
#index .mediaSec .colBox li a{display:block;}
#index .mediaSec .colBox li a img{height:64px;width:auto;}
#index .mediaSec .shifopLite{background:#fff;padding-bottom:60px;}
#index .mediaSec .shifopLite .subTtl01 > h3{font-size:16px;line-height:1.5;color:#004EA2;}
#index .mediaSec .shifopLite .hikakuArea{}
#index .mediaSec .shifopLite .hikakuArea .hikakuLeft{}
#index .mediaSec .shifopLite .hikakuArea .hikakuRight{}
#index .kanrenSec{background:#E1F5FE;}
#index .kanrenSec .subTtl01{padding-bottom:40px;}
#index .kanrenSec .sliderKanren{margin-left:calc(-80px/3);}
#index .kanrenSec .sliderKanren li{width:220px;margin-left:calc(80px/3);}
@media screen and (max-width: 960px) {
    #index .mv {
        padding: 0;
    }
}
@media screen and (min-width:871px){
	#index .SystemPreviewArea {
		display: none;
	}
}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){
	#index .mv{height:auto;padding:0;}
	#index .mv .catch_zone {
		width: 100%;
		height: auto;
		-webkit-background-size: 110%;
		background-size: 110%;
	}
	#index .mv .prizeArea .onlineEventbanner {
		display: none;	
	}
	#index .mv .SubCatchArea {
		padding-bottom: 24px;
	}
	#index .mv .SubCatch {
		font-size: 13px;
		text-shadow: 2px  2px 1px #e1f5fe,
		-2px  2px 1px #e1f5fe,
		2px -2px 1px #e1f5fe,
		-2px -2px 1px #e1f5fe,
		2px  0px 1px #e1f5fe,
		0px  2px 1px #e1f5fe,
		-2px  0px 1px #e1f5fe,
		0px -2px 1px #e1f5fe;
		margin-top: 2vw;
		line-height: 1.25;
	}
	#index .mv .SubCatchImg {
		margin-top: -72px;
		padding-bottom: 4px;
		display: block;
	}
	#index .mv .SubCatchImg .onlineEvent {
		max-width: 100%;
	}
	#index .usertoiawase_btn {
		font-size: 3.5vw;
		margin-top: 0;
		max-width: 420px;
	}
	#index .usertoiawase_btn::after {
		top: calc(50% - 7px);
		border-width: 8px 0 8px 10px;
	}
#index .mv .catch_zone .secInner{margin-left:0;left:0;}
#index .mv .secInner{}
#index .mv .catchArea{padding-top:16px;margin:0 16px;}
	#index .mv .SystemPreview {
		display: none;
	}
#index .mv .mvCatch {
	font-size: 14px;
	padding-left: 0;
	line-height: 1.5;
	margin: 0;
	}
#index .mv .mvCatch img {width: 100%; max-width: 290px; margin: 0;}
#index .mv .prizeArea {}
#index .mv .prizeArea ul {width:88px;}
#index .mv .prizeArea ul li {float:left;width: 48%;margin-left:2%;}
#index .mv .prizeArea ul li img {width: 100%;}
#index .mv .catchArea .mvMes{width:50%;margin-left:10px;}
#index .mv .catchArea .mvMes img{width:100%;}
#index .mv .movieArea{margin-right:20px;border:8px;bottom:190px;}
#index .mv .movieArea .movieTtl{}
#index .mv .movieArea .movieCon{}
#index .mv .movieArea .video{}
#index .formArea {background: #EBEFF2; width: 100%; height: auto; padding: 30px 0 40px; margin: 0 auto 0; border-bottom: none;}
#index .formArea h2 {line-height: 1.2; font-size: 24px; margin-bottom: 30px;}
	#index .formArea h2	.e_user {
		display: block;
	}
	#index .formArea h2 .e_number {
		display: inline-block;
	}
	#index .formArea h2 .e_people {
		font-size: 120%;
		padding-right: 10px;
	}
#index .formArea span {display: inline-block;}
#index .formArea .cvArea {margin: 0 auto;}
#index .formArea .cvArea a {font-size: 16px; width: 100%; height: 50px; padding: 13px; width: calc(100% - 32px);}
	#index .formArea .cvArea .cvCatch {
		font-size: 24px;
	}
	#index .formArea .cvArea .cvCatch span {
		display: inline-block;
	}
	#index .catchForm {
		display: none;
		border-radius: 0;
		width: 100%;
		height: 640px;
		box-shadow: none;
		position: static;
		padding: 20px 16px;
	}
	.top_slider.showSP {
		height: 200px;
		overflow: hidden;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
#index .newsArea{width:100%;;flex-direction:column;margin:0 auto 0;}
#index .newsSecBox {padding: 0;}
#index .newsTtl{width:100%;}
#index .newsTtl div h2{}
#index .newsTtl div p{}
#index .newsInfo{
	width:100%;
}
#index .newsTtl{width:100%;padding:10px; background: #CAEDFD;}
#index .newsInfo ul li a{}
#index .newsInfo ul li a time{}
#index .newsInfo ul li a span{}
#index .newsInfo ul li a:hover{}
#index .meritSec{}
#index .meritSec .colBox li .meritImg{}
#index .meritSec .linkDiv{margin-top:50px;}
#index .functionSec{}
#index .functionSec .colBox li .functionImg{}
#index .functionSec .colBox li .functionText{}
#index .functionSec .linkDiv{margin-top:20px;}
#index .exampleSec{padding:0 0 20px;}
#index .exampleSec .subTtl01{padding-left: 16px; padding-right: 16px;}
#index .exampleSec .sliderCase{flex:none;}
#index .exampleSec .sliderCase li{width:100%;height:360px;}
#index .exampleSec .sliderCase .case01{}
#index .exampleSec .sliderCase .case02{}
#index .exampleSec .sliderCase .case03{}
#index .exampleSec .sliderCase li a{}
#index .exampleSec .sliderCase li a .caseCon{}
#index .exampleSec .sliderCase li a .exampleImgTitle{font-size: 3.8vw;}
#index .exampleSec .sliderCase li a .detailTxet{font-size: 4.1vw;}
#index .exampleSec .sliderCase li .hoverBtn{}
#index .exampleSec .linkDiv{padding:60px 16px 60px;}
#index .resultSec{}
#index .resultSec .col6{margin:0 auto;justify-content:center;}
#index .resultSec .col6 li{width:120px;}
#index .resultSec .col6 li div,
#index .resultSec .col6 li img{width:120px;height:auto;}
#index .suportSec{padding:0;}
#index .suportSec .subTtl01{padding-right:16px;padding-left:16px;}
#index .suportSec .suportFlow{margin-left:0px;}
#index .suportSec .suportFlow li{}
#index .suportSec .suportFlow li:before{}
#index .suportSec .suportFlow li:first-child{}
#index .suportSec .cvArea{padding:0 16px;margin-top:0;}
#index .suportTelArea{}
#index .suportTelArea .secInner{}
#index .suportTelArea .suportTelLeft,
#index .suportTelArea .saportTelRight{}
#index .suportTelArea .telTtl{}
#index .suportTelArea .telcomment{}
#index .suportTelArea .telNum{}
#index .suportTelArea .telNum:before{}
#index .suportTelArea .saportTelRightSmall{}
#index .planSec{}
#index .planSec .subTtl01 > p{}
#index .planSec .planImg{}
#index .planSec .planImg .costCon01,
#index .planSec .planImg .costCon02{}
#index .planSec .planImg .costCon01{}
#index .planSec .planImg .costCon02{}
#index .planSec .planImg .costCon01 .cost01{}
#index .planSec .planImg .costCon02 .cost02{}
#index .planSec .planImg .costCon02 .cost03{}
#index .contactSec{}
#index .contactSec .subTtl01{}
#index .contactSec .cvArea{margin-bottom:0px;}
#index .mediaSec{padding:0 16px;}
#index .mediaSec .colBox{margin-bottom:40px;padding-right:16px;padding-left:16px;-webkit-flex-direction:column;flex-direction:column;}
#index .mediaSec .colBox li img{width:auto;max-width:100%;}
#index .mediaSec .shifopLite{}
#index .mediaSec .shifopLite .subTtl01 > h3{padding:0 16px;text-align:left;}
#index .mediaSec .shifopLite .hikakuArea{}
#index .mediaSec .shifopLite .hikakuArea .hikakuLeft,
#index .mediaSec .shifopLite .hikakuArea .hikakuRight{}
#index .mediaSec .shifopLite .hikakuArea .hikakuLeft{}
#index .mediaSec .shifopLite .hikakuArea .hikakuLeft img{}
#index .kanrenSec{padding-bottom:40px;}
#index .kanrenSec .subTtl01{}
#index .kanrenSec .sliderKanren{}
#index .kanrenSec .sliderKanren li{}
#index .kanrenSec .sliderKanren li img{}

/*導入事例*/
	
	#index .colBox.col3 {
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	#index .colBox li .imgCon {
		max-width: 100%;
	}
	#index .colBox li .textCon:after {
		position: absolute;
		bottom: -16%;
		margin: auto;
		content: "";
		vertical-align: middle;
		right: 42%;
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		border: 20px solid transparent;
		border-top: 25px solid #004EA1;
	}
	#index .caseArea h2 {
		font-size: 24px;
		padding: 30px 0;
	}
	#index .caseArea .cvArea {
		margin: 0;
		padding-bottom: 40px;
	}
	#index .requestBtn {
		width: 100%;
	}
}

/* 2018.05.28　シフオプアプリ告知シール追加 */
.appsAnnouncementPC {
	width:  250px;
	height: 196px;
	position: absolute;
	left: 25px;
	bottom: 55px;
	z-index: 2;
}

.appsAnnouncementSP {
	width:  26%;
	height: auto;
	position: absolute;
	right: 3%;
	bottom: 65px;
	z-index: 2;
}

.appsAnnouncementSP img {
	width: 100%;
	height: auto;
}

/* 2018.11.12　トップロゴ一覧　*/

@media screen and (max-aspect-ratio: 9/10) and (max-width: 414px), screen and (max-width: 736px) and (min-aspect-ratio: 1/1) {
#index .resultTop {
		padding: 0;
	}
}

/*2019.02.15 ヘッダー変更*/
.featureArea {
	position: absolute;
	left: 0;
	bottom: 115px;
	padding: 20px;
	text-align: left;
	width: 570px;
	font-family: "メイリオ", Meiryo, sans-serif;
}

.featureArea h2 {
	line-height: 1.5;
	font-size: 24px;
	color: #004EA2;
	text-shadow: 1px  1px 5px #FFF,
	-1px  1px 5px #FFF,
	1px -1px 5px #FFF,
	-1px -1px 5px #FFF;
	margin-left: 20px;
}

.featureArea ul {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	color: #004ea2;
	margin: 10px 0 0 0;
	text-shadow:
	0.03em 0.03em 0px #ffffff,
	-0.03em 0.03em 0px #ffffff,
	0.03em 0.03em 0px #ffffff,
	0.03em 0.03em 0px #ffffff,
	0.03em  0px 0px #ffffff,
	0px  0.03em 0px #ffffff,
	-0.03em  0px 0px #ffffff,
	0px 0.03em 0px #ffffff;
}

.featureArea ul li{
	width: 110px;
	height: 110px;
	background: rgba(251,236,63,0.85);
	border-radius: 55px;
	display: inline-block;
	padding-top: 28px;
	margin: 0 5px;
	box-shadow: 2px 2px 4px gray;
}

.linkDiv .requestBtn {
	display: block;
	width: 300px;
	height: 50px;
	margin: 0 auto;
	padding: 13px;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.5;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	position: relative;
	top: 0;
	background: #FFAB00;
	box-shadow: 0px 4px 0px 0px #ff6d00;
	-moz-box-shadow: 0px 4px 0px 0px #ff6d00;
	-webkit-box-shadow: 0px 4px 0px 0px #ff6d00;
}

.linkDiv .requestBtn:hover {
	top: 4px;
	box-shadow: none;
	text-decoration: none;
}

@media screen and (max-aspect-ratio: 9/10) and (max-width: 414px), screen and (max-width: 736px) and (min-aspect-ratio: 1/1) {
	.featureArea {
		width: auto;
		left: 8px;
		bottom: 70px;
		padding: 0 8px;
	}
	
	.featureArea h2 {
		font-size: 10px;
		margin-left: 0;
	}
	
	.featureArea ul {
		margin-top: 2px;
	}
	
	.featureArea ul li{
		font-size: 10px;
		width: 56px;
		height: 56px;
		border-radius: 28px;
		padding-top: 15px;
		margin: 0 2px;
	}
	
	.linkDiv .requestBtn {
		width: 100%;
	}
}

/*2019.07.22 テキスト追加修正*/
#index .subTtl01 h2 {
	line-height: 1.5;
}

#index .subTtl01 span {
	font-size: 85%;
	display: block;
}

#index .aboutTxt {
	font-size: 16px;
	margin-top: 40px;
	text-align: center;
	line-height: 1.5;
}

#index .aboutTxt span {
	letter-spacing:1px;
}

#index .newsTtl h2 {
	font-size: 14px;
}

#index .newsTtl h2 span {
	display: block;
	text-indent: 0;
	font-weight: normal;
}

#index .newsTtl h2 .newsTtlLogo {
	display: block;
	font-family: "メイリオ", Meiryo, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-top: 12px;
}
@media screen and (max-aspect-ratio: 9/10) and (max-width: 414px), screen and (max-width: 736px) and (min-aspect-ratio: 1/1) {
	#index .subTtl01 span {
		font-size: 18px;
	}
	#index .aboutTxt {
		font-size: 14px;
		margin-top: 20px;
	}
	#index .newsTtl h2 .br {
		display: inline;
	}
	#index .newsTtl h2 span {
		font-size: 18px;
		font-weight: bold;
	}
	#index .newsTtl h2 .newsTtlLogo {
		margin-top: 6px;
	}
}

/*2019.08.21 メニューコンテンツ追加*/

#index .menuSec {
	background: #fff;
	padding-top: 60px;
}

#index .menuSec h3 {
	color: #004EA2;
	font-size: 30px;
	line-height: 1.5;
}

#index .menuCon {
	margin-top: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#index .menuCon li {
	margin: 10px 5px 0;
}

#index .menuCon li a {
	display: block;
	width: 300px;
	height: 50px;
	margin: 0 auto;
	padding: 10px 13px 13px 13px;
	box-sizing: border-box;
	border: 2px solid #004ea2;
	border-radius: 4px;
	background: #fff;
	color: #004EA2;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

#index .menuCon li a:hover {
	background: #004ea2;
	color: #fff;
}

#index .menuSec .requestBtn {
	display: block;
	width: 300px;
	height: 50px;
	margin: 10px auto 0;
	text-decoration: none;
	color: #fff;
	border: none;
	border-radius: 4px;
	line-height: 1.5;
	padding: 13px;
	background: #FFAB00;
	box-shadow: 0px 4px 0px 0px #ff6d00;
	-moz-box-shadow: 0px 4px 0px 0px #ff6d00;
	-webkit-box-shadow: 0px 4px 0px 0px #ff6d00;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	position: relative;
	top: 0;
}

 #index .requestBtn:hover {
	background: #FFAB00;
	top: 4px;
	box-shadow: none;
	text-decoration: none;
}

@media screen and (max-aspect-ratio: 9/10) and (max-width: 414px), screen and (max-width: 736px) and (min-aspect-ratio: 1/1) {
	
	#index .menuSec {
		padding-top: 30px;
	}
	
	#index .menuSec h3 {
		line-height: 1.2;
		font-size: 24px;
	}
	
	#index .menuSec h3 span {
		display: block;
	}
	
	#index .menuCon {
		display: block;
		margin-top: 20px;
	}
	
	#index .menuCon li {
		margin: 10px 0;
	}
	
	#index .menuCon li a {
		width: 100%;
	}
	
	#index .menuSec .requestBtn {
		width: 100%;
	}
}

/*機能紹介追加*/
#index .functionArea {
	background-color: #E1F4FE;
}

#index .functionArea h2 {
	color: #004EA2;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding: 60px 0 40px;
}

#index .cvCatch {
	color: #004EA2;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 40px;
}

#index .cvCatch span {
	display: inline-block;	
}

#index .functionArea .flowCon ul {
    margin-left: -35px;
    letter-spacing: -.40em;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
	flex-wrap: wrap;
}

#index .functionArea .flowCon ul li {
    max-width: 164px;
    min-width: 42px;
    width: 100%;
    margin: 30px 0 0 35px;
    letter-spacing: normal;
    position: relative;
    display: block;
    padding: 20px 10px 15px;
    text-decoration: none;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #004EA2;
    box-sizing: border-box;
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
}

#index .functionArea .flowCon ul li .num {
    width: 26px;
    height: 26px;
    background: #004ea2;
    border-radius: 13px;
    position: absolute;
    top: -13px;
    left: 13px;
}

#index .functionArea .flowCon ul li:first-child:before{display:none;}

#index .functionArea .flowCon ul li:before {
    display: block;
    content: "";
    width: 14px;
    height: 21px;
    margin-top: -10px;
    background: url(../images/common/arrow02.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -26px;
}

#index .functionArea .flowCon ul li .textCon {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #004EA2;
}

#index .functionArea .flowCon ul li .imgCon {
    margin: 10px auto 0;
    min-height: 68px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#index .functionArea .flowCon ul li .requestBtn {
	width: 100%;
	height: 32px;
	background: #FFAB00;
	padding: 4px 0 4px 8px;
	margin-top: 15px;
	box-shadow: 0px 4px 0px 0px #ff6d00;
    -moz-box-shadow: 0px 4px 0px 0px #ff6d00;
    -webkit-box-shadow: 0px 4px 0px 0px #ff6d00;
}

#index .functionArea .flowCon ul li .requestBtn:hover {
    background: #FFAB00;
    top: 4px;
    box-shadow: none;
    text-decoration: none;
}

#index .functionArea .flowCon ul li .linkBtn {
	width: 100%;
	height: 36px;
	margin-top: 10px;
	padding: 4px 0;
}

#index .functionArea .cvArea {
	margin-bottom: 0;
}

/*2022.02.03　料金追加*/

#index .subArea .ttl {
	font-size: 32px;
	color: #fff;
	padding: 60px 0 0;
}
#index .planSec .cvArea {
	margin-bottom: 0;
}
#index .planSec .planImg .costCon01 .cost01 {
	width: 100%;
    max-width: 195px;
    height: 104px;
    margin: 55px auto 0;
    white-space: nowrap;
	background: none;
	text-indent: 0;
	overflow: visible;
}
#index .planSec .planImg .cost_ttl {
    color: #004EA2;
    font-weight: bold;
    font-size: 1.6em;
    font-weight: bold;
    font-family: "メイリオ", Meiryo, sans-serif;
    display: inline-block;
    line-height: 1.1em;
}
#index .planSec .planImg .cost_nm {
    color: #FF6D00;
    font-weight: bold;
    font-size: 8em;
    letter-spacing: -0.03em;
    margin-left: 5px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
#index .planSec .planImg .cost_en {
    color: #004EA2;
    font-weight: bold;
    font-size: 3.6em;
    margin-left: 5px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo, sans-serif;
}
#index .planSec .planImg .costCon01 {
	border-right: none;
}
#index .planSec .planImg .costCon02 {
	border-left: 1px dashed #004EA2;
    width: 480px;
    height: 150px;
    display: -webkiit-flex;
    display: flex;
    -webkiit-flex-direction: column;
    flex-direction: column;
    -webkiit-align-items: center;
    align-items: center;
}
#index .planSec .planImg .costCon02 .cost02 {
    width: 100%;
	height: auto;
    max-width: 336px;
    margin: 50px auto 10px;
    white-space: nowrap;
    position: relative;
	background: none;
	text-indent: 0;
	overflow: visible;
}
#index .subArea .planImg {
    margin-top: 40px;
    margin-bottom: 10px;
}
#index .subArea .planImg + .comment {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
}
@media screen and (max-width: 959px){
	#index .planSec .planImg {
		width: 100%;
		max-width: 800px;
		padding: 15px 0;
		height: auto;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	#index .planSec .planImg .costCon01 {
		width: 40%;
		height: auto;
		align-items: stretch;
		border-bottom: none;
	}
	
	#index .planSec .planImg .costCon02 {
		width: 60%;
		height: auto;
		align-items: stretch;
	}
	
	#index .planSec .planImg .costCon01 .cost01, #index .planSec .planImg .costCon02 .cost02 {
		background-image: none;
		text-indent: 0;
		margin: 10% auto 10px;
		height: auto;
		max-width: 100%;
		text-align: center;
	}
	#index .planSec .planImg .cost_ttl {
		font-size: 1.5em;
	}
	#index .planSec .planImg .cost_nm {
		font-size: 7em;
		letter-spacing: -0.03em;
		margin-left: 5px;
	}
	#index .planSec .planImg .cost_en {
		font-size: 3em;
		margin-left: 5px;
	}
	#index .planSec .planImg .costCon02 .cost03 {
		width: 85%;
		max-width: 286px;
		margin: 0 auto;
	}
}
@media screen and (max-aspect-ratio: 9 / 10) and (max-width: 414px), screen and (min-aspect-ratio: 1 / 1) and (max-width: 736px){
	#index .functionArea h2 {
		font-size: 24px;
		padding: 30px 0;
	}
}
@media screen and (max-width: 736px){
	#index .functionArea .flowCon ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#index .functionArea .flowCon ul li {
		max-width: 100%;
		display: -webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 15px 20px;
	}
	#index .functionArea .flowCon ul li:nth-of-type(n+2) {
		margin-top: 30px;
	}
	
	#index .functionArea .flowCon ul li:before {
		left: 50%;
		right: 50%;
		top: -6px;
		transform: translate(-50%, -50%) rotate(90deg);
		-ms-transform: translate(-50%, -50%) rotate(90deg);
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
	}
	#index .functionArea .flowCon .flowTtl {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		width: 100%;
	}
	#index .functionArea .flowCon .flowTtl .num {
		position: relative;
		top: auto;
		left: auto;
	}
	#index .functionArea .flowCon ul li .textCon {
		font-size: 21px;
		margin: 0 15px 0 30px;
	}
	#index .functionArea .flowCon ul li .imgCon {
		margin: 0;
		width: 45px;
		min-height: auto;
	}
	#index .functionArea .flowCon ul li .imgCon img {
		width: 100%;
	}
	
	#index .functionArea .flowCon ul li .requestBtn {
		height: 50px;
		margin-top: 12px;
		padding: 13px 0;
		line-height: 1.5;
	}
	
	#index .functionArea .flowCon ul li .linkBtn {
		height: 54px;
		margin-top: 12px;
		padding: 13px 0;
		line-height: 1.5;	
	}
}
@media screen and (max-width: 669px) and (min-width: 540px){
	#index .planSec .planImg .cost_ttl {
		font-size: 1.2em;
	}
	#index .planSec .planImg .cost_nm {
		font-size: 6em;
	}
	#index .planSec .planImg .cost_en {
		font-size: 2.5em;
	}
}
@media screen and (max-width: 539px) and (min-width: 415px){
	#index .planSec .planImg .costCon01 .cost01, #index .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#index .planSec .planImg .cost_ttl {
		font-size: 1.1em;
	}
	#index .planSec .planImg .cost_nm {
		font-size: 5em;
	}
	#index .planSec .planImg .cost_en {
		font-size: 2.3em;
	}
	#index .planSec .planImg .costCon02 .cost03 {
		background: none;
		height: auto;
		left: auto;
	}
}
@media screen and (max-width: 414px) and (min-width: 376px){
	#index .subArea .planImg {
		height: auto!important;
	}
	#index .planSec .planImg .costCon01 {
		padding-bottom: 0;
		border-bottom: none;
	}
	#index .planSec .planImg .costCon01 .cost01, #index .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#index .planSec .planImg .cost_ttl {
		font-size: 1em;
	}
	#index .planSec .planImg .cost_ttl:first-child {
		top: 0;
	}
	#index .planSec .planImg .cost_nm {
		font-size: 4em;
	}
	#index .planSec .planImg .cost_en {
		font-size: 1.9em;
	}
	#index .planSec .planImg .costCon01 .cost01, .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#index .planSec .planImg .costCon02 .cost03 {
		background: none;
		height: auto;
		left: auto;
	}
}
@media screen and (max-width: 376px){
	#index .subArea .planImg {
		height: auto!important;
	}
	#index .planSec .planImg .costCon01 {
		padding-bottom: 0;
		border-bottom: none;
	}
	#index .planSec .planImg .costCon01 .cost01, .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#index .planSec .planImg .cost_ttl:first-child {
		top: 0;
	}
	#index .planSec .planImg .cost_ttl {
		font-size: 0.9em;
	}
	#index .planSec .planImg .cost_nm {
		font-size: 3.4em;
		margin-left: 0;
	}
	#index .planSec .planImg .cost_en {
		font-size: 1.8em;
		margin-left: 0;
	}
	#index .planSec .planImg .costCon01 .cost01, #index .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#index .planSec .planImg .costCon02 .cost03 {
		background: none;
		height: auto;
		left: auto;
	}
}

@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){
	#index .planSec {
		padding-bottom: 40px;
	}
	#index .subArea .ttl {
		font-size: 24px;
		padding-top: 30px;
	}	
	#index .subArea .planImg{
		width: 100%;
		margin: 25px 0 10px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		height: auto;
		background: #fff;
		border-radius: 10px;
	}
	#index .subArea .planImg + .comment{
		box-sizing:border-box;
		font-size: 12px;
	}
}

@media screen and (max-aspect-ratio: 9 / 10) and (max-width: 414px), screen and (min-aspect-ratio: 1 / 1) and (max-width: 736px) {
	#index .cvCatch {
		font-size: 24px;
		padding: 20px 0 30px;
	}
}


/*2019.11.14 カバー部分へフォーム導入*/
@media screen and (min-width:871px) and (max-width:1366px){
	#index .catchForm {
		top: 140px;
	}
	#index .mv .catch_zone {
		padding-left: 20px;
	}
	#index .mv .catch_zone .secInner {
		padding-right: 420px;
		max-width: 100%;
	}
	#index .mv .mvCatch {
		font-size: 2.2vw;
		-webkit-flex: 0 1 auto;
		-moz-flex:  0 1 auto;
		-ms-flex:  0 1 auto;
		flex:  0 1 auto;
		margin-right: -20px;
	}
	#index .mv .mvCatch img {
		margin-top: 1.2vw;
	}
	#index .mv .SubCatchArea {
		height: 400px;
		position: relative;
	}
	#index .mv .SubCatch {
		font-size: 1.4vw;
		margin-top: 0.5vw;
	}
	#index .SubCatchArea .meritList {
		max-width: 600px;
	}
	#index .usertoiawase_btn {
		font-size: 19px;
		padding-right: 40px;
		max-width: 600px;
	}
	#index .mv .SubCatchImg {
		margin-top: 2vw;
	}
}

@media screen and (min-width:871px) and (max-width:1150px){
	#index .mv .mvCatch {
		margin-right: -5px;	
	}
	#index .catchForm {
		right: 20px;
		left: auto;
	}
	#index .SubCatchArea .meritList li {
    	width: calc(calc(100% / 3) - 10px);
	}
	#index .SubCatchArea .meritList li p {
		font-size: 1.15vw;
	}
	#index .SubCatchArea .meritList li .achievements img {
		top: -20px;
		left: -12px;
		width: 3.3vw;
	}
	#index .SubCatchArea .meritList li .imgCon {
		margin: 10px 0 0;
	}
	#index .usertoiawase_btn {
		font-size: 1.7vw;
		padding: 13px 15px 11px 5px;
	}
	#index .usertoiawase_btn::after {
		top: calc(50% - 7px);
		border-width: 8px 0 8px 10px;
	}
}

/*IE対策*/
@media screen and (min-width:972px) and (max-width:1366px){
	#index .mv .catch_zone .secInner {
		padding-left: calc(50% - 476px);
	}
}

@media screen and (min-width:415px) and (max-width:870px){
	#index .mv {
		padding: 0;
	}
	#index .mv .prizeArea .onlineEventbanner {
		display: none;	
	}	
	#index .mv .SubCatchImg {
		display: block;	
		margin-top: -70px;
		padding-bottom: 24px;
	}
	#index .SubCatchArea {
		padding-bottom: 35px;
	}
	#index .usertoiawase_btn {
		font-size: 15px;
		margin-top: 0;
		max-width: 420px;
	}
	#index .mv .secInner {
		padding: 0;
		margin: 0;
	}
	#index .mv .catch_zone {
		width: 100%;
		height: auto;
		-webkit-background-size: 500px;
		background-size: 500px;
	}
	#index .mv .catchArea {
		padding-top: 16px;
		margin: 0 16px;
	}
	#index .mv .mvCatch {
		font-size: 20px;
		padding-left: 0;
		line-height: 1.5;
	}
	#index .mv .mvCatch img {
		width: 100%;
		max-width: 370px;
		margin: 0;
	}
	#index .mv .prizeArea ul {
		width: 105px;
	}
	#index .mv .prizeArea ul li {
		float: left;
		width: 48%;
		margin-left: 2%;
	}
	#index .mv .prizeArea ul li img {
		width: 100%;
	}
	#index .mv .SubCatch {
		font-size: 18px;
		text-shadow: 2px 2px 1px #e1f5fe, -2px 2px 1px #e1f5fe, 2px -2px 1px #e1f5fe, -2px -2px 1px #e1f5fe, 2px 0px 1px #e1f5fe, 0px 2px 1px #e1f5fe, -2px 0px 1px #e1f5fe, 0px -2px 1px #e1f5fe;
		margin-top: 1vw;
		line-height: 1.5;
	}
	#index .mv .SystemPreview {
		max-width: 360px;
	}
	#index .catchForm {
		display: none;
	}
	#index .formArea h2 {
		line-height: 1.2;
	}
	#index .formArea .breakthrough {
		display: block;
	}
	#index .formArea span {
		display: inline-block;
	}
	#index .formArea {
		background-color: #EBEFF2;
	}
	#index .newsSecBox {
		padding: 0;
	}
	#index .newsArea {
		width: 100%;
		flex-direction: column;
		margin: 0 auto 0;
	}
	#index .newsTtl {
		width: 100%;
		padding: 10px;
	}
	#index .newsTtl h2 span {
		font-size: 18px;
		font-weight: bold;
	}
	#index .newsTtl h2 .br {
		display: inline;
	}
	#index .newsTtl h2 .newsTtlLogo {
		margin-top: 6px;
	}
	#index .newsInfo {
		width: 100%;
	}
}

@media screen and (max-width:414px){
	#index .usertoiawase_btn {
		padding-left: 15px;
	}
	#index .usertoiawase_btn::after {
		top: calc(50% - 1.2vw);
		border-width: 1.6vw 0 1.6vw 2.2vw;
	}
	#index .mv .SubCatchArea {
		padding-bottom: 24px;
	}
	#index .mv .SubCatchImg {
		padding-bottom: 12px;
	}
}

/*2022.08.16　メリットコンテンツ追加
2023.02.01　コンテンツ変更*/

#index .meritArea {
	background-color: #EBEFF2;
}

#index .meritArea h2 {
    color: #004EA2;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding: 60px 0 20px;
}

#index .meritArea .meritList {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin-left: -40px;
}

#index .meritArea .meritList li {
	background-color: #fff;
	border: #004EA2 solid 2px;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0 0 40px;
	width: 293px;
}

#index .meritArea .meritList li p {
	color: #004EA2;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.5;
}

#index .meritArea .meritList li p .emphasis {
	color: #FF6D00;
	font-size: 150%;
}

#index .meritArea .meritList li .imgCon img {
	width: 100%;
}

#index .meritArea .cvArea {
	margin-bottom: 0;
}

@media screen and (max-aspect-ratio: 9 / 10) and (max-width: 414px), screen and (min-aspect-ratio: 1 / 1) and (max-width: 736px) {
	#index .meritArea {
		padding: 0 16px 50px;
	}
	
	#index .meritArea h2 {
		font-size: 24px;
		padding: 30px 0;
	}
	
	#index .meritArea h2 span {
		display: inline-block;
	}
	
	#index .meritArea .meritList li {
		margin-top: 16px;
		width: 100%;
	}
	
	#index .meritArea .meritList li:first-of-type {
		margin-top: 0;	
	}
	
	#index .meritArea .meritList li .imgCon {
		max-width: 260px;
		margin: 0 auto;
	}
	
	#index .meritArea .cvArea {
		margin-top: 30px;
	}
}

/*2023.09.28　SP ファーストビュー変更 */

#index .spFirstview,
#index .spMerit,
#index .spCvArea {
	display: none;
} 

@media screen and (max-width:870px){
	#index .mv .catch_zone {
		background-image: none;
	}
	
	#index .mv .prizeArea {
		-webkit-box-pack: center;
		justify-content: center;
	}
	
	#index .mv .SubCatch {
		max-width: 380px;
		margin: 8px auto 0;
	}

	#index .mv .SystemPreview {
		display: block;
		max-width: 340px;
		margin: auto;
	}
	
	#index .spFirstview {
		max-width: 380px;
		display: flex;
		display: -webkit-box;
		position: relative;
		z-index: 1;
		margin: 4px auto 0;
	}
	
	#index .spCost img {
		width: 100%;
		max-width: 100px;
	}
	
	#index .spMerit {
		background: #fff;
		border: #004EA2 solid 1px;
		border-radius: 5px;
		display: flex;
		display: -webkit-box;
		padding: 8px 0;
		width: 100%;
		max-width: 380px;
		margin: auto;
	}
	
	#index .spMerit li {
		width: calc(100% / 3);
		text-align: center;
		padding: 0 8px;
		position: relative;
	}
	
	#index .spMerit li:nth-of-type(n+2) {
		border-left: #004EA2 dashed 1px;
	}
	
	#index .spMerit figure {
		margin: 0;
	}
	
	#index .spMerit li .achievements {
		height: auto;
		position: absolute;
		top: -25px;
		left: -2px;
		width: 28px;
	}
	
	#index .spMerit li:first-of-type .achievements{
		left: -5px;
	}
	
	#index .spMerit figure figcaption {
		color: #004EA2;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 2px;
	}
	
	#index .spMerit figure figcaption span {
		color: #FF6D00;
		font-size: 114%;
	}
	
	#index .spMerit img {
		width: 100%;
	}
	
	#index .spCvArea {
		display: block;
		margin: 16px 0 8px;
	}
	
	#index .spCvArea .spCatch {
		display: inline-block;
		font-size: 15px;
		text-align: center;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#index .spCvArea .spCatch::before {
		content: "＼";
		position: absolute;
		left: -20px;
	}
	
	#index .spCvArea .spCatch::after {
		content: "／";
		position: absolute;
		right: -16px;
	}	
	
	#index .spCvArea .requestBtn {
		text-align: center;
		background: #FFAB00;
		box-shadow: 0px 4px 0px 0px #ff6d00;
		-moz-box-shadow: 0px 4px 0px 0px #ff6d00;
		-webkit-box-shadow: 0px 4px 0px 0px #ff6d00;
		margin: 4px auto 16px;
	}
	
	#index .SubCatchArea .meritList {
		display: none;	
	}	
	
	#index .usertoiawase_btn {
		background: none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding: 0;
		max-width: 380px;
		margin: auto;
	}
	
	#index .usertoiawase_btn:hover {
		top: 0;
	}
	
	#index .usertoiawase_btn::after {
		border: none;
	}
}

@media screen and (max-width:414px){
	#index .mv .prizeArea {
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
	
	#index .spCost img {
		max-width: 80px;
	}
	
	#index .mv .SystemPreview {
		max-width: 280px;
	}
	
	#index .spMerit figure figcaption {
		font-size: 3.4vw;
	}
	
	#index .spCvArea {
		margin-top: 8px;
	}
	
	#index .spCvArea .spCatch {
		font-size: 13px;
	}
}

/*2024.01.18　フッター固定CVエリア追加*/

#index .cvFixed {
	background: #E1F4FE;
	bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	padding: 15px 0 19px;
	/*デフォルトで非表示にする*/
	display: none;
}

#index .cvFixed .secInner {
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

#index .cvFixed .cvCatch {
	font-size: 20px;
	text-align: center;
	width: calc(100% - 300px);
	padding: 0;
}

#index .cvFixed .e_number {
	color: #FF6D00;
	font-size: 150%;
	padding: 0 5px 0 10px;
}

#index .cvFixed .e_people {
	font-size: 120%;
	padding-right: 10px;
}

#index .cvFixed .sp_none {
	margin-right: 10px;
}

#index .cvFixed .requestBtn {
	background: #FFAB00;
    box-shadow: 0px 4px 0px 0px #ff6d00;
    -moz-box-shadow: 0px 4px 0px 0px #ff6d00;
    -webkit-box-shadow: 0px 4px 0px 0px #ff6d00;
	display: block;
    width: 300px;
    height: 50px;
    padding: 13px 0 5px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.75;
    color: #FFF;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    position: relative;
    top: 0;
	text-align: center;
}

#index .cvFixed .requestBtn:hover {
	top: 4px;
    box-shadow: none;
    text-decoration: none;
}

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; }
}

#index .popup {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 10000; 
}
#index .popup-banner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#index .popup-banner_inner {
	max-width: 400px;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#index .popup-banner_inner img {
	width: 100%;
	height: auto;
}
#index .popup-banner_inner .popup-banner_img:hover {
	opacity: 0.85;
}
#index .popup-close {
    position: absolute;
    top: -20px;
    right: -20px;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 10001;
}
#index .popup.open {
    display: flex;
    animation: fadeIn .7s;
}

@media (min-aspect-ratio: 16 / 9) {
#index .popup-banner_inner {
    width: 40%; } 
}

@media screen and (max-width: 970px){
	#index .cvFixed {
		padding: 15px 16px 19px;
	}
	#index .cvFixed .cvCatch_ib {
		display: inline-block;
	}
}

@media screen and (max-width: 700px){
	#index .cvFixed .sp_none {
		display: none;
	}
	#index .cvFixed .secInner {
		-ms-flex-wrap: wrap;		
		flex-wrap: wrap;
	}
	#index .cvFixed .cvCatch {
		font-size: 20px;
		width: 100%;
	}
	#index .cvFixed .requestBtn {
		margin: 15px auto 0;
		width: 100%;
	}
}

/*ページ下部CVエリア*/
.cvBottom {
	background: #F7F7F5;
	margin: 0;
}
.cvBottom h2 {
	color: #004EA2;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding: 60px 0 40px;
}
.cvBottom h2 span {
	display: inline-block;
}

@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){
	.cvBottom h2 {
		font-size: 24px;
		padding: 30px 0 20px;
	}
}

/*2025.03.03　イベントコンテンツ追加*/
#index .eventSecBox {
	background-color: #fff;
}

#index .eventSecBox .eventInner {
	margin: 0 auto;
	max-width: 800px;
}

#index .eventSecBox .eventInner h2 img {
	padding-top: 60px;
	height: auto;
	width: 100%;
}

#index .eventSecBox .eventBox {
	margin: 40px 0;
	text-align: left;
	padding: 0;
}

#index .eventSecBox .eventBox h3 {
	border-bottom: 1px dashed #1976D2;
	color: #004EA2;
	font-size: 22px;
    padding-bottom: 15px;	
}

#index .eventSecBox .eventBox ul li:nth-of-type(n+2) {
    margin-top: 10px;
}

#index .eventSecBox .eventBox ul {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em;
	margin-top: 20px;	
}

#index .eventSecBox .eventCv {
	background: #E1F5FE;
    border-radius: 10px;	
    padding: 25px 20px;;
    max-width: 800px;
	margin: 0 auto;
}

#index .eventSecBox .cvCatch {
	color: #004EA2;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
	padding-bottom: 20px;
}

@media screen and (max-aspect-ratio: 9 / 10) and (max-width: 414px), screen and (min-aspect-ratio: 1 / 1) and (max-width: 736px) {
	#index .eventSecBox .eventInner h2 img {
		padding-top: 30px;
	}
	
	#index .eventSecBox .eventBox h3 {
		text-align: center;
	}
	
	#index .eventSecBox .eventBox {
		margin: 30px 0;
	}
	
	#index .eventSecBox .eventCv {
		padding: 10px 20px 34px;
	}
	
	#index .eventSecBox .cvCatch {
		font-size: 22px;
	}
}