@charset "utf-8";.lower .mainArea{height:300px;padding-bottom:0;position:relative;}
.lower .mainArea:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;}
.lower .mainArea .mainTtl{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff;position:relative;z-index:1;}
.lower .mainArea .mainTtl .ttl{font-size:50px;font-weight:bold;letter-spacing:0.1rem;line-height:1;}
.lower .mainArea .mainTtl .lead{margin-top:40px;font-size:25px;line-height:1.5;font-feature-settings:"palt";}
.lower .subArea{width:100%;padding:60px 0;background:#ebeff2;position:relative;z-index:7;}
.lower .subArea .subTtl02{margin-bottom:30px;}
.lower .subArea .subTtl02 .ttl{font-size:30px;line-height:1.2;color:#004ea2;}
.lower .subArea .flowCon{}
.lower .subArea .flowCon ul{margin-left:-40px;letter-spacing:-.40em;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;}
.lower .subArea .flowCon ul li{width:155px;margin-left:40px;letter-spacing:normal;position:relative;}
.lower .subArea .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;}
.lower .subArea .flowCon ul li:first-child:before{display:none;}
.lower .subArea .flowCon ul li .textCon{font-size:16px;font-weight:bold;line-height:1.25;color:#004EA2;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.lower .subArea .flowCon ul li a{display:block;width:100%;padding:24px 0;text-decoration:none;background:#fff;border-radius:4px;border:2px solid #004EA2;box-sizing:border-box;cursor:pointer;}
.lower .subArea .flowCon ul li .imgCon{margin:0 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.lower .subArea .flowCon ul li .imgCon img{}
.lower .colBox.col3{justify-content:-webkit-flex-start;justify-content:flex-start;}
.lower .colBox.col3 li{height:auto;border-radius:0;}
.lower .on_sidebar{max-width:695px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;}
.lower main.mainCon{width:calc(100% - 144px);}
.lower aside.sideCon{width:108px;margin-left:35px;}
.lower .subTtl03{height:100px;margin-bottom:30px;position:relative;}
.lower .subTtl03:before{content:"";display:block;width:0;height:0;margin:0 auto;border-top:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid transparent;position:absolute;bottom:-60px;left:0;right:0;}
.lower .subTtl03 .ttl{font-size:30px;line-height:100px;}
.lower .subTtl04{padding:50px 0 40px;background:#004EA1;color:#fff;text-align:center;}
.lower .subTtl04 .ttl{font-size:30px;line-height:1.2;}
.lower .subTtl04 > p{margin-top:16px;font-size:16px;line-height:1.5;color:#fff;}
.lower .subTtl05 .ttl{font-size:30px;color:#000;line-height:1.2;text-align:left;}
.lower .subTtl05 .ttl:before{content:"■";margin-right:0.2em;display:inline-block;}
.pager{margin-top:50px;}
.pager ul{letter-spacing:-.40em;margin-left:-40px;}
.pager ul li{margin-left:40px;letter-spacing:normal;display:inline-block;}
.pager ul li a,
.pager ul li span{display:block;width:40px;height:40px;background:#fff;border:1px solid #E6E6E6;box-sizing:border-box;color:#004ea2;line-height:40px;text-decoration:none;}
.pager ul li .active{display:block;width:40px;height:40px;background:#004EA2;color:#fff;}
@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){.lower .mainArea{height:200px;}
.lower .mainArea:before{}
.lower .mainArea .mainTtl{}
.lower .mainArea .mainTtl .ttl{font-size:30px;}
.lower .mainArea .mainTtl .lead{margin-top:10px;font-size:16px;text-align:left;}
.lower .subArea{padding:40px 16px;}
.lower .subArea .subTtl02{}
.lower .subArea .subTtl02 .ttl{font-size:24px;}
.lower .subArea .flowCon{}
.lower .subArea .flowCon ul{margin-top:-6px;margin-left:0;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;}
.lower .subArea .flowCon ul li{width:100%;margin-top:6px;margin-left:0;}
.lower .subArea .flowCon ul li:before{display:none;}
.lower .subArea .flowCon ul li .textCon{min-height:40px !important;padding:5px 45px 5px 80px !important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left;position:relative;}
#function.lower .subArea .flowCon ul li .textCon{padding:5px 30px 5px 100px !important;}
.lower .subArea .flowCon ul li .textCon:after{position:absolute;top:10px;bottom:0;margin:auto;content:"";vertical-align:middle;right:5px;box-sizing:border-box;width:20px;height:20px;border:10px solid transparent;border-top:15px solid #004EA1;}
.lower .subArea .flowCon ul li a{padding:10px;}
.lower .subArea .flowCon ul li .imgCon{width:40px;height:40px;margin-top:-20px !important;position:absolute;left:58px;top:50%;}
#merit.lower .subArea .flowCon ul li .imgCon{left:30px;}
.lower .subArea .flowCon ul li .imgCon img{max-width:100%;}
.lower .colBox.col3{}
.lower .subTtl03{height:auto;min-height:80px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.lower .subTtl03:before{}
.lower .subTtl03 .ttl{padding:0 16px;font-size:24px;line-height:1.2;}
.lower .subTtl04{padding:50px 16px 40px;}
.lower .subTtl04 .ttl{font-size:24px;}
.lower .subTtl04 > p{text-align:left;}
.lower .subTtl05 .ttl{font-size:24px;padding:0 8px;}
.lower .subTtl05 .ttl:before{}
.pager{}
.pager ul{}
.pager ul li{}
.pager ul li a,
.pager ul li span{}
.pager ul li .active{}
}
#function .mainArea{background:url(../images/function/bg.jpg) center center no-repeat;background-size:cover;height: 130px;}

#function h1 {
	margin: .2em 0;
}

#function .display-area {
	position: relative;
	z-index: 9;
}

#function .functionArea {
    background: #ebeff2;
	width: 100%;
    padding: 20px 16px;
    background: #ebeff2;
    position: relative;
    z-index: 7;
}

#function .functionArea .ttl {
    font-size: 24px;
    line-height: 1.5;
    color: #004ea2;
	margin-bottom: 15px;
}

#function .functionArea .functionTtl {
	display: block;
}

#function .functionArea .flowCon ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

#function .functionArea .flowCon ul li {
	position: relative;
	width: 100%;
	max-width: 264px;
}

#function .functionArea .flowCon .flow05 ul li {
	max-width: 100%;
}

#function .functionArea .flowCon ul li .flowlist {
    width: 100%;
	height: 165px;
    display: block;
    padding: 5px 0 10px;
    text-decoration: none;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #004EA2;
    box-sizing: border-box;
}

#function .functionArea .flowCon .flow05 .flowlist {
	height: 150px;
}

#function .functionArea .flowCon ul li:not(:last-child) .flowlist {
    margin-bottom: 15px;
}

#function .functionArea .flowCon ul .flow05 {
	max-width: 100%;
}

#function .functionArea .flowCon ul li .flowInner {
	display: -webkit-box;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 40px;
}

#function .functionArea .flowCon ul li .flowInner .textCon {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.25;
    color: #004EA2;
	position: relative;
}

#function .functionArea .flowCon .flowFeatureBox {
	padding: 5px 0;
	margin: 5px 0 10px;
	background: #E1F4FE;
	color: #000;
	height: 58px;
	display: -webkit-box;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#function .functionArea .flowCon .flow02 .flowFeatureBox {
	height: 40px;
	margin-bottom: 5px;
}

#function .functionArea .flowCon ul li .makeBtn {
	color: #004EA2;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 6px;
	position: relative;
	padding-right: 15px;
}

#function .functionArea .flowCon ul li .makeBtn:hover {
	text-decoration: none;
	color: #2196F3;
}

#function .functionArea .flowCon ul li .makeBtn:after {
    content: "";
    display: block;
    position: absolute;
    right: calc(50% - 50%);
    top: calc(50% - 7px);
    border-style: solid;
    border-width: 7px 0 7px 8px;
    border-color: transparent transparent transparent #004EA2;
}

#function .functionArea .flowCon ul li .makeBtn:hover:after {
	border-color: transparent transparent transparent #2196F3;
}

#function .functionArea .flowCon .flow05 .flowFeatureBox {
	height: auto;
}

#function .functionArea .flowCon .flowFeature {
	display: block;
	margin: 0 auto;
}

#function .functionArea .flowCon .flow05 .flowFeature  {
	margin: 0 auto;
}

#function .functionArea .flowCon .flowFeature li {
	font-size: 13px;
	width: auto;
	text-align: left;
	text-indent: -1em;
    padding-left: 1em;
}

#function .functionArea .flowCon ul li .textCon span {
	display: inline-block;
}

#function .functionArea .flowCon ul li .flowLink {
	background: #004EA0;
	border-radius: 4px;
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 15px;
	padding: 9px 5px;
	max-width: 120px;
	margin: 0 auto;
	position: relative;
	top: 0;
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#function .functionArea .flowCon ul li .flowLink:hover {
	top: 2px;
}

#function .functionArea .flowCon ul li .imgCon {
	margin-right: 5px;
}

#function .functionArea .flowCon ul li .imgCon img {
	max-width: 40px;
	max-height: 40px;
}

#function .functionArea .flowCon ul li .textCon:after {
    width: 42px;
    height: 42px;
	display: block;
    position: absolute;
    margin: auto;
	top: 50%;
	bottom: 50%;
    left: -60px;
}

#function .functionCv.firstview {
	position: relative;
    z-index: 7;
	background-color: #fff;
}

#function .subArea{background:#ebeff2;}
#function .subArea .subTtl02{}
#function .subArea .subTtl02 .ttl{}
#function .subArea .flowCon{}
#function .subArea .flowCon ul{}
#function .subArea .flowCon ul li:after{content:"";width:26px;height:26px;background:#004ea2;border-radius:13px;position:absolute;top:-13px;left:13px;}
#function .subArea .flowCon ul .flow01:after{background:url(../images/common/icon_num01.svg) center center no-repeat;background-size:26px auto;}
#function .subArea .flowCon ul .flow02:after{background:url(../images/common/icon_num02.svg) center center no-repeat;background-size:26px auto;}
#function .subArea .flowCon ul .flow03:after{background:url(../images/common/icon_num03.svg) center center no-repeat;background-size:26px auto;}
#function .subArea .flowCon ul .flow04:after{background:url(../images/common/icon_num04.svg) center center no-repeat;background-size:26px auto;}
#function .subArea .flowCon ul .flow05:after{background:url(../images/common/icon_bang.svg) center center no-repeat;background-size:26px auto;}
#function .subArea .flowCon ul li .textCon{}
#function .subArea .flowCon ul li .imgCon{margin-top:15px;min-height:68px;}
#function .subTtl03{background:#03a9f5;}
#function .subTtl03:before{border-top:30px solid #03a9f5;}
#function .subTtl03 .ttl{color:#fff;}
#function .subTtl03 .ttl:before{display:inline-block;content:"";width:60px;height:60px;margin-right:10px;vertical-align:middle;}
#function .sec01 .subTtl03 .ttl:before{background:url(../images/function/icon_ttl01.svg) center center no-repeat;background-size:contain;}
#function .sec02 .subTtl03 .ttl:before{background:url(../images/function/icon_ttl02.svg) center center no-repeat;background-size:contain;}
#function .sec03 .subTtl03 .ttl:before{background:url(../images/function/icon_ttl03.svg) center center no-repeat;background-size:contain;}
#function .sec04 .subTtl03 .ttl:before{background:url(../images/function/icon_ttl04.svg) center center no-repeat;background-size:contain;}
#function .sec05 .subTtl03 .ttl:before{background:url(../images/function/icon_ttl05.svg) center center no-repeat;background-size:contain;}
#function .sec06 .subTtl03 .ttl:before{display:none;}
#function #kibou,
#function #sakusei,
#function #kyoyu,
#function #tyosei,
#function #benri{margin-top:-80px;padding-top:80px;}
#function .sec01,
#function .sec02,
#function .sec03,
#function .sec04,
#function .sec05{background:#e1f5fe;}
#function .sec01,
#function .sec02,
#function .sec03,
#function .sec04,
#function .sec05,
#function .sec06{position:relative;}
#function .sec01{z-index:6;}
#function .sec02{z-index:5;}
#function .sec03{z-index:4;}
#function .sec04{z-index:3;}
#function .sec05{z-index:2;}
#function .sec06{z-index:1;}
#function .colBox.col3{padding-top:30px;}
#function .colBox.col3 li{padding:20px;border:2px solid #004EA2;border-radius:10px;}
#function .colBox.col3 li .imgCon{}
#function .colBox.col3 li .imgCon img{max-width:100%;}
#function .colBox.col3 li .leadTtl{margin-top:20px;font-size:20px;font-weight:bold;line-height:1.5;}
#function .colBox.col3 li .functionText{margin:20px 0 10px 0;font-size:14px;line-height:1.5;color:#000;text-align:left;}
#function .sec06{background:#fff;}
#function .sec06 .subTtl03{background:#1665c1;}
#function .sec06 .subTtl03:before{border-top:30px solid #1665c1;}
#function .sec06 .shifopLite .secInner h3{margin-bottom:20px;font-size:16px;line-height:1.5;color:#004EA2;}
#function #contents .cvArea a {
	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;
	flex: 0 1 auto; 
	-ms-flex: 0 1 auto;
}
#function #contents .cvArea .linkBtn {
	color: #004EA2;
	height: 54px;
	margin-left: 10px;
}
#function #contents .cvArea .linkBtn:hover {
	top: 0;
	color: #fff;
}
#function #contents .cvArea a:hover {top: 4px; box-shadow: none; text-decoration: none;}
#function #contents .tLinkArea { margin-top: 20px; }
#function #contents .tLinkArea .tLink{ color: #004EA2;}
#function #contents .tLinkArea .tLink:hover{text-decoration: none;}
#function .contactSec {
	background: #F7F7F5;
}

#function .cvBox .secInner li:nth-child(n+2) {
	margin-top: 30px;
}

#function .cvBox .secInner .imgCon {
	float: left;
	width: 225px;
	height: 150px;
	overflow: hidden;
}

#function .cvBox .secInner .imgCon img {
	width: 100%;
	height: auto;
}

#function .cvBox .secInner .textCon {
	background: #fff;
	float: right;
	height: 150px;
	padding: 20px 20px 0;
	text-align: left;
	width: calc(100% - 225px);
}

#function .cvBox .secInner .compnyName {
	color: #000;
	font-size: 16px;
	margin-top: 10px;
}

#function .cvBox .secInner .compnyText {
	color: #000;
	line-height: 1.5;
	margin-top: 10px;
}

#function .cvBox .tug {
	display: inline-block;
	padding: 2px 10px;
	font-size: 14px;
	line-height: 1.2;
	color: #FFF;
}

#function #contents .cvArea {margin: 50px 0 0;}

#function #contents .cvList .cvArea {
	margin: 20px 0 0 0;
}

#function #contents .secCv {
	background-color: #fff;
	border-radius: 10px;
	padding: 25px 20px;
	margin: 50px auto 0;
    max-width: 713px;
}

#function #contents .secCv .cvCatch {
	color: #004EA2;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}

#function #contents .secCv .cvCatch span {
	display: inline-block;
}

#function .cvBox .textCon .service_tx{background:#f57f17;}
#function .cvBox .textCon .it_tx{background:#2196f3;}
#function .cvBox .textCon .medical_tx{background:#8cc63f;}
#function .cvBox .textCon .shop_tx{background:#ff0000;}
#function .cvBox .textCon .education_tx{background:#ffff00;}
#function .cvBox .textCon .eat_tx{background:#8800ff;}

#function .cvArea.functionCv {
	text-align: center;
}

#function #contents .cvArea.functionCv {
	padding: 50px 0 60px;
    margin: 0;
}

#function #contents .cvArea.functionCv.firstview {
	padding: 15px 0;
}

#function #contents .firstview .secInner {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;	
}

#function #contents .firstview .secInner .cvCatch {
	font-size: 24px;
	flex-basis: 40%;
	-ms-flex-preferred-size: 40%;
	max-width: 40%;
	margin-bottom: 0;
}

#function #contents .firstview .secInner .cvbtnBox {
	flex-basis: 60%;
	-ms-flex-preferred-size: 60%;
	max-width: 60%;	
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex: 0 1 auto; 
	-ms-flex: 0 1 auto;
}

#function .subArea .flowCon ul li {
    display: block;
    width: 100%;
    padding: 24px 0;
    text-decoration: none;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #004EA2;
    box-sizing: border-box;
    cursor: pointer;
}

#function .cvArea.functionCv .cvCatch {
	color: #004EA2;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 40px;
}

#function .btnArea {
	background: #e1f5fe;
	padding: 50px 0;
	position: relative;
	z-index: 99;
}

#function .btnArea ul {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	max-width: 960px;
    margin: 0 auto;
	-ms-flex-pack: distribute;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

#function .btnArea li {
	flex-basis: 172px;
	-ms-flex-preferred-size: 172px;
	max-width: 172px;
}

#function .btnArea li a {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	text-decoration: none;
    color: #004EA2;
    font-weight: bold;
	padding: 13px 25px 12px 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%; 
	background: #fff;
	border: #004EA2 solid 2px;
	border-radius: 4px;
	height: 60px;
	position: relative;
}

#function .btnArea li a:after {
    display: block;
    content: "";
    width: 15px;
    height: 10px;
    background: url(../images/common/arrow02.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 10px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

#function .btnArea li a.kyoyu img {
	height: 28px;
}

#function .btnArea li img {
	height: 35px;
	width: auto;
}

#function .functionBottom {
	background: #E1F5FE;
}

#function #contents .functionBottom .tLink {
	color: #004EA2;
	padding-top: 20px;
	position: static;
    text-decoration: underline;	
}

#function .functionForm {
	background: #fff;
    border-radius: 10px;
    padding: 8px 20px;
    position: absolute;
    top: 15px;
    right: 50%;
    margin: auto -480px auto auto;
    width: 400px;
    height: 600px;
    box-shadow: 0px 0px 5px 5px rgba(50,50,50,0.1);
    z-index: 99;
}

#function .mainArea .mainTtl {
	width: calc(100% - 460px);
}

