/********************************************************************
default
********************************************************************/
*{
	box-sizing:border-box;
}

html{
	font-size:62.5%;
}

body{
	font-size:1.6rem;
}

i{
	font-style:normal;
}

.mr{
	margin:0 0.5em 0 0;
}

.ml{
	margin:0 0 0 0.5em;
}

.defStr{
	font-size:1.4rem;
	font-weight:400;
}

.defText{
	font-weight:200;
	line-height:184%;
	margin:1em 0;
}

.defLink{
	color:#0051cc;
	text-decoration:underline;
}

.boxLinkBlock{
	text-align:center;
	margin:1em 0 0 0;
}

.boxLinkBlockR{
	text-align:right;
	margin:1em 0 0 0;
}

.boxLinkBlockL{
	text-align:left;
	margin:1em 0 0 0;
}

.boxLink{
	display: inline-block;

	color:#eee;
	font-size:1.4rem;
	background:rgba(0,0,0,0.3);
	border:1px solid rgba(255,255,255,0.3);

	position: relative;
	padding: 0.5em 2em;
	vertical-align: middle;
	line-height: 100%;
}

.boxLink:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	height: 98%;
	border-top: 1px solid #333;
	border-left: 1px solid #333;

	transform-origin:top left;
	transform:scale(0);

	transition:all linear 0.2s;
}

.boxLink:after{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width: 99%;
	height: 96%;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;

	transform-origin:bottom right;
	transform:scale(0);

	transition:all linear 0.2s;
}

.boxLink:hover{
	color:#333;
	background:#fafafa;
	border:1px solid transparent;
}

.boxLink:hover::before,
.boxLink:hover::after{
	transform:scale(1);
}

.sectionTitle{
	text-align:center;
	padding:4em 0;
}

.sectionTitle.lowpad{
	padding:4em 0 0 0;
}

.sectionTitle.nopad{
	padding:0;
}

.sectionTitle h3{
	font-size:4rem;
	font-weight:200;
	letter-spacing:0.05em;
}

.sectionTitle h3 br{
	display:none;
}

.sectionTitle p{
	font-size:1.8rem;
	font-weight:200;
}

.sectionTitle.small{
	text-align:left;
	padding:0;
}

.sectionTitle.small h3{
	font-size:2rem;
	font-weight:400;
}



/********************************************************************
wrapper
********************************************************************/
.wrap{
	min-width:1100px;
	margin:0 auto;
}



/********************************************************************
header
********************************************************************/
.headerBox{
	width:100%;
	position:absolute;
	top:0;
	z-index:50;
	background:rgba(0,0,0,0.2);

/*
	transition:all linear 0.3s;
*/
}

.siteTitle{
    padding: 0.25em 0 0.5em 0;
}

.siteTitle h1{
	color:#fff;
	font-size: 1.2rem;
	font-weight: 500;
}

.headerBox.subp .siteTitle h1{
	color:#444;
}

h1 br{
	display:none;
}

.headerWrapper{
	padding:0.5em 0;
	margin:0 5%;
	position:relative;
}

.head{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;

	justify-content:space-between;
}

.mainNavWrapper{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;

	justify-content:flex-end;
}

.mainNavWrapper nav{
	padding:0 1em 0 0;
}

.headInquiry{
	text-align:right;
}

.headInquiry a{
    display: inline-block;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    padding: 0.25em 1em;

    background:#fabf0e;

    border-radius: 5px;
}

.headInquiry a span{
	font-size: 2.6rem;
	font-weight: 600;
	margin: 0 0.25em 0 0;
}

.headerBox nav ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
}

.headerBox nav ul li{
	position:relative;
	margin:0 1em 0 0;
}

.headerBox nav ul li:last-child{
	margin:0;
}

.headerBox nav ul li > ul li:first-child{
	margin:0;
}

.headerBox nav ul li a{
	display:inline-block;
	color:#fff;
	font-size:1.6rem;

	border-bottom:1px solid transparent;

	text-decoration:none;
	line-height:100%;
	padding:0.5em;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	position:relative;
}

.headerBox.fixNav{
	position:fixed;
	background:rgba(255,255,255,1);
	border-bottom:1px solid #a0be90;
}

.headerBox.fixNav .headerWrapper{
	background:#fff;
}

.headerBox.fixNav .head{
	justify-content:center;
}

.headerBox.fixNav .siteTitle{
	display:none;
}

.headerBox.fixNav .logo{
	max-width:70%;
	margin:0 1em 0 0;
}

.headerBox.fixNav .mainNavWrapper{
	justify-content:center;
}

.headerBox.fixNav nav ul li a{
	color:#333;
}

.headerBox.fixNav .fixInquiry{
	display:none;
}



.headSubNav{
	width:40%;

	position:absolute;
	top:0;
	right:0;
	z-index:10;
}

.headSubNav:hover{
	z-index:12;
}

.headerBox.fixNav .headSubNav{
	bottom:-90px;
	top:auto;
	z-index:-1;
}

.headSubNavInner{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:flex-start;
	justify-content:flex-end;

	max-height:42px;
}

.headerBox.fixNav .headSubNavInner{
	max-height:100%;
}

.headSubNav a{
	width:30%;

	font-size:1.6rem;
	font-weight:400;
	text-align:center;
	border-radius:0 0 5px 5px;

	margin:0 0.5em;

	transform:translateY(-55px);

	position:relative;
}

.headSubNav a:first-child{
	margin:0 0.5em 0 0;
}

.headSubNav a:last-child{
	margin:0 0 0 0.5em;
}

.headSubNav p{
    border-bottom: 1px solid #fff;
	font-size:1.2rem;
    padding: 0.5em;
}

.headSubNav .txBox{
	display:block;
	padding:0.35em 0;
	border-radius:0 0 5px 5px;
	position:relative;
	z-index:1;
}

.headSubNav a:hover{
	opacity:1;

	transform:translateY(-4px);
}

.snMox .txBox{
	background:#01CB7A;
}

.snMox{
	color:#fff;
	background:#01CB7A;
}

.snMos .txBox{
	background:#e62074;
}

.snMos{
	color:#fff;
	background:#e62074;
}

.snInq .txBox{
	background:#1ab5ff;
}

.snInq{
	color:#fff;
	background:#018FD3;
}



/********************************************************************
home - first view fv
********************************************************************/
.fvs{
	position:relative;
}

.fvsInner{
	text-align:center;
	padding:14em 0;

	position:relative;
	overflow:hidden;
}

.fvsInner:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	z-index:-1;

	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;

	background:url("./images/bg/sample_m.png") no-repeat bottom center;
	background-size:cover;
}

.mosCopy{
	opacity:0;

	transition: all ease 0.5s;
}

.mosCopy.disp{
	opacity:1;
}

