@charset "utf-8";

.fYu{ font-family:"YakuHanJP_Narrow","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}

/** index
========================================*/
/*--( secFirstView )--*/
#container{
	min-width: 1260px;
}
.imgSp{display: none;}
.spOnly{
    display: none;
}
@media only screen and (max-width: 767px){
	#container{
		min-width: 0;
	}
    .imgPc{
        display: none;
    }
    .imgSp{
        display: block;
    }
	.spNone{
		display: none;
	}
    .spOnly{
        display: inline-block;
    }
    .spNone{
        display: none;
    }
}
.secHero .img100{
	width: 100%;
	height: auto;
}
.secHero{
    height: 650px;
	margin-bottom: 70px;
    position: relative;
    background: #fff9e2;
    overflow-x: clip;
	background:  #fff9e2 ;
}
.secHero::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/supportdesk/bgTop.png) center top no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	z-index: 2;
}
.secHero .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.secHero .circle1 {
    position: absolute;
    z-index: 2;
    top: calc(50% - 500px);
    left: calc(50% - 500px);
    width: 1000px;
    height: 1000px;
    background: #fff;
}
.secHero .circle2 {
    position: absolute;
    z-index: 1;
    top: calc(50% - 770px);
    left: calc(50% - 770px);
    width: 1540px;
    height: 1540px;
    background: #fffcf2;
}
.secHero .circle1,
.secHero .circle2{
    opacity: 0;
    transform: scale(0);
    transition: all 2s ease-out;
    border-radius: 50%;
}
.secHero.active .circle1,
.secHero.active .circle2{
    opacity: 1;
    transform: scale(1);
}
.secHero .wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.secHero .iconTop,
.secHero .imgTit,
.secHero .iconBot{
    opacity: 0;
    transform: translateY(-20px);
    transition: all 1s ease-out;
}
.secHero.active .iconTop,
.secHero.active .imgTit,
.secHero.active .iconBot{
    opacity: 1;
    transform: none;
}
.secHero .iconTop{
	text-align: center;
	padding-top: 31px;
}
.secHero .imgTit{
	width: 833px;
	margin: 23px auto 0;
    transition-delay: 0.3s;
}
.secHero .iconBot{
	width: 908px;
	position: absolute;
	bottom: -82px;
	left: calc(50% - 454px);
    transition-delay: 0.6s;
}
.secHero .imgBox01,
.secHero .imgBox02,
.secHero .imgBox03,
.secHero .imgBox04{
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease-out;
}
.secHero.active .imgBox01,
.secHero.active .imgBox02,
.secHero.active .imgBox03,
.secHero.active .imgBox04{
    opacity: 1;
    transform: none;
}
.secHero .imgBox01{
	position: absolute;
	top: 4.16vw;
	left: 4.3%;
    transition-delay: 1s;
}
.secHero .imgBox02{
	position: absolute;
	top: 4.16vw;
	right: 7.4%;
    transition-delay: 1.3s;
}
.secHero .imgBox03{
	position: absolute;
	bottom: -2.916vw;
	left: 8.1%;
    transition-delay: 1.6s;
}
.secHero .imgBox04{
	position: absolute;
	bottom: -7.86vw;
	right: 3.3%;
    transition-delay: 1.9s;
}
@media only screen and (max-width: 1700px){
	.secHero .imgBox01{
		left: 1%;
	}
	.secHero .imgBox02{
		right: 3%;
	}
	.secHero .imgBox03{
		left: 3%;
	}
	.secHero .imgBox04{
		right: 1%;
	}
}
@media only screen and (max-width: 1525px){
	.secHero.active .imgBox01{
		transform: translateY(0) scale(0.9);
		transform-origin: top left;
	}
	.secHero.active .imgBox02{
		transform: translateY(0) scale(0.9);
		transform-origin: top right;
	}
	.secHero.active .imgBox03{
		transform: translateY(0) scale(0.9);
		transform-origin: bottom left;
	}
	.secHero.active .imgBox04{
		transform: translateY(0) scale(0.9);
		transform-origin: bottom right;
	}
}
@media only screen and (max-width: 1440px){
	.secHero.active .imgBox01{
		transform: translateY(0) scale(0.85);
	}
	.secHero.active .imgBox02{
		transform: translateY(0) scale(0.85);
	}
	.secHero .imgBox02{
		right: 2%;
	}
	.secHero.active .imgBox03{
		transform: translateY(0) scale(0.85);
	}
	.secHero.active .imgBox04{
		transform: translateY(0) scale(0.85);
	}
}
@media only screen and (max-width: 1380px){
	.secHero .imgTit{
		width: 710px;
		margin-top: 60px;
	}
	.secHero .iconBot{
		width: 800px;
		left: calc(50% - 400px);
	}
}
@media only screen and (max-width: 1300px){
	.secHero.active .imgBox02{
		transform: translateY(0) scale(0.8);
	}
	.secHero .imgBox03{
		left: 0.5%;
	}
	.secHero.active .imgBox04{
		transform: translateY(0) scale(0.8);
	}
}
@media only screen and (max-width: 767px){
	.secHero{
		margin-bottom: 50px;
		height: 117.334vw;
		background-size: cover;
		overflow-x: clip;
	}
	.secHero::after{
		background: url(../img/supportdesk/bgTop_sp.png) center top no-repeat;
		background-size: cover;
	}
	.secHero .bg {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%
    }
    .secHero .circle1 {
        top: calc(50% - 37.334vw);
        left: calc(50% - 37.334vw);
        width: 74.667vw;
        height: 74.667vw;
    }
    .secHero .circle2 {
        top: calc(50% - 53.334vw);
        left: calc(50% - 53.334vw);
        width: 106.667vw;
        height: 106.667vw;
    }
	.secHero .iconTop{
		width: 21.6%;
		margin: 0 auto;
		padding-top: 10.666vw;
	}
	.secHero .imgTit{
		width: 74.134%;
		margin: 6.3vw auto 0;
	}
	.secHero .iconBot{
		width: 56.534%;
		bottom: -51px;
		left: 22.733%;
	}
	.secHero.active .imgBox01{
		transform: translateY(0) scale(1);
	}
	.secHero .imgBox01{
		width: 28.534vw;
		top: 18.933vw;
		left: 4%;
	}
	.secHero.active .imgBox02{
		transform: translateY(0) scale(1);
	}
	.secHero .imgBox02{
		width: 19.734vw;
		top: 5.333vw;
		right: 5.333%;
	}
	.secHero.active .imgBox03{
		transform: translateY(0) scale(1);
	}
	.secHero .imgBox03{
		width: 20.8vw;
		bottom: 26.133vw;
		left: 5.6%;
	}
	.secHero.active .imgBox04{
		transform: translateY(0) scale(1);
	}
	.secHero .imgBox04{
		width: 26.134vw;
		bottom: 25.866vw;
		right: -4.8%;
	}
}
.secOb{
	width: 1040px;
	height: 586px;
	max-width: 98%;
	background: #fff9e2;
	margin: 0 auto;
	border: 3px solid #000;
	color: #000;
	border-radius: 10px;
	position: relative;
	z-index: 3;
}
.secTit{
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2.5px;
	padding-top: 78px;
	position: relative;
	color: #000;
}
.secOb .secTit::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 1px;
	background: #000;
	left: calc(50% - 15px);
	bottom: -21px;
}
.secOb .obTxt{
	font-size: 16px;
	text-align: center;
	line-height: 1.875;
	margin-top: 39px;
	font-weight: 500;
	letter-spacing: 1px;
}
.secOb .tabBox{
	display: flex;
	justify-content: center;
	margin-top: 42px;
}
.secOb .secReservBox{
	margin-right: 20px;
}
@media only screen and (max-width: 767px){
	.secOb{
		width: 93.07%;
		height: auto;
		padding: 38px 0 22px;
		max-width: 100%;
		border: 2px solid #000;
	}
	.secTit{
		font-size: 16px;
		letter-spacing: 0.5px;
		padding-top: 0;
	}
	.secOb .secTit::after{
		display: none;
	}
	.secOb .obTxt{
		font-size: 12px;
		line-height: 2.08;
		margin-top: 20px;
		letter-spacing: 0;
	}
	.secOb .tabBox{
		display: block;
		margin-top: 17px;
	}
	.secOb .secReservBox{
		margin-right: auto;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 359px){
	.secOb .obTxt{
		font-size: 11px;
	}
}
/*--------------------------------------------------
         .secReservBox
 --------------------------------------------------*/
.secReservBox{
	overflow: hidden;
	position: relative;
	width: 450px;
	height: 110px;
	border-radius: 10px;
	background: #ff6600;
	box-shadow: inset 0px -6px 0px 0px rgba(1, 1, 1, 10%);
}
.secReservBox:hover{
	opacity: 0.8;
}
.secReservBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 2;
    display: block;
    opacity: 0.8;
    width: 70px;
    height: 110px;
    background: #fff;
    transform: skew(-12deg);
    transform-origin: top left;
    animation: oh-button-anim1 2s ease infinite;
}
@keyframes oh-button-anim1{
	0%{left:-50px;opacity:0.8}
	90%{left:100%;opacity:0}
	100%{left:100%;opacity:0}
}
.secReservBox .link{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #fff;
	padding-left: 7px;
}
.secReservBox .mailTxt{
	font-size: 25px;
	letter-spacing: 2px;
	margin-left: 15px;
	font-weight: bold;
}
@media only screen and (max-width: 767px){
	.secReservBox{
		margin: 0 auto;
		width: 86.82%;
		height: 66px;
		border-radius: 6px;
		box-shadow: inset 0px -4px 0px 0px rgba(1, 1, 1, 10%);
	}
	.secReservBox::before {
		width: 45px;
		height: 66px;
	}
	.secReservBox .link{
		padding-left: 0;
	}
	.secReservBox .iconMail{
		width: 21px;
	}
	.secReservBox .mailTxt{
		font-size: 14px;
		letter-spacing: 0;
		margin-left: 8px;
	}
}
/*--------------------------------------------------
         .secTelBox
 --------------------------------------------------*/