#function .flowConInner {
	width: calc(100% - 420px);
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1000px){
	#function .functionArea .flowCon ul .flow02, #function .functionArea .flowCon ul .flow04 {
		margin: 0;	
	}
	
	#function .functionArea .flowCon ul li {
		max-width: 100%;
	}
	
	#function .functionArea .flowCon .flowFeature li {
		font-size: 13px;
	}
	
	#function .functionArea .flowCon ul li:not(:last-child) .flowlist {
		margin-bottom: 10px;	
	}
	
	#function .functionArea .flowCon ul li .flowlist,
	#function .functionArea .flowCon .flow05 .flowlist {
		height: 100px;
		position: relative;
		padding: 0;
	}
	
	#function .functionArea .flowCon ul li .flowInner {
		display: block;
		height: auto;
	}
	
	#function .functionArea .flowCon ul li .flowInner .textCon {
		font-size: 18px;
		text-align: left;
		margin: 10px 0 0 85px;
	}
	
	#function .functionArea .flowCon .flowFeatureBox,
	#function .functionArea .flowCon .flow05 .flowFeatureBox {
		margin: auto;
		padding: 0;
		height: 60px;
		background-color: #fff;
	}
	
	#function .functionArea .flowCon .flowFeature,
	#function .functionArea .flowCon .flow05 .flowFeature {
		margin: 0 0 0 70px;
		width: calc(100% - 145px);
	}
	
	#function .functionArea .flowCon ul li .imgCon {
		position: absolute;
		left: 20px;
		top: 50%;
		-webkit-transform : translateY(-50%);
		transform : translateY(-50%);
	}
	
	#function .functionArea .flowCon ul li .flowLink {
		font-size: 13px;
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform : translateY(-50%);
		transform : translateY(-50%);
		padding: 5px;
	}
	
	#function .functionArea .flowCon .flow02 .flowFeatureBox {
		height: 35px;
	}
	
	#function .functionArea .flowCon .flow02 .makeBtn {
		position: absolute;
		left: 83px;
		bottom: 5px;
	}
	
	#function .functionArea .flowCon ul li .flowLink:hover {
		top: calc(50% + 2px);
	}
}

@media screen and (max-width: 1000px){
	#function .mainArea .mainTtl {
		width: calc(100% - 446px);
		padding-left: 16px;
	}
	#function .functionForm {
		right: 16px;
		margin-right: 0;
	}
	
	#function .functionArea {
		padding: 15px 16px;
		height: 630px;
	}
	
	#function .functionArea .ttl {
		font-size: 20px;
		margin-bottom: 15px;
		line-height: 1.2;
	}
	
	#function #contents .firstview .secInner {
		padding: 0 16px;
	}
	
	#function .sec01, #function .sec02, #function .sec03, #function .sec04, #function .sec05, #function .sec06 {
		padding: 0 0 50px;
	}	
	
	#function .sec01 .colBox.col3, #function .sec02 .colBox.col3, #function .sec03 .colBox.col3, #function .sec04 .colBox.col3, #function .sec05 .colBox.col3, #function .sec06 .colBox.col3{
		padding: 30px 16px 0;
	}
}

@media screen  and (min-width: 768px) and (max-width: 880px){
	
	#function .functionArea .flowCon ul li .flowInner .textCon {
		margin: 5px 0 5px 75px;
	}
	
	#function .functionArea .flowCon ul li .imgCon {
		left: 10px;
	}
	
	#function .functionArea .flowCon ul li .flowLink {
		right: 10px;
	}
	
	 #function .functionArea .flowCon .flowFeature, #function .functionArea .flowCon .flow05 .flowFeature {
		margin: 0 0 0 60px;
		width: calc(100% - 150px);
	}
	
	#function .functionArea .flowCon .flow02 .makeBtn {
		position: absolute;
		left: 73px;
		bottom: 0px;
	}
}

@media screen and (max-width: 767px){
	#function .mainArea .mainTtl {
		padding-left: 0;
	}
	
	#function .functionArea {
		padding-bottom: 30px;
		height: auto;
	}
	
	#function .functionForm {
		position: static;
		margin: -116px 0 0;
		padding: 140px 16px 0;
		width: 100%;
		height: 760px;
		box-shadow: none;
	}
	
	#function #contents .firstview {
		background-color: #F7F7F5;
	}
	
	#function #contents .cvArea.functionCv.firstview {
		padding: 30px 0;
	}
	
	#function #contents .firstview .secInner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	#function #contents .firstview .secInner a {
		flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		max-width: 50%;		
	}
	
	#function #contents .firstview .secInner .cvCatch {
		display: block;
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		max-width: 100%;
		width: 100%;
		margin-bottom: 30px;
	}
	
	#function #contents .firstview .secInner .cvbtnBox {
		width: 100%;
		max-width: 610px;
	}
	
	#function .functionArea .flowCon ul li {
		width: calc(50% - 7px);
		max-width: 100%;
	}
	
	#function .functionArea .flowCon ul .flow05 {
		width: 100%;
	}
	
	#function .flowConInner {
		width: 100%;
	}
	
	#function .mainArea .mainTtl {
		width: 100%;
	}
	
	#function .functionArea .ttl {
		font-size: 24px;
		line-height: 1.2;
	}
	
	#function #kibou{	
		position: relative;
		z-index: -1;
	}
	
	#function #sakusei {
		position: relative;
		z-index: -2;	
	}
	
	#function #kyoyu {
		position: relative;
		z-index: -3;
	}
	
	#function #tyosei {
		position: relative;
		z-index: -4;
	}
	
	#function #benri {
		position: relative;
		z-index: -5;
	}
	
	#function #contents .secCv {
		margin: 50px 20px 20px;
		padding: 30px 20px;
	}
	
	#function .cvBox .secInner .imgCon,#function .cvBox .secInner .imgCon img {
		width: 100%;
		height: auto;
	}

	#function .cvBox .secInner .textCon {
		width: 100%;
		height: auto;
		padding: 20px 20px 40px;
		position: relative;
	}
	#function .cvBox .secInner .textCon:after{
		position: absolute;
		bottom: -10px;
		margin: auto;
		content: "";
		vertical-align: middle;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		border: 20px solid transparent;
		border-top: 25px solid #004EA1;
	}
}

@media screen and (max-width: 560px){
	#function .functionArea .flowCon ul li {
		width: 100%;
	}
	
	#function .functionArea .flowCon ul li .flowlist,
	#function .functionArea .flowCon .flow05 .flowlist {
		height: auto;	
	}
	
	#function .functionArea .flowCon .flow05 .flowFeatureBox {
		min-height: 58px;
	}
	
	#function .functionArea .flowCon ul li .flowLink {
		max-width: 190px;
	}
}

@media screen and (max-width:1366px){#function #kibou,
#function #sakusei,
#function #kyoyu,
#function #tyosei,
#function #benri{margin-top:-120px;padding-top:120px;}
}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){#function .mainArea{ height: 118px;}
#function .subArea{}
#function .subArea .subTtl02{}
#function .subArea .subTtl02 .ttl{}
#function .subArea .flowCon{}
#function .subArea .flowCon ul{}
#function .subArea .flowCon ul li:after{margin-top:-13px;top:50%;}
#function .subArea .flowCon ul li .textCon{}
#function .subArea .flowCon ul li .imgCon{min-height:initial;}
#function .subTtl03{}
#function .subTtl03:before{}
#function .subTtl03 .ttl{}
#function .subTtl03 .ttl:before{width:40px;height:40px;}
#function #kibou,
#function #sakusei,
#function #kyoyu,
#function #tyosei,
#function #benri{margin-top:-56px;padding-top:56px;}
#function #contents .cvArea {margin: 0 16px 35px;}
#function #contents .cvArea a {width: 100%;}	
#function .sec01,
#function .sec02,
#function .sec03,
#function .sec04,
#function .sec05,
#function .sec06{padding:0 0 20px;}
#function .colBox.col3{padding:30px 16px 0;}
#function .colBox.col3 li{}
#function .colBox.col3 li .imgCon{}
#function .colBox.col3 li .imgCon img{}
#function .colBox.col3 li .leadTtl{}
#function .colBox.col3 li .functionText{}
#function .sec06{padding:0 0 60px;}
#function .sec06 .subTtl03{}
#function .sec06 .subTtl03:before{}
#function .sec06 .shifopLite .subTtl01{padding:30px 0;}
#function .sec06 .shifopLite .subTtl01 > h3{padding:0 16px;margin-bottom:0px;text-align:left;}
	
	#function #contents .cvArea.functionCv {
		padding: 25px 16px;
	}
	
	#function #contents .cvList .cvArea {
		margin-top: 0;
		padding: 0;
	}
	
	#function #contents .cvCatch {
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	#function #contents .cvList {
		margin-top: 0;
	}
	
	#function #contents .cvList .cvCatch {
		padding: 0 16px;
	}
	
	#function #contents .tLinkArea {
		padding: 0 16px;
		margin-top: 24px;
	}
	
	#function #contents .cvBox .cvArea {
		margin: 40px 0 0;
		padding: 0;
	}
	
	#function .functionArea .functionTtl {
		display: inline;
	}
	
	#function #contents .cvArea.functionCv.firstview {
		padding: 30px 0 50px;
	}
	
	#function #contents .secCv {
		margin: 0 20px 20px;
	}
	
	#function #contents .firstview .secInner .cvCatch {
		margin-bottom: 20px;
	}
	
	#function #contents .firstview .secInner .cvbtnBox {
		display: block;
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		max-width: 100%;
	}
	
	#function #contents .firstview .secInner a {
		width: 100%;
		max-width: 100%	
	}
	
	#function #contents .cvArea .linkBtn {
		margin: 10px 0 0 0;
	}
	
}

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

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

#function .cvFixed {
	margin: 0;
}

#function .cvFixed .secInner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

#function .cvFixed .secInner .cvCatch {
    flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    max-width: 40%;
    margin-bottom: 0;
	line-height: 1.1;
}

#function .cvFixed .secInner .cvbtnBox {
    flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    max-width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
}

#function .cvFixed .cvbtnBox .requestBtn {
    display: block;
    width: 300px;
    height: 50px;
    padding: 13px 0;
    box-sizing: border-box;
    border-radius: 4px;
    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;
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
}

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

#function .cvFixed .cvbtnBox .linkBtn {
    height: 54px;
    margin-left: 10px;
	padding: 13px;
}

@media screen and (max-width: 1000px){
	#function .cvFixed .secInner {
		padding: 0 16px;
	}
}

@media screen and (max-width: 767px){
	#function .functionCv.cvFixed {
		background-color: #E0F4FE;
	}
	#function .cvFixed .secInner {
		-webkit-box-pack: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	#function .cvFixed .secInner .cvCatch {
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		max-width: 100%;
	}
	#function .cvFixed .secInner .cvbtnBox {
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		-webkit-box-pack: center;
		justify-content: center;
		margin-top: 15px;
		max-width: 610px;
	}
	#function .cvFixed .secInner .cvCatch .sp_none,
	#function .cvFixed .secInner .cvCatch span {
		display: none;
	}
	#function .cvFixed .cvbtnBox .requestBtn,
	#function .cvFixed .cvbtnBox .linkBtn {
		width: 100%;
		max-width: 300px;
		flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		max-width: 50%;
		line-height: 1.7;
	}
	#function .cvFixed .cvbtnBox .requestBtn span,
	#function .cvFixed .cvbtnBox .linkBtn 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){
	#function .cvFixed .secInner .cvCatch {
		font-size: 20px;
	}
	#function .cvFixed .cvbtnBox .requestBtn,
	#function .cvFixed .cvbtnBox .linkBtn {
		font-size: 15px;
	}
}

@media screen and (max-width: 350px){
	#function .cvFixed .cvbtnBox .requestBtn, #function .cvFixed .cvbtnBox .linkBtn {
		line-height: 1;
		padding: 10px 15px;
	}
	#function .cvFixed .cvbtnBox .requestBtn, #function .cvFixed .cvbtnBox .linkBtn span {
		display: inline-block;
	}
}

#merit .mainArea{background:url(../images/merit/bg.jpg) center center no-repeat;background-size:cover;}
#merit .meritArea{
	background: #ebeff2;
    width: 100%;
    padding: 30px 16px 30px;
    background: #ebeff2;
    position: relative;
    z-index: 7;
}
#merit .meritArea .flowConInner {
	width: calc(100% - 460px);
    position: relative;
}
#merit .meritArea .ttl {
    font-size: 23px;
    line-height: 1.5;
    color: #004ea2;
    margin-bottom: 30px;
}
#merit .meritArea .flowCon ul li {
	position: relative;
}
#merit .meritArea .flowCon ul li a {
	color: #004EA2;
	font-weight: bold;
    width: 100%;
    height: 66px;
    letter-spacing: normal;
    display: block;
    padding: 0 25px;
    text-decoration: none;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #004EA2;
    box-sizing: border-box;
    cursor: pointer;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#merit .meritArea .flowCon ul li:not(:last-child) a {
    margin-bottom: 35px;
}
#merit .meritArea .flowCon ul li .imgCon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;	
    width: 50px;
    height: 50px;
}
#merit .meritArea .flowCon ul li .imgCon img {
    max-width: 50px;
    max-height: 50px;
}
#merit .meritArea .flowCon ul li .textCon {
	font-size: 20px;
	line-height: 1.25;
	width: 200px;
}
#merit .meritArea .il_bl {
	display: inline-block;
}
#merit .meritForm {
    background: #fff;
    border-radius: 10px;
    padding: 8px 20px;
    position: absolute;
    top: 15px;
    right: 50%;
    margin: auto -480px auto auto;
    width: 400px;
    height: 600px;
    box-shadow: 0px 0px 5px 5px rgb(50 50 50 / 10%);
    z-index: 99;
}
#merit .cvArea.meritCv.firstview {
    padding: 15px 0;
	margin: 0;
	position: relative;
	z-index: 2;
	text-align: center;
}
#merit .firstview .secInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#merit .firstview .secInner .cvCatch {
    font-size: 24px;
    flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    max-width: 40%;
    margin-bottom: 0;
	color: #004EA2;
    font-weight: bold;
    line-height: 1.1;
}
#merit .firstview .secInner .cvbtnBox {
    flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    max-width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
}
#merit .cvArea a {
    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;
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
}
#merit .cvArea .requestBtn:hover {
    top: 4px;
    box-shadow: none;
    text-decoration: none;
}
#merit .cvArea .linkBtn {
    color: #004EA2;
    height: 54px;
    margin-left: 10px;
}
#merit .cvArea .linkBtn:hover {
	color: #fff;
}
#merit .subTtl03{background:#03a9f5;}
#merit .subTtl03:before{border-top:30px solid #03a9f5;}
#merit .subTtl03 .ttl{font-size:40px;color:#fff;}
#merit .sec01,
#merit .sec02,
#merit .sec03,
#merit .sec04,
#merit .sec05{margin-top:-80px;padding-top:80px;position:relative;}
#merit .sec01:before,
#merit .sec02:before,
#merit .sec03:before,
#merit .sec04:before,
#merit .sec05:before{display:block;content:"";width:100%;height:calc(100% - 80px);position:absolute;top:80px;}
#merit .sec01:before,
#merit .sec03:before,
#merit .sec05:before{background:#e1f5fe;}
#merit .sec02:before,
#merit .sec04:before{background:#ebeff2;}
#merit .meritCon{min-height:360px;margin-top:70px;position:relative;}
#merit .meritCon:before{content:"";width:470px;height:360px;background:url(../images/merit/img_pc.svg) center center no-repeat;position:absolute;top:0;right:0;}
#merit .meritCon.merit01:before{content:"";width:470px;height:360px;background:url(../images/merit/img_pc01.png) center center no-repeat;position:absolute;top:0;right:0;}
#merit .meritCon.merit02:before{content:"";width:470px;height:360px;background:url(../images/merit/img_pc02.png) center center no-repeat;position:absolute;top:0;right:0;}
#merit .meritCon.merit03:before{content:"";width:470px;height:360px;background:url(../images/merit/img_pc03.png) center center no-repeat;position:absolute;top:0;right:0;}
#merit .meritCon.merit04:before{content:"";width:470px;height:360px;background:url(../images/merit/img_pc04.png) center center no-repeat;position:absolute;top:0;right:0;}
#merit .meritCon.merit05:before{content:"";width:470px;height:360px;background:url(../images/merit/img_pc05.png) center center no-repeat;position:absolute;top:0;right:0;}
#merit .meritCon .themeCon,
#merit .meritCon .solution{max-width:460px;margin-bottom:30px;position:relative;}
#merit .meritCon .themeCon:before,
#merit .meritCon .solution:before{content:"";width:60px;height:100%;margin:0 auto;font-size:20px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;top:0;left:0;z-index:10;}
#merit .meritCon .themeCon:after,
#merit .meritCon .solution:after{content:"";display:block;width:0;height:0;margin:0 auto;border-top:20px solid transparent;border-right:30px solid transparent;border-bottom:20px solid transparent;border-left:30px solid transparent;position:absolute;bottom:-40px;left:0;right:0;}
#merit .meritCon .themeCon .themeTtl,
#merit .meritCon .solution .solutionText{padding:12px 20px 12px 80px;font-size:24px;line-height:1.4;}
#merit .meritCon .themeCon .themeTtl:before,
#merit .meritCon .themeCon .themeTtl:after,
#merit .meritCon .solution .solutionText:before,
#merit .meritCon .solution .solutionText:after{content:"";display:block;width:60px;height:50%;margin:0 auto;position:absolute;left:0;}
#merit .meritCon .themeCon .themeTtl:before,
#merit .meritCon .solution .solutionText:before{transform:skewX(10deg);transform-origin:right top;top:0;}
#merit .meritCon .themeCon .themeTtl:after,
#merit .meritCon .solution .solutionText:after{transform:skewX(-10deg);transform-origin:right bottom;bottom:0;}
#merit .meritCon .themeCon{background:#90a4ae;}
#merit .meritCon .themeCon:before{content:"課題";background:#455a64;}
#merit .meritCon .themeCon:after{border-top:20px solid #90a4ae;}
#merit .meritCon .themeCon .themeTtl{color:#fff;}
#merit .meritCon .themeCon .themeTtl:before,
#merit .meritCon .themeCon .themeTtl:after{background:#455a64;}
#merit .meritCon .solution{background:#b9d1ec;}
#merit .meritCon .solution:before{content:"解決";background:#004ea2;}
#merit .meritCon .solution:after{border-top:20px solid #b9d1ec;}
#merit .meritCon .solution .solutionText{font-size:24px;line-height:1.4;color:#004EA2;}
#merit .meritCon .solution .solutionText:before,
#merit .meritCon .solution .solutionText:after{background:#004EA2;}
#merit .meritCon .textCon{max-width:460px;}
#merit .meritCon .textCon > p{color:#000;font-size:16px;line-height:1.75;text-align:left;}