.mosCopy p{
	color: #fff;
	background: rgba(88, 44, 33, 0.6);
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.fvCopy{
	margin:2em 0 ;
}

.fvCopy h2{
	color:#fff;
	font-size:4rem;
	font-weight:200;
	letter-spacing:0.05em;
	line-height:160%;
}

.fvCopy h2 span{
    color: #c5f3ad;
    font-weight: 400;
}

.fvLink .boxLink{
    font-size: 1.8rem;
    padding: 0.85em 3em;
}

.fvLink .boxLink br{
	display:none;
}

.deviceWrap{
    display:block;
    position: absolute;
	bottom:-70%;
    right: -3%;
    max-width:25%;
	min-width:304px;

	transition:all linear 0.5s;
}

.deviceWrap.disp{
    bottom: -10%;
}

.ppWrap{
    position: absolute;
    box-shadow: 3px 1px 6px 3px rgba(0,0,0,0.2);
}

.ppWrap.up{
	top:-80%;
	left:-80%;
    max-width: 25%;
    min-width:330px;
    transform: rotate(135deg);
    z-index: 2;

  -webkit-transition: all 600ms cubic-bezier(.17,.89,.31,1);
  transition:         all 600ms cubic-bezier(.17,.89,.31,1);
}

.ppWrap.down{
    bottom: -100%;
    left: -120px;
    max-width: 25%;
    min-width:300px;
    transform: rotate(15deg);
    z-index: 1;

	transition: all 0.5s ease;
}

.ppWrap.downs{
    bottom: -120%;
    left: 32px;
    max-width: 27%;
	min-width:360px;
    transform: rotate(-32deg);
    z-index: 0;

	transition: all ease 1s;
}

.ppWrap.up.disp{
    top: -160px;
    left: -100px;
}

.ppWrap.down.disp{
    bottom: -45px;
}

.ppWrap.downs.disp{
    bottom: -360px;
}

.ppWraps{
	bottom: -45px;
	left: -120px;
	max-width: 25%;
	min-width: 300px;
	transform: rotate(32deg);
	z-index: 0;

	position: absolute;
	box-shadow: 3px 1px 6px 3px rgba(0,0,0,0.2);
}

.mainArrow{
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 35%;
	width:100%;
}

.mainArrow svg{
	fill: transparent;

	width: 100%;
	height: 100%;
	max-width: 100%;

	transition:all ease 0.5s;
}

.mainArrow.disp svg{
	fill:#fff;
}

.faxBox{
	position:absolute;
	bottom:22%;
	left:22%;
	max-width:20%;
	z-index:0;
}

.faxBoxInner{
	position:relative;
}

.faxCircle{
	transition:all ease 0.5s;
	opacity:0;
}

.faxText{
	position:absolute;
	top:14%;
	left:24%;

	transition:all ease 0.5s;
	opacity:0;
}

.faxCircle.disp{
	opacity:0.5;
}

.faxText.disp{
	opacity:0.6;
}

.upLogo{
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
	opacity:0;

	transition:all ease 3s;
}

.upLogo.disp{
	opacity:1;
	bottom:-184px;
}



/********************************************************************
home - xxxxxxxx
********************************************************************/
.inCase{
	margin:8em 0 0 0;
	overflow:hidden;
}

.inCaseInner{

}

.slidesInner{
	position:relative;
	padding:6em 0 0 0;
}

.slidesInner.lowpad{
	padding:4em 0 0 0;
}

.slidesInner.middle{
	margin:-6em 0;
}

.slidesInner hgroup{
	position: absolute;
	z-index:3;
	top: 8%;
	left: -2%;
	text-align: left;
	padding: 1em 3em 1em 8em;
}

.slidesInner hgroup:before{
	content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left:0;
	background:rgba(240, 126, 102, 0.8);
    z-index: 1;
    border-radius: 0 8px 8px 0;
}

.slidesInner hgroup:after{
	content: "";
    width: 100%;
    height: 60%;
    display: block;
    position: absolute;
    top: 55%;
    left: -5%;
    background: rgba(240, 126, 102, 0.4);
    z-index: 0;
    border-radius: 0 8px 8px 0;
}

.slidesInner.middle hgroup{
    right: -2%;
    left: auto;
    padding: 1em 8em 1em 3em;
}

.slidesInner.middle hgroup:before{
	background: rgba(247, 192, 29, 0.8);
    border-radius:8px 0 0 8px;
}

.slidesInner.middle hgroup:after{
    right: -5%;
    left:auto;
    background: rgba(250, 201, 56, 0.4);
    border-radius: 8px 0 0 8px;
}

.slidesInner.last hgroup:before{
	background: rgba(160, 190, 144, 0.8);
}

.slidesInner.last hgroup:after{
    background: rgba(160, 190, 144, 0.4);
}

.slidesInner hgroup h2{
	color:#fff;
	font-size: 3.2rem;
	font-weight: 400;
	position:relative;
	z-index:2;
	text-shadow:0px 0px 1px rgba(0,0,0,0.2);
}

.slidesInner hgroup h3{
	color:#fff;
	font-size: 1.8rem;
	font-weight: 200;
	position:relative;
	z-index:2;
	text-shadow:0px 0px 1px rgba(0,0,0,0.2);
}

.incDoPos{
	position:relative;
}

.incDoUp{
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-width: 128px 100vw 0 0;
    border-color: #fff transparent transparent transparent;
}

.incDoDown{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 128px 100vw;
    border-color: transparent transparent #fff8e0 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.incDoWrap{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
}

.incDoBox{
	width:50%;

	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;

	position:relative;
}

.incDoBox.order:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	z-index:-1;

	position:absolute;
	top:0;
	left:0;

	background:url("./images/bg/incase_do_order.png") no-repeat bottom center;
	background-size:cover;
}

.incDoBox.manage:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	z-index:-1;

	position:absolute;
	top:0;
	left:0;

	background:url("./images/bg/incase_do_manage.png") no-repeat bottom center;
	background-size:cover;
}

.incDoInner{
	width:100%;

	position:relative;
	z-index:1;

	padding:20em 0;
}

.incDoCmt{
	position:absolute;
	z-index:2;
}

.incDoBox.order .incDoCmt{
	width:64%;

	top:168px;
	right:20px;

	padding:1em 2em;
	background:rgba(255,255,255,0.8);
	border-radius:5px;
}

.incDoBox.manage .incDoCmt{
    width: 72%;

    top: 168px;
    left: 0;
    right: 0;
    margin: auto;

	padding:1em 2em;
	background:rgba(255,255,255,0.8);
	border-radius:5px;
}

.incDoCmt h3{
    font-size: 2.4rem;
    font-weight: 500;
}

.incDoCmt p{
    font-size: 1.8rem;
    font-weight: 200;
    margin:0.5em 0 0 0;
}

.incDoDevice{
	position:absolute;
	bottom:0;
}

.incDoBox.order .incDoDevice{
	width:40%;
	max-width:320px;
	left:5%;
}

.incDoBox.manage .incDoDevice{
	width:80%;

	max-width:520px;

	left:0;
	right:0;
	margin:auto;
}

.flowCursor{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -80px;
    margin: auto;
    height: 25%;

	-webkit-animation: cursorBlinkX 2s infinite;
	animation: cursorBlinkX 2s infinite;
}

.flowCursor i{
	color:#fabf0e;
	font-size:16rem;
}

.incTypeWrap{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
	padding:6em 3em 6em 30%;

	position:relative;
    background: #fff8e0 url(./images/device/main_pad.png) no-repeat;
    background-size: contain;
    background-position: -5% center;
}

.incTypeWrap:after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
}

.incTypeBox{
    width: 33.3%;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}

.incTypeIn{
    width: 100%;
    margin: 1em;
	border-radius:8px 8px 0 0;
}

.incTypeIcon{
	padding:1em;
	background:#fff;
	border-radius:8px 8px 0 0;
	text-align:center;
	position:relative;
}

.bubble{
    position: absolute;
    top: -24px;
    right: -24px;
    font-size: 1.2rem;
    line-height: 128%;
    display: inline-block;
    border-radius: 50%;
    padding: 17px 16px;
    background: #eee;
    vertical-align: middle;
    font-weight: 400;
    border:5px solid #fff;
}

.bubble.famous{
	color:#fff;
	background:#ff4242;
}

.bubble.safe{
	color:#fff;
	background:#6ca559;
}

.bubble.favs{
	color:#fff;
	background:#f90;
}

.incTypeDesc{
	background:#ffce2f;
	padding:1em;
}

.incTypeDesc h3{
	font-size:2rem;
	font-weight:400;
}

.incTypeDesc p{
	font-size:1.4rem;
	font-weight:200;
}

@-webkit-keyframes cursorBlinkX {
	0% {
		-webkit-transform: translate(0, 0);
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(10px, 0);
		opacity: 0;
	}
}
@keyframes cursorBlinkX {
	0% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(10px, 0);
		        transform: translate(10px, 0);
		opacity: 0;
	}
}

.ring{
    position: absolute;
    z-index: 0;
    border-radius: 100px;
    height: 70px;
    width: 70px;
    animation: pulsate 2s ease-out;
    animation-iteration-count: infinite;
}

.ring.order{
    background: rgba(25, 128, 255, 0.6);
    bottom: 55%;
    right: 52%;
}

.ring.manage{
    background: rgba(255, 25, 67, 0.6);
	bottom:25%;
	left:22%;
}

@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-webkit-transform: scale3d(1, 1, 1); opacity: 0.0;}
}

