/* ==========================================================================
メディアクエリ
========================================================================== */

/*******************************
320-767 iphone 5 + nexus7 + default
*******************************/
@media screen and (min-width: 320px) and (max-width: 767px) {

	/* default */
	.wrap{
		min-width:1px;
	}

	.mainNav nav{
		display:none;
	}

	.headInquiry{
		position: fixed;
		left: 5%;
		text-align: center;
		bottom: 5%;
	}

	.headInquiry a{
		font-size:1.2rem;
		padding:15px 9px;
		border-radius:50%;
	}

	.headInquiry a br{
		display:block;
	}

	.headInquiry a span{
		display:block;
		font-size:2rem;
		margin:0;
	}

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

	.headerWrapper{
		background:#fff;
		margin:0 3%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

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

	.siteTitle{
		width:70%;
		order:2;
		padding:0 3em 0 0;
	}

	.siteTitle h1{
		color:#333;
		font-size:0.8rem;
		text-align:right;
	}

	.siteTitle h1 br{
		display:block;
	}

	.head{
		width:30%;
		order:1;
		justify-content:center;
	}

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

	.headerBox.fixNav .headSubNav,
	.headSubNav{
		width:100%;
	    bottom: -82px;
	    top: auto;
	    z-index: -1;
	}

	.headSubNav:hover{
		z-index:-1;
		bottom:-82px;
	}

	.headSubNav a:hover{
		transform:translateY(-12px);
	}

	.headSubNavInner{
		justify-content:center;
		max-height:100%;
	}

	.headSubNav a{
		font-size:1.2rem;
	}

	.headSubNav p{
		font-size:1rem;
	}



	/* home - main */
	.ppWraps{
		bottom:-80px;
		left:-10px;
		min-width:150px;
		transform:rotate(0deg);
	}

	.ppWrap.up{
		min-width:240px;
	}

	.ppWrap.down{
		left:-64px;
		min-width:148px;
	}

	.ppWrap.downs{
		right:-150px;
		left:auto;
		min-width:324px;
	}

	.deviceWrap{
		right:-16%;
		min-width:176px;
	}
	
	.ppWrap.is-header{
		max-width:100px;
		bottom:17%;
		left:0;
		right:0;
		margin:auto;
	}

	.mainArrow,
	.faxBox{
		display:none;
	}

	.fvsInner{
		padding:10em 0;
	}

	.mosCopy p{
		font-size:1.4rem;
		top:20%;
	}

	.spBr{
		display:block;
	}

	.fvCopy h2 span.spSize{
	    color: #fff;
	    font-size: 1.6rem;
	    display: block;
	    margin: 0.5em 1em;
	    border: 1px dashed #fff;
	    font-weight: 200;
	}

	.fvCopy h2{
		font-size:2rem;
		top:auto;
	}

	.upLogo{
		z-index:1;
		max-width:60%;
	}

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



	/* section default */
	.sectionTitle{
		margin:0 3%;
		padding:1em 0;
	}

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

	.sectionTitle h3 br{
		display:block;
	}

	.sectionTitle p{
		font-size:1.4rem;
	}



	/* hone - incase */
	.inCase{
		margin:4em 0 0 0;
	}

	.incDoUp{
		border-width:48px 100vw 0 0;
	}

	.incDoDown{
		border-width:0 0 48px 100vw;
	}

	.incDoBox{
		width:100%;
	}

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

	.incDoBox.order .incDoInner{
		padding:16em 0;
	}

	.incDoInner{
		padding:14em 0;
	}

	.incDoBox.order .incDoCmt{
	    width: 90%;
	    top: 70px;
	    right: 0;
	    left: 0;
	    margin: auto;
	    padding:1em;
	}

	.incDoCmt h3{
		font-size: 2rem;
		font-weight: 300;
	}

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

	.incDoBox.order .incDoDevice{
		width: 55%;
		max-width: 320px;
		left: auto;
		right: 0;
		margin: auto;
		z-index: 2;
	}

	.flowCursor{
		top:auto;
		left:0;
		right:auto;
	}

	.flowCursor i{
		transform:rotate(90deg);
	}

	.ring.order{
		bottom:45%;
		right:45%;
	}

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

	.slidesInner hgroup{
		position:relative;
		padding:1em;
	}

	.slidesInner hgroup h2{
		font-size:1.5rem;
	}

	.slidesInner hgroup h3{
		font-size:1.4rem;
	}

	.incDoBox.manage .incDoCmt{
		width:90%;
		top:148px;
	}

	.incDoBox.manage .incDoDevice{
		width:90%;
		bottom:24px;
	}

	.slidesInner.middle hgroup{
		padding:1em;
	}

	.incTypeWrap{
		padding:16em 0 1em 0;
		background-position:top;
		background-size:80%;
	}

	.incTypeBox{
		width:100%;
	}

	.bubble{
		right:-12px;
	}

	.slidesInner.middle{
		z-index:1;
	}

	.slidesInner.last{
		z-index:0;
		background:#fff8e0;
	}

	.plansUp{
		border-width:0 100vw 48px 0;
	}

	.plansDown{
		border-width:48px 0 0 100vw;
	}

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

	.plan{
		width:100%;
		min-width:1px;
		margin:1em 0;
	}

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

	.planInner{
		margin:0;
	}

	.pCopy{
		right:-8px;
	}

	.c-cloud__logo{
		top:-8px;
		left:-8px;
		right:auto;
	}

	.pbox{
		font-size:2.4rem;
	}

	.mosl .planBgSp,
	.mos .planBgSp{
		width:32%;
		bottom:0;
		right:-2%;
		left:auto;
		top:auto;
	}

	.pps{
		width:auto;
	}

	.funcList{
		width:auto;
	}

	.planBgSp p{
		white-space:normal;
	}



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

	.manualBox{
		width:100%;
		margin:1em;
	}



	/* home - faq */
	.faqsInner{
		margin:0 3%;
		padding:0 0 2em 0;
	}

	.question{
		font-size:1.4rem;
	}

	.ansInner{
		font-size:1.4rem;
		padding:0 3%;
	}

	.question:after{
		width:20px;
	}

	.question:before{
		width:20px;
		right:16px;
	}



	/* home - news */
	.news{
		padding:2em 0;
	}

	.news .sectionTitle{
		text-align:center;
	}

	.newsWrap{
		padding:0 3%;
	}

	.newsList{
		width:100%;
	}

	.newsListInner{
		padding:0;
	}

	.newsList:before,
	.column:before{
		right:-3%;
	}

	.column{
		width:100%;
		margin:2em 0 0 0;
	}

	.columnInner{
		padding:0;
	}

	.toArchives{
		position:static;

		display:block;
		text-align:center;
		padding:0.5em 0;
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
	}



	/* home - footer */
	.footerCatch:before{
		background:rgba(255,255,255,0.6) url("./images/bg/fc_trash_mark.png") no-repeat 52% 75%;
	}

	.footerCatch h2{
		font-size:2.4rem;
	}

	.footerCatch:after{
		background-size:contain;
		background-position:center center;
	}

	.footInner{
		width:100%;
	}

	.footerMenu ul li{
		width:100%;
		margin:0 0 0.5em 0;
	}



	/* sub page - default */
	.subHead{
		margin:0 3%;
	}

	.subHeadCopy h2{
		font-size:2.4rem;
	}

	.subHeadCopy h3{
		font-size:1.6rem;
	}

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

	.sideInquiryBox strong{
		font-size:1.6rem;
	}

	.sideInquiryBox p{
		font-size:1.2rem;
	}

	.sideInquiryBtn .boxLink{
		display:block;
		font-size:1.4rem;
	}

	.slideNav.sub{
		margin:0.5em 0 0 0;
	}

	.slideNav.sub li{
		margin:0.25em 0;
		width:100%;
		border:1px solid #fafafa;
	}

	.slideNav a{
		display:block;
		font-size:1.4rem;
	}



	/* sub page - about */
	.about{
		margin:0 3%;
	}

	.abdImage{
		width:100%;
	}

	.abdImageIn{
		max-width:50%;
		margin:0 auto;
	}

	.abdBox{
		width:100%;
		margin:1em 0 0 0;
	}

	.abdBox h2{
		font-size:1.6rem;
		font-weight:500;
	}

	.abdBox p{
		font-size:1.4rem;
	}

	.aboutMos strong{
		font-size:1.6rem;
		font-weight:500;
	}

	.aboutMos .boxLink{
		display:block;
		text-align:center;
	}

	.aoBox{
		margin:0 3%;
	}

	.aosBox{
		padding:3em 1em 1em 1em;
	}

	.aoBox .aosBox:first-child{
		margin:0;
	}

	.aosBox strong{
		font-size:1.8rem;
	}

	.aosBox p{
		font-size:1.4rem;
	}

	.iconBox{
		top:-56px;
		left:0;
		right:0;
	}

	.iconBox i{
		font-size:3rem;
		padding:15px 22px;
	}

	.abpWrap{
		margin:0 3%;
	}

	.abpImage{
		width:100%;
	}

	.abpBox{
		width:100%;
		padding:0;
		margin:0.5em 0 0 0;
	}

	.abpBox dt{
		font-size:1.8rem;
		font-weight:400;
	}

	.abpBox dt br{
		display:none;
	}

	.abpBox dd p{
		font-size:1.4rem;
	}

	.abpBox .boxLink{
		display:block;
		min-width:1px;
	}

	.aosImage{
		margin:2em 0;
	}
	
	.aosiBox{
		width:100%;
	}
	
	.aosiBox.before{
		margin:0 0 4em 0;
	}

	.aosiBox .flowCursor{
		left:0;
		right:0;
		bottom:auto;
	}
	
	.aosiBox .flowCursor i{
		font-size:10rem;
	}



	/* sub page - function */
	.funcsOut{
		width:100%;
		margin:0 auto 3em auto;
	}

	.funcs{
		margin:0 3%;
	}

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

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

	.funcParent h2{
		font-size:1.8rem;
	}

	.funcParent h2{
		padding:0.25em 0.5em;
		color:#fff;
	}

	#funcManages .funcParent h2{
		background:#3999d5;
	}

	#funcOrders .funcParent h2{
		background:#e62074;
	}

	.childBlocks{
		padding:0;
	}

	.flistManage .funcChild,
	.flistOrder .funcChild{
		width:100%;
		border-right:none;
	}

	.funcsBox{
		width:100%;
		padding:0;
		margin:0.5em 0 0 0;
	}

	.funcChild h3{
		width:100%;

		font-size:1.8rem;

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

	.flistManage .funcChild h3 i,
	.flistOrder .funcChild h3 i{
		max-width:24%;
		margin:0 1em 0 0;
	}

	.funcsBox table td{
		padding:0.25em;
	}

	.funcsBox table td.tTitle{
		display:block;
		width:100%;
		border:none;
		background:#fff;
	}

	.flistManage .funcsBox table td.tTitle p{
		color:#3999d5;
	}

	.flistOrder .funcsBox table td.tTitle p{
		color:#e62074;
	}

	.funcsBox table td.tDesc{
		display:block;
		width:100%;
		border:none;

		font-size:1.4rem;
	}

	.flistManage .funcsBox table td.tDesc{
		background:#eaf8ff;
	}

	.flistOrder .funcsBox table td.tDesc{
		background:#ffeaf3;
	}



	/* subpage - charge */
	.spdel{
		display:none;
	}

	.ctOut{
		margin:0 auto 3em auto;
	}

	.ct .spdisp{
		display: block;
		background: #fff;
		font-size: 1.4rem;
		font-weight: 200;
		padding: 0.25em 0;
		margin: 0 0 0.5em 0;
		border-radius: 3px;
	}

	.ct{
		overflow-x:scroll;
		padding:2em 0 2em 1em;
		margin:0 1em 0 0;

		-webkit-overflow-scrolling: touch;
	}

	.chargeTable{
		min-width:500px;
	}

	.chargeTable th{
		width:50%;
	}

	.ctAttention{
		margin:0 3%;
	}

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

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

	.ctAttention p{
		font-size:1rem;
	}

	.ctOut{
		position:relative;
	}

	.ctOut:before{
		content: "\f07e";
		font-family: fontAwesome;
		position: absolute;
		top: 0;
		right: 5%;
		color: #e62074;
		font-size: 3rem;
		z-index: 2;
		transform:scaleX(1.5);
	}

	.ctOut:after{
		content: "\f25a";
		font-family: fontAwesome;
		position: absolute;
		top: 3%;
		right: 3%;
		z-index: 2;
		color: #e62074;
		font-size: 2rem;
		transform: rotate(-35deg);
	}

	.plan.mosl h2 img{
		max-width:60%;
	}

	.requireBox{
		width:100%;
		padding:0 3%;
		margin:1em auto;
	}

	.rBoxTitle strong{
		font-size:1.8rem;
	}

	.rBoxDesc table{
		border-top:1px solid #4978a9;
	}

	.rBoxDesc table td.tCatTitle,
	.rBoxDesc table td.tTitle,
	.rBoxDesc table td.tDesc{
		display:block;
		width:100%;
	}

	.rBoxDesc table td.tCatTitle{
		border-top:none;
	}

	.rBoxDesc table td.tTitle{
		border-top:none;
	}

	.rBoxDesc table td.tDesc{
		border-top:none;
	}

	.rBoxDesc table td.tDesc p{
		margin:0;
	}

	.rBoxAttr p{
		font-size:1rem;
	}

	.chargeTable.max .low .pCopy{
		font-size:1rem;
		left:-12px;
		padding:11px 17px;
	}



	/* subpage - guide */
	.spGuideNav{
		display:block;
		position:fixed;
		bottom:24%;
		left:5%;
		z-index:3;
	}

	.spGuideNav a{
		font-size: 2rem;
		padding: 5px 10px;
		background: rgba(17, 134, 189, 0.8);
		border-radius: 50%;
		color: #fff;
	}

	.manualGuide .closeDig{
		display:block;
		text-align:center;
		margin:0.5em 0;
	}

	.mDetailInner{
		margin:0 3%;
	}

	.manualMain{
		width:100%;
	}

	.manualGuideDig{
		display:none;
	}

	.manualGuide{
		width:100%;
		padding:0;
	}

	.mfTableOut{
		position:relative;
	}

	.mfTableOut:before{
		content: "\f07e";
		font-family: fontAwesome;
		position: absolute;
		top: 0;
		right: 5%;
		color: #e62074;
		font-size: 3rem;
		z-index: 2;
		transform:scaleX(1.5);
	}

	.mfTableOut:after{
		content: "\f25a";
		font-family: fontAwesome;
		position: absolute;
		top: 24px;
		right: 3%;
		z-index: 2;
		color: #e62074;
		font-size: 2rem;
		transform: rotate(-35deg);
	}

	.mfTable{
		padding:1em 0 0 0;
		overflow-x:scroll;
		-webkit-overflow-scrolling: touch;
	}

	.mfTable table{
		min-width:768px;
	}

	.mflowBoxSec{
		width:100%;
		padding:0.25em 1em 0.25em 4em;
	}

	.mflowBoxSec:after{
		left:3%;
	}



	/* subpage - faq */
	.faqs{
		margin:0 3%;
	}



	/* subpage - inquiry */
	.selectWrap i{
		display:block;
	}

	.formBox select{
		appearance:none;
		-webkit-appearance:none;
	}

	.formBox .selectWrap{
		display:block;
		position:relative
		width:100%;
	}

	.formBox .selectWrap i{
		color:#999;
		height:35%;

		position:absolute;
		top:0;
		bottom:0;
		right:5%;
		margin:auto;
	}

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

	.formBox input[type="text"]{
		appearance:none;
		-webkit-appearance:none;
	}

	.formBox textarea{
		appearance:none;
		-webkit-appearance:none;
	}

	.inqSubmit input[type="submit"]{
		appearance:none;
		-webkit-appearance:none;
		border-radius:0;
	}

	.stepBar .step{
		font-size:80%;
	}

	.formBox input, .formBox textarea{
		font-size:100%;
	}

	.formBox select{
		font-size:100%;
	}

	.mwform-checkbox-field-text{
		margin-right:0;
	}

	.subHeadOut.inquiry{
		padding:0 0 3em 0;
	}

	.stepBar{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		align-items:center;
	}

	.stepBar.step3 .step{
		width:100%;
		padding:0;
	}

	.stepBar .step:before,
	.stepBar.step3 .step:nth-child(3):after{
		display:none;
	}

	.steps .stepBar.step3 .step:nth-child(1):after{
	    content: "\f103";
	    font-family: fontAwesome;
	    transform: initial;
	    border: none;
	    left: 0;
	    right: 0;
	    top: 75%;
	    width: 20px;
	    margin: auto;
	    height: 20px;
	    line-height: 136%;
	    background: #fff;
	    border-radius: 50%;
	    color: #e62074;
	    z-index: 2;
	    font-size: 144%;
	}

	.steps .stepBar.step3 .step:nth-child(2):after{
	    content: "\f103";
	    font-family: fontAwesome;
	    transform: initial;
	    border: none;
	    left: 0;
	    right: 0;
	    top: 75%;
	    width: 20px;
	    margin: auto;
	    height: 20px;
	    line-height: 136%;
	    background: #fff;
	    border-radius: 50%;
	    color: #e62074;
	    z-index: 2;
	    font-size: 144%;
	}

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

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

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

	.mwform-checkbox-field{
		display:block;
		margin:0;
	}

	.formMsg{
		font-size:80%;
	}

	.subHeadOut.inquiry:after{
		padding-top:calc(400 / 1200 * 100%);
	}

	.inquirysOut{
		padding:0 0 3em 0;
	}

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

	.inquirysDone strong{
		line-height:100%;
	}

	.subHeadCopy h2{
		font-size:108%;
	}

	.subHeadOut.inquiry .subHeadCopy h3{
		font-size:70%;
	}



	/* terms */
	.etcDec{
		width:90%;
	}

	.etcDec strong{
		font-size:1.4rem;
	}

	.etcDec ul{
		font-size:1.2rem;
	}

	.etcDec p{
		font-size:1.2rem;
	}



	/* for-orders / for-manages */
	.msgHead{
		margin:4em 0 0 0;
	}

	.msgMainImg{
		width:70%;
	}

	.msgMainImg.spr{
		width:35%;
		right:0;
	}

	.msgMainImg.pcs{
		width:100%;
		right:0;
	}

	.msgCopy{
	    bottom: auto;
	    left: 0;
	    width: 90%;
	    right: 0;
	    top: 12%;
	}

	.msgCopy h2{
		font-size:2.4rem;
	}

	.msgCopy p{
		font-size:1.4rem;
	}

	.msgCopy p br{
		display:none;
	}

	.msgHeadFor{
		display:none;
	}

	.msgDo{
		margin:0 auto;
		top:auto;
	}

	.msgDoBox{
		width:100%;
		margin:0 0 1em 0;
		padding:1em;
	}

	.msgDo .msgDoBox:last-child{
		margin:0;
	}

	.msgStepList{
		margin:0 auto;
	}

	.msgStepBox{
		width:100%;
		padding:1em;
		margin:0 0 1em 0;
	}

	.msgStepList .msgStepBox:last-child{
		margin:0;
	}

	.msgStepList .msgStepBox:after{
	    content: "\f107";
	    top: auto;
	    bottom: auto;
	    margin: auto;
	    height: 20%;
	    right: 0;
	    left: 0;
	    line-height: 80%;
	    text-align:center;
	}

	.msgFuncBox{
		width:100%;
	}

	.msgFuncBox dl{
		margin:1em;
	}

	.msgFuncBox dt{
		width:100%;
		text-align:center;
	}

	.msgFuncBox dd{
		width:100%;
	}

	.msgAttention{
		padding:0 1em;
	}

	.msgPointArea .abpImage,
	.msgPointArea .abpBox{
		width:100%;
	}

	.msgQueBox{
		margin:1em;
	}



}