/*2023.07.28　コンテンツ毎CVボタン設置*/

#merit .contentsCv {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 15px auto 20px;
	position: relative;
	max-width: 615px;
	z-index: 1;
}

#merit .contentsCv:last-of-type {
	margin: 15px auto;
}

#merit .contentsCv .cvCatch {
	color: #004EA2;
	font-size: 24px;
	font-weight: bold;
	margin-right: 20px;
	line-height: 1.2;
}

#merit .contentsCv .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;
	box-sizing: border-box;
	border-radius: 4px;
	margin-top: -4px;
	font-size: 16px;
	line-height: 1.5;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	position: relative;
	top: 0;
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}

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

#merit .contentsCv .tLink {
	color: #004EA3;
	text-align: center;
	margin-top: 20px;
}

#merit .contentsCv .tLink:hover {
	text-decoration: none;
}

/*2024.05.23　料金表追加*/
#merit .subArea {
	padding: 0 0 40px;
    background: #03a9f5;
}

#merit .subArea .ttl {
    font-size: 32px;
    color: #fff;
    padding-top: 50px;
}

#merit .subArea .planImg {
    margin-top: 40px;
    margin-bottom: 10px;
}

#merit .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;
}
#merit .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;
}
#merit .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;
}
#merit .planSec .planImg .cost_en {
    color: #004EA2;
    font-weight: bold;
    font-size: 3.6em;
    margin-left: 5px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo, sans-serif;
}
#merit .planSec .planImg .costCon01 {
	border-right: none;
}
#merit .planSec .planImg .costCon02 {
	border-left: 1px dashed #004EA2;
    width: 480px;
    height: 150px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}
#merit .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;
}

#merit .subArea .planImg + .comment {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
}

#merit .subArea .cvArea {
	margin: 40px auto 0;
}

/*2024.08.19　スクロールで中央にバナー表示*/
#merit .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; 
}
#merit .popup-banner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#merit .popup-banner_inner {
	max-width: 400px;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#merit .popup-banner_inner img {
	width: 100%;
	height: auto;
}
#merit .popup-banner_inner .popup-banner_img:hover {
	opacity: 0.85;
}
#merit .popup-close {
    position: absolute;
    top: -20px;
    right: -20px;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 10001;
}

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

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

@media screen and (max-width: 767px){
	#merit .contentsCv {
		width: 100%;
		display: block;
		padding: 0 16px;
		text-align: center;
	}
	#merit .contentsCv .cvCatch {
		margin: 0 0 32px;
		text-align: center;
	}
	#merit .contentsCv .requestBtn {
		margin: 0 auto;
	}
	#merit .contentsCv .tLink {
		display: inline-block;
		margin-top: 24px;
	}
}

@media screen and (max-width:1366px){#merit .sec01,
#merit .sec02,
#merit .sec03,
#merit .sec04,
#merit .sec05{margin-top:-120px;padding-top:120px;}
#merit .sec01:before,
#merit .sec02:before,
#merit .sec03:before,
#merit .sec04:before,
#merit .sec05:before{height:calc(100% - 120px);top:120px;}
}
@media screen and (max-width: 1000px){
	#merit .meritArea {
		height: 630px;
	}
	#merit .meritArea .flowConInner {
		width: calc(100% - 430px);
		position: relative;
	}
	#merit .meritArea .ttl {
		font-size: 18px;
	}
	#merit .meritArea .flowCon ul li .textCon {
	font-size: 16px;
	width: 160px;
	}
	#merit .meritArea .flowCon ul li .imgCon img {
		max-width: 45px;
		max-height: 45px;
	}
	#merit .meritArea .flowCon ul li .flowLink {
		font-size: 14px;
	}
	#merit .meritArea .flowCon ul li:not(:last-child) a {
		margin-bottom: 30px;
	}
	#merit .meritArea .flowCon ul li a {
		padding: 0 10px;
	}
	#merit .meritForm {
		right: 16px;
		margin-right: 0;
	}
	#merit .cvArea.meritCv.firstview {
		padding: 30px 0;
	}
	#merit .firstview .secInner {
		padding: 0 16px;
	}
	#merit .mainArea{}
	#merit .subArea{
		padding: 0 16px 50px;
	}
	#merit .planSec .planImg {
		width: 100%;
		max-width: 800px;
		padding: 15px 0;
		height: auto;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		-webkit-flex-direction: row;
        flex-direction: row;
	}

	#merit .planSec .planImg .costCon01 {
		width: 40%;
		height: auto;
		align-items: stretch;
		border-bottom: none;
	}
	
	#merit .planSec .planImg .costCon02 {
		width: 60%;
		height: auto;
		align-items: stretch;
	}
	
	#merit .planSec .planImg .costCon01 .cost01, #merit .planSec .planImg .costCon02 .cost02 {
		background-image: none;
		text-indent: 0;
		margin: 10% auto 10px;
		height: auto;
		max-width: 100%;
		text-align: center;
	}
	#merit .planSec .planImg .cost_ttl {
		font-size: 1.5em;
	}
	#merit .planSec .planImg .cost_nm {
		font-size: 7em;
		letter-spacing: -0.03em;
		margin-left: 5px;
	}
	#merit .planSec .planImg .cost_en {
		font-size: 3em;
		margin-left: 5px;
	}
	#merit .planSec .planImg .costCon02 .cost03 {
		width: 85%;
		max-width: 286px;
		margin: 0 auto;
	}
	#merit .subArea .subTtl02{}
	#merit .subArea .subTtl02 .ttl{}
	#merit .subArea .flowCon{}
	#merit .subArea .flowCon ul{}
	#merit .subArea .flowCon ul li:before{}
	#merit .subArea .flowCon ul li .textCon{margin-top:0;}
	#merit .subArea .flowCon ul li .imgCon{}
	#merit .subTtl03{}
	#merit .subTtl03:before{}
	#merit .subTtl03 .ttl{font-size:30px;}
	#merit .sec01,
	#merit .sec02,
	#merit .sec03,
	#merit .sec04,
	#merit .sec05{margin-top:-120px;padding-top:120px;position:relative;}
	#merit .sec01:before,
	#merit .sec02:before,
	#merit .sec03:before,
	#merit .sec04:before,
	#merit .sec05:before{height:calc(100% - 120px);top:120px;}
	#merit .sec01,
	#merit .sec02,
	#merit .sec03,
	#merit .sec04,
	#merit .sec05{padding-left:0;padding-right:0;padding-bottom: 30px;}
	#merit .meritCon{min-height:initial;margin-top:50px;padding:250px 16px 0;}
	#merit .meritCon:before{width:300px;height:230px;margin:0 auto;background-size:contain;left:0;}
	#merit .meritCon.merit01:before{width:300px;height:230px;margin:0 auto;background-size:contain;left:0;}
	#merit .meritCon.merit02:before{width:300px;height:230px;margin:0 auto;background-size:contain;left:0;}
	#merit .meritCon.merit03:before{width:300px;height:230px;margin:0 auto;background-size:contain;left:0;}
	#merit .meritCon.merit04:before{width:300px;height:230px;margin:0 auto;background-size:contain;left:0;}
	#merit .meritCon.merit05:before{width:300px;height:230px;margin:0 auto;background-size:contain;left:0;}
	#merit .meritCon .themeCon,
	#merit .meritCon .solution{}
	#merit .meritCon .themeCon:before,
	#merit .meritCon .solution:before{}
	#merit .meritCon .themeCon:after,
	#merit .meritCon .solution:after{}
	#merit .meritCon .themeCon .themeTtl,
	#merit .meritCon .solution .solutionText{font-size:18px;text-align:left;}
	#merit .meritCon .themeCon .themeTtl:before,
	#merit .meritCon .themeCon .themeTtl:after,
	#merit .meritCon .solution .solutionText:before,
	#merit .meritCon .solution .solutionText:after{}
	#merit .meritCon .themeCon .themeTtl:before,
	#merit .meritCon .solution .solutionText:before{}
	#merit .meritCon .themeCon .themeTtl:after,
	#merit .meritCon .solution .solutionText:after{}
	#merit .meritCon .themeCon{max-width: 100%;}
	#merit .meritCon .themeCon:before{}
	#merit .meritCon .themeCon:after{}
	#merit .meritCon .themeCon .themeTtl{}
	#merit .meritCon .themeCon .themeTtl:before,
	#merit .meritCon .themeCon .themeTtl:after{}
	#merit .meritCon .solution{max-width: 100%;}
	#merit .meritCon .solution:before{}
	#merit .meritCon .solution:after{}
	#merit .meritCon .solution .solutionText{}
	#merit .meritCon .solution .solutionText:before,
	#merit .meritCon .solution .solutionText:after{}
	#merit .meritCon .textCon{max-width: 100%;}
	#merit .meritCon .textCon > p{margin-bottom:30px;}
	#merit .contentsCv,#merit .contentsCv:last-of-type {
		width: 100%;
		margin: 30px auto;		
	}
}
@media screen and (max-width: 767px) {
	#merit .meritArea {
		padding-bottom: 30px;
		height: auto;
	}
	#merit .meritArea .flowConInner {
		width: 100%;
	}
	#merit .meritArea .ttl {
		font-size: 24px;
		line-height: 1.2;
	}
	#merit .meritArea .flowCon ul li:not(:last-child) a {
		margin-bottom: 25px;
	}
	#merit .meritForm {
		position: static;
		margin: -116px 0 0;
		padding: 140px 16px 0;
		width: 100%;
		height: 760px;
		box-shadow: none;
	}
	#merit .firstview {
    	background-color: #F7F7F5;
		padding: 30px 0;
	}	
	#merit .firstview .secInner {
		padding: 0 16px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#merit .firstview .secInner .cvCatch {
		display: block;
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		max-width: 100%;
		width: 100%;
		margin-bottom: 30px;
	}
	#merit .firstview .secInner .cvbtnBox {
		width: 100%;
		max-width: 610px;
	}
	#merit .firstview .secInner a {
		flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		max-width: 50%;
	}
	#merit .sec01,
	#merit .sec02,
	#merit .sec03,
	#merit .sec04,
	#merit .sec05 {
		margin-top:-120px;
		padding-top:120px;
	}
	#merit .subTtl03 .ttl {
		font-size: 26px;
	}
}
@media screen and (max-width: 669px) and (min-width: 540px){
	#merit .planSec .planImg .cost_ttl {
		font-size: 1.2em;
	}
	#merit .planSec .planImg .cost_nm {
		font-size: 6em;
	}
	#merit .planSec .planImg .cost_en {
		font-size: 2.5em;
	}
}
@media screen and (max-width: 539px) and (min-width: 415px){
	#merit .planSec .planImg .costCon01 .cost01, #merit .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#merit .planSec .planImg .cost_ttl {
		font-size: 1.1em;
	}
	#merit .planSec .planImg .cost_nm {
		font-size: 5em;
	}
	#merit .planSec .planImg .cost_en {
		font-size: 2.3em;
	}
	#merit .planSec .planImg .costCon02 .cost03 {
		background: none;
		height: auto;
		left: auto;
	}
}
@media screen and (max-width: 414px) {
	#merit .firstview .secInner .cvbtnBox {
		display: block;
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		max-width: 100%;
	}
	#merit .cvArea.meritCv.firstview {
		padding: 30px 0 50px;
	}
	#merit .firstview .secInner a {
		width: 100%;
		max-width: 100%;
	}
	#merit .cvArea .linkBtn {
		margin: 10px 0 0 0;
	}
	#merit .sec01,
	#merit .sec02,
	#merit .sec03,
	#merit .sec04,
	#merit .sec05 {
		margin-top: -56px;
		padding-top: 56px;
		padding-bottom: 10px;
	}
	#merit .subTtl03 .ttl {
		font-size: 24px;
	}
}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){
	#merit .contentsCv .requestBtn, #merit .cvArea a {
		width: 100%;
	}	
	#merit .sec01,
	#merit .sec02,
	#merit .sec03,
	#merit .sec04,
	#merit .sec05 {
		margin-top: -56px;
		padding-top: 56px;
	}
	#merit .subArea .planImg + .comment{
		box-sizing:border-box;
		font-size: 12px;
	}
	#merit .cvArea {
        margin: 20px auto 60px;
    }
	
	/* 2024.12.19 導入事例 */
	#merit .colBox.col3 {
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	#merit .colBox li .imgCon {
		max-width: 100%;
	}
	#merit .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;
	}
	#merit .caseArea h2 {
		font-size: 24px;
		padding: 30px 0;
	}
	#merit .caseArea .cvArea {
		margin: 0;
		padding-bottom: 40px;
	}
	#merit .requestBtn {
		width: 100%;
	}	
}
@media screen and (max-width: 414px) and (min-width: 376px){
	#merit .subArea .planImg {
		height: auto!important;	
	}
	#merit .planSec .planImg .costCon01 {
		padding-bottom: 0;
		border-bottom: none;
	}
	#merit .planSec .planImg .costCon01 .cost01, #merit .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#merit .planSec .planImg .cost_ttl {
		font-size: 1em;
	}
	#merit .planSec .planImg .cost_ttl:first-child {
		top: 0;
	}
	#merit .planSec .planImg .cost_nm {
		font-size: 4em;
	}
	#merit .planSec .planImg .cost_en {
		font-size: 1.9em;
	}
	#merit .planSec .planImg .costCon01 .cost01, #merit .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#merit .planSec .planImg .costCon02 .cost03 {
		background: none;
		height: auto;
		left: auto;
	}
}
@media screen and (max-width: 376px){
	#merit .planSec .planImg .costCon01 {
		padding-bottom: 0;
		border-bottom: none;
	}
	#merit .planSec .planImg .costCon01 .cost01, #merit .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#merit .planSec .planImg .cost_ttl:first-child {
		top: 0;
	}
	#merit .planSec .planImg .cost_ttl {
		font-size: 0.9em;
	}
	#merit .planSec .planImg .cost_nm {
		font-size: 3.4em;
		margin-left: 0;
	}
	#merit .planSec .planImg .cost_en {
		font-size: 1.8em;
		margin-left: 0;
	}
	#merit .planSec .planImg .costCon01 .cost01, #merit .planSec .planImg .costCon02 .cost02 {
		margin: 10% auto 0px;
	}
	#merit .planSec .planImg .costCon02 .cost03 {
		background: none;
		height: auto;
		left: auto;
	}
}
#compare .mainArea{background:url(../images/compare/bg.jpg) center center no-repeat;background-size:cover;}
#compare .sec01{padding-top:60px;background:#fafafa;}
#compare .compareCon{margin-left:-40px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;letter-spacing:-.40em;}
#compare .compareCon > li{max-width:460px;margin-left:40px;padding:40px 50px;background:#fff;box-sizing:border-box;border-radius:10px;letter-spacing:normal;}
#compare .compareCon .shifopInfo{border:2px solid #004EA2;}
#compare .compareCon .shifopLiteInfo{border:2px solid #53C8EF;}
#compare .compareCon > li .imgCon{width:100%;}
#compare .compareCon > li .imgCon img{max-width:100%;}
#compare .compareCon > li .textCon{}
#compare .compareCon > li .textCon > p{width:100%;height:24px;margin-top:30px;border-radius:12px;font-size:16px;line-height:24px;color:#FFFFFF;}
#compare .compareCon .shifopInfo .textCon > p{background:#004EA2;}
#compare .compareCon .shifopLiteInfo .textCon > p{background:#53C8EF;}
#compare .compareCon > li .textCon > ul{margin-top:20px;text-align:left;}
#compare .compareCon > li .textCon > ul li{font-size:16px;line-height:1.5;text-indent:-10px;margin-left:1em;}
#compare .compareCon > li .textCon > ul li:before{content:"●";margin-right:5px;display:inline-block;vertical-align:middle;}
#compare .sec01 .linkType01{margin-top:10px;text-align:right;}
#compare .sec02{background:#fff;}
#compare .sec03{background:#03a9f4;}
#compare .tableType01{margin-top:40px;width:100%;}
#compare .tableType01.mt0{margin-top:0;}
#compare .tableType01 caption{height:40px;background:#b0bec5;color:#fff;font-size:18px;line-height:40px;text-align:center;}
#compare .tableType01 th,
#compare .tableType01 td{padding:15px;border:2px solid #fff;line-height:1;}
#compare .tableType01 tr{}
#compare .tableType01 th{background:#eceff1;}
#compare .tableType01 td{text-align:center;}
#compare .tableType01 thead{}
#compare .tableType01 thead th{color:#fff;font-size:16px;text-align:center;font-weight:bold;}
#compare .tableType01 thead th:nth-child(2){background:#004ea2;}
#compare .tableType01 thead th:nth-child(3){background:#53c8ef;}
#compare .tableType01 tbody{}
#compare .tableType01 tbody th{width:200px;padding-left:30px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:1.2;}
#compare .tableType01 tbody td{width:40%;color:#004ea2;font-size:24px;}
#compare .tableType01 tbody td:nth-child(2){background:#ccdcec;}
#compare .tableType01 tbody td:nth-child(3){background:#ddf4fc;}
#compare .tableType01 tbody td span{display:block;color:#000;font-size:16px;margin-top:10px;}
#compare #riyou tbody td{font-size:16px;line-height:1.5;color:#000;text-align:left;}
#compare #riyou thead th:nth-child(1){background:#fff}
#compare #riyou thead th:nth-child(2) img,
#compare #riyou thead th:nth-child(3) img{max-width:100%;}
#compare .comment{margin-top:10px;text-align:left;line-height:1.5;}
#compare .comment li{text-indent:-2em;margin-left:2em;}
#compare .attention{min-height:40px;margin-top:40px;padding:12px 10px;border-radius:10px;box-sizing:border-box;background:#b0bec5;color:#fff;font-weight:bold;line-height:1.2;}
#compare .sec04{background:#e1f5fe;}
@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){#compare .mainArea{}
#compare .sec01{}
#compare .compareCon{margin-top:-20px;margin-left:0;-webkit-flex-direction:column;flex-direction:column;}
#compare .compareCon > li{margin-top:20px;margin-left:0;padding:30px 20px 20px;}
#compare .compareCon .shifopInfo{}
#compare .compareCon .shifopLiteInfo{}
#compare .compareCon > li .imgCon{}
#compare .compareCon > li .imgCon img{}
#compare .compareCon > li .textCon{}
#compare .compareCon > li .textCon > p{}
#compare .compareCon .shifopInfo .textCon > p{}
#compare .compareCon .shifopLiteInfo .textCon > p{}
#compare .compareCon > li .textCon > ul{margin-top:10px;}
#compare .compareCon > li .textCon > ul li{}
#compare .compareCon > li .textCon > ul li:before{}
#compare .sec01 .linkType01{}
#compare .sec02{padding:0 8px 20px;}
#compare .sec03{}
#compare .tableType01{}
#compare .tableType01.mt0{}
#compare .tableType01 caption{font-size:16px;}
#compare .tableType01 th,
#compare .tableType01 td{padding:10px !important;}
#compare .tableType01 tr{}
#compare .tableType01 th{}
#compare .tableType01 td{}
#compare .tableType01 thead{}
#compare .tableType01 thead th{}
#compare .tableType01 tbody{}
#compare .tableType01 tbody th{font-size:13px;}
#compare .tableType01 tbody td{width:35%;font-size:16px;}
#compare .tableType01 tbody td span{font-size:14px;}
#compare #riyou tbody td{font-size:13px;}
#compare .comment{font-size:14px;}
#compare .comment li{}
#compare .attention{line-height:1.5;text-align:left;}
#compare .sec04{}
}
#case_list #contents{background:#f7f7f5;}
#case_list .mainArea{background:url(../images/case/bg.jpg) center center no-repeat;background-size:cover; height: 130px;}
#case_list .subTtl01 {
	padding-top: 40px;
	text-align: center;
}
#case_list .mainArea .mainTtl .ttl{letter-spacing:1.1rem;margin:0;}
#case_list .searchArea{margin-bottom:60px;background:#fff;position:relative;text-align:left;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;}
#case_list .searchArea .pullDownTtl{position:relative;}
#case_list .searchArea .pullDownTtl:before{display:block;content:"";width:50px;height:50px;margin-top:-25px;background:url(../images/case/icon_search.svg) center center no-repeat;position:absolute;top:50%;left:0;}
#case_list .searchArea .pullDownTtl span{display:inline-block;margin-left:60px;font-size:22px;line-height:1.2;color:#004EA2;text-align:center;}
#case_list .searchArea form{}
#case_list .searchArea .pulldownArea{}
#case_list .searchArea .pulldownArea .pulldownCon{margin-left:15px;letter-spacing:-.40em;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;}
#case_list .searchArea .pulldownArea .pulldownCon li{letter-spacing:normal;display:inline-block;width:100%;margin-left:20px;height:50px;border:1px solid #E0E0E0;border-radius:0;box-sizing:border-box;background:#F5F5F5;overflow:hidden;position:relative;z-index:10;}
#case_list .searchArea .pulldownArea .pulldownCon #caseCategory{width:360px;}
#case_list .searchArea .pulldownArea .pulldownCon #caseScale{width:280px;}
#case_list .searchArea .pulldownArea .pulldownCon li:before{content:"";width:14px;height:8px;margin-top:-4px;background:url(../images/common/arrow04.svg)center center no-repeat;background-size:14px 8px;position:absolute;top:50%;right:10px;z-index:-1;}
#case_list .searchArea .pulldownArea .pulldownCon li > select{width:110%;height:100%;padding:0 20px;background:transparent;border:none;border-radius:20px;cursor:pointer;}
#case_list .searchArea .pulldownArea .pulldownCon li > select > option{border-radius:0;}
#case_list .colBox li a{display:block;text-decoration:none;}
#case_list .colBox li .imgCon{max-width:300px;}
#case_list .colBox li .imgCon img{width:100%;height:auto;}
#case_list .colBox li .textCon {
	padding: 15px 10px 20px;
	text-align: center;
}
#case_list .tug {
	margin: 10px 5px 0;
}
#case_list .tagCon {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
}
#case_list .colBox li .textCon .compnyName {
	font-size:13px;
	font-weight:normal;
	line-height:1.2;
	color:#000;
	height: 22px;
    display: inline-block;
    vertical-align: sub;
}
#case_list .colBox li .textCon .compnyText {
	margin:10px 0 5px;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	color:#000;
}
#case_list .tug,
#case .tug{display:inline-block;padding:2px 10px;font-size:14px;line-height:1.2;color:#FFF;}
#case_list .service_tx,
#case .service_tx{background:#f57f17;}
#case_list .it_tx,
#case .it_tx{background:#2196f3;}
#case_list .medical_tx,
#case .medical_tx{background:#8cc63f;}
#case_list .shop_tx,
#case .shop_tx{background:#ff0000;}
#case_list .education_tx,
#case .education_tx{background:#ffff00;}
#case_list .eat_tx,
#case .eat_tx{background:#8800ff;}
#case_list .sec02{background:#fff;}
#case_list .sec03{background:#ebeff2;}
#case_list.lower .mainArea .mainTtl .lead{margin-top:20px;}