@-moz-keyframes pulsate {
	0% {-moz-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-moz-transform: scale3d(1, 1, 1); opacity: 0.0;}
}

@-o-keyframes pulsate {
	0% {-o-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-o-transform: scale3d(1, 1, 1); opacity: 0.0;}
}

@-ms-keyframes pulsate {
	0% {-ms-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-ms-transform: scale3d(1, 1, 1); opacity: 0.0;}
}



/********************************************************************
home - main
********************************************************************/
.homeMain{
	overflow:hidden;
}

.homeMainInner{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;

	min-width:1048px;
	margin:0 auto;
}

.mainCopy{
	width:50%;

	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:center;

	position:relative;
	overflow:hidden;
}

.mainCopy:after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:url("./images/bg/sample.png") no-repeat center center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:-1;
}

.mainCopyInner{
	width:100%;

	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;

	position:relative;
}

.mainCopyBox{
	width:60%;
	margin:2em auto;
	text-align:center;
	padding:3em 0;
	background:rgba(255,255,255,0.5);
	position:relative;
	z-index:1;
}

.mcbGrp{
	margin:1em 0;
}

.mcbGrp h2{
	font-size:2rem;
	font-weight:300;
}

.mainPoint{
	width:50%;

	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:center;

	position:relative;
	overflow:hidden;
}

.mainPointInner{
	width:100%;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items:stretch;
	justify-content: center;

	position:relative;
	z-index:5;
}