.secTelBox{
	position: relative;
	width: 450px;
	height: 104px;
	border-radius: 10px;
	border: 3px solid #ff6600;
	background: #fff;
}
.secTelBox::after{
	position: absolute;
	content: "";
	width: 142px;
	height: 127px;
	background: url(../img/supportdesk/iconTelBox.png) center top no-repeat;
	top: -130px;
	right: 35px;
}
.secTelBox .link{
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	color: #000;
}
.secTelBox .numberBox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.secTelBox .number{
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 15px;
}
.secTelBox .subTxt{
	font-size: 11px;
	font-weight: 500;
	text-align: center;
	margin-top: 11px;
}
@media only screen and (max-width: 767px){
	.secTelBox{
		margin: 0 auto;
		width: 86.82%;
		height: 63px;
		border-radius: 6px;
		border: 2px solid #ff6600;
	}
	.secTelBox::after{
		display: none;
	}
	.secTelBox .iconTel{
		width: 24px;
	}
	.secTelBox .number{
		font-size: 17px;
		letter-spacing: 1px;
		margin-left: 10px;
	}
	.secTelBox .subTxt{
		font-size: 10px;
		margin-top: 7px;
	}
	.secTelBox .txtSmall{
		transform: scale(0.9);
		display: block;
	}
}
.secWorrie .secTit{
	padding-top: 92px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 2.5px;
	color: #000;
}
.secWorrie .img{
	margin: 57px auto 0;
	max-width: 1149px;
	width: 95%;
}
@media only screen and (max-width: 767px){
	.secWorrie .secTit{
		padding-top: 51px;
		font-size: 16px;
		letter-spacing: 0.5px;
	}
	.secWorrie .img{
		margin: 21px auto 0;
		max-width: none;
		width: 99.47%;
	}
}
.secReform{
	position: relative;
	margin-top: 85px;
	background: url(../img/supportdesk/bgReform.gif) center top no-repeat;
	height: 1150px;
}
.secReform::after{
	position: absolute;
	content: "";
	width: 50px;
	height: 144px;
	background: url(../img/supportdesk/iconReform.png) center top no-repeat;
	top: -50px;
	left: calc(50% - 25px);
}
.secReform .imgTit{
	padding-top: 133px;
	text-align: center;
}
.secReform .reformBox{
	position: relative;
	margin: 56px auto 0;
	width: 1040px;
	max-width: 96%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.secReform .reformBox::after{
	position: absolute;
	content: "";
	width: 274px;
	height: 211px;
	background: url(../img/supportdesk/iconReformBoxMan.png) center top no-repeat;
	background-size: contain;
	top: -199px;
	right: 0;
}
.secReform .box{
	width: 320px;
}
.secReform .reformBox .box:nth-child(n+4){
	margin-top: 49px;
}
.secReform .imgBoxCover{
	position: relative;
	z-index: 1;
}
.secReform .imgBox{
	overflow: hidden;
	border: 2px solid #ff6600;
	border-radius: 10px;
}
.secReform .icon{
	position: absolute;
	left: -20px;
	top: -20px;
}
.secReform .boxTit{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5px;
	padding-top: 19px;
	color: #000;
}
.secReform .subTxt{
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin-top: 16px;
	letter-spacing: 1px;
	color: #000;
}
.secReform .reformBox .box:nth-child(6) .imgBox{
	border-radius: 15px;
	border: none;
}
.secReform .reformBox .box:nth-child(6) .imgBox img{
	width: 100%;
}
.secReform .reformBox .box:nth-child(6) .icon{
	top: -39px;
	left: calc(50% - 41px);
}
.secReform .freeTit{
	font-size: 10px;
	line-height: 2;
	padding-top: 13px;
	letter-spacing: -0.5px;
	font-weight: 500;
}
@media only screen and (max-width: 1080px){
	.secReform .box{
		width: 30.77%;
	}
}
@media only screen and (max-width: 767px){
	.secReform{
		margin-top: 45px;
		background: url(../img/supportdesk/bgReform_sp.gif) center top no-repeat;
		background-size: cover;
		height: 241.334vw;
	}
	.secReform::after{
		width: 28px;
		height: 71px;
		background: url(../img/supportdesk/iconReform_sp.png) center top no-repeat;
		background-size: contain;
		top: -24px;
		left: calc(50% - 14px);
	}
	.secReform .imgTit{
		width: 61.867%;
		margin: 0 auto;
		padding-top: 16.8vw;
	}
	.secReform .reformBox{
		margin: 20px auto 0;
		width: 94.134%;
		max-width: none;
	}
	.secReform .reformBox::after{
		width: 93px;
		height: 71px;
		top: -70px;
		right: 0;
	}
	.secReform .box{
		width: 48.726%;
	}
	.secReform .reformBox .box:nth-child(n+4){
		margin-top: 0;
	}
	.secReform .reformBox .box:nth-child(n+3){
		margin-top: 14px;
	}
	.secReform .imgBox{
		border: 2px solid #ff6600;
		border-radius: 10px;
	}
	.secReform .icon{
		width: 32px;
		left: calc(50% - 16px);
		top: auto;
		bottom: -15px;
	}
	.secReform .boxTit{
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1.38;
		padding-top: 22px;
	}
	.secReform .subTxt{
		font-size: 10px;
		margin-top: 8px;
		letter-spacing: 0.5px;
	}
	.secReform .reformBox .box:nth-child(6) .imgBox{
		border-radius: 5px;
	}
	.secReform .reformBox .box:nth-child(6) .icon{
		display: none;
	}
	.secReform .freeTit{
		font-size: 10px;
		line-height: 2;
		padding-top: 12px;
		letter-spacing: 0;
		width: 94.134%;
		margin: 0 auto;
	}
	.secReform .freeTit.spOnly{
		display: block;
	}
}
@media only screen and (max-width: 359px){
	.secReform .reformBox{
		margin-top: 10px;
	}
	.secReform .reformBox .box:nth-child(n+3){
		margin-top: 7px;
	}
	.secReform .subTxt{
		margin-top: 5px;
	}
	.secReform .freeTit{
		padding-top: 3px;
	}
	.secReform .reformBox::after{
		right: -5px;
	}
}
.secCost .secTit{
	padding-top: 100px;
}
.secCost .imgTable{
	margin: 50px auto 0;
	width: 1040px;
	max-width: 98%;
}
.secCost .imgBnr{
	text-align: center;
	margin-top: 46px;
}
@media only screen and (max-width: 767px){
	.secCost .secTit{
		padding-top: 50px;
	}
	.secCost .imgTable{
		position: relative;
		margin: 25px auto 0;
		width: 94.134%;
		max-width: none;
		overflow-x: scroll;
		overflow-y: clip;
		padding-bottom: 26px;
	}
	.secCost .imgTable img{
		width: 637px;
	}
	.secCost .imgBnr{
		width: 94.134%;
		margin: 40px auto 0;
	}
}
/* psItem */
.psItem .ps__rail-x{
    opacity: 1 !important;
    background: #EBEBEB !important;
}
.psItem .ps__thumb-x{
    background: #D4D4D4 !important;
    bottom: 0 !important;
}
.psItem .ps__rail-x,
.psItem .ps__thumb-x{
    height: 10px !important;
	border-radius: 10px;
}
.psItem .ps__rail-y,
.psItem .ps__thumb-y{
    display: none !important;
}

.secContactBnr{
	margin: 60px auto 0;
	width: 1040px;
	height: 316px;
	max-width: 98%;
	border: 3px solid #000;
	border-radius: 10px;
	background: #fff9e2;
}
.secContactBnr .contactTit{
	font-size: 34px;
	font-weight: bold;
	padding-top: 78px;
	letter-spacing: 3.7px;
	color: #000;
	padding-left: 6.3%;
}
.secContactBnr .tabBox{
	display: flex;
	justify-content: center;
	margin-top: 38px;
}
.secContactBnr .secReservBox{
	margin-right: 20px;
}
@media only screen and (max-width: 767px){
	.secContactBnr{
		position: relative;
		margin: 80px auto 0;
		width: 93.07%;
		padding-bottom: 21px;
		height: auto;
		max-width: none;
		border: 2px solid #000;
	}
	.secContactBnr::after{
		position: absolute;
		content: "";
		width: 79px;
		height: 70px;
		background: url(../img/supportdesk/iconContactBnr_sp.png) center top no-repeat;
		background-size: contain;
		top: -43px;
		left: calc(50% - 36.5px);
	}
	.secContactBnr .contactTit{
		font-size: 16px;
		padding-top: 43px;
		line-height: 1.68;
		letter-spacing: 0;
		padding-left: 0;
		text-align: center;
	}
	.secContactBnr .tabBox{
		display: block;
		margin-top: 14px;
	}
	.secContactBnr .secReservBox{
		margin-right: auto;
		margin-bottom: 10px;
	}
}
.secVoice{
	height: 440px;
	margin-top: 110px;
	padding-top: 1px;
	background: url(../img/supportdesk/bgVoice.gif) left top;
}
.secVoice .imgTit{
	text-align: center;
	margin-top: -20px;
}
.secVoice .innerBox{
	width: 1040px;
	max-width: 96%;
	margin: 62px auto 0;
	display: flex;
}
.secVoice .imgBoxCover{
	position: relative;
}
.secVoice .icon{
	position: absolute;
	top: -31px;
	left: -30px;
}
.secVoice .txtBox{
	margin-left: 56px;
	padding-top: 56px;
}
.secVoice .txt{
	font-size: 18px;
	line-height: 2;
	font-weight: bold;
	letter-spacing: 1px;
	color: #030517
}
.secVoice .name{
	font-size: 16px;
	color: #030517;
	text-align: right;
	margin-top: 21px;
	letter-spacing: 1px;
}
@media only screen and (max-width: 1100px){
	.secVoice .icon{
		left: -12px;
	}
	.secVoice .txtBox{
		margin-left: 30px;
	}
	.secVoice .txt{
		font-size: 17px;
		letter-spacing: 0;
	}
}
@media only screen and (max-width: 767px){
	.secVoice{
		height: auto;
		padding-bottom: 47px;
		margin-top: 59px;
		background: url(../img/supportdesk/bgVoice_sp.gif) left top;
	}
	.secVoice .imgTit{
		width: 79.2%;
		margin: -9px auto 0;
	}
	.secVoice .innerBox{
		width: 100%;
		max-width: none;
		margin: 31px auto 0;
		display: block;
	}
	.secVoice .imgBoxCover{
		margin: 0 auto;
		width: 60.8%;
	}
	.secVoice .img{
		width: 100%;
		margin: 0 auto;
	}
	.secVoice .icon{
		width: 45.18%;
		top: -16px;
		left: -16px;
	}
	.secVoice .txtBox{
		margin-left: 0;
		padding-top: 20px;
	}
	.secVoice .txt{
		text-align: center;
		font-size: 12px;
		line-height: 2.08;
		font-weight: 500;
		letter-spacing: 0;
	}
	.secVoice .name{
		text-align: center;
		font-size: 12px;
		font-weight: 500;
		margin-top: 11px;
	}
}
@media only screen and (max-width: 359px){
	.secVoice .txt{
		font-size: 11px;
	}
}
.secSupport{
	padding-bottom: 100px;
}
.secSupport .tit{
	font-size: 40px;
	padding-top: 63px;
	line-height: 1.75;
	text-align: center;
	color: #030517;
	letter-spacing: 3px;
}
.color{
	color: #ff6600;
}
.secSupport .titSub{
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #030517;
	margin-top: 26px;
	letter-spacing: 0.6px;
}
.secSupport .imgTop{
	width: 1030px;
	max-width: 100%;
	margin: 50px auto 0;
}
.secSupport .imgBot{
	text-align: center;
	margin-top: 59px;
}
.secSupport .obTxt{
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.8;
	color: #030517;
	margin-top: 69px;
}
.secSupport .secContactBnr{
	margin-top: 47px;
}
@media only screen and (max-width: 767px){
	.secSupport{
		padding-bottom: 50px;
	}
	.secSupport .tit{
		font-size: 20px;
		padding-top: 45px;
		line-height: 1.6;
		letter-spacing: 0.5px;
	}
	.secSupport .titSub{
		font-size: 10px;
		margin-top: 19px;
		letter-spacing: 0.3px;
	}
	.secSupport .imgTop{
		width: 94.134%;
		margin: 28px auto 0;
	}
	.secSupport .imgBot{
		width: 94.134%;
		margin: 38px auto 0;
	}
	.secSupport .obTxt{
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1.92;
		margin-top: 34px;
	}
	.secSupport .secContactBnr{
		margin-top: 64px;
	}
}
.secTotal{
	background: url(../img/supportdesk/bgTotal.gif) center top no-repeat;
	height: 1426px;
}
.secTotal .tit{
	font-size: 40px;
	line-height: 1.75;
	text-align: center;
	color: #030517;
	font-weight: bold;
	letter-spacing: 3px;
	padding-top: 85px;
}
.secTotal .titSub{
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	line-height: 1.875;
	margin-top: 19px;
	color: #030517;
	letter-spacing: 1px;
}
.secTotal .wrapperBox{
	width: 1040px;
	max-width: 98%;
	margin: 0 auto;
}
.secTotal .boxTit{
	font-size: 24px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	background: #ff6600;
	border-radius: 40px;
	margin-top: 51px;
}
.secTotal .flexBox{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.secTotal .box{
	width: 32.693%;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.secTotal .liTit{
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #203444;
}
.secTotal .imgBox{
	padding: 30px 0;
}
.secTotal .img{
	text-align: center;
}
.secTotal .secContactBnr{
	margin-top: 54px;
	background: #fff;
}
@media only screen and (max-width: 767px){
	.secTotal{
		background: url(../img/supportdesk/bgTotal_sp.gif) center top no-repeat;
		background-size: cover;
		height: auto;
		padding: 44px 0 80px;
	}
	.secTotal .tit{
		font-size: 20px;
		line-height: 1.6;
		letter-spacing: 0px;
		padding-top: 0;
	}
	.secTotal .titSub{
		font-size: 12px;
		line-height: 2.08;
		margin-top: 16px;
		letter-spacing: 0;
	}
	.secTotal .wrapperBox{
		width: 94.134%;
		max-width: none;
	}
	.secTotal .boxTit{
		font-size: 14px;
		letter-spacing: 0;
		height: 50px;
		border-radius: 25px;
		margin-top: 23px;
	}
	.secTotal .flexBox{
		margin-top: 30px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.secTotal .box{
		width: 48.726%;
		background: none;
		margin-right: 2.54%;
	}
	.secTotal .flexBox .box:nth-child(2){
		margin-right: 0;
	}
	.secTotal .flexBox .box:last-child{
		width: 55.243%;
		margin-right: 0;
		margin-top: 14px;
	}
	.secTotal .liTit{
		height: 50px;
		font-size: 14px;
		letter-spacing: 0;
	}
	.secTotal .imgBox{
		padding: 10px 0;
		background: #fff;
	}
	.secTotal .img{
		width: 89.744%;
		margin: 0 auto;
	}
	.secTotal .secContactBnr{
		margin-top: 70px;
	}
}
@media only screen and (max-width: 359px){
	.secTotal .liTit{
		font-size: 13px;
	}
	.secTotal .titSub{
		font-size: 11px;
	}
}
.wrapperTitForm .tit{
	font-size: 34px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	letter-spacing: 5px;
	height: 160px;
}
.secForm.support{
	border: none;
	padding-top: 5px;
}
.imgFormStep.support{
	margin-top: 60px;
}
@media only screen and (max-width: 767px){
	.wrapperTitForm .tit{
		font-size: 18px;
		letter-spacing: 0.5px;
		height: 69px;
	}
	.imgFormStep.support{
		margin-top: 30px;
		margin-bottom: 0;
	}
}
.secCheck{
	width: 1040px;
	max-width: 98%;
	margin: 0 auto 53px;
	background: linear-gradient(to right, #757575, #757575 1px, transparent 1px, transparent 4px) left top / 4px 1px repeat-x;
}
.secCheck .tit{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 82px;
	color: #030517;
}
.secCheck .tabBox{
	margin-top: 48px;
	display: flex;
}
.secCheck .tab{
	width: calc(100% / 4);
	height: 250px;
	border: 1px solid #ddd;
	box-shadow: inset 0px -6px 0px 0px rgba(1, 1, 1, 6%);
}
.secCheck .tabBox .tab:nth-child(1){
	border-radius: 10px 0 0 10px;
}
.secCheck .tabBox .tab:nth-child(4){
	border-radius: 0 10px 10px 0;
}
.secCheck .tabBox .tab:nth-child(n+2){
	border-left: none;
}
.secCheck .link{
	display: block;
	text-decoration: none;
	color: #030517;
	width: 100%;
	height: 100%;
}
.secCheck .icon{
	padding-top: 57px;
	text-align: center;
}
.secCheck .tabBox .tab:nth-child(2) .icon,
.secCheck .tabBox .tab:nth-child(4) .icon{
	padding-top: 55px;
}
.secCheck .txt{
	font-size: 19px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.57;
	margin-top: 19px;
}
.secCheck .tabBox .tab:nth-child(2) .txt{
	margin-top: 20px;
}
.secCheck .tabBox .tab:nth-child(3) .txt{
	margin-top: 21px;
}
.secCheck .tabBox .tab:nth-child(4) .txt{
	margin-top: 19px;
}
@media only screen and (max-width: 767px){
	.secCheck{
		width: 94.4%;
		max-width: none;
		margin: 0 auto 60px;
		background: linear-gradient(to right, #757575, #757575 1px, transparent 1px, transparent 2px) left top / 2px 1px repeat-x;
	}
	.secCheck .tit{
		font-size: 14px;
		letter-spacing: 0.5px;
		padding-top: 44px;
		line-height: 1.85;
	}
	.secCheck .tabBox{
		margin-top: 24px;
		flex-wrap: wrap;
	}
	.secCheck .tab{
		width: calc(99% / 2);
		height: 140px;
	}
	.secCheck .tabBox .tab:nth-child(1){
		border-radius: 10px 0 0 0;
	}
	.secCheck .tabBox .tab:nth-child(2){
		border-radius: 0 10px 0 0;
	}
	.secCheck .tabBox .tab:nth-child(3){
		border-radius: 0 0 0 10px;
		border-left: 1px solid #ddd;
	}
	.secCheck .tabBox .tab:nth-child(4){
		border-radius: 0 0 10px 0;
	}
	.secCheck .tabBox .tab:nth-child(n+3){
		border-top: none;
	}
	.secCheck .icon{
		width: 33px;
		padding-top: 28px;
		margin: 0 auto;
	}
	.secCheck .tabBox .tab:nth-child(2) .icon{
		width: 53px;
		padding-top: 27px;
	}
	.secCheck .tabBox .tab:nth-child(3) .icon{
		width: 36px;
		padding-top: 27px;
	}
	.secCheck .tabBox .tab:nth-child(4) .icon{
		width: 35px;
		padding-top: 27px;
	}
	.secCheck .txt{
		font-size: 13px;
		letter-spacing: 0px;
		line-height: 1.53;
		margin-top: 8px;
	}
	.secCheck .tabBox .tab:nth-child(2) .txt{
		margin-top: 8px;
	}
	.secCheck .tabBox .tab:nth-child(3) .txt{
		margin-top: 7px;
	}
	.secCheck .tabBox .tab:nth-child(4) .txt{
		margin-top: 9px;
	}
}
.co .imgFormStep{
	margin-top: 60px;
}
.co .secForm{
	border: none;
}
.ok .imgFormStep{
	margin:60px 0 48px;
}
@media only screen and (max-width: 767px){
	.co .imgFormStep{
		margin-top: 30px;
	}
	.ok .imgFormStep{
		margin:30px 0 30px;
	}
}
@media only screen and (max-width: 359px){
	.ok .txtThanks{
		font-size: 12px;
	}
}