#case_list .mainArea {
	position: relative;
}

#case_list .secInner .subTtl01 {
	padding-top: 40px;
}

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

#case_list .ttl_w .e_people {
	display: inline;
	font-size: 120%;
	padding-right: 10px;
}

#case_list .firstSec {
	position: relative;
}

#case_list .prizeArea {
	position: absolute;
    right: 0;
    top: -90px;
    width: 135px;
}

#case_list .prizeArea ul li {
	float: left;
	width: calc(50% - 5%);
	margin-left: 5%;
}

#case_list .prizeArea ul li img {
	width: 100%;
	height: auto;
}

#case_list .resultSec {
	background: #fff;
}

#case_list .resultSec .col6 {
	flex-wrap: wrap;	
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 0 -12px -12px;
}

#case_list .resultSec li {
    width: 150px;
	margin: 0 0 12px 12px;
}

#case_list .resultSec .cvArea {
	margin: 40px 0 0;
}

#case_list .resultSec .cvArea .cvCatch {
    color: #004EA2;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 40px;
}

#case_list .sec01 {
	padding: 40px 0 60px;
} 

#case_list .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;
}

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

/*導入事例一覧ページ　導入メリット*/
#case_list .meritArea {
	background-color: #E1F5FD;
}

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

#case_list .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;
}

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

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

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

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

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

#case_list .meritArea .cvArea .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;
}

#case_list .meritArea .cvArea .requestBtn:hover {
	top: 4px;
    box-shadow: none;
    text-decoration: none;
}

#case_list .kanrenArea a {
	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) {
	#case_list .meritArea {
		padding: 0 16px 50px;
	}
	
	#case_list .meritArea h2 {
		font-size: 24px;
		padding: 30px 0;
	}
	
	#case_list .meritArea h2 span {
		display: inline-block;
	}
	
	#case_list .meritArea .meritList li {
		margin-top: 16px;
		width: 100%;
	}
	
	#case_list .meritArea .meritList li:first-of-type {
		margin-top: 0;	
	}
	
	#case_list .meritArea .meritList li .imgCon {
		max-width: 260px;
		margin: 0 auto;
	}
	
	#case_list .meritArea .cvArea .requestBtn {
		width: 100%;
	}
	
	#case_list .meritArea .cvArea {
		margin-top: 30px;
	}
}

/*右下固定バナー*/
#case_list .popup-banner,
#case .popup-banner {
	display: none;
}
#case_list .popup-banner_inner,
#case .popup-banner_inner {
	max-width: 300px;
	position: fixed;
	bottom: 0;
	right: 20px;
}
#case_list .popup-banner_inner img,
#case .popup-banner_inner img {
	width: 100%;
	height: auto;
}
#case_list .popup-banner_inner .popup-banner_img:hover
#case .popup-banner_inner .popup-banner_img:hover {
	opacity: 0.85;
}
#case_list .popup-close,
#case .popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10001;
}
#case_list .popup.open,
#case .popup.open {
    display: flex;
    animation: fadeIn .7s;
}

@media screen and (max-height: 500px){
	#case_list .popup-banner_inner,
	#case .popup-banner_inner {
		right: 15px;
		width: 230px; 
	}
}

@media screen and (max-width: 960px){
	#case_list .sec01 {
		padding: 40px 16px 0px;
	}
	#case_list .colBox.col3 {
		margin-bottom: 20px;
		-webkit-box-pack: center;
		justify-content: center;
	}
	#case_list .resultSec .cvArea .cvCatch span,
	#case_list .subTtl01 .ttl_w span {
		display: inline-block;
	}	
}

@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){
#case_list #contents{}
#case_list .mainArea{height: 118px;}
#case_list .mainArea .mainTtl .ttl{letter-spacing: 0.3rem;}
#case_list .subTtl01 {
	padding-top: 30px;
}
#case_list .sec01 {
	padding: 40px 16px 10px;
}
#case_list .resultSec {
	padding-bottom: 10px;
}
#case_list .resultSec .cvArea {
margin: 30px 0 40px;
}
#case_list .resultSec li {
    width: 120px;
}
#case_list .resultSec li img {
	width: 120px;
    height: auto;
}
#case_list .resultSec .cvArea .cvCatch {
	font-size: 24px;
}
#case_list .resultSec .cvArea .cvCatch {
	margin-bottom: 30px;
}
#case_list .colBox.col3 {
	margin-bottom: 0;
}
#case_list .requestBtn {
	width: 100%;
}
#case_list .sec01{margin-top:-5px;}
#case_list .searchArea{flex-direction:-webkit-column;flex-direction:column;}
#case_list .searchArea .pullDownTtl{}
#case_list .searchArea .pullDownTtl:before{}
#case_list .searchArea .pullDownTtl span{}
#case_list .searchArea form{}
#case_list .searchArea .pulldownArea{}
#case_list .searchArea .pulldownArea .pulldownCon{margin-left:0;flex-direction:-webkit-column;flex-direction:column;}
#case_list .searchArea .pulldownArea .pulldownCon li{margin-top:10px;margin-left:0;}
#case_list .searchArea .pulldownArea .pulldownCon #caseCategory,
#case_list .searchArea .pulldownArea .pulldownCon #caseScale{width:100%;}
#case_list .searchArea .pulldownArea .pulldownCon li:before{}
#case_list .searchArea .pulldownArea .pulldownCon li > select{}
#case_list .searchArea .pulldownArea .pulldownCon li > select > option{}
#case_list .colBox li a{}
#case_list .colBox li .imgCon{max-width:100%;}
#case_list .colBox li .imgCon img{}
#case_list .colBox li .textCon {
	position:relative;
	padding: 20px 15px;
}
#case_list .colBox li .textCon:after {
	position:absolute;bottom:-16%;
	margin:auto;
	content:"";
	vertical-align:middle;
	right:50%;
	transform: translate(50%, 0);
	box-sizing:border-box;
	width:40px;
	height:40px;
	border:20px solid transparent;
	border-top:25px solid #004EA1;
	}
#case_list .colBox li .textCon .compnyName {
	font-size: 14px;
	height: auto;
    display: block; 
	}
#case_list .colBox li .textCon .compnyText {
	font-size: 18px;
	}
#case_list .tug, #case .tug{}
#case_list .tug01, #case .tug01{}
#case_list .tug02, #case .tug02{}
#case_list .tug03, #case .tug03{}
	
	#case_list .prizeArea {
		width: 80px;
		right: 16px;
		top: -70px;
	}
	#case_list .prizeArea ul {
		width: 100%;
	}
	#case_list .prizeArea ul li {
		width: 48%;
		margin-left: 2%;
	}
	#case_list .ttl_w .e_number{
		display: inline-block;
	}
	#case_list .popup-banner_inner,
	#case .popup-banner_inner
	{
		right: 15px;
		width: 230px; 
	}
}
#case .mainArea{height: 130px;}
#case .sec01{padding-bottom: 30px;}
#case .sec01 .subTtl01{padding: 25px 0;}
#case .sec01 .subTtl01 .ttl_w{text-align:left; font-size: 25px;}
#case .sec01 .companyInfo{width:100%;letter-spacing:-.40em;}
#case .sec01 .companyInfo .imgCon{max-width:450px;display:inline-block;}
#case .sec01 .companyInfo .imgCon img{max-width:100%; height: auto;}
#case .sec01 .companyInfo .textCon{display:inline-block;width:calc(100% - 470px);margin-left:20px;text-align:left;letter-spacing:normal;}
#case .sec01 .companyInfo .textCon .compny{margin-bottom:10px;color:#424242;font-size:20px;font-weight:bold;line-height:1;}
#case .sec01 .companyInfo .textCon .tug {
	margin-bottom: 10px;
}
#case .sec01 .companyInfo .textCon .merit_summary {
	margin: 0 0 20px 0;
}
#case .sec01 .companyInfo .textCon .merit_summary li {
	background: #EBEFF2;
	color: #004EA2;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	padding: 2px 10px;
	margin-top: 5px;
}
#case .sec01 .companyInfo .textCon .use{border-top:1px dashed #1976D2; padding: 15px 0 25px; margin-top: 20px;}
#case .sec01 .companyInfo .textCon .info01 dt,#case .sec01 .companyInfo .textCon .info02 dt{margin-right: 5px;display:inline-block;font-weight:bold;}
#case .sec01 .companyInfo .textCon .info01 dd {margin-right: 10px;}
#case .sec01 .companyInfo .textCon .info01 dd,#case .sec01 .companyInfo .textCon .info02 dd{display:inline-block;}
#case .sec01 .companyInfo .textCon .info01,#case .sec01 .companyInfo .textCon .info02 {display: inline-block; margin-top: 10px;}
#case .sec01 .companyInfo .textCon .comments{padding-top:30px;border-top:1px dashed #1976D2;line-height:1.5;}
#case .sec02{background:#F2F2F2;}
#case .sec02 .taskCon{margin-left:-118px;padding-top:60px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;letter-spacing:-.40em;}
#case .sec02 .taskCon > li{width:420px;margin-left:118px;padding:20px 30px 30px;box-sizing:border-box;border-radius:10px;background:#fff;box-shadow:0 5px 0 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 0 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 5px 0 0 rgba(0, 0, 0, 0.2);line-height:1.2;letter-spacing:normal;position:relative;}
#case .sec02 .taskCon > li:before{content:"";display:block;width:0;height:0;margin:-20px auto 0;border-top:20px solid transparent;border-right:30px solid transparent;border-bottom:20px solid transparent;border-left:30px solid #004ea2;position:absolute;top:50%;left:-70px;}
#case .sec02 .taskCon > li:nth-child(1):before{display:none;}
#case .sec02 .taskCon > li .taskTtl{width:120px;height:24px;margin:0 auto;border-radius:12px;font-size:16px;line-height:24px;color:#FFFFFF;}
#case .sec02 .taskCon .before .taskTtl{background:#424242;}
#case .sec02 .taskCon .after .taskTtl{background:#004ea2;}
#case .sec02 .taskCon > li > ul{}
#case .sec02 .taskCon > li > ul li{margin-top:30px;padding-left:50px;text-align:left;position:relative;/*height:35px;*/}
#case .sec02 .taskCon > li > ul li:before{display:block;content:"";width:40px;height:40px;margin-top:-20px;vertical-align:middle;position:absolute;top:50%;left:0;}
#case .sec02 .taskCon .before > ul li:nth-child(1):before{background:url(../images/case/icon_num01_g.svg) center center no-repeat;}
#case .sec02 .taskCon .before > ul li:nth-child(2):before{background:url(../images/case/icon_num02_g.svg) center center no-repeat;}
#case .sec02 .taskCon .before > ul li:nth-child(3):before{background:url(../images/case/icon_num03_g.svg) center center no-repeat;}
#case .sec02 .taskCon .before > ul li:nth-child(4):before{background:url(../images/case/icon_num04_g.svg) center center no-repeat;}
#case .sec02 .taskCon .before > ul li:nth-child(5):before{background:url(../images/case/icon_num05_g.svg) center center no-repeat;}
#case .sec02 .taskCon .after > ul li:nth-child(1):before{background:url(../images/case/icon_num01_b.svg) center center no-repeat;}
#case .sec02 .taskCon .after > ul li:nth-child(2):before{background:url(../images/case/icon_num02_b.svg) center center no-repeat;}
#case .sec02 .taskCon .after > ul li:nth-child(3):before{background:url(../images/case/icon_num03_b.svg) center center no-repeat;}
#case .sec02 .taskCon .after > ul li:nth-child(4):before{background:url(../images/case/icon_num04_b.svg) center center no-repeat;}
#case .sec02 .taskCon .after > ul li:nth-child(5):before{background:url(../images/case/icon_num05_b.svg) center center no-repeat;}
#case .sec03 {
	padding-bottom: 0;
}
#case .sec03 .subTtl01{}
#case .sec03 .subTtl01 .interviewTtl{width:122px;height:22px;margin:0 auto;background:url(../images/case/img_ttl.svg) center center no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;}
#case .sec03 .interviewCon{width:100%;letter-spacing:-.40em;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;}
#case .sec03 .interviewCon.interview02{margin-top:60px;}
#case .sec03 .interviewCon .imgCon{width:300px;height:300px;vertical-align:top;}
#case .sec03 .interviewCon .imgCon img{max-width:100%;max-height: 100%;}
#case .sec03 .interviewCon .textCon01{width:calc(100% - 330px);height:300px;margin-left:30px;padding:30px;box-sizing:border-box;background:#eceff1;letter-spacing:normal;vertical-align:top;text-align:left;display:-webkit-flex;display:flex;line-height:1.7;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;}
#case .sec03 .interviewCon .textCon01 p {
	line-height: 1.2;
	margin-bottom: 5px;
}
#case .sec03 .interviewCon .textCon01 .position{font-size:20px;line-height:1.5;color:#000;}
#case .sec03 .interviewCon .textCon01 .name{font-size:24px;line-height:1.25;color:#000;font-weight:bold;}
#case .sec03 .interviewCon .textCon01 h2:nth-last-of-type(n+2) {
	margin: -10px 0 10px;
}
#case .sec03 .interviewCon .textCon01 h2.mt-10 {
	margin-top: -10px;
}
#case .sec03 .interviewCon .textCon01 h2 + p +.name {
	display: none;
}
#case .sec03 .interviewCon .textCon02{flex:none;width:100%;margin-top:50px;letter-spacing:normal;text-align:left;}
#case .sec03 .interviewCon .textCon02 .subTtl{
	margin-bottom:25px;
	padding:10px 20px;
	background:#004EA2;
	border-radius:4px;
	font-size:18px;
	color:#fff;
	line-height:1.2;
}
#case .sec03 .interviewCon h4 {
	color: #004EA2;
	font-size: 19px;
	margin: 30px 0 15px;
	line-height: 1.75;
}
#case .sec03 .interviewCon .textCon02 figure {
	margin: 1em 80px;
}
#case .sec03 .interviewCon .textCon02 figure figcaption {
	margin-top: 10px;
	font-size: 90%;
}
#case .sec03 .interviewCon .textCon02 > p{font-size:18px;line-height:1.75;color:#000;}
#case .sec03 .interviewCon .functionLink {
	color: #004EA2;
	font-size: 18px;
	letter-spacing: normal;
	margin-top: 25px;
}
#case .sec03 .interviewCon .functionLink:hover {
	text-decoration: none;
}
#case .sec03 .linkDiv{padding-top:10px;}
#case .new_case {
	background-color: #F7F7F5;
	margin-top: 60px;
	padding-bottom: 60px;
}
#case .sec04{
	background:#fff;
	border-bottom: 1px solid #ccc;
}
#case .mainArea .mainTtl .ttl{letter-spacing:1.1rem;margin:0;}
#case.lower .mainArea .mainTtl .lead{margin-top:15px;}
#case .moreArea{
	background: #E2F5FD;
	border-radius: 10px;
	margin: 40px auto 0;
	padding: 5px 20px 25px;
	text-align: center;
	max-width: 713px;
}
#case .firstMore {
	margin: 30px auto 20px;
}
#case .moreArea li {margin-top: 20px; }
#case .moreArea .cvBtn{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;
max-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;}
#case .moreArea .cvBtn:hover{top: 4px;box-shadow: none;text-decoration: none;}
#case .cvCatch {
	color: #004EA2;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