/*******************************
768-1023 iPad portrait + default
*******************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {

	/* default */
	.wrap{
		min-width:1px;
	}

	.mainNav nav{
		display:none;
	}

	.headInquiry{
		position: fixed;
		left: 5%;
		text-align: center;
		bottom: 5%;
	}

	.headInquiry a{
		padding:18px 9px;
		border-radius:50%;
	}

	.headInquiry a br{
		display:block;
	}

	.headInquiry a span{
		display:block;
		margin:0;
	}

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

	.headerWrapper{
		background:#fff;
		margin:0 3%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

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

	.siteTitle{
		width:70%;
		order:2;
		padding:0 3em 0 0;
	}

	.siteTitle h1{
		color:#444;
	}

	.head{
		width:30%;
		order:1;
		justify-content:center;
	}

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

	.headerBox.fixNav .headSubNav,
	.headSubNav{
		width:100%;
	    bottom: -82px;
	    top: auto;
	    z-index: -1;
	}

	.headSubNav:hover{
		z-index:-1;
		bottom:-82px;
	}

	.headSubNav a{
		transform:translateY(-46px);
	}

	.headSubNav a:hover{
		transform:translateY(0);
	}

	.headSubNavInner{
		justify-content:center;
		max-height:100%;
	}



	/* home - main */
	.ppWraps{
		bottom:-80px;
		left:-10px;
		min-width:288px;
		transform:rotate(0deg);
	}

	.ppWrap.up{
		min-width:364px;
	}

	.ppWrap.down{
		left:-64px;
		min-width:224px;
	}

	.ppWrap.downs{
		right:-150px;
		left:auto;
		min-width:480px;
	}

	.deviceWrap{
		right:-8%;
		min-width:320px;
	}

	.ppWrap.is-header{
	    bottom: 300px;
	    max-width: 167px;
	    right: 24px;
    }

	.mainArrow,
	.faxBox{
		display:none;
	}

	.fvsInner{
		padding:21em 0;
	}

	.spBr{
		display:block;
	}

	.fvCopy h2{
		font-size:3.2rem;
	}

	.fvCopy h2 span.spSize{
	    color: #fff;
	    display: block;
	    font-size:2.4rem;
	    margin: 0.25em 1em;
	    border: 1px dashed #fff;
	    font-weight: 200;
	}

	.upLogo{
		z-index:1;
		max-width:40%;
	}

	.upLogo.disp{
		bottom:-18%;
	}



	/* hone - incase */
	.incDoUp{
		border-width:48px 100vw 0 0;
	}

	.incDoDown{
		border-width:0 0 48px 100vw;
	}

	.incDoBox{
		width:100%;
	}

	.incDoBox.order .incDoCmt{
		width:60%;
		top:auto;
		bottom:auto;
		margin:auto;
	}

	.incDoBox.manage .incDoInner{
		padding:17em 0;
	}

	.incDoBox.manage .incDoCmt{
		top:80px;
	}

	.flowCursor{
		top: auto;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		bottom: -10%;
	}

	.flowCursor i{
		transform:rotate(90deg);
	}

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

	.slidesInner hgroup h2{
		font-size:3rem;
	}

	.slidesInner hgroup h3{
		font-size:1.6rem;
	}

	.slidesInner.middle hgroup{
		padding:1em;
	}

	.incTypeWrap{
		padding:26em 0 1em 0;
		background-position:50% 16%;
		background-size:80%;
	}

	.incTypeWrap:after{
		content: "";
		position: absolute;
		bottom: -35%;
		left: 0;
		right: 0;
		margin: auto;
		background: #fff8e0;
		z-index: 1;
		height: 56%;
		box-shadow: 0px -8px 8px rgba(0,0,0,0.4);
	}

	.incTypeBox{
		position:relative;
		z-index:2;
	}

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

	.plansUp{
		border-width:0 100vw 48px 0;
	}

	.plansDown{
		border-width:48px 0 0 100vw;
	}

	.planList{
		justify-content:space-between;
	}

	.plan{
		width:49%;
		min-width:1px;
		margin:1em 0;
	}

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

	.planInner{
		margin:0;
	}

	.pCopy{
		right:-8px;
	}
	
	.c-cloud__logo{
		top:-8px;
		left:-8px;
		right:auto;
	}

	.pPrice{
		min-height:107px;
	}

	.pbox{
		font-size:2.4rem;
	}

	.mosl .planBgSp,
	.mos .planBgSp{
		width:45%;
		bottom:0;
		right:-2%;
		left:auto;
		top:auto;
	}



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

	.manualBox{
		width:45%;
		margin:1em;
	}



	/* home - faq */
	.faqsInner{
		margin:0 3%;
		padding:0 0 2em 0;
	}

	.question{
		font-size:1.4rem;
	}

	.ansInner{
		font-size:1.4rem;
		padding:0 3%;
	}

	.question:after{
		width:20px;
	}

	.question:before{
		width:20px;
		right:16px;
	}



	/* home - news */
	.news{
		padding:2em 0;
	}

	.news .sectionTitle{
		text-align:center;
	}

	.newsWrap{
		padding:0 3%;
	}

	.newsList{
		width:100%;
	}

	.newsListInner{
		padding:0;
	}

	.newsList:before,
	.column:before{
		right:-3%;
	}

	.column{
		width:100%;
		margin:2em 0 0 0;
	}

	.columnInner{
		padding:0;
	}

	.toArchives{
		position:static;

		display:block;
		text-align:center;
		padding:0.5em 0;
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
	}



	/* section default */
	.sectionTitle{
		margin:0 3%;
		padding:1em 0;
	}

	.sectionTitle h3{
		font-size:3rem;
	}

	.sectionTitle h3 br{
		display:block;
	}

	.sectionTitle p{
		font-size:1.6rem;
	}



	/* sub page - default */
	.subHead{
		margin:0 3%;
	}

	.subHeadCopy h2{
		font-size:2.7rem;
	}

	.subHeadCopy h3{
		font-size:1.8rem;
	}

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

	.sideInquiryBox strong{
		font-size:1.6rem;
	}

	.sideInquiryBox p{
		font-size:1.2rem;
	}

	.sideInquiryBtn .boxLink{
		display:block;
		font-size:1.4rem;
	}

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



	/* sub page - about */
	.about{
		margin:0 3%;
	}

	.abdBox{
		padding:0 0 0 3em;
	}

	.abdBox h2{
		font-size:2.4rem;
		font-weight:400;
	}

	.abdBox p{
		font-size:1.6rem;
	}

	.aboutMos strong{
		font-size:2rem;
		font-weight:400;
	}

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

	.aosImage{
		margin:0 3%;
	}

	.aosiBox .flowCursor{
		right:0;
		bottom:0;
		top:0;
		margin:auto;
		right:-110px;
		left:auto;

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

	.aosiBox .flowCursor i{
		font-size:12rem;
		transform:rotate(0);
	}

	@-webkit-keyframes cursorBlink {
		0% {
			-webkit-transform: translate(0, 0);
		}
		50% {
			opacity: 1;
		}
		100% {
			-webkit-transform: translate(10px, 0);
			opacity: 0;
		}
	}
	@keyframes cursorBlink {
		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;
		}
	}

	.aoBox{
		margin:0 3%;
	}

	.aosBox{
		margin:2em 3%;
	}

	.aoBox .aosBox:first-child{
		margin:0;
	}

	.aosBox strong{
		font-size:1.8rem;
	}

	.aosBox p{
		font-size:1.4rem;
	}

	.iconBox{
		top:-56px;
	}

	.iconBox i{
		font-size:3rem;
		padding:15px 22px;
	}

	.abpWrap{
		margin:0 3%;
	}

	.abpBox dt{
		font-size:1.8rem;
		font-weight:400;
	}

	.abpBox dt br{
		display:none;
	}

	.abpBox dd p{
		font-size:1.4rem;
	}



	/* sub page - function */
	.funcsOut{
		width:100%;
		margin:0 auto 3em auto;
	}

	.funcs{
		margin:0 3%;
	}

	.flistManage .funcChild,
	.flistOrder .funcChild{
		width:100%;
		border-right:none;
	}

	.funcsBox{
		width:100%;
		padding:0;
	}



	/* subpage - charge */
	.ctOut{
		margin:0 auto 3em auto;
	}

	.ct{
		margin:0 3%;
	}

	.ctAttention{
		margin:1em 3%;
	}

	.requireBox{
		width:auto;
		margin:3em 3%;
	}

	.rBoxDesc table td.tTitle{
		width:20%;
	}



	/* subpage - guide */
	.spGuideNav{
		display:block;
		position:fixed;
		bottom:20%;
		left:5%;
		z-index:3;
	}

	.spGuideNav a{
		font-size: 3rem;
		padding: 10px 17px;
		background: rgba(17, 134, 189, 0.8);
		border-radius: 50%;
		color: #fff;
	}

	.manualGuide .closeDig{
		display:block;
		text-align:center;
		margin:0.5em 0;
	}

	.manualList:after{
		content:"";
		width:29%;
		margin:1em;
	}

	.manualBox{
		width:29%;
	}

	.manualMain{
		width:100%;
	}

	.mfImg{
		text-align:center;
	}

	.mflowTitle,
	.mflowCnt{
		margin:0 3%;
	}

	.manualGuide{
		width:auto;
		margin:0 3%;
		padding:0;
	}

	.mflowBoxSec{
		margin:0 auto 0 3%;
	}



	/* subpage - faq */
	.faqs{
		margin:0 3%;
	}



	/* subpage - inquiry */
	.selectWrap i{
		display:block;
	}

	.formBox select{
		appearance:none;
		-webkit-appearance:none;
	}

	.formBox .selectWrap{
		display:block;
		position:relative
		width:100%;
	}

	.formBox .selectWrap i{
		color:#999;
		height:35%;

		position:absolute;
		top:0;
		bottom:0;
		right:5%;
		margin:auto;
	}

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

	.formBox input[type="text"]{
		appearance:none;
		-webkit-appearance:none;
	}

	.formBox textarea{
		appearance:none;
		-webkit-appearance:none;
	}

	.inqSubmit input[type="submit"]{
		appearance:none;
		-webkit-appearance:none;
		border-radius:0;
	}



	/* terms */
	.etcDec{
		width:90%;
	}



	/* for-orders / for-manages */
	.msgHead{
		margin:4em 0 0 0;
	}

	.msgCopy h2{
		font-size:3rem;
	}

	.msgCopy p{
		font-size:1.6rem;
	}

	.msgMainImg{
		width:35%;
	}

	.msgMainImg.spr{
		width:20%;
	}

	.msgMainImg.pcs{
		width:55%;
		right:0;
	}

	.msgDo{
		margin:0 auto;
		top:0;
	}

	.msgDoBox{
		position:relative;
	}

	.msgDoBox:first-child{
		z-index:3;
	}

	.msgDoBox:nth-child(2){
		left:-4%;
	}

	.msgDoBox:last-child{
		left:-7%;
	}

	.msgStepList{
		margin:0 auto;
		-ms-flex-pack:distribute;
		    justify-content:space-around;
	}

	.msgStepBoxIn{
		padding:0.5em;
	}

	.msgStepNav p{
		font-size:1.4rem;
	}

	.msgStepList .msgStepBox:after{
		right:-32px;
	}

	.msgFuncBox dd{
		padding:0 0 0 1em;
	}

	.msgQueBox{
		margin:2em 1em;
	}

	.msgAttention{
		padding:0 1em;
	}



}