.mainPointBox{
	width:50%;
	padding:1em;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

.mainPointBox:hover{
	opacity:1;
}

.homeMainInner.open{
	position:relative;
	overflow:hidden;
}

.homeMainInner.open .outBg.disp{
	opacity:0;
}

.homeMainInner.open .mainPoint{
	overflow:visible;
	position:static;
}

.homeMainInner.open .mainPointInner{
	position:static;
}

.mainPointBoxInner{
	transition:all linear 0.3s;

    left: -100vw;
}

.mainPointBoxInner.disp{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    background:rgba(0,0,0,0.4);
	cursor:default;
	overflow:hidden;
}

.mainPointBoxInner.disp.pcustomback{
	background:rgba(249, 134, 198, 0.6);
}

.mainPointBoxInner.disp.plowcostback{
	background:rgba(239, 158, 59, 0.6);
}

.mainPointBoxInner.disp.ptrialback{
	background:rgba(59, 131, 239, 0.6);
}

.mainPointBoxInner.disp.psceneback{
	background:rgba(59, 239, 114, 0.6);
}

.mainPointBoxInner.disp .boxLinkBlock{
	visibility:hidden;
	opacity:0;
}

.close{
	display:none;
	position: relative;
	padding: 1em;
	border: 1px solid #fff;
	border-radius: 50%;
	cursor:pointer;

	transition:all linear 0.1s;
}

.close:before{
	content: "";
	width: 60%;
	height: 1px;
	background: #fff;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;

	transition:all linear 0.1s;
}

.close:after{
	content: "";
	width: 60%;
	height: 1px;
	background: #fff;
	transform: rotate(-45deg);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;

	transition:all linear 0.1s;
}

.mainPointBoxInner.disp .close{
	display:inline-block;
}

.close:hover{
	border:1px solid transparent;
}

.close:hover::before,
.close:hover::after{
	transform:rotate(0);
}

.mainPointBox:nth-child(1),
.mainPointBox:nth-child(4){
	background:rgba(0,0,0,0.4);
}

.mainPointBox:nth-child(2),
.mainPointBox:nth-child(3){
	background:rgba(255,255,255,0.6);
}

.mpbBox{
	padding:2em;
}

.defDisp h3{
	font-size:2rem;
	font-weight:400;
	line-height:144%;
}

.defDisp p{
	font-size:1.4rem;
	font-weight:300;
}

.defDisp .white{
	color:#fff;
}

.mpbIcon{
	text-align:center;
	margin:0 0 0.5em 0;
}

.onDisp{
	display:none;
	transform:translateX(-100vw);
	transition:all linear 0.3s;
}

.onDisp .mpbIcon{
	opacity:0;
}

.onDisp h3{
	color: #fff;
	font-size: 2.7rem;
	font-weight: 200;
}

.onDisp p{
	color: #fff;
	font-size: 1.8rem;
	font-weight: 100;
	margin: 0;
}

.mainPointBoxInner.disp .defDisp{
	display:none;
}

.mainPointBoxInner.disp .onDisp{
	display:block;
	transform:translateX(0);
}

.mainPointBoxInner .onDisp .mpbIcon{
	opacity:0;
	transition:all linear 10s -10s;
}
.mainPointBoxInner.disp .onDisp .mpbIcon{
	opacity:1;
}

.outBg{
	display:block;
	content:"";
	z-index:2;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;

	-webkit-transition:all ease 0.5s;

	-o-transition:all ease 0.5s;

	transition:all ease 0.5s;
}

.outBg.bgScene-1{
	background:url("./images/bg/sample2.png") no-repeat;
	background-size:cover;
	opacity:0;
}

.outBg.bgScene-2{
	background:url("./images/bg/sample3.png") no-repeat;
	background-size:cover;
	position:absolute;
	z-index:3;
	opacity:0;
}

.outBg.bgScene-3{
	background:url("./images/bg/sample4.png") no-repeat;
	background-size:cover;
	position:absolute;
	width:100%;
	z-index:4;
	opacity:0;
}

.outBg.bgScene-1.disp{
	opacity:1;
	background-position:center bottom;
}

.outBg.bgScene-2.disp{
	opacity:1;
	background-position:left top;
}

.outBg.bgScene-3.disp{
	opacity:1;
	background-position:right center;
}

.pointBg{
	display:block;
	content:"";
	z-index:3;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity:0;

	-webkit-transition:all ease 0.5s;

	-o-transition:all ease 0.5s;

	transition:all ease 0.5s;
}

.pointBg.pcustom{
	background:url("./images/bg/sample_p.png") no-repeat;
	background-size:cover;
	opacity:1;
}

.pointBg.plowcost{
	background:url("./images/bg/sample_p.png") no-repeat;
	background-size:cover;
	opacity:1;
}

.pointBg.ptrial{
	background:url("./images/bg/sample_p.png") no-repeat;
	background-size:cover;
	opacity:1;
}

.pointBg.pscene{
	background:url("./images/bg/sample_p.png") no-repeat;
	background-size:cover;
	opacity:1;
}



/********************************************************************
home - plans
********************************************************************/
.plans{
	background:#d1e2c8;
	overflow:hidden;
}

.plansInner{
	position:relative;
	padding:6em 3em 3em 3em;
}

.slidesInner.last .plansInner{
	padding:8em 3em 3em 3em;
}

.plansUp{
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-width:0 100vw 128px 0;
    border-color: transparent #fff8e0 transparent transparent;
}

.plansDown{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 128px 0 0 100vw;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.mosl .planBgSp{
    position: absolute;
    bottom: -4%;
    left: -58%;
    z-index: 1;
    width: 60%;
    max-width: 288px;
}

.mos .planBgSp{
    position: absolute;
    bottom: -4%;
    right: -58%;
    z-index: 1;
    width: 60%;
    max-width: 288px;
}

.planBgSp p{
    color: #cc3333;
    font-size: 1rem;
    font-weight: 400;
}

.planList{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;

	position:relative;
	z-index:2;
}

.plan{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
	justify-content:center;

	width:30%;
	min-width:400px;

	margin:0 2%;
}

.planInner{
	width:100%;
	margin:0 2em;

	background:rgba(255,255,255,0.98);
	box-shadow:0 0 20px rgba(0,0,0,0.15);
	border-radius:8px 8px 0 0;

	position:relative;
}

.mosl .planInner{
	border-bottom:8px solid #84c0fe;
}

.mos .planInner{
	border-bottom:8px solid #e62074;
}

.pHead{
	border-radius:8px 8px 0 0;
	padding:1em;
	text-align:center;
	background:#fafafa;
	position:relative;
}

.pCopy{
	position: absolute;
	top: -24px;
	right: -24px;
	background: #e62074;
	color: #fff;
	font-size: 1.6rem;
	line-height: 144%;
	border-radius: 50%;
    padding: 14px 24px;
}

.mosl .pCopy{
	background: #66b1ff;
}

.pHead h2{
	font-size: 3rem;
    letter-spacing: 0.05em;
	font-family:arial;
	font-weight:bold;
}

.pPrice{
	margin:0.5em 0;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;

	min-height:120px;
}

.pbox{
	display:block;
	width:100%;
	font-size: 3rem;
	font-weight: 500;
	align-self: center;
}

.mtx{
	font-size:1.4rem;
	margin:0 1em 0 0;
}

.yen{
	font-size:4rem;
}

.pnum{
	font-size:6rem;
	line-height:100%;
}

.pPrice p{
	color:#999;
	font-size:1.4rem;
	font-weight:300;
	text-align:left;

	width:calc(100% - 16px);
	margin:0 auto;
}

.pDescs{
	padding:1em;
}

.intro{
    color: #666;
    font-weight: 200;

	padding:0 0 1em 0;
	margin:0 0 1em 0;
    min-height: 72px;

	width:calc(100% - 56px);
	margin:0 auto;
}

.pps{
	margin:0.5em 0;
}

.pps dt{
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	background: #fafafa;
	padding: 0.35em;
	border-radius: 8px;
}

.pps dd{
	padding: 0.35em;
}

.pps dd p{
	font-size:1.4rem;
	font-weight:300;
}

.funcList{
	margin:1em 0 0 0;
}

.funcList ul li{
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border-bottom:1px dashed #999;
}

.funcList ul li.notin,
.funcList ul li.notin i{
	color:#eee;
}

.funcList ul li i{
	color:#e62074;
}

.funcList ul li:last-child{
	margin:0;
	padding:0;
	border-bottom:none;
}

.plan .boxLink{
	display:block;
	font-size:1.8rem;
}

.plan .boxLink.entry{
	background:rgba(102, 177, 255, 0.8);
}

.plan .boxLink.entry:hover{
	background:rgba(255,255,255,0.4);
}

.funcs .sectionTitle p br{
	display:none;
}



/********************************************************************
home - manual
********************************************************************/
.manualOut{
	margin:0 0 3em 0;
}

.mlWrap{
	max-width:1024px;
	margin:0 auto;
}

.manualList{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.manualBox{
    width: 23%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
	background:#fafafa;
	border:1px solid #eee;
    margin: 1em 0;
    border-radius: 8px;
}

.mIcon{
    width: 100%;
    text-align:center;
    padding:1em;
    background:#fff;
	border-radius:8px 8px 0 0;
}

.mIcons{
	display:inline-block;
}

.mbDesc{
    width: 100%;
    padding:1em;
    position:relative;
}

.mbDesc strong{
    display: block;
    font-size: 128%;
    font-weight: 400;
}

.mbDesc p{
    font-size: 100%;
    font-weight: 200;
}

.mbCursor{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    height: 24px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mbCursor i{
	color:#999;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 160%;
}



/********************************************************************
guide detail
********************************************************************/
.mDetailOut{
	max-width:1024px;
	margin:0 auto;
	position:relative;
}

.mDetailInner{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items:stretch;
	justify-content: center;
}

.manualMain{
	width:70%;
}

.manualGuide{
	width:30%;
	position:relative;
	padding:0 0 0 2em;
}

.mgCat{
	display:block;
	color:#fff;
	font-size:104%;
	font-weight:400;

	border-top:none;
	padding:0.25em 0.5em;

	background:#a0be90;

	cursor:pointer;

	position:relative;
}

.mgCat:before{
    content: "";
    width: 22px;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    background: #fff;
}

.mgCat:after{
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    background: #fff;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;

	-webkit-transition:all linear 0.25s;

	-o-transition:all linear 0.25s;

	transition:all linear 0.25s;
}

.mgCat.disp:after{
	-webkit-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	        transform:rotate(180deg);
}

.mgCat i{
	display:inline-block;
	max-width:32px;
}

.mgNav{
	border:1px solid #eee;
}

.mgNav > li{
	border-bottom:1px solid #8ca77e;
}

.mgNav > li:last-child{
	border-bottom:none;
}

.mgNav li ul{
	display:none;
	background:#fafafa;
}

.mgNav li ul.defOpen{
	display:block;
}

.mgNav a{
    display: block;
    border-top: 1px dotted #ccc;
    padding: 0.25em 0.25em 0.25em 1em;

	font-size:96%;
	font-weight:300;
}

.mgNav li ul li:first-child a{
	border-top:none;
}

.mflowBox{
	margin:0 auto 2em auto;
	padding:0 0 1em 0;
	border-bottom:2px dashed #eee;
}

.mflowBox:last-child{
	border-bottom:none;
	padding:0;
}

.mflowTitle{
	margin:1em 0;
}

.mflowTitle h3{
	font-size:160%;
	font-weight:400;
}

.mfText{
	margin:1em 0;
}

.mft{
	font-weight:200;
}

.mfText.r .mft{
	color:#cc3333;
	font-weight:400;
}

.mfText .manualAttr{
	margin:0.5em 0;
}

.mfText .manualAttr p{
	color:#999;
	font-size:88%;
	font-weight:400;
}

.mfImg img{
	border:1px solid #eee;
}

.imgGuide{
	display: block;
	font-size: 1.2rem;
	color: #cc3333;
}

.mfTable{
	margin:3em 0;
}

.mfTable table{
	width:100%;
}

.mfTable th{
	font-size:120%;
	font-weight:400;
	text-align:center;

	border:1px solid #ccc;
	background:#eee;

	padding:0.25em;
}

.mfTable th.w10{
	width:10%;
}

.mfTable th.w20{
	width:20%;
}

.mfTable th.w30{
	width:30%;
}

.mfTable td{
	border:1px solid #ccc;
	padding:0.25em;
}

.mfTable td.mNums{
	text-align:center;
	vertical-align:middle;
}

.mfTable td.title{
	vertical-align:middle;
	text-ailgn:center;
}

.mfTable .mtbAttr{
	color:#999;
	font-size:88%;
	font-weight:400;
}

.mflowBoxSec{
	width:90%;
	margin:0 auto 0 0;

	background:#eee;
	border-radius:1em;
	padding:0.25em 1em 0.25em 3em;

	position:relative;
}

.mflowBoxSec:after{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: #a0be90;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mflowBoxSec strong{
	color:#708c62;
	font-weight:400;
}

.spGuideNav{
	display:none;
}

.manualGuide .closeDig{
	display:none;
}



/********************************************************************
home - faq
********************************************************************/
.faqsInner{
	padding:0 0 4em 0;
}

.faqNav{
	padding: 1em 0;
	background:#66b1ff;
}

.faqNav ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;

	max-width:1024px;
	margin:0 auto;
}

.faqNav ul li{
	width:20%;
}

.faqNav ul li a{
	display:block;
	text-align:center;
	color:#fff;
}

.faqBox{
	margin:2em auto;
	max-width:1024px;
}

.faqTitle{
	margin:0 0 0.5em 0;
}

.faqTitle strong{
	color:#a0be90;
	font-size:2rem;
	font-weight:400;
}

.faqDesc{
	border-left:1px solid #f9f9f9;
	border-right:1px solid #f9f9f9;
}

.questionBox{
	border-bottom:1px solid #f9f9f9;
}

.questionBox:first-child{
	border-top:1px solid #f9f9f9;
}

.question{
	font-size:1.6rem;
	font-weight:500;

	position:relative;

	cursor:pointer;

	padding:1em 3em;
}

.question i{
    position: absolute;
    top: 0;
    left: 12px;
    bottom: 0;
    margin: auto;
    height: 50%;
}

.question:before{
    content: "";
    width: 28px;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    background: #e62074;
}

.question:after{
    content: "";
    width: 24px;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    background: #e62074;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;

	-webkit-transition:all linear 0.25s;

	-o-transition:all linear 0.25s;

	transition:all linear 0.25s;
}

.question.disp:after{
	-webkit-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	        transform:rotate(180deg);
}

.answer{
	height:0;
	overflow:hidden;
	background:#fafafa;
    border-top: 1px solid transparent;

	-webkit-transition:all ease 0.25s;

	-o-transition:all ease 0.25s;

	transition:all ease 0.25s;
}

.ansInner{
	padding:0 3em;
	font-size:1.6rem;
    font-weight: 200;
    line-height: 200%;
}

.question.disp + .answer{
    height: auto;
    padding: 1em 0;
    border-top: 1px solid #eee;
}

.otherFaq{
	text-align:center;
}

.otherFaq .boxLink{
	font-size:1.8rem;
	padding:0.8em 3em;
}



/********************************************************************
home - entry / form
********************************************************************/
.entrys{
	background:#fafafa;
}

.entrysInner{
	padding:0 0 4em 0;
}

.entryForm .formBox{
	width:50%;
	margin:0 auto;
}

.formBox.ecb{
	margin:1em auto 2em auto;
	text-align:center;
}

.formBox label{
	display:block;
	margin:0.25em 0;
	font-weight:500;
}

.formBox label span.req{
	display: inline-block;
	color:#fff;
	background: #e62074;
	line-height: 100%;
	padding: 0.2em 0.5em;
	font-size: 80%;
	font-weight: 300;
	margin: 0 0 0 1em;
	border-radius: 3px;
}

.formBox select{
	display: block;
	width: 100%;
	color: #444;
	font-size:108%;
	line-height: 1.5;

	padding:0.35em 0.5em;

	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .25rem;
}

.formBox input,
.formBox textarea{
	display: block;
	width: 100%;
	color: #444;
	font-size:108%;
	line-height: 1.5;

	padding:0.35em 0.5em;

	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .25rem;
}

.formBox input::-webkit-input-placeholder,
.formBox textarea::-webkit-input-placeholder{
	color:#ccc;
	font-weight:100;
}

.formBox .error{
    font-size: 80%;
    display: inline-block;
    color: #e62074;
    padding: 0 0 0 2em;
    position: relative;
    border: 1px solid #e62074;
    margin: 1em 0 0 0;
}

.formBox .error:after{
    content: "\f0d8";
    font-family: fontAwesome;
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
    margin: auto;
    font-size: 100%;
}

.formBox .inputError{
	background:rgba(255, 197, 197, 0.3);
}

.entrySubmit{
	text-align:center;
}

.entrySubmit input[type="submit"]{
	display: inline-block;
	color: #fff;
	font-size: 2rem;
	font-weight:bold;
	line-height: 1.5;
	padding: 0.35em 3em;
	background-color: #e62074;
	border: 1px solid #e62074;
	border-radius: .25rem;
	cursor:pointer;
}

.entrySubmit input[type="submit"].dis{
	color:#ccc;
	background:#eee;
	border:1px solid #ccc;
	cursor:default;
}

.entryDesc{
	text-align:center;
	margin:0 0 3em 0;
}

.annoPP{
	font-size:1.4rem;
	font-weight:300;
}

.entryAttr{
	font-style: normal;
	color: #cc3333;
	display: inline-block;
	margin: 1em 0 0 0;
	border: 1px solid #cc3333;
	padding: 0.5em 1em;
}

.entryAttr br{
	display:none;
}



/*checkbox start */
.mwform-checkbox-field{
	display:inline-block;
}

.inquirysForm .mw_wp_form .horizontal-item + .horizontal-item{
	margin:0 0 0 1em;
}
.mwform-checkbox-field input[type="checkbox"]{
  display: none;
}
.mwform-checkbox-field-text{
  display:inline-block;
  padding-left: 32px;
  position:relative;
  margin-right: 24px;
  margin-top:0.5em;
  margin-bottom:0.5em;
}
.mwform-checkbox-field-text::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
  border-radius: 4px;
  margin:auto;
}
.mwform-checkbox-field input[type="checkbox"]:checked + .mwform-checkbox-field-text{
  color: #e62074;
}
.mwform-checkbox-field input[type="checkbox"]:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 8px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #e62074;
  border-right: 3px solid #e62074;
  bottom:0;
  margin:auto;
}

.mwform-checkbox-field label span{
	font-size:90%;
}
/* checkbox end */



/********************************************************************
footer catch
********************************************************************/
.footerCatch{
	text-align:center;
	position:relative;
    padding: 8em 0;
    overflow: hidden;
}

/*
.footerCatch:before{
	content:"";

    display: block;
    position: absolute;
    z-index:2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

	background:url("./images/bg/fc_trash_mark.png") no-repeat 70% center;
	height: 0;
	padding-top: calc(48 / 48 * 100%);
}

.footerCatch:after{
	content:"";

    display: block;
    position: absolute;
    z-index:1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

	background:url("./images/bg/fc_trash.png") no-repeat 20% center;
	height: 0;
	padding-top: calc(270 / 320 * 100%);
}
*/

.footerCatch h2{
	color:#444;
	font-size:224%;
	font-weight:normal;
	letter-spacing:0.1em;
	
	position:relative;
	z-index:3;
}



/********************************************************************
footer
********************************************************************/
.footerBox{
	background:#444;
	padding:1em 0;
}

.footerWrapper{
	padding:0 5%;
}

.foot{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}

.footInner{
	width:90%;
}

.footerMenu ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

.footerMenu ul li{
	margin:0 1em 0 0;
}

.footerMenu ul li:last-child{
	margin:0;
}

.footerMenu a{
	color:#fff;
	font-size:90%;
}

.socialBlock{
	width:10%;
}

.socialBlock a{
	color:#fff;
	font-size:120%;
}

.copyright{
	text-align:center;
	margin:3em 0 0 0;
}

.copyright p{
	color:#fff;
	font-size:90%;
}

.copyright a{
	color:#fff;
}

.pagetop{
	display: inline-block;
	color: #fff;
	font-size: 184%;
	line-height: 100%;
	padding: 0.5em;
	background: rgba(0,0,0,0.3);
	border-radius: 50%;

	position: fixed;
	bottom:5%;
	right:5%;
	z-index:49;
}



/********************************************************************
news
********************************************************************/
.news{
	background:#ece9e3;
	padding:4em 0;
}

.newsWrap{
	padding:0 8%;
}

.newsBox{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
}

.newsBox ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
}