#case .new_case .col5{
	margin:0 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: -30px;
}
#case .new_case .col5 li{
	width:300px;
	height:auto;
	margin:0 0 30px 30px;
	background: #fff;
}
#case .new_case .col5 li a {
    display: block;
    text-decoration: none;
}
#case .new_case .col5 li img{width:100%;height:auto;}
#case .new_case .col5 li .textCon {
    padding: 20px;
    text-align: left;
}
#case .new_case .col5 li .textCon .compnyName {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
}
#case .new_case .col5 li .textCon .compnyText {
	margin-top: 10px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: #000;
}
#case .secInner .tLink {
	color: #004EA2;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	padding: 40px 0 0;
}
#case .secInner .tLink:hover {
	text-decoration: none;
}

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

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

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

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

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

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

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

#case .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;
    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;
	text-align: center;
}

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

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

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

@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio: 9 / 10) and (max-width: 414px), screen and (min-aspect-ratio: 1 / 1) and (max-width: 736px){
	#case .moreArea .cvBtn {
		max-width: 100%;
	}
	#case .new_case .col5 {
		margin-left: 0;
	}
	#case .new_case .col5 li{
		width: 100%;
		height: auto;
		margin: 0 0 16px;
		padding-bottom: 20px;
	}
	#case .new_case .col5 li .textCon {
		position: relative;
	}
	#case .new_case .col5 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;
	}
	#case .new_case .linkDiv {
		margin: 30px 0 0;
	}
	#case .secInner .tLink {
		font-size: 16px;
	}
	#case .cvFixed .sp_none {
		display: none;
	}
	#case .cvFixed .secInner {
		-ms-flex-wrap: wrap;		
		flex-wrap: wrap;
	}
	#case .cvFixed .cvCatch {
		font-size: 24px;
		width: 100%;
	}
	#case .cvFixed .requestBtn {
		margin: 15px auto 0;
	}	
	#case .cvFixed .requestBtn {
		width: 100%;
	}
}
@media screen and (max-width:960px){
	section {
		width: 100%;
		padding: 0 16px 50px;
		box-sizing: border-box;
	}
	#case .mainArea{}
	#case .sec01{padding-bottom: 20px;}
	#case .sec01 .subTtl01{padding: 20px 0;}
	#case .sec01 .subTtl01 .ttl_w{font-size:20px;line-height:1.5;}
	#case .sec01 .companyInfo{}
	#case .sec01 .companyInfo .imgCon {
		max-width: 100%;
	}
	#case .sec01 .companyInfo .textCon{width:100%;margin-left:0;margin-top:20px;}
	#case .sec01 .companyInfo .textCon .compny{font-size: 20px;}
	#case .sec01 .companyInfo .textCon .tug{}
	#case .sec01 .companyInfo .textCon .info01{}
	#case .sec01 .companyInfo .textCon .comments{}
	#case .sec02{}
	#case .sec02 .taskCon{padding-top:60px;flex-direction:column;margin-left:0;}
	#case .sec02 .taskCon > li{width:100%;padding:20px;margin-left:0;margin-top:60px;}
	#case .sec02 .taskCon > li:nth-child(1){margin-top:0;}
	#case .sec02 .taskCon > li:before{border-top:20px solid #004ea2;border-left:30px solid transparent;top:-15px;left:0;right:0;}
	#case .sec02 .taskCon > li .taskTtl{}
	#case .sec02 .taskCon .before .taskTtl{}
	#case .sec02 .taskCon .after .taskTtl{}
	#case .sec02 .taskCon > li > ul{}
	#case .sec02 .taskCon > li > ul li{height:auto;}
	#case .sec02 .taskCon > li > ul li:before{}
	#case .sec03 .subTtl01{}
	#case .sec03 .subTtl01 .interviewTtl{}
	#case .sec03 .interviewCon.interview02{margin-top:30px;}
	#case .sec03 .interviewCon .imgCon{width:100%;height:auto;}
	#case .sec03 .interviewCon .imgCon img{width:100%; height: auto;}
	#case .sec03 .interviewCon .textCon01{width:100%;height:auto;margin-left:0;padding:20px;}
	#case .sec03 .interviewCon .textCon01 .position{font-size:16px;}
	#case .sec03 .interviewCon .textCon01 .name{font-size:20px;}
	#case .sec03 .interviewCon .textCon02{margin-top:20px;}
	#case .sec03 .interviewCon .textCon02 .subTtl{line-height:1.5;}
	#case .sec03 .interviewCon h4 {
		font-size: 16px;
	}
	#case .sec03 .interviewCon .textCon02 > p{font-size:15px;}
	#case .sec03 .interviewCon .functionLink {
		font-size: 16px;
		margin: 20px 0 20px;
	}
		#case .sec03 .interviewCon .textCon01 h2 {
			font-size: 20px;
		}
		#case .sec03 .interviewCon .textCon02 figure {
			margin: 1em 0;
		}
	#case .sec03 .linkDiv{margin-top:20px;padding-top:20px;}
	#case .sec04{}
	#case .moreArea {margin: 30px auto 0;}
	#case .cvCatch span {display: inline-block;} 
	#case .moreArea .cvBtn{font-size: 15px;line-height: 1.7;}	
	#case .mainArea {
	    height: 118px;
	}
	#case .mainArea{}
}

@media screen and (max-width:560px){
	#case.lower .mainArea .mainTtl .ttl {
		font-size: 30px;
	}
	#case.lower .mainArea .mainTtl .lead {
		margin-top: 10px;
		font-size: 16px;
		text-align: left;
	}
	#case .sec04 .ttl_w span {
		display: inline-block;
	}
}

#plan .mainArea{background:url(../images/plan/bg.jpg) center center no-repeat;background-size:cover; height: 130px;}
#plan h1 {
	margin: .2em 0;
}
#plan .subArea .ttl {
	font-size: 20px;
	color: #fff;
	padding-top: 50px;
}

#plan .subArea .ttl.sub {
	position: absolute;
	top: 0;
	right: 5%;
	text-align: right;
}

#plan .subArea.planSec .ttl01{
	flex: 1; 
	display: flex; 
    justify-content: center;
    align-items: center; 
	padding-left: 20%;
}

#plan .planSec .planImg{
	background-color: transparent;
	height:360px;
	padding-top: 60px;
	position: relative;
}

#plan .planSec .planImg .ttl{
	width: 100%;
}

#plan .planSec .planImg .cost_nm {
    color: #FF6D00;
    font-weight: bold;
    font-size: 2em;
    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;
}
#plan .planSec .planImg .cost_en {
    color: #004EA2;
    font-weight: bold;
    font-size: 1em;
    margin-left: 5px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo, sans-serif;
}
#plan .planSec .planImg .cost_en01 {
    color: #004EA2;
    font-weight: bold;
    font-size: 1em;
    margin-left: 5px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo, sans-serif;
}
#plan .planSec .planImg .costCon01 {
	border-right: none;
}
#plan .planSec .planImg .costCon02 {
    width: 480px;
    height: 150px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}
#plan .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;
}
#plan .planSec .planImg .costCon03 .cost03 {
    width: 100%;
	height: auto;
    max-width: 336px;
    margin: 0 auto 10px;
    white-space: nowrap;
    position: relative;
	background: none;
	text-indent: 0;
	overflow: visible;
	background-color: #FFF;
	padding-top: 50px;
}
#plan .planSec .planImg .costCon01 .cost01 {
	width: 100%;
    max-width: 195px;
    height: auto;
    margin: 55px auto 5px;
    white-space: nowrap;
	background: none;
	text-indent: 0;
	overflow: visible;
}

/*初期費用*/
#plan .planSec .planImg .costCon01 {
		width: 20%;
 		min-width: 100px;
		height: auto;
		align-items: stretch;
		border-bottom: none;
    	max-width: 1000px;
    	white-space: nowrap;
		background: none;
		text-indent: 0;
		overflow: visible;
	}
#plan .planSec .planImg .costCon01 .costTitle01{
	background: #FF6D00;
	font-size: 1.5em;
	border-bottom: none;
	height: auto;
	line-height: 1.5; 
	color: #FFF;
	font-weight: bold;
	/*border: 1px solid #FF6D00;*/
	border-radius: 20px 20px 0 0;
	}
#plan .planSec .planImg .costCon01 .cost01Price{
	height: auto;
	font-size: 1.0em;
	/*padding-top:20px;*/
	align-items: center;
	background-color: #FFF;
	border-bottom: none;
	margin-bottom: 1px;
	padding-bottom:20px;

}


#plan .planSec .planImg .costCon01 .cost01Bt{
	width: 100%;
    max-width: 336px;
	padding-top: 39px;
    padding-bottom: 35px;
    white-space: nowrap;
    position: relative;
	background: none;
	text-indent: 0;
	overflow: visible;
	font-size: 0.8em;
	color: #004EA2;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 0 0 20px 20px;
}
/*＋*/
#plan .planSec .planImg .add_price{
	color: #FFF;
	font-size: 3em;
	font-weight: bold;
	margin: auto;
	width:10%;
}

/*基本プラン*/
#plan .planSec .planImg .costCon_wr {
		width:70%;
		display: flex;
}

#plan .planSec .planImg .costCon02 {
		flex: 1;
		height: auto;
		align-items: stretch;
		border-bottom: none;
    	max-width: 1000px;
    	white-space: nowrap;
		background: none;
		text-indent: 0;
		overflow: visible;
	}
#plan .planSec .planImg .costCon02 .costTitle02{
	background: #7DCFF8;
	font-size: 1.5em;
	border-bottom: none;
	height: auto;
	line-height: 1.5; 
	color: #FFF;
	font-weight: bold;
	border-right: 1px solid #FFF;
	border-radius: 20px 0 0 0;
	}
#plan .planSec .planImg .costCon02 .cost02Price{
	height: auto;
	font-size: 1.0em;
	align-items: center;
	background-color: #FFF;
	border-bottom: none;
	margin-bottom: 1px;
	margin-right: 1px;
	padding-bottom: 20px;
}

#plan .planSec .planImg .costCon02 .cost02Bt{
	padding: 20px 0;
    white-space: nowrap;
    position: relative;
	background: none;
	text-indent: 0;
	overflow: visible;
	font-size: 0.8em;
	color: #004EA2;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 0 0 0 20px;
	margin-right: 1px;
}
#plan .planSec .planImg .costCon02 .link-wrapper01{
	text-decoration: none; 
}

#plan .planSec .planImg .costCon02 .cost02Bt .cost_bt_qo{
	display: block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	padding: 13px;
	box-sizing: border-box;
	font-size: 16px;
	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-color: #FFAB00;
	border-radius: 4px;
	margin-top: 10px;
	box-shadow: 0px 4px 0px 0px #ff6d00;
}

/*IDパックプラン*/
#plan .planSec .planImg .costCon03 {
		flex: 1;
		height: auto;
		align-items: stretch;
		border-bottom: none;
    	max-width: 1000px;
    	white-space: nowrap;
		background: none;
		text-indent: 0;
		overflow: visible;
	}
#plan .planSec .planImg .costCon03 .costTitle03{
	background: #65AED5;
	font-size: 1.5em;
	border-bottom: none;
	height: auto;
	line-height: 1.5; 
	color: #FFF;
	font-weight: bold;
	border-radius: 0 20px 0 0;
	}
#plan .planSec .planImg .costCon03 .cost03Price{
	height: auto;
	font-size: 1.0em;
	align-items: center;
	background-color: #FFF;
	border-bottom: none;
	margin-bottom: 1px;
	padding-bottom: 20px;
}

#plan .planSec .planImg .costCon03 .cost03Bt{
	padding: 20px 0;
    white-space: nowrap;
    position: relative;
	background: none;
	text-indent: 0;
	overflow: visible;
	font-size: 0.8em;
	color: #004EA2;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 0 0 20px 0;
}
#plan .planSec .planImg .costCon03 .link-wrapper02{
	text-decoration: none; 
}

#plan .planSec .planImg .costCon03 .cost03Bt .cost_bt_qo{
	display: block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	padding: 13px;
	box-sizing: border-box;
	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-color: #FFAB00;
	border-radius: 4px;
	margin-top: 10px;
	box-shadow: 0px 4px 0px 0px #ff6d00;
}

#plan .subArea{padding:0;background:#03a9f5;}
#plan .subArea .planImg{/*margin-top:40px;*/margin-bottom:10px;}
#plan .subArea .planImg + .comment{max-width:800px;width:100%;margin:0 auto;font-size:16px;line-height:1.5;color:#fff;text-align:left;}
#plan .planCv.firstview {
	background: #E1F5FE;
	padding: 40px 0 60px;
}
#plan .planCv .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;
}
#plan .planCv .requestBtn:hover {
    top: 4px;
    box-shadow: none;
    text-decoration: none;
}
#plan .packageCon{margin-left:-20px;letter-spacing:-.40em;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;}
#plan .packageCon > li{width:470px;margin-left:20px;letter-spacing:normal;}
#plan .tableType02{width:100%;}
#plan .tableType02 th,
#plan .tableType02 td{padding:15px;border:2px solid #fff;}
#plan .tableType02 thead tr{}
#plan .tableType02 thead th{background:#004ea2;font-size:16px;line-height:1.5;color:#fff;text-align:center;}
#plan .tableType02 tbody th{padding-left:30px;background:#eceff1;font-size:16px;font-weight:bold;line-height:1.5;color:#000;text-align:center;}
#plan .tableType02 tbody td{background:#ccdcec;font-size:16px;line-height:1.5;color:#000;text-align:center;}
#plan .packageCon + .comment{margin-top:5px;color:#000;font-size:12px;line-height:1.5;text-align:left;}
#plan .packageCon + .comment > li{margin-left:2em;text-indent:-0.75em;}
#plan .packageCon + .comment > li:before{content:"●";margin-right:5px;display:inline-block;vertical-align:middle;}
#plan .sec02{padding-bottom:0;background:#e1f5fe;}
#plan .sec02 .subTtl01 {
	padding-bottom: 20px;
}
#plan .sec02 .colBox{padding-bottom:90px;}
#plan .sec02 .colBox li{
	margin:20px 0 0 30px;
	border-radius:10px;
	overflow:hidden;
}
#plan .sec02 .colBox li .examTtl{min-height:40px;padding-left:90px;background:#004EA2;font-size:16px;line-height:40px;color:#fff;position:relative;text-align:left;}
#plan .sec02 .colBox li .examTtl:before{display:block;content:"";width:70px;height:20px;margin-top:-10px;background:#fff;border-radius:10px;position:absolute;top:50%;left:10px;}
#plan .sec02 .colBox li .examTtl:after{display:block;content:"";width:70px;height:20px;margin-top:-10px;background:url(../images/plan/img_case01.svg) center center no-repeat;border-radius:10px;position:absolute;top:50%;left:10px;}
#plan .sec02 .colBox .example01 .examTtl:after{background:url(../images/plan/img_case01.svg) center center no-repeat;}
#plan .sec02 .colBox .example02 .examTtl:after{background:url(../images/plan/img_case02.svg) center center no-repeat;}
#plan .sec02 .colBox .example03 .examTtl:after{background:url(../images/plan/img_case03.svg) center center no-repeat;}
#plan .sec02 .colBox li .textCon{padding:20px;font-size:14px;line-height:1.6;color:#000;}
#plan .sec02 .colBox li .examInfo{padding:0 20px 20px;}
#plan .sec02 .colBox li .examInfo dl{padding:10px 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;border-bottom:1px solid #004ea2;text-align:left;}
#plan .sec02 .colBox li .examInfo dl:nth-child(1){border-top:1px solid #004ea2;}
#plan .sec02 .colBox li .examInfo dt{width:8em;font-size:16px;font-weight:bold;line-height:1.2;color:#004EA2;}
#plan .sec02 .colBox li .examInfo dd{font-size:16px;font-weight:bold;line-height:1.2;color:#000;}
#plan .sec02 .shifopLite{padding:60px 0;}
#plan .sec02 .shifopLite .comment{margin-bottom:20px;font-size:16px;line-height:1.5;color:#004EA2;font-weight:400;}
#plan .sec03{
	padding:0;
}
#plan .sec03 .introSec{padding-bottom:60px;background:#e1f5fe;}
#plan .sec03 .introInfo{
	padding:50px 16px 40px;
	background:#fff;
}
#plan .sec03 .introInfo ul{margin-left:-40px;margin-top:-40px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;letter-spacing:-.40em;}
#plan .sec03 .introInfo ul li{width:calc(50% - 40px);margin-left:40px;margin-top:40px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-letter-spacing:normal;letter-spacing:normal;}
#plan .sec03 .introInfo ul li .imgCon{flex:none;width:100px;height:100px;border:2px solid #004EA2;border-radius:50px;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
#plan .sec03 .introInfo ul li .textCon{margin-left:10px;text-align:left;}
#plan .sec03 .introInfo ul li .textCon .infoTtl{padding-left:80px;font-size:16px;line-height:1.2;color:#004EA2;position:relative;}
#plan .sec03 .introInfo ul li .textCon .infoTtl:before{content:"";width:70px;height:20px;background:#004EA2;border-radius:10px;position:absolute;top:0;left:0;}
#plan .sec03 .introInfo ul li .textCon .infoTtl:after{content:"";width:70px;height:20px;border-radius:10px;position:absolute;top:0;left:0;}
#plan .sec03 .introInfo ul .step01 .textCon .infoTtl:after{background:url(../images/plan/img_step01_w.svg) center center no-repeat;}
#plan .sec03 .introInfo ul .step02 .textCon .infoTtl:after{background:url(../images/plan/img_step02_w.svg) center center no-repeat;}
#plan .sec03 .introInfo ul .step03 .textCon .infoTtl:after{background:url(../images/plan/img_step03_w.svg) center center no-repeat;}
#plan .sec03 .introInfo ul .step04 .textCon .infoTtl:after{background:url(../images/plan/img_step04_w.svg) center center no-repeat;}
#plan .sec03 .introInfo ul li .textCon > p{margin-top:15px;font-size:14px;line-height:1.5;color:#000;}
#plan .sec03 .cvBox{background:#eceff1;}
#plan .sec03 .cvBox .cvArea{margin:0 auto;padding:0 16px 60px;}
#plan .colBox.col3{justify-content:center;}
#plan .cvArea.planCv .cvCatch {
	color: #004FA1;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 40px;
}