/*******************************
1024- i Pad Landscape
*******************************/
@media screen and (min-width: 1024px){

	/* default */
	/* .headerBox nav ul li a{
		pointer-events:none;
	}

	.headerBox nav ul li ul li a{
		pointer-events:auto;
	} */

	.drawer-header{
		display:none;
	}

	.headerWrapper{
		margin:0 2%;
	}

	.wrap{
		min-width:1px;
	}

	.headerBox.fixNav .logo{
		margin:0;
	}

	.headerBox nav ul li{
		margin:0;
	}

	.headInquiry a{
		font-size:1.4rem;
	}

	.headInquiry a span{
		font-size:2.4rem;
	}

	.deviceWrap{
		right:-8%;
	}
	
	.ppWrap.is-header{
		max-width: 148px;
		right: 20px;
	}



	/* hone - incase */
	.incDoBox.manage .incDoCmt{
		width:80%;
	}

	.incTypeWrap{
		padding:6em 0 0 30%;
	}



	/* home - manual */
	.manualList{
		margin:0 3%;
	}



	/* home - faq */
	.faqsInner{
		margin:0 3%;
		padding:0 0 2em 0;
	}

	.question{
		font-size:1.4rem;
	}

	.ansInner{
		font-size:1.4rem;
		padding:0 3%;
	}

	.question:after{
		width:20px;
	}

	.question:before{
		width:20px;
		right:16px;
	}



	/* home - news */
	.newsWrap{
		padding:0 3%;
	}



	/* section default */
	.sectionTitle{
		margin:0 3%;
		padding:1em 0;
	}



	/* sub page - default */
	.subHead{
		margin:0 3%;
	}



	/* subpage - about */
	.abpImage{
		padding:0 0 0 1em;
	}

	.abdBox{
		padding:0 3%;
	}

	.aosImage{
		margin:4em 3% 2em 3%;
	}

	.aosBox{
		padding:1em 1em 1em 6em;
		margin:2em 3%;
	}

	.iconBox{
		left:-16px;
	}

	.abpBox{
		padding:0 3% 0 2em;
	}



	/* subpage - func */
	.funcsBoxOut{
		margin:0 3%;
	}



	/* subpage - charge */
	.ct{
		margin:0 3%;
	}

	.ctAttention{
		margin:0 3%;
	}

	.requiresBox{
		margin:0 3%;
	}

	.requireBox{
		width:100%;
	}



	/* subpage - guide */
	.mDetailInner{
		margin:0 3%;
	}

	.manualGuideDig{
		display:block;
		width:30%;
	}

	.manualGuide{
		width:100%;
		padding:0 0 0 1em;
	}



	/* subpage - faq */
	.faqs{
		margin:0 3%;
	}



	/* subpage - inquiry */
	.selectWrap i{
		display:block;
	}

	.formBox select{
		appearance:none;
		-webkit-appearance:none;
	}

	.formBox .selectWrap{
		display:block;
		position:relative
		width:100%;
	}

	.formBox .selectWrap i{
		color:#999;
		height:35%;

		position:absolute;
		top:0;
		bottom:0;
		right:5%;
		margin:auto;
	}

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

	.formBox input[type="text"]{
		appearance:none;
		-webkit-appearance:none;
	}

	.formBox textarea{
		appearance:none;
		-webkit-appearance:none;
	}

	.inqSubmit input[type="submit"]{
		appearance:none;
		-webkit-appearance:none;
		border-radius:0;
	}



	/* terms */
	.etcDec{
		width:90%;
	}



	/* for-orders / for-manages */
	.msgStepList{
		margin:0 auto;
		-ms-flex-pack:distribute;
		    justify-content:space-around;
	}

	.msgQueBox{
		margin:2em 1em;
	}

	.msgAttention{
		padding:0 1em;
	}



}