.newsBox li{
	width:50%;

	padding:0.5em;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
}

.newsBox li:first-child{
	width:100%;
}

.newsBox li a{
	width:100%;

	background:#fff;
	padding:0.5em 0.5em 2em 0.5em;

	position:relative;
}

.newsBox span.upShadow{
	position: absolute;
    top: 8px;
    right: -1px;
    width: 20px;
    height: 1px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    background: transparent;
    z-index: 2;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
            box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
}

.newsBox li a:before{
    content: "";
    position: absolute;
	z-index:3;
    bottom: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 0 16px;
    border-color: transparent transparent transparent #ece9e3;
}

.newsBox li a:after{
    content: "";
    position: absolute;
	z-index:3;
    top: -2px;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 24px 24px 0;
    border-color: transparent #ece9e3 transparent transparent;
}

.newsBox li:first-child a{
	background:#e62074;
}

.newsBox li:first-child .newsDate{
	color:#fff;
}

.newsBox li:first-child .newsTitle{
	color:#fff;
}

.newsList{
	width:50%;
	position:relative;
}

.newsListInner{
	padding:0 2em;
}

.newsDate{
	font-size:90%;
}

.toBe{
	position:absolute;
	bottom:3%;
	right:1%;
}

.toBe p{
	font-size:80%;
}

.newsBox li:first-child .toBe p{
	color:#fff;
}

.column{
	width:50%;
	position:relative;
}

.columnInner{
	padding:0 2em;
}

.newsList:before,
.column:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: -5%;
    width: 20%;
    height: 1px;
    background: #333;
}

.newsList:after,
.column:after{
    content: "";
    position: absolute;
    bottom: -15%;
    right: 0;
    width: 1px;
    height: 20%;
    background: #333;
}

.toArchives{
	position:absolute;
	top:0;
	right:40px;
}

.toArchives i{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #9a9a9a;
	padding: 0.5em;
	width: 32px;
	height: 32px;
	border:1px solid #9a9a9a;
}

.toArchives span{
    font-size: 90%;
    margin: 0 0 0 1em;
}