#plan .cvNext {
	color: #004FA1;
	font-size: 30px;
	font-weight: bold;
	margin-top: 70px;
	line-height: 1.2;
}

#plan .cvNext:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 25px auto 0;
	border-top: 30px solid #004FA1;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
}

#plan .sec01 .cvArea.planCv {
	margin: 40px auto 0;
}

#plan .sec01 .cvArea.planCv .cvCatch {
	color: #004EA2;
}

#plan .menuArea .cvArea {
	margin: 0;
}

@media screen and (max-width: 959px){
	
	#plan .planSec .planArea {
		padding: 0 16px;
	}
	#plan .planSec .planImg {
		width: 100%;
		max-width: 800px;
		height: auto;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}
	
	#plan .planSec .planImg .costCon01,
	#plan .planSec .planImg .costCon02,
	#plan .planSec .planImg .costCon03 {
		height: auto;
		align-items: stretch;
	}
	
	#plan .planSec .planImg .costCon01 .cost01,
	#plan .planSec .planImg .costCon02 .cost02,
	#plan .planSec .planImg .costCon03 .cost03 {
		background-image: none;
		text-indent: 0;
		margin: 0 auto 0;
		padding-top: 20px;
		height: auto;
		max-width: 100%;
		text-align: center;
	}
	#plan .planSec .planImg .cost_ttl {
		font-size: 1.5em;
	}

	#plan .planSec .planImg .cost_nm {
		font-size: 1.6em;
		letter-spacing: -0.03em;
		margin-left: 3px;
	}
	#plan .planSec .planImg .cost_en {
		font-size: 2em;
		margin-left: 5px;
	}

	#plan .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;
	}

	#plan .planSec .planImg .cost_nm {
		color: #FF6D00;
		font-weight: bold;
		font-size: 1.4em;
		letter-spacing: -0.03em;
		margin-left: 3px;
		font-weight: bold;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	}
	#plan .planSec .planImg .cost_en {
		color: #004EA2;
		font-weight: bold;
		font-size: 1em;
		margin-left: 5px;
		font-weight: bold;
		font-family: "メイリオ", Meiryo, sans-serif;
	}
	#plan .planSec .planImg .cost_en01 {
		color: #004EA2;
		font-weight: bold;
		font-size: 0.8em;
		margin-left: 5px;
		font-weight: bold;
		font-family: "メイリオ", Meiryo, sans-serif;
	}
	#plan .planSec .planImg .cost_bt_tx{
		font-size: 0.75em;
	}
	#plan .planSec .planImg .costCon02 .cost02Bt .cost_bt_qo,
	#plan .planSec .planImg .costCon03 .cost03Bt .cost_bt_qo{
		font-size: 1em;
		width: 80%;
		max-width: 200px;
	}
	#plan .subArea .ttl.sub {
		padding: 30px 0 0;

	}
}

@media screen and (max-width: 669px) and (min-width: 540px){
	#plan .planSec .planImg {
		padding-top: 40px;
	}
	#plan .planSec .planImg .cost_ttl {
		font-size: 1.2em;
	}
	#plan .planSec .planImg .cost_nm {
		font-size: 1.6em;
	}
	#plan .planSec .planImg .cost_en {
		font-size: 1.1em;
	}
	#plan .planSec .planImg .cost_en01 {
		font-size: 0.7em;
	}
	#plan .planSec .planImg .costCon01 .cost01Bt .cost_bt_tx {
		font-size: 0.7em;
	}
	#plan .planSec .planImg .costCon01 .cost01Price {
		font-size: 0.8em;
	}
	#plan .planSec .planImg .costCon01 .cost01Title,
	#plan .planSec .planImg .costCon02 .cost02Title,
	#plan .planSec .planImg .costCon03 .cost03Title {
		font-size: 0.8em;
	}

	#plan .planSec .planImg .costCon01 .cost01Price,
	#plan .planSec .planImg .costCon02 .cost02Price,
	#plan .planSec .planImg .costCon03 .cost03Price{
		padding-bottom: 10px;
	}
	#plan .subArea .ttl.sub {
		font-size: 0.8em;
		padding: 20px 0 0;
	}
	#plan .planSec .planImg .add_price{
		font-size: 2em;
	}
}
@media screen and (max-width: 539px) and (min-width: 415px){
	#plan .planSec .planImg {
		display: block;
		padding-top: 10px;
	}
	#plan .planSec .planImg .costCon_wr {
		width: auto;
	}
	#plan .planSec .planImg .costCon01 {
		width: auto;
	}
	#plan .planSec .planImg .add_price {
		width: auto;
		height: auto;
		line-height: 110%;
		font-size: 1.5em;
	}
	#plan .planSec .planImg .costCon01 .cost01,
	#plan .planSec .planImg .costCon02 .cost02,
	#plan .planSec .planImg .costCon03 .cost03 {
		margin: 3% auto 0px;
		padding-top: 0;
	}
	#plan .planSec .planImg .cost_ttl {
		font-size: 1.1em;
	}
	#plan .planSec .planImg .cost_nm {
		font-size: 1.4em;
	}
	#plan .planSec .planImg .cost01 .cost_nm {
		font-size: 2.5em;
	}
	#plan .planSec .planImg .cost_en {
		font-size: 1.5em;
	}
	#plan .planSec .planImg .cost_en01 {
		font-size: 0.7em;
	}
	#plan .planSec .planImg .costCon01 .cost01Bt{
		max-width:none;
		padding: 0 0 5px;
	}
	#plan .planSec .planImg .costCon01 .cost01Bt .cost_bt_tx{
		font-size: 1em;
		display: inline;
		font-weight: bold;
	}
	#plan .planSec .planImg .costCon01 .cost01Price{
		font-size: 0.7em;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#plan .planSec .planImg .costCon02 .cost02Price,
	#plan .planSec .planImg .costCon03 .cost03Price{
		padding-top: 20px;
	}
	#plan .planSec .planImg .costCon02 .cost02Bt,
	#plan .planSec .planImg .costCon03 .cost03Bt{
		padding: 10px 0 ;
	}
	#plan .planSec .planImg .costCon01 .cost01Title,
	#plan .planSec .planImg .costCon02 .cost02Title,
	#plan .planSec .planImg .costCon03 .cost03Title {
		font-size: 0.8em;
	}
	#plan .subArea .ttl.sub {
		position: static;
		width: 100%;
		font-size: 0.8em;
		font-weight: normal;
		padding: 10px 0 10px;
		text-align: center;
	}
}

@media screen and (max-width: 414px) and (min-width: 376px){
	#plan .planSec .planImg {
		display: block;
		padding-top: 10px;
	}
	#plan .planSec .planImg .costCon_wr {
		width: auto;
	}
	#plan .planSec .planImg .costCon01 {
		width: auto;
		padding-bottom: 0;
	}
	#plan .planSec .planImg .add_price {
		width: auto;
		height: auto;
		line-height: 110%;
		font-size: 1.5em;
	}
	#plan .planSec .planImg .costCon01 .cost01,
	#plan .planSec .planImg .costCon02 .cost02,
	#plan .planSec .planImg .costCon03 .cost03 {
		margin: 3% auto 0px;
		padding-top: 0;
	}
	#plan .planSec .planImg .cost_ttl {
		font-size: 1.1em;
	}
	#plan .planSec .planImg .cost_nm {
		font-size: 1em;
	}
	#plan .planSec .planImg .cost01 .cost_nm {
		font-size: 2.5em;
	}
	#plan .planSec .planImg .cost_en {
		font-size: 1.5em;
	}
	#plan .planSec .planImg .cost_en01 {
		font-size: 0.7em;
	}
	#plan .planSec .planImg .costCon01 .cost01Bt{
		max-width:none;
		padding: 0 0 5px;
	}
	#plan .planSec .planImg .costCon01 .cost01Bt .cost_bt_tx{
		font-size: 1em;
		display: inline;
		font-weight: bold;
	}
	#plan .planSec .planImg .costCon01 .cost01Price{
		font-size: 0.7em;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#plan .planSec .planImg .costCon02 .cost02Price,
	#plan .planSec .planImg .costCon03 .cost03Price{
		padding-top: 20px;
	}
	#plan .planSec .planImg .costCon02 .cost02Bt,
	#plan .planSec .planImg .costCon03 .cost03Bt{
		padding: 10px 0 ;
	}
	#plan .planSec .planImg .costCon02 .cost02Bt .cost_bt_tx,
	#plan .planSec .planImg .costCon03 .cost03Bt .cost_bt_tx{
		white-space: normal;
	}
	#plan .planSec .planImg .costCon01 .cost01Title,
	#plan .planSec .planImg .costCon02 .cost02Title,
	#plan .planSec .planImg .costCon03 .cost03Title {
		font-size: 0.8em;
	}
	#plan .subArea .ttl.sub {
		position: static;
		width: 100%;
		font-size: 0.8em;
		font-weight: normal;
		padding: 10px 0 10px;
		text-align: center;
	}
}
@media screen and (max-width: 376px){
	#plan .planSec .planImg {
		display: block;
		padding-top: 10px;
	}
	#plan .planSec .planImg .costCon_wr {
		width: auto;
	}
	#plan .planSec .planImg .costCon01 {
		width: auto;
		padding-bottom: 0;
	}
	#plan .planSec .planImg .add_price {
		width: auto;
		height: auto;
		line-height: 110%;
		font-size: 1.5em;
	}
	#plan .planSec .planImg .costCon01 .cost01,
	#plan .planSec .planImg .costCon02 .cost02,
	#plan .planSec .planImg .costCon03 .cost03 {
		margin: 3% auto 0px;
	}
	#plan .planSec .planImg .cost_ttl {
		font-size: 1.1em;
	}
	#plan .planSec .planImg .cost_nm {
		font-size: 1em;
	}
	#plan .planSec .planImg .cost01 .cost_nm {
		font-size: 2.5em;
	}
	#plan .planSec .planImg .cost_en {
		font-size: 1.5em;
	}
	#plan .planSec .planImg .cost_en01 {
		font-size: 0.7em;
	}
	#plan .planSec .planImg .costCon01 .cost01Bt{
		max-width:none;
		padding: 0 0 5px;
	}
	#plan .planSec .planImg .costCon01 .cost01Bt .cost_bt_tx{
		font-size: 1em;
		display: inline;
		font-weight: bold;
	}
	#plan .planSec .planImg .costCon01 .cost01Price{
		font-size: 0.7em;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#plan .planSec .planImg .costCon02 .cost02Price,
	#plan .planSec .planImg .costCon03 .cost03Price{
		padding-top: 20px;
	}
	#plan .planSec .planImg .costCon02 .cost02Bt,
	#plan .planSec .planImg .costCon03 .cost03Bt{
		padding: 10px 0 ;
	}
	#plan .planSec .planImg .costCon02 .cost02Bt .cost_bt_tx,
	#plan .planSec .planImg .costCon03 .cost03Bt .cost_bt_tx{
		white-space: normal;
	}
	#plan .planSec .planImg .costCon01 .cost01Title,
	#plan .planSec .planImg .costCon02 .cost02Title,
	#plan .planSec .planImg .costCon03 .cost03Title {
		font-size: 0.8em;
	}
	#plan .subArea .ttl.sub {
		position: static;
		width: 100%;
		font-size: 0.8em;
		font-weight: normal;
		padding: 10px 0 10px;
		text-align: center;
	}
}

@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){
	#plan .mainArea{
		height: 118px;
	}
	#plan .subArea .ttl {
		font-size: 24px;
		padding-top: 30px;
	}	
	#plan .subArea .planImg + .comment{
		box-sizing:border-box;
		font-size: 12px;
	}
	#plan .planCv {
		margin: 30px 0 10px;
	}
	#plan .planCv.firstview {
		padding: 30px 0 50px;
	}
	#plan .planCv .requestBtn {
		width: calc(100% - 32px);
	}
	#plan .packageCon{margin-left:0;-webkit-flex-direction:column;flex-direction:column;}
	#plan .packageCon > li{width:100%;margin-left:0;}
	#plan .tableType02{}
	#plan .tableType02 th,
	#plan .tableType02 td{}
	#plan .tableType02 tbody td{width:50%;}
	#plan .packageCon li:nth-child(2){margin-top:-2px;}
	#plan .packageCon li:nth-child(2) thead{display:none;}
	#plan .packageCon + .comment{}
	#plan .packageCon + .comment > li{}
	#plan .packageCon + .comment > li:before{}
	#plan .sec02{padding-bottom: 0px;}
	#plan .sec02 .subTtl01 {
		padding-bottom: 30px;
	}
	#plan .sec02 .colBox{margin:-20px 16px 0px; padding-bottom: 60px;}
	#plan .sec02 .colBox li{margin-top:20px;}
	#plan .sec02 .colBox li {
    	margin: 20px 0 0 0px;
	}
	#plan .sec02 .colBox li .examTtl{}
	#plan .sec02 .colBox li .textCon{text-align:left;}
	#plan .sec02 .colBox li .examInfo{}
	#plan .sec02 .shifopLite{}
	#plan .sec02 .shifopLite .comment{padding:0 16px;text-align:left;}
	#plan .sec03{padding:0;}
	#plan .sec03 .introSec{}
	#plan .sec03 .introInfo{}
	#plan .sec03 .introInfo ul{margin:-40px 16px 0;-webkit-flex-direction:column;flex-direction:column;}
	#plan .sec03 .introInfo ul li{width:100%;margin-left:0;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;}
	#plan .sec03 .introInfo ul li .imgCon{margin-bottom:20px;}
	#plan .sec03 .introInfo ul li .textCon{}
	#plan .sec03 .introInfo ul li .textCon .infoTtl{}
	#plan .sec03 .introInfo ul li .textCon > p{margin-top:10px;}
	#plan .sec03 .cvArea{padding:40px 16px 60px;}
	
	#plan .cvArea.planCv .cvCatch { 
		padding: 0 16px;
	}
	
	#plan .cvNext {
		font-size: 24px;
		padding: 0 16px;
		line-height: 1.2;
		margin-top: 30px;
	}
	
	#plan .sec01 .planCv .requestBtn {
		width: 100%;
	}
	
	#plan .sec01 .cvArea.planCv {
		margin: 40px auto 0;
	}
	
	#plan .cvArea.planCv .cvCatch {
		font-size: 24px;
		margin-bottom: 20px;
	}
}

/*料金ページ導入メリット*/
#plan .meritArea {
	background-color: #E1F5FD;
}

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

#plan .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;
}

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

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

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

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

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

#plan .meritArea .cvArea .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;
}

#plan .meritArea .cvArea .requestBtn:hover {
	top: 4px;
    box-shadow: none;
    text-decoration: none;
}

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

#qa .mainArea{background:url(../images/qa/bg.jpg) center center no-repeat;background-size:cover;height: 130px}
#qa .mainArea .mainTtl .ttl {margin: 0;}
#qa .subArea .subTtl02 .ttl + p{margin-top:10px;font-size:16px;color:#000;}
#qa .qaCv.firstview {
    background: #E1F5FE;
    padding: 25px 20px;
	max-width: 713px;
	border-radius: 10px;
}
#qa .qaCv .cvCatch {
    color: #004FA1;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}