/********************************************************************
news(archive)
********************************************************************/
.newsArchiveBox{
    margin: 3em auto;
    max-width: 1024px;
}

.syearWrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.syear{
	letter-spacing: 0.05em;
	font-weight: 400;
}

.syearBox{
	padding:0 0 0 0.5em;
}

.syearBox select{
	border: 1px solid #e9e9e9;
	font-size: 100%;
	font-weight: 400;
	min-width: 100px;
	background: #f9f9f9;
}

.archiveBlock{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	margin:4em 0;
}

.aLeftBlock{
	width: 25%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.aLeftInner{
	text-align:right;
}

.aLeftInner h2{
	color:#444;
	font-size: 160%;
	font-weight: 200;
}

.aLeftInner h3{
	color:#ccc;
	font-size: 120%;
	font-weight: 300;
}

.aRightBlock{
	width: 75%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.aRightInner{
	width:100%;
}

.aRightInner li{
	margin:0 0 1em 0;
}

.aRightInner li:last-child{
	margin:0;
}

.asBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.asDate{
	width: 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.asDateInner{
	text-align: center;
	padding: 0 1em 0.5em 1em;

	position:relative;
}

.asDateInner:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	width: 16px;
	height: 16px;
}

.asDateInner:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 12px;
	height: 12px;
}

.asDate strong{
	font-size:90%;
}

.asDate p{
	font-size:80%;
	font-weight:200;
	line-height:100%;
}

.asDesc{
	width:90%;
    padding: 0 0 0 1em;
}

.iDisp{
	display: inline-block;
	padding: 0.25em 1em;
	border: 1px solid #5f905d;
	color: #5f905d;
	text-align:center;
	line-height: 100%;
	font-size: 1.4rem;
	margin: 0 0.5em 0 0;

	min-width:72px;
}

.iDisp.not{
	border: 1px solid #cc3333;
	color: #cc3333;
}



/********************************************************************
news(detail single)
********************************************************************/
.newsesDesc{
	padding:3% 0;
	margin:0 auto;
	max-width:1024px;
}

.newsesDesc p{
	font-weight:200;
	line-height:200%;
}

.postData{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    margin:1em 0 0 0;
}

.postCats{
	border:1px solid #333;
	padding:0 1em 0.2em 1em;
}

.postCats strong{
	font-size:80%;
	font-weight:200;
	line-height:100%;
}

.postMisc{
	margin:0 0 0 1em;
}

.postNav{
    margin: 3em 0 0 0;
    padding: 3em 0 0 0;
    border-top: 1px solid #f9f9f9;
}

.postNav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
}

.postNav ul li a{
    display: inline-block;
    text-align: center;
    min-width: 5em;
}

.pNavHome{
	margin:0 3em 0 0;
}



/********************************************************************
404(not found)
********************************************************************/
.p404 .subHead{
	top:25%;
}

.p404Main{
	text-align:center;
	padding:0 0 8em 0;
}

.p404Main strong{
	color:#eee;
	font-size:640%;
}

.p404Main strong span:nth-child(even){
	display:inline-block;
	-webkit-transform:rotateY(180deg);
	        transform:rotateY(180deg);
}



/********************************************************************
inquiry box(sidebar)
********************************************************************/
.sideInquiry{
	background:#f9f9f9;
}

.sideInquiryWrap{
	padding:3% 5%;
	text-align:center;
}

.sideInquiryBox{
	margin:1em 0;
}

.sideInquiryBox strong{
	display: block;
	color:#444;
	font-size: 128%;
	font-weight: 400;
	letter-spacing: 0.1em;
}

.sideInquiryBox p{
    font-size: 80%;
    font-weight: 300;
}

.sideInquiryBtn .boxLink{
    font-size: 1.8rem;
    padding: 0.8em 3em;
}



/********************************************************************
sub page default
********************************************************************/
.headerBox.subp{
	background:#fff;
}

.headerBox.subp nav ul li a{
	color:#333;
}

.subHeadOutWrapper{
	overflow:hidden;
}

.subHeadOut{
	max-width:1024px;
	margin:8em auto 3em auto;
	position:relative;
}

.subHead.inquirys{
	text-align:center;
}

.subHeadCopy h2{
	font-size: 224%;
    font-weight: 400;
    line-height: 128%;
}

.subHeadCopy h3{
    font-size: 144%;
    font-weight: 300;
    margin:0.25em 0 0 0;
}

.subHeadCopy p{
    font-weight: 200;
    line-height: 184%;
    margin: 1em 0 0 0;
}

.slideNav li{
	margin:1em 0;
}

.slideNav a{
	display:inline-block;
	color:#333;
	position:relative;
	z-index:1;
	padding:0.25em 0.5em;
}

.slideNav a:after{
	display:block;
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;

	width:100%;
	height:100%;

	-webkit-transition:all ease 0.2s;

	-o-transition:all ease 0.2s;

	transition:all ease 0.2s;

	background:rgba(0,0,0,0.1);
	-webkit-transform:scaleX(0);
	    -ms-transform:scaleX(0);
	        transform:scaleX(0);
	-webkit-transform-origin:left center;
	    -ms-transform-origin:left center;
	        transform-origin:left center;
}

.slideNav a:hover::after{
	-webkit-transform:scaleX(1);
	    -ms-transform:scaleX(1);
	        transform:scaleX(1);
}

.slideNav.sub ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:flex-start;
}

.slideNav.sub li{
	margin:2em 2em 2em 0;
}



/********************************************************************
faq
********************************************************************/
.faqsOut{
	margin:0 0 6em 0;
}



/********************************************************************
func
********************************************************************/
.funcsOut{
	margin:0 auto 6em auto;
	max-width: 1024px;
}

.funcsBoxOut section{
	margin:0 0 3em 0;
}

.funcsBoxOut section:last-child{
	margin:0;
}

.funcParent{
	margin:0 0 1em 0;
}

.funcParent h2{
	font-size: 160%;
	font-weight: 300;
	letter-spacing:0.05em;
}

.funcParent h2 span{
	font-size:80%;
	font-weight:200;
}

.childBlocks{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	margin:0 0 1em 0;
	padding:1em;
	-webkit-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	border-radius:8px;
}

.flistManage .childBlocks{
	background:#fafdff;
}

.flistOrder .childBlocks{
	background:#fff6fa;
}