#qa .qaCv .cvCatch span {
	display: inline-block;
}
#qa .qaCv .requestBtn {
    display: block;
    max-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;
}
#qa .qaCv .requestBtn:hover {
    top: 4px;
    box-shadow: none;
    text-decoration: none;
}
#qa .category ul{margin-left:-36px;letter-spacing:-.40em;}
#qa .category ul li{width:200px;margin-left:36px;letter-spacing:normal;display:inline-block;}
#qa .category ul li a{display:block;max-width:200px;height:50px;padding:inherit;font-size:16px;font-weight:bold;line-height:50px;}
#qa #intro,
#qa #use,
#qa #function{margin-top:-80px;padding-top:80px;}
#qa .sec01 .secInner,
#qa .sec02 .secInner,
#qa .sec03 .secInner{padding-top:10px;}
#qa .qaMenu{margin-top:-10px;text-align:left;}
#qa .qaMenu > dt{margin-top:30px;padding:16px 40px 16px 16px;background-color:#afbfc6;border-bottom:1px solid #fff;color:#fff;cursor:pointer;font-weight:bold;line-height:1.2;position:relative;}
#qa .qaMenu > dt:before{content:"";width:20px;height:20px;margin-top:-10px;background:url(../images/qa/icon_open.svg) center center no-repeat;position:absolute;top:50%;right:10px;}
/*#qa .qaMenu > dd{margin:0px;padding:16px;background:#f5f5f5;display:none;line-height:1.7;} 20171211 アコーディオンの開閉を逆にする調整のため修正（修正前）*/
#qa .qaMenu > dd{margin:0px;padding:16px;background:#f5f5f5;line-height:1.7;}
#qa .qaMenu > dt.active:before{background:url(../images/qa/icon_close.svg) center center no-repeat;}
#qa .sec04{background:#e1f5fe;}
#qa .sec04 .subTtl01 .ttl_w span {
	display: inline-block;
}
@media screen and (max-width:1366px){#qa #intro,
#qa #use,
#qa #function{margin-top:-120px;padding-top:120px;}
}
@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){
	#qa .mainArea {
		height: 118px;
	}
	#qa .qaCv.firstview {
		padding: 30px 20px 34px;
		margin: 10px auto 20px
	}
	#qa .qaCv .cvCatch {
		font-size: 22px;
	}
	#qa .qaCv .requestBtn {
		font-size: 15px;
		line-height: 1.7;
		max-width: 100%;
	}
#qa .category ul{width:100%;margin-top:-10px;margin-left:0;padding:0 16px;box-sizing:border-box;}
#qa .category ul li{display:block;width:100%;margin-top:10px;margin-left:0;}
#qa .category ul li a{width:100%;max-width:none;display:block;}
#qa #intro,
#qa #use,
#qa #function{margin-top:-56px;padding-top:56px;}
#qa .sec01,
#qa .sec02,
#qa .sec03{padding:30px 16px 0;}
#qa .sec03{padding-bottom:30px;}
#qa .qaMenu{margin-top:8px;}
#qa .qaMenu > dt{margin-top:20px;}
#qa .qaMenu > dt:before{}
#qa .qaMenu > dd{}
#qa .qaMenu > dt.active:before{}
#qa .sec04{margin-top:50px;}
}
#manual .mainArea{background:url(../images/manual/bg.jpg) center center no-repeat;background-size:cover;}
#manual .subArea{background:#e1f5fe;}
#manual .subArea .manualFlow{}
#manual .subArea .manualFlow ul{width:987px;margin-top:-20px;margin-right:calc(-80px/3);}
#manual .subArea .manualFlow ul li{margin-top:20px;margin-right:calc(80px/3);box-sizing:border-box;position:relative;}
#manual .subArea .manualFlow ul li:before{display:block;content:"";width:12px;height:18px;margin-top:-9px;background:url(../images/common/arrow02.svg) center center no-repeat;background-size:12px auto;position:absolute;top:50%;right:-20px;}
#manual .subArea .manualFlow ul li.ancher04:before,
#manual .subArea .manualFlow ul li.ancher08:before,
#manual .subArea .manualFlow ul li.ancher12:before{display:none;}
#manual .subArea .manualFlow ul li a{width:220px;text-align:left;}
#manual .subArea .manualFlow ul li a:before{display:inline-block;content:"";width:26px;height:26px;margin-right:10px;margin-top:-13px;vertical-align:bottom;}
#manual .subArea .manualFlow ul .ancher01 a:before{background:url(../images/common/icon_num01.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher02 a:before{background:url(../images/common/icon_num02.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher03 a:before{background:url(../images/common/icon_num03.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher04 a:before{background:url(../images/common/icon_num04.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher05 a:before{background:url(../images/common/icon_num05.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher06 a:before{background:url(../images/common/icon_num06.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher07 a:before{background:url(../images/common/icon_num07.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher08 a:before{background:url(../images/common/icon_num08.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher09 a:before{background:url(../images/common/icon_num09.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher10 a:before{background:url(../images/common/icon_num10.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher11 a:before{background:url(../images/common/icon_num11.svg) center center no-repeat;}
#manual .subArea .manualFlow ul .ancher12 a:before{background:url(../images/common/icon_num12.svg) center center no-repeat;}
#manual .sec01{margin-top:-90px;padding-top:80px;position:relative;z-index:-2;}
#manual .sec02{margin-top:-90px;padding-top:80px;position:relative;z-index:-3;}
#manual .sec03{margin-top:-90px;padding-top:80px;position:relative;z-index:-4;}
#manual .sec04{margin-top:-90px;padding-top:80px;position:relative;z-index:-5;}
#manual .sec05{margin-top:-90px;padding-top:80px;position:relative;z-index:-6;}
#manual .sec06{margin-top:-90px;padding-top:80px;position:relative;z-index:-7;}
#manual .sec07{margin-top:-90px;padding-top:80px;position:relative;z-index:-8;}
#manual .sec08{margin-top:-90px;padding-top:80px;position:relative;z-index:-9;}
#manual .sec09{margin-top:-90px;padding-top:80px;position:relative;z-index:-10;}
#manual .sec10{margin-top:-90px;padding-top:80px;position:relative;z-index:-11;}
#manual .sec11{margin-top:-90px;padding-top:80px;position:relative;z-index:-12;}
#manual .sec12{margin-top:-90px;padding-top:80px;position:relative;z-index:-13;}
#manual .sec13{margin-top:-90px;padding-top:80px;position:relative;z-index:-14;}
#manual .sec14{margin-top:-90px;padding-top:80px;position:relative;z-index:-15;}
#manual .sec01:before,
#manual .sec02:before,
#manual .sec03:before,
#manual .sec04:before,
#manual .sec05:before,
#manual .sec06:before,
#manual .sec07:before,
#manual .sec08:before,
#manual .sec09:before,
#manual .sec10:before,
#manual .sec11:before,
#manual .sec12:before,
#manual .sec13:before,
#manual .sec14:before{display:block;content:"";width:100%;height:calc(100% - 80px);position:absolute;top:80px;z-index:-1;}
#manual .sec01:before,
#manual .sec02:before,
#manual .sec03:before,
#manual .sec05:before,
#manual .sec07:before,
#manual .sec09:before,
#manual .sec11:before,
#manual .sec13:before{background:#fff;}
#manual .sec04:before,
#manual .sec06:before,
#manual .sec08:before,
#manual .sec10:before,
#manual .sec12:before,
#manual .sec14:before{background:#e1f5fe;}
#manual .sec01 .movieArea{width:713px;height:400px;margin:0 auto;}
#manual .sec01 .movieArea video{width:100%;height:auto;border:#cccccc solid 1px;} /* 20180117 border追加 */
#manual .movieSec{}
#manual .movieSec li{min-height:300px;border:2px solid #004EA2;border-radius:10px;box-sizing:border-box;overflow:hidden;}
#manual .movieSec li .movieTtl{height:48px;margin-bottom:20px;padding:5px;background:#004ea2;color:#fff;font-size:16px;line-height:1.2;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
#manual .movieSec li .movieCon{}
#manual .movieSec li .movieCon .popup-modal{display:block;cursor:pointer;position:relative;}
#manual .movieSec li .movieCon .mfp-hide{}
#manual .movieSec li .movieCon .mfp-hide video{}
#manual .mfp-container{}
#manual .mfp-container .mfp-content{text-align:center;}
#manual .mfp-container .mfp-content > div{position:relative;margin:10px auto;max-width:700px;background:#fff;padding:20px;}
#manual .movieSec li .linkDiv{margin:20px 0;}
#manual .colBox li .btnDL{width:180px;height:40px;border:none;background:#42a5f5;color:#fff;font-size:14px;}
#manual .colBox li .btnDL:before{display:inline-block;content:"";width:10px;height:12px;margin-right:5px;background:url(../images/common/icon_dl.svg) center center no-repeat;background-size:auto;}
#manual .sec15{padding-bottom:0;}
#manual .moreArea{background: #E2F5FD; border-radius: 10px;margin: 40px auto 0;padding: 20px 20px 40px;text-align: center; max-width: 713px;}
#manual .moreArea li {margin-top: 20px; }
#manual .moreArea .cvBtn{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;
max-width: 300px;
height: 50px;
margin: 30px auto 0;
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;}
#manual .moreArea .cvBtn:hover{top: 4px;box-shadow: none;text-decoration: none;}
#manual .cvCatch {color: #004EA2;font-size: 24px; font-weight: bold; line-height: 1.2}
#manual .tLink {color: #004EA2;}
#manual .tLink:hover {text-decoration: none;}
@media screen and (max-width:1366px){#manual .sec01,
#manual .sec02,
#manual .sec03,
#manual .sec04,
#manual .sec05,
#manual .sec06,
#manual .sec07,
#manual .sec08,
#manual .sec09,
#manual .sec10,
#manual .sec11,
#manual .sec12,
#manual .sec13,
#manual .sec14{margin-top:-120px;padding-top:120px;position:relative;}
#manual .sec01:before,
#manual .sec02:before,
#manual .sec03:before,
#manual .sec04:before,
#manual .sec05:before,
#manual .sec06:before,
#manual .sec07:before,
#manual .sec08:before,
#manual .sec09:before,
#manual .sec10:before,
#manual .sec11:before,
#manual .sec12:before,
#manual .sec13:before,
#manual .sec14:before{display:block;content:"";width:100%;height:calc(100% - 120px);position:absolute;top:120px;z-index:-1;}
}
@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){#manual .mainArea{}
#manual .subArea{}
#manual .subArea .manualFlow{}
#manual .subArea .manualFlow ul{width:auto;margin-top:-5px;margin-right:0;padding:0 16px;}
#manual .subArea .manualFlow ul li{width:100%;margin-right:0;margin-top:5px;}
#manual .subArea .manualFlow ul li:before{display:none;}
#manual .subArea .manualFlow ul li a{width:100%;position:relative;}
#manual .subArea .manualFlow ul li a:before{background:none !important;position:absolute;top:10px;bottom:0;margin:auto;content:"";vertical-align:middle;right:15px;box-sizing:border-box;width:20px;height:20px;border:10px solid transparent;border-top:15px solid #004EA1;}
#manual .sec01,
#manual .sec02,
#manual .sec03,
#manual .sec04,
#manual .sec05,
#manual .sec06,
#manual .sec07,
#manual .sec08,
#manual .sec09,
#manual .sec10,
#manual .sec11,
#manual .sec12,
#manual .sec13,
#manual .sec14{margin-top:-56px;padding-top:56px;padding-left:0;padding-right:0;position:relative;}
#manual .sec01:before,
#manual .sec02:before,
#manual .sec03:before,
#manual .sec04:before,
#manual .sec05:before,
#manual .sec06:before,
#manual .sec07:before,
#manual .sec08:before,
#manual .sec09:before,
#manual .sec10:before,
#manual .sec11:before,
#manual .sec12:before,
#manual .sec13:before,
#manual .sec14:before{display:block;content:"";width:100%;height:calc(100% - 56px);position:absolute;top:56px;z-index:-1;}
#manual .sec01 .secInner{padding:0 16px;}
#manual .sec01 .movieArea{width:100%;height:auto;}
#manual .sec01 .movieArea video{width:100%;height:auto;}
#manual .movieSec{margin:0 16px;}
#manual .movieSec li{min-height:280px;}
#manual .movieSec li .movieTtl{}
#manual .movieSec li .movieCon{}
#manual .movieSec li .movieCon .popup-modal{position:relative;}
#manual .movieSec li .movieCon .popup-modal:before{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;content:"";vertical-align:middle;box-sizing:border-box;width:50px;height:50px;border:1px solid #75AEF8;-webkit-border-radius:25%;border-radius:50%;background:#75AEF8;}
#manual .movieSec li .movieCon .popup-modal:after{position:absolute;top:0;bottom:0;left:0;right:-20px;margin:auto;content:"";vertical-align:middle;box-sizing:border-box;width:30px;height:30px;border:15px solid transparent;border-left:20px solid #374B63;}
#manual .movieSec li .movieCon .mfp-hide{}
#manual .movieSec li .movieCon .mfp-hide video{}
#manual .mfp-container{}
#manual .mfp-container .mfp-content{}
#manual .mfp-container .mfp-content > div{width:100%;height:auto;}
#manual .mfp-container .mfp-content > div video{width:100%;height:auto;}
#manual .movieSec li .linkDiv{}
#manual .colBox li .btnDL{width:90%;}
#manual .colBox li .btnDL:before{}
#manual .sec15{padding:0;}
#manual .sec15 .cvArea{padding:0 16px 0;}
#manual .moreArea {margin: 30px auto 0;}
#manual .cvCatch span {display: inline-block;} 
#manual .moreArea .cvBtn{font-size: 15px;line-height: 1.7;}
#manual .moreArea li:nth-of-type(n+2) {margin-top: 35px;}
}
#news_list .mainArea{background:url(../images/news/bg.png) center center no-repeat;background-size:cover;}
#news_list.lower .on_sidebar{max-width:960px;}
#news_list.lower aside.sideCon{width:150px;}
#news_list .newsInfo{width:765px;}
#news_list h2{text-align:left;margin:60px 0 30px;}
#news_list h3{text-align:left;margin:40px 0 20px;padding:20px 0 20px 20px;border:dotted 1px #000;border-left:none;border-right:none;font-size:16px;}
#news_list .newsInfo{text-align:left;}
#news_list time{font-size:14px;margin-right:10px;}
#news_list .text{width:500px;display:inline-block;vertical-align:top;font-size:16px;margin-left:10px;line-height:1.4;}
#news_list .new{font-size:14px;color:#e53935;font-weight:bold;}
#news_list .tug{width:60px;padding:2px 5px;display:inline-block;vertical-align:top;font-size:12px;color:#fff;}
#news_list .textCon{margin:10px 0px 0px;}
#news_list .semi{background:#8cc63f;}
#news_list .media{background:#ff6f00;}
#news_list .info{background:#424242;}
#news_list .event{background:#1976d2;}
#news_list .newsInfo li{padding:30px 0;border-top:dotted 1px #000;}
#news_list .newsInfo li:last-child{border-bottom:dotted 1px #000;}
#news_list .newsInfo li a{text-decoration:none;color:#000;}
#news_list .sideCon li{text-align:left;padding:0 20px 10px;list-style:none;}
#news_list .sideCon li a{text-decoration:none;color:#000;}
#news_list .sideCon .archiveArea{padding-bottom:10px;border-bottom:dotted 1px #000;}
#news_list.detail h2{text-align:left;padding:20px 0;margin:0;line-height:1.4;font-size:20px;border-top:dotted 1px #000;border-bottom:dotted 1px #000;}
#news_list.detail .timeDiv{vertical-align:top;margin-top:60px;padding-bottom:10px;}
#news_list.detail .timeDiv time{display:inline-block;font-size:16px;padding-top:2px;}
#news_list.detail .timeDiv span{display:inline-block;}
#news_list.lower.detail main{text-align:left;}
#news_list.detail .linkDiv .linkBtn{text-align:center; background: #FDAA29; color: #fff; border: none;box-shadow: 0px 4px 0px 0px #ff6d00;-moz-box-shadow: 0px 4px 0px 0px #ff6d00;-webkit-box-shadow: 0px 4px 0px 0px #ff6d00;position: relative;top: 0;padding-top: 13px;}
#news_list.detail .linkDiv .linkBtn:hover{top: 4px;box-shadow: none;text-decoration: none;}
#news_list.detail .newsPost{margin:30px 0;line-height:1.7;}
#news_list.detail .imgArea{margin:0 0 30px 0;}
#news_list.detail .newsArea{padding-bottom:60px;margin-bottom:60px;border-bottom:dotted 1px #000;}
#news_list .linkArea{margin: 40px auto 40px; max-width: 620px;}
#news_list .linkArea li a{text-align: center; float: left; margin: 10px 5px 0; max-width: calc(50% - 10px);}

@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){
}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){#news_list.lower .on_sidebar{max-width:100%;display:inline-block;}
#news_list.lower aside.sideCon{width:100%;margin-left:0px;}
#news_list .newsInfo{width:100%;}
#news_list .text{margin-top:10px;width:100%;}
#news_list.lower main.mainCon{width:100%;}
#news_list.detail .imgArea{text-align:center;}
#news_list .linkArea li a{max-width: 100%; margin: 10px 0 0;}	
}
#news .mainArea{}
@media screen and (max-aspect-ratio:9/10) and (min-width:415px),screen and (min-aspect-ratio:1/1) and (min-width:737px){}
@media screen and (max-aspect-ratio:9/10) and (max-width:414px),screen and (min-aspect-ratio:1/1) and (max-width:736px){}



/*-------------------------------
  #shiftlist シフト表
-------------------------------*/
#shiftlist .mainArea {
	background: url(../images/shiftlist/bg.jpg) center center no-repeat;
	background-size: cover;
}
#shiftlist .sec_link {
	background: #eceff1;
	padding: 75px 0;
}

#shiftlist .sec_link li {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#shiftlist .sec_link li+li {
	margin-left: 47px;
}
#shiftlist .sec_link li a {
	width: 200px;
	text-align: center;
}