.funcChild{
	width:20%;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

.flistManage .funcChild{
    border-right: 2px dashed #3999d5;
}

.flistOrder .funcChild{
    border-right: 2px dashed #d6226e;
}

.funcChild h3{
	font-size: 120%;
	font-weight: 300;
}

.flistManage .funcChild h3{
	color:#28a6ff;
}

.flistOrder .funcChild h3{
	color:#e62074;
}

.flistManage .funcChild h3 i{
	display: inline-block;
	text-align: center;
	background: #9ad7f6;
	padding: 1em;
	border-radius: 50%;
	margin: 0 0 0.5em 0;
}

.flistOrder .funcChild h3 i{
	display: inline-block;
	text-align: center;
	background: #f7c4da;
	padding: 1em;
	border-radius: 50%;
	margin: 0 0 0.5em 0;
}

.funcChild h3 span{
	display:block;
}

.funcsBox{
	width:80%;
	-ms-flex-item-align:center;
	    align-self:center;
	padding:0 0 0 1em;
}

.funcsBox table{
	width:100%;
}

.funcsBox:hover,
.funcsBox table:hover,
.funcsBox table tbody:hover,
.funcsBox table tr:hover,
.funcsBox table td:hover,
.funcsBox table td.tCatTitle:hover,
.funcsBox table td.tTitle:hover,
.funcsBox table td.tDesc:hover{
	backface-visibility:visible;
	-webkit-backface-visibility:visible;
}

.funcsBox table td{
	border:1px solid #999;
	padding:0.25em 1em;
}

.funcsBox table tr:first-child td{
	border-top:none;
}

.funcsBox table tr:last-child td{
	border-bottom:none;
}

.funcsBox table tr:nth-child(even){
	background:#fff;
}

.flistManage .funcsBox table tr:nth-child(odd){
	background:#eaf8ff;
}

.flistOrder .funcsBox table tr:nth-child(odd){
	background:#ffeaf3;
}

.funcsBox table td.tTitle{
	width:35%;
	vertical-align:middle;
	border-left:none;
}

.funcsBox table td.tTitle p.defText{
	font-weight:400;
	margin:0;
}

.funcsBox table td.tDesc{
	border-right:none;
}

.funcs .sectionTitle{
	padding:0 0 4em 0;
}



/********************************************************************
charge
********************************************************************/
.ctOut{
	max-width:1024px;
	margin:0 auto 6em auto;
}

.ct .spdisp{
	display:none;
}

.chargeTable{
	width:100%;
}

.chargeTable th{
	width:30%;
	vertical-align:bottom;
}

.chargeTable td{
	border:2px solid #fff;
	padding:0.5em;
}

.ct .plan{
	margin:0;
}

.ct .plan.mos{
	min-width:344px;
}

.ct .planInner{
	margin:0;
}

.ct .mosl .planInner{
	z-index:1;
}

.ct .mos .planInner{
	box-shadow:none;
}

.ct .plan.mos .pHead h2{
	max-width:35%;
	margin:0 auto;
}

.ct .plan.mos .pPrice{
	min-height:1px;
}

.ct .plan.mos .pbox{
	color:#999;
	font-size:2rem;
	font-weight:normal;
}

.chargeTable .tbHead{
	border-left:none;
	background:#eee;
}

.chargeTable .tbs{
	text-align:center;
}

.chargeTable .tbs.see{
	background:#e0efff;
}

.chargeTable .tbl{
	border-right:none;
	text-align:center;
	background:#fafafa;
}

.tbs .on,
.tbl .on{
	color:#e62074;
	font-size:2.4rem;
}

.tbs .off,
.tbl .off{
	color:#ccc;
	font-size:2.4rem;
}

.ctAttention{
	margin:1em 0;
}

.ctAttention p{
	color:#999;
	font-size:88%;
	font-weight:400;
}



.chargeTable.max{
	table-layout:fixed;
}

.chargeTable.max th.low,
.chargeTable.max th.high{
	width:20%;
	display:none;
}

.chargeTable.max tr td:nth-child(2),
.chargeTable.max tr td:nth-child(4){
	display:none;
}

.chargeTable.max th{
	width:25%;
}

.chargeTable.max .theadBlank{
	width:15%;
}

.chargeTable.max .theadMOS{
	width:20%;
}

.chargeTable.max .plan{
	width:100%;
	min-width:1px;
}

.chargeTable.max .pHead{
	padding:0.5em;
}

.chargeTable.max .pHead strong{
	font-size: 1.4rem;
	font-weight: 300;
	margin: 0.5em 0 0 0;
	display: block;
}

.chargeTable.max .plan .boxLink{
	font-size:1.6rem;
}

.chargeTable.max .low .planInner{
	box-shadow:none;
	z-index:0;
	border-bottom:8px solid rgba(160, 190, 144, 0.8);
}

.chargeTable.max .high .planInner{
	box-shadow:none;
	z-index:1;
	border-bottom:8px solid rgba(240, 126, 102, 0.8);
}

.ct .chargeTable.max .mos .planInner{
	z-index:0;
}

.chargeTable.max .low .yen,
.chargeTable.max .high .yen{
	font-size:2rem;
}

.chargeTable.max .low .pnum,
.chargeTable.max .high .pnum{
	font-size:3rem;
}

.chargeTable.max .yen{
	font-size:3rem;
}

.chargeTable.max .pnum{
	font-size:5rem;
}

.ct .chargeTable.max .plan.mos .pbox{
	font-size:1.8rem;
	font-weight:400;
}

.ct .chargeTable.max .pPrice{
	min-height:1px;
}

.ct .chargeTable.max .plan.mos .pPrice p{
	font-size:1.2rem;
}

.chargeTable.max .planInner{
	z-index:2;
}

.chargeTable.max .low .pCopy{
	top:-8px;
	left:-56px;
	right:auto;
	background:#a0be90;
}

.chargeTable.max .low .pHead{
	background:#d5efd9;
}

.chargeTable.max .high .pHead{
	background:#ffeeee;
}

.chargeTable.max .low .boxLink{
	background:rgba(160, 190, 144, 0.8);
}

.chargeTable.max .high .boxLink{
	background:rgba(240, 126, 102, 0.8);
}



/********************************************************************
charge / require
********************************************************************/
.rBoxTitle{
	margin:0 0 0.5em 0;
}

.rBoxTitle strong{
	font-size:136%;
	font-weight:400;
}

.rBoxTitle span{
	font-size: 80%;
	font-weight: 200;
}

.requireBox{
	width:80%;
	margin:3em auto;
	max-width:1024px;
}

.rBoxTitle{
	margin:0 0 0.5em 0;
}

.rBoxTitle span{
	font-size: 80%;
	font-weight: 200;
}

.rBoxDesc table{
	width:100%;
}

.rBoxDesc:hover,
.rBoxDesc table:hover,
.rBoxDesc table tbody:hover,
.rBoxDesc table tr:hover,
.rBoxDesc table td:hover,
.rBoxDesc table td.tCatTitle:hover,
.rBoxDesc table td.tTitle:hover,
.rBoxDesc table td.tDesc:hover{
	backface-visibility:visible;
	-webkit-backface-visibility:visible;
}

.rBoxDesc table td{
	border:1px solid #4978a9;
	padding:0.25em 1em;
}

.rBoxDesc table td.tCatTitle{
	width:25%;
	text-align:center;
	vertical-align:middle;
	background:#84c0fe;
}

.rBoxDesc table td.tCatTitle p{
	color:#fff;
	font-weight:500;
}

.rBoxDesc table td.tTitle{
	width:15%;
	text-align:center;
	vertical-align:middle;
	background:#e0efff;
}

.rBoxDesc table td.tDesc{
	background:#f9f9f9;
}

.requireAttr{
	color: #e62074;
	font-size: 80%;
	font-weight: 800;
}

.rBoxAttr{
	margin:0.5em 0 0 0;
}

.rBoxAttr p{
	color: #444;
	font-size: 90%;
}



/********************************************************************
inquiry
********************************************************************/
.inquirysOut{
	padding:0 0 3em 0;
	background:#fff;
}

.inquirysTitle{
	width:50%;
	margin:2em auto 0 auto;
}

.inquirysTitle h3{
	font-size:160%;
	font-weight:200;
	margin:0 0 0.5em 0;
}

.stepsInq.typeInq{
	background:#fafafa;
}

.stepsInq.typeInq .tel{
	padding:0.5em 1em;
}

.stepsInq.typeInq .tel strong{
	font-size:240%;
}

.stepsInq.typeInq .teltime p{
	font-size:100%;
}

.inquirysForm{
    -webkit-box-shadow: 0 0 12px 0px rgba(0,0,0,0.3);
            box-shadow: 0 0 12px 0px rgba(0,0,0,0.3);
    width: 50%;
    margin: 0 auto;
    padding: 2em;
    position: relative;
    z-index: 1;
    border-radius:8px;
	background:#fff;
}

.formBox input,
.formBox textarea,
.formBox select{
	backface-visibility:visible;
	-webkit-backface-visibility:visible;
}

.selectWrap i{
	display:none;
}

.formBox{
	margin:0 0 1em 0;
}

.formBox:last-child{
	margin:0;
}

.formBox label{
	display:block;
	margin:0.25em 0;
	font-weight:500;
}

.formBox label span.req{
	display: inline-block;
	color:#fff;
	background: #e62074;
	line-height: 100%;
	padding: 0.2em 0.5em;
	font-size: 80%;
	font-weight: 300;
	margin: 0 0 0 1em;
	border-radius: 3px;
}

.formBox select{
	display: block;
	width: 100%;
	color: #444;
	font-size:108%;
	line-height: 1.5;

	padding:0.35em 0.5em;

	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .25rem;
}

.formBox input,
.formBox textarea{
	display: block;
	width: 100%;
	color: #444;
	font-size:108%;
	line-height: 1.5;

	padding:0.35em 0.5em;

	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .25rem;
}

.formBox .err_input{
	background:rgba(255, 197, 197, 0.3);
}

.formBox .f-type,
.formBox .f-prefs{
	width:30%;
}

.formBox .f-company,
.formBox .f-section{
	width:50%;
}

.formBox .f-name,
.formBox .f-tel{
	width:35%;
}

.formBox .f-mail{
	width:65%;
}

.formBox input::-webkit-input-placeholder,
.formBox textarea::-webkit-input-placeholder{
	color:#ccc;
	font-weight:100;
}

.formMsg{
    font-weight: 200;
    line-height: 200%;
}

.mw_wp_form_confirm .formMsg{
	display:none;
}

.mw_wp_form_confirm .formBox{
	border-bottom:1px dotted #ccc;
	padding:0 0 1em 0;
}

.mw_wp_form_confirm .formBox label span.req{
	display:none;
}

.mw_wp_form_confirm .formBox label{
	color:#e62074;
}

.mw_wp_form_confirm .anqOther{
	display: block;
	margin: 1em 0 0 0;
}

.inquirysForm .mw_wp_form .error{
    font-size: 80%;
    display: inline-block;
    color: #e62074;
    padding: 0 0 0 2em;
    position: relative;
    border: 1px solid #e62074;
    margin: 1em 0 0 0;
}

.inquirysForm .mw_wp_form .error:after{
    content: "\f0d8";
    font-family: fontAwesome;
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
    margin: auto;
    font-size: 100%;
}

.inqSubmit{
	text-align:center;
}

.inqSubmit input[type="submit"]{
	display: inline-block;
	color: #fff;
	font-size: 108%;
	line-height: 1.5;
	padding: 0.35em 3em;
	background-color: #e62074;
	border: 1px solid #e62074;
	border-radius: .25rem;
	cursor:pointer;
}

.inqSubmit .edit{
    margin: 0 1em 0 0;
    display: inline-block;
}

.inqSubmit .edit input[type="submit"]{
	background: #eee;
	color: #444;
	border: 1px solid #eee;
}

.siteSeal{
	text-align:right;
	margin:2em 0 0 0;
}

.inquirysDone strong{
    display: block;
    text-align: center;
    font-size: 480%;
    font-weight: 100;
    font-family: arial;
    color: #eee;
}

.toInqDone{
	text-align:center;
	margin:5em 0 0 0;
}

.toInqDone a{
	display: inline-block;
	color: #fff;
	font-size: 108%;
	line-height: 1.5;
	padding: 0.35em 3em;
	background-color: #e62074;
	border: 1px solid #e62074;
	border-radius: .25rem;
}

/*checkbox start */
.mwform-checkbox-field{
	display:inline-block;
	margin:1em 0 0.5em 0;
}

.inquirysForm .mw_wp_form .horizontal-item + .horizontal-item{
	margin:0 0 0 1em;
}
.mwform-checkbox-field input[type="checkbox"]{
  display: none;
}
.mwform-checkbox-field-text{
  display:inline-block;
  padding-left: 32px;
  position:relative;
  margin-right: 24px;
  margin-top:0.5em;
  margin-bottom:0.5em;
}
.mwform-checkbox-field-text::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
  border-radius: 4px;
  margin:auto;
}
.mwform-checkbox-field input[type="checkbox"]:checked + .mwform-checkbox-field-text{
  color: #e62074;
}
.mwform-checkbox-field input[type="checkbox"]:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 8px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #e62074;
  border-right: 3px solid #e62074;
  bottom:0;
  margin:auto;
}