#shiftlist .sec_link li .month {
	line-height: 1.2;
	padding: 4px 13px 0;
}

#shiftlist .sec_link li .month span {
	font-size: 90%;
}

#shiftlist .day_shift .imgCon p {
	text-align: left;
	font-weight: bold;
	color: #004ea2;
	font-size: 20px;
	margin-bottom: 10px;
}
#shiftlist .day_shift .imgCon {
	margin-bottom: 45px;
}
#shiftlist .imgCon img{
    width: 100%;
}
#shiftlist .week_shift {
	background: #e1f5fe;
}
#shiftlist .month_shift {
  padding-bottom: 0;
}

#shiftlist .moreArea {
	background: #eceff1;
	margin: 60px auto 0;
	padding: 20px 20px 60px;
	text-align: center;
}

#shiftlist .moreArea .cvBtn {
	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;
	max-width: 300px;
	height: 50px;
	margin: 30px auto 0;
	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;
}

#shiftlist .moreArea .cvBtn:hover {
    top: 4px;
    box-shadow: none;
    text-decoration: none;
}

#shiftlist .subTtl01 .ttl_w span {
	font-size: 90%;
}

/*アスペクト比が1より小さく(以下しか取れないため便宜上9/10とする)（つまり縦長）幅が414以上、
　もしくはアスペクト比が1以上（つまり横長）幅が736以上（iPhone6Plusより大きいデバイス）*/
@media screen and (max-aspect-ratio: 9/10) and (min-width: 415px),screen and (min-aspect-ratio: 1/1) and (min-width: 737px){
}

/*アスペクト比が1より小さく(以下しか取れないため便宜上9/10とする)（つまり縦長）幅が413以下、
　もしくはアスペクト比が1以上（つまり横長）幅が735以下（iPhone6Plusより小さいデバイス）*/
@media screen and (max-aspect-ratio: 9/10) and (max-width: 414px),screen and (min-aspect-ratio: 1/1) and (max-width: 736px){
	#shiftlist .mainArea {}
	#shiftlist .subArea {}

	#shiftlist .sec_link {
    padding: 40px 16px;
	}

	#shiftlist .sec_link li {
    width: 100%;
    margin-right: 0;
    margin-top: 5px;
	}
	#shiftlist .sec_link li a {
    width: 100%;
	}
	#shiftlist .sec_link li+li {
    margin-left: 0px;
	}
	#shiftlist .moreArea {
		margin: 50px auto 0;
	}
}

/*-------------------------------
  .shiftlist_2 シフト表変更
-------------------------------*/
#shiftlist.shiftlist_2 .sec01 {
	padding-bottom: 40px;
}
#shiftlist.shiftlist_2 .sec01 .subTtl01 {
	padding: 40px 0 20px 0;
}
#shiftlist.shiftlist_2 .sampleArea {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
#shiftlist.shiftlist_2 .imgCon {
	width: 450px;
	height: auto;
	margin: 0 40px 0 0;
}
#shiftlist.shiftlist_2 .sampleArea p {
	text-align: left;
	line-height: 1.75;
}
#shiftlist.shiftlist_2 .imgCon img{
    border: rgba(0,0,0,0.1) 1px solid;
    margin-bottom: 10px;
}
#shiftlist.shiftlist_2 .imgCon figcaption {
	text-align: left;
}
#shiftlist.shiftlist_2 .moreArea {
	background: #e1f5fe;
	margin: 0 auto;
	padding: 0 0 60px;
}
#shiftlist.shiftlist_2 .moreArea .subTtl01 {
	padding: 40px 0 30px 0;
}
#shiftlist.shiftlist_2 .moreArea .ttl_w {
    color: #004EA2;
	font-size: 30px;
}
#shiftlist.shiftlist_2 .moreArea .ttl_w span {
	display: inline-block;
}
#shiftlist.shiftlist_2 .moreArea .cvBtn {
	margin: 0 auto;
}
@media screen and (min-width: 767px) {
	#shiftlist.shiftlist_2 .sampleArea span {
		display: inline-block;
	}
}
/*アスペクト比が1より小さく(以下しか取れないため便宜上9/10とする)（つまり縦長）幅が413以下、
　もしくはアスペクト比が1以上（つまり横長）幅が735以下（iPhone6Plusより小さいデバイス）*/
@media screen and (max-aspect-ratio: 9/10) and (max-width: 414px),screen and (min-aspect-ratio: 1/1) and (max-width: 736px){
	#shiftlist.shiftlist_2 .moreArea {
		margin: 0 auto;
	}
	#shiftlist.shiftlist_2 .sampleArea {
		display: block
	}
	#shiftlist.shiftlist_2 .imgCon {
		width: 100%;
	}
	#shiftlist.shiftlist_2 .sec01 .subTtl01 {
		padding: 40px 0 16px 0;
	}
	#shiftlist.shiftlist_2 .imgCon figcaption {
		font-size: 14px;
	}
	#shiftlist.shiftlist_2 .sampleArea p {
		margin-top: 35px;
		font-size: 14px;
	}
	#shiftlist.shiftlist_2 .sampleArea span {
		display: inline;
	}
	#shiftlist.shiftlist_2 .moreArea {
		padding: 0 16px 60px;
	}
	#shiftlist.shiftlist_2 .moreArea .subTtl01 {
		padding: 30px 0 30px 0;
	}
	#shiftlist.shiftlist_2 .moreArea .ttl_w {
		font-size: 24px;
	}
	#shiftlist.shiftlist_2 .moreArea .cvBtn {
		max-width: 100%;
	}
}

/*-------------------------------
  #make シフト作成
-------------------------------*/
#make .mainArea {
	background: url(../images/make/bg.jpg) center center no-repeat;
	background-size: cover;
	height: 130px;
}
#make h1 {
    margin: 0.2em 0;
}
#make .sec_kibo {
	background: #e1f5fe;
	padding-bottom: 70px;
}
#make .sec_kotei .subTtl01 {
	padding-top: 0px;
}
#make .linkDivBox {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
#make .linkDivBox li img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
#make .sec_kotei li ,#make .sec_kibo li {
	position: relative;
}
#make .sec_kotei li+li ,#make .sec_kibo li+li {
	margin-left: 100px;
}
#make .listTtl {
	font-weight: bold;
	color: #004ea2;
	font-size: 20px;
	display:inline-block;
}
#make .listTtl:before {
	display: inline-block;
  margin: auto;
  content: "";
  position: relative;
  vertical-align: middle;
  right: 5px;
  top: 4px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 10px solid transparent;
  border-top: 15px solid #004EA1;
}
#make .sec_kotei {
  padding:60px 16px 80px;
}
#make .sec_kotei ul,#make .sec_kibo ul {
  padding: 30px 0 40px;
}
#make .sec_kotei li+li:before, #make .sec_kibo li+li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 40%;
  left: -60px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #004ea2;
}

/*2023.11.20 CVエリア追加*/
#make .cvArea {
	margin: 0;
}

#make .makeCv {
	background: #E1F5FE;
	padding: 50px 0 44px;
	text-align: center;
}

#make .makeCv .cvCatch {
	color: #004FA1;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 40px;
}

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

#make .makeCv .catch {
	display: inline-block;
    font-size: 16px;
    text-align: center;
    position: relative;
	margin-bottom: 5px;
}

#make .makeCv .catch::before {
    content: "＼";
    position: absolute;
    left: -24px;
}

#make .makeCv .catch::after {
    content: "／";
    position: absolute;
    right: -20px;
}

#make .makeCv .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;
}

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

#make .sec_kotei .makeCv,
#make .sec_kibo .makeCv
{
	max-width: 810px;
	margin: 0 auto;
	border-radius: 10px;
}

#make .sec_kibo .makeCv {
	background: #fff;
}

#make .sec_kotei .makeCv,
#make .sec_kibo .makeCv
{
	padding: 25px 20px 29px;
}

#make .sec_kotei .makeCv .cvCatch,
#make .sec_kibo .makeCv .cvCatch
{
	font-size: 24px;
	padding-bottom: 25px;
}

/*アスペクト比が1より小さく(以下しか取れないため便宜上9/10とする)（つまり縦長）幅が414以上、
　もしくはアスペクト比が1以上（つまり横長）幅が736以上（iPhone6Plusより大きいデバイス）*/
@media screen and (max-aspect-ratio: 9/10) and (min-width: 415px),screen and (min-aspect-ratio: 1/1) and (min-width: 737px){
	.pc_none {
		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){
	#make .makeCv .cvCatch {
		font-size: 24px;
		padding-bottom: 20px;
	}
	#make .makeCv {
		padding: 30px 16px 50px;
	}
	
	#make .makeCv .requestBtn {
		width: 100%;
	}
	
	#make .makeCv .catch {
		font-size: 13px;
	}
	
	#make .makeCv .catch::before {
		left: -20px;
	}
	
	#make .makeCv .catch::after {
		right: -16px;
	}
	
	#make .sec_kotei {
		padding: 30px 16px 50px;
	}
	
	#make .sec_kibo {
		padding-bottom: 50px;
	}
	
	#make .sec_kotei .makeCv,
	#make .sec_kibo .makeCv {
		padding: 30px 20px 34px;
	}
	
	#make .sec_kotei .makeCv .cvCatch,
	#make .sec_kibo .makeCv .cvCatch {
		font-size: 22px;
	}
}

@media screen and (max-width: 700px){
	#make .linkDivBox {
		display: block;
	}

	#make .subTtl01 > p {
    text-align: left;
	}

	#make .sec_kotei li ,#make .sec_kibo li {
		display: block;
	}

	#make .sec_kotei li+li, #make .sec_kibo li+li {
    margin-left: 0px;
		margin-top: 50px;
	}

	#make .sec_kotei li+li:before, #make .sec_kibo li+li:before {
    top: -16%;
    left: 50%;
    margin-left: -20px;
    transform: rotate(90deg);
	}

}

@media screen and (max-width: 352px){
	#make .sec_kotei .makeCv .requestBtn,
	#make .sec_kibo .makeCv .requestBtn {
		padding: 7px 13px;
		line-height: 1.2;
	}
	#make .makeCv .requestBtn span {
		display: inline-block;
	}
}

@media screen and (max-width: 312px){
	#make .makeCv.firstview .requestBtn {
		padding: 7px 13px;
		line-height: 1.2;
	}
}


/*-------------------------------
  #event イベント
-------------------------------*/

#event .mainArea .mainTtl {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#event .mainArea {
	background: url(../images/event/bg.jpg) center center no-repeat;
	background-size: cover;
	height: auto;
	padding: 20px 0;	
}

#event .sec01 {
	margin: 0 16px;
}

#event .eventForm {
	background: #fff;
    border-radius: 10px;
    padding: 0 20px 8px;
    position: absolute;
    top: 60px;
	right: 50%;
    margin: auto -480px auto auto;
    width: 430px;
    height: 640px;
	box-shadow: 0px 0px 5px 5px rgba(50,50,50,0.1);
    z-index: 99;
}

#event #basicprice:before {
	content: "";
	display: block;
	margin-top: -165px;
	height: 165px;
}

#event .mainArea .mainTtl .ttl {
	font-size: 36px;
	text-align: left;
	margin: 0;
	line-height: 1.2;
	width: calc(100% - 430px);
}

#event .mainArea .mainTtl .ttl .eventCatch {
	vertical-align: middle;
}

#event .mainArea .mainTtl .ttl .eventCatch {
	font-size: 42%;
}

#event .subTtl01 img {
	width: 100%;
	height: auto;
}

#event .subTtl01 p {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

#event .subDetail {
	margin-top: 30px;
}

#event .subDetail img {
	height: auto;
	width: 100%;
}

#event .eventInner {
	text-align: left;
}

#event .eventInner:first-of-type {
	margin-top: 80px;
}

#event .eventInner:last-of-type {
	padding-bottom: 0;
}

#event .eventInner h3 {
	color: #004EA2;
	font-size: 28px;
	border-bottom: 1px dashed #1976D2;
	padding-bottom: 15px;
}

#event .eventInner h3 small{
	display: inline-block;
	font-size: 60%;
	margin: 15px 0 -8px;
	line-height: 1.5;
	text-indent: -1em;
	padding-left: 1em;
}

#event .eventBox {
	padding-bottom: 10px;
	text-align: left;
}

#event .eventInner .eventBox:last-of-type {
	padding-bottom: 0;
}

#event .eventDetail {
	width: calc(100% - 455px);
	position: relative;
	z-index: 99;
}

#event .eventBox h4 {
	color: #004EA2;
	font-size: 22px;
	font-weight: bold;
	margin-top: 30px;
}

#event .eventDetail h4 {
	border-bottom: 1px dashed #1976D2;
	padding-bottom: 15px;
}

#event .eventInner .eventBox ul {
	margin-top: 20px;
}

#event .eventInner .eventBox ul li {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	text-indent: -1em;
	padding-left: 1em;
}
#event .eventInner .eventBox ul li:nth-of-type(n+2) {
	margin-top: 10px;
}

#event .eventInner .eventBox dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
	line-height: 1.5;
}

#event .eventInner .eventBox dt {
	flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	max-width: 25%;
	background-color: #ECEFF1;
	border: #ECEFF1 solid 2px;
	font-weight: bold;
	padding: 10px 20px;
	text-indent: -1.15em;
	padding-left: 2.3em;
}

#event .eventInner .eventBox dd {
	flex-basis: 75%;
	-ms-flex-preferred-size: 75%;
	max-width: 75%;
	border: #ECEFF1 solid 2px;
	padding: 10px 20px;
}

#event .eventInner .eventBox dt:nth-of-type(n+2),#event .eventInner .eventBox dd:nth-of-type(n+2) {
	margin-top: 5px;
}

#event .eventBox .eventText {
	margin-top: 20px;
	line-height: 1.75;
	font-size: 16px;
}

#event .eventBox .eventText .emphasis {
	font-weight: bold;
}

#event .eventBox .eventText small {
	display: block;
	font-size: 16px;
}

#event .eventInner .eventBox .googlemap {
	margin-top: 25px;
}

#event .sec02 {
	background-color: #E1F5FE;
}

#event .sec02 .secInner {
	background-color: #fff;
	max-width: 960px;
	padding: 30px 60px;
	position: relative;
}

#event .sec02 .secInner iframe {
	max-width: 960px;
	/*max-height: 1900px;*/
}

#event .eventCv {
	margin: 50px 0 60px;
}

#event .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;
	text-align: center;
}

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

#event .caseSec {
	background-color: #EBEFF2;
	padding: 50px 0 60px;
}

#event .caseSec .linkBtn {
	text-align: center;
}

#event .pc_il {
	display: block;
}

#event .il_bl {
	display: inline-block;
}

@media screen and (max-width: 1000px) {
	#event .subDetail {
		width: 100%;
	}
	
	#event .pc_il {
		display: inline;
	}
	
	#event .eventForm {
		right: 16px;
		margin-right: 0;
	}
	
	#event .mainArea .mainTtl .ttl {
		padding-left: 16px;
		margin: 0;
	}
	
	#event .mainArea .mainTtl .ttl .eventCatch {
		line-height: 1.5;
		display: inline-block;
	}
	
	#event .eventBox {
		padding: 0;
	}
	
}

@media screen and (max-width: 750px) {
	#event .mainArea .mainTtl .ttl {
		text-align: center;
		width: 100%;
		font-size: 30px;
		padding-left: 0;
	}
	
	#event .mainArea .mainTtl .ttl .eventCatch {
		font-size: 50%;
		font-weight: normal;
	}
	
	#event .eventDetail {
		width: 100%;
	}
	
	#event .eventInner:first-of-type {
		margin-top: 30px;
	}
	
	#event .eventForm {
		position: static;
		margin: -116px 0 0;
		padding: 156px 0 0;
		width: 100%;
		height: auto;
		box-shadow: none;
		z-index: -1;
	}
}


@media screen and (max-aspect-ratio: 9/10) and (max-width: 414px),screen and (min-aspect-ratio: 1/1) and (max-width: 736px){
	#event .subTtl01 p {
		font-size: 15px;
	}
	
	#event .eventInner,#event .eventInner .eventBox {
		padding-left: 0;
		padding-right: 0;
	}
	
	#event .eventInner .eventBox {
		padding-bottom: 0;
	}
	
	#event .eventInner h3 {
		font-size: 24px;
		text-align: center;
	}
	
	#event .eventDetail h4 {
		font-size: 24px;
		text-align: center;
	}
	
	#event .eventInner .eventBox h4 {
		font-size: 20px;
		text-align: center;
		line-height: 1.2;
	}
	#event .eventInner .eventBox ul {
		margin-top: 20px;
	}
	#event .eventInner .eventBox ul li {
		line-height: 1.5;
	}
	#event .eventInner .eventBox ul li:nth-of-type(n+2) {
		margin-top: 10px;
	}
	#event .sec02 .secInner {
		padding: 24px 8px 8px;
	}
	#event .eventInner .eventBox dl dt,#event .eventInner .eventBox dl {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#event .eventInner .eventBox dl dt,#event .eventInner .eventBox dl dd {
		padding: 10px 15px;
		line-height: 1.5;
		text-indent: 0;
		flex-basis: auto;
		max-width: 100%;
	}
	#event .eventInner .eventBox dt:nth-of-type(n+2), #event .eventInner .eventBox dd:nth-of-type(n+2) {
		margin-top: 0;
	}
	#event .eventInner .eventBox dd {
		font-size: 15px;
	}
	#event .eventInner .eventBox .eventText small,#event .eventInner .eventBox .eventText .streetAddress {
		font-size: 15px;
		display: block;
		line-height: 1.5;
		margin-top: 5px;
	}
	#event .suportTelArea .secInner {
		text-align: center;
	}
	#event .eventInner .eventBox .googlemap {
		margin-top: 15px;
	}
	#event .eventInner h3 small {
		text-align: left;
		font-size: 65%;
	}
	#event .requestBtn {
		width: 100%;
	}
	#event .eventForm {
		margin: -56px 0 0;
		padding: 96px 0 0;
	}
	#event .caseSec {
		padding: 50px 16px 60px;
	}
}