.mwform-checkbox-field label span{
	font-size:90%;
}
/* checkbox end */



/* step bar start */
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color: #e62074;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #e62074;
}
.stepBar.step3 .step {
  width: 33.333%;
}
/* step bar end */



/********************************************************************
etc
********************************************************************/
.etcDec{
	max-width:1024px;
	margin:0 auto 6em auto;
}

.etcDec strong{
	display:block;
	font-size:1.6rem;
	font-weight:600;
	margin:2em 0 0 0;
}

.ppMain{
	margin:1em 0;
}

.ppMain ul{
	list-style-type:decimal;
	margin:0;
	padding:0 0 0 1.2em;
}

.ppMain ul li{
	margin:0 0 0.5em 0;
}

.ppMain ul li:last-child{
	margin:0;
}

.ppItemName{
	margin:2em 0 0 0;
	text-align:right;
}

.etcDec dl{
	margin:1em 0 2em 0;
}

.etcDec dt{
	font-size:1.6rem;
	font-weight:600;
}

.etcDec dd{
	margin:0.5em 0 0 0;
}

.ppRule ul{
	list-style-type:decimal;
	margin:0;
	padding:0 0 0 1.5em;
}

.ppContact ul{
	list-style-type:none;
	padding:0;
}

.etcDec ul li{
	margin:0.5em 0;
}

.etcDec em{
	display:block;
	font-style:normal;
	text-align:right;
}

.etcDec ul.number{
	list-style-type:decimal;
	padding:0 0 0 2em;
}

.etcDec ul.circle{
	list-style-type:disc;
	padding:0 0 0 2em;
}

.orderDay{
	text-align:right;
}



/********************************************************************
about
********************************************************************/
.aboutOut{

}

.about{
	max-width:1024px;
	margin:0 auto;
}

.abdWrap{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
}

.abdImage{
	width:25%;
}

.abdImageIn{
	text-align:center;
}

.abdBox{
	width:75%;
}

.abdBox h2{
	font-size: 4rem;
	font-weight: 200;
}

.abdBox h2 br{
	display:none;
}

.abdBox p{
	font-size: 2rem;
	font-weight: 200;
	line-height: 184%;
}

.aboutMos{
	padding:1em;
	margin:1em 0;
	background:#fff2f7;
	border-radius:8px;
}

.aboutMos strong{
	color:#666;
	font-size:2rem;
	font-weight:300;
}

.aboutMos p{
	color:#666;
	font-size:1.4rem;
}

.abpOut{
	background:#fafafa;
}

.abpOut:nth-child(2n){
	background:#fff;
}

.abpWrap{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;

	padding:2em 0;
	margin:0 auto;

	max-width:1024px;
}

.abpImage{
	width:40%;
}

.abpBox{
	width:60%;
	padding:0 0 0 3em;
}

.abpBox dt{
	font-size: 3rem;
	font-weight: 200;
}

.abpBox dd{
	margin:1em 0 0 0;
}

.abpBox dd p{
	font-size: 1.8rem;
	font-weight: 200;
	line-height:160%;
}

.abpBox .boxLink{
	min-width:240px;
	text-align:center;
}

.aoBox{
	max-width:1024px;
	margin:0 auto;
}

.aosBox{
	padding:1em 1em 1em 4em;
	margin:2em 0;

	background:#fafafa;
	border:1px solid #ccc;
	border-radius:5px;

	position:relative;
}

.aosBox strong{
	color:#e62074;
	font-size:2.4rem;
	font-weight:400;
}

.aosBox p{
    font-size: 1.8rem;
    font-weight: 200;
    line-height: 160%;

	margin:0.5em 0 0 0;
}

.iconBox{
	position: absolute;
	top: -24px;
	margin: auto;
	height: 50%;
	left: -40px;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.iconBox i{
    padding: 15px 26px;
    border-radius: 50%;
    background: #e62074;
    font-size: 5rem;
    color: #fff;
}

.aosImage{
	text-align:center;

	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
	justify-content:space-between;

	margin:4em 0 2em 0;
}

.aosiBox{
	width:45%;
}

.before.aosiBox{
	background: #fafafa;
	border-radius: 8px;
	padding: 1em;
}

.after.aosiBox{
	background: #ffeeee;
	border-radius: 8px;
	padding: 1em;
}

.aosiDesc{
	text-align:left;
	margin:0.5em 0;
}

.aosiDesc p{
	font-size: 1.4rem;
	line-height: 184%;
	font-weight: 200;
}

.aosiDesc p span.att{
	color:#e62074;
	font-weight:500;
}

.aosiBoxIn{
	position:relative;
}

.aosiBoxIn strong{
	display:block;
	font-size: 2.4rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	margin:0 0 0.5em 0;
}

.aosiBox .flowCursor{
	right:-140px;
}



/********************************************************************
xxxxxxxxx
********************************************************************/