/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
p{padding:0;margin:0;}
img{padding:0;margin:0;vertical-align:middle;}

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

*{
	-moz-box-sizing: border-box;        /* Firefox */  
	-webkit-box-sizing: border-box;     /* Safari 3 */  
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */  
	box-sizing: border-box;             /* Opera */ 
	padding:0;
}

.clr:after{
	content: "";
	display: block;
	clear: both;
}
html { scroll-behavior: smooth;}
body {
	background:#fff;
	font-size: 90%;		/*全般の文字サイズ*/
	color:#f5f5f5;
	font-family: 'Noto Sans JP', sans-serif!important;
	font-weight:400;
}

a,a:hover {
	text-decoration:none;
}

a:hover, .hover:hover{
    opacity:0.8;
	transition: all 0.2s;
}


@media (min-width: 479px) {

	.pcn {
	display:none!important;
	}

	body {
		line-height: 1.5;		/*全般の行間*/
		color:#f5f5f5;
		margin: 0px;
		padding: 0px;
		text-align: left;
		background:#fff;
		width:15px;
		position:relative;
	}


	* {margin: 0; padding: 0;}

	a {
		color:#474747;
		text-decoration:none;
	}
	
	.hover:hover{
	     filter:alpha(opacity=50);
	     -moz-opacity:0.5;
	     -khtml-opacity:0.5;
	     opacity:0.5;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}

	.clearfix:after{
		content: "";
		display: block;
		clear: both;
	}

/* headerメイン設定 */

	.fv {
		width:100%;
		height:85vh;
		display:flex;
	}

	.fv .imgBox {
		width:calc(100% / 6);
		height:85vh;
		position:relative;
		overflow: hidden;
	}

	.fv .imgBox .imgItem {
		width:100%;
		height:85vh;
		overflow: hidden;
	}

	.fv .imgBox .imgItem.data1, .fv .imgBox .imgItem.data2 {
		position:absolute;
		top:0;
		left:0;
	}

	.fv .imgBox .imgItem.data1 {
		z-index:20;
	}

	.fv .imgBox .imgItem.data2 {
		z-index:10;
	}

/*
	.fv #imgbox01 .imgItem.data1 {
		background:#000;
	}

	.fv #imgbox01 .imgItem.data2 {
		background:#71afe1;
	}

	.fv #imgbox02 .imgItem.data1 {
		background:#ffeb72;
	}

	.fv #imgbox02 .imgItem.data2 {
		background:#c79a69;
	}

	.fv #imgbox03 .imgItem.data1 {
		background:#6ab0e3;
	}

	.fv #imgbox03 .imgItem.data2 {
		background:#1c1c54;
	}

	.fv #imgbox04 .imgItem.data1 {
		background:#ff2c2c;
	}

	.fv #imgbox04 .imgItem.data2 {
		background:#2a5231;
	}

	.fv #imgbox05 .imgItem.data1 {
		background:#f19ec2;
	}

	.fv #imgbox05 .imgItem.data2 {
		background:#ddcc55;
	}

	.fv #imgbox06 .imgItem.data1 {
		background:#fff;
	}

	.fv #imgbox06 .imgItem.data2 {
		background:#982222;
	}
*/





	.fv #imgbox01 .imgItem.data1 {
		background:#963639;
	}

	.fv #imgbox01 .imgItem.data2 {
		background:#070707;
	}

	.fv #imgbox02 .imgItem.data1 {
		background:#1a5033;
	}

	.fv #imgbox02 .imgItem.data2 {
		background:#4a4c9d;
	}

	.fv #imgbox03 .imgItem.data1 {
		background:#83b4ce;
	}

	.fv #imgbox03 .imgItem.data2 {
		background:#d96863;
	}

	.fv #imgbox04 .imgItem.data1 {
		background:#040404;
	}

	.fv #imgbox04 .imgItem.data2 {
		background:#fff;
	}

	.fv #imgbox05 .imgItem.data1 {
		background:#46475e;
	}

	.fv #imgbox05 .imgItem.data2 {
		background:#416255;
	}

	.fv #imgbox06 .imgItem.data1 {
		background:#b43638;
	}

	.fv #imgbox06 .imgItem.data2 {
		background:#46475e;
	}





	.fv .imgItem img {
		width:auto;
		position:absolute;
		bottom:0;
		height: 100%;
		animation: animationZoom1 4s infinite;
	}
 
/*	@keyframes animationZoom1 {
		100% { transform:scale(1.1)} 
	}
*/


	@keyframes top-op{
		0% {
			width: 0%;
			left:0;
		}
		25% {
			width: 100%;
			left:0;
			}

		75% {
			width: 100%;
			left:0;
		}
		100% {
			width: 0%;
			left: 100%;
			animation-timing-function: ease-in-out;
		}
	}

	.fv.change #imgbox01 .data1 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.4s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox02 .data1 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration:0.1s;
		animation-delay:0.53s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox03 .data1 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.66s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox04 .data1 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.79s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox05 .data1 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.92s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox06 .data1 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:1.05s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox01 .data2 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.4s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox02 .data2 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration:0.1s;
		animation-delay:0.53s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox03 .data2 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.66s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox04 .data2 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.79s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox05 .data2 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.92s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox06 .data2 {
		display:block;
		position:absolute;
		height:85vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:1.05s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	@keyframes top-op2{
		0% {
			opacity:1;
		}
		100% {
			opacity:0;
		}
	}

	/* 汎用設定 */
	.futurapt_ho {
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: italic;
	}

	h2.nomarl_h2 {
		display:block;
		width:100%;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: italic;
		font-size:320%;
		color:#000;
		text-align:center;
		padding-bottom:30px;
	}
	.comingsoon {
		height: calc(100vh - 248px);
		display: flex;
		justify-content: center;
		align-items: center;
		color: #666;
		font-size: 180%;
		font-weight: 500;
	}


	/* header */
	main {
		padding-top:60px!important;

	}
	header {
		width:100%;
		height:60px;
		background:#fff;
		position:fixed;
		z-index:50;
		padding:12.5px 15px;
		top:0;
		left:0;
	}
	
	header .head_logo {
		width:auto;
		height:35px;
	}
	header .head_logo2 {
		width:auto;
		height:35px;
		position:absolute;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		z-index:5;
	}
	.menuBtn {
		display: block;
		width: 120px;
		height: 120px;
		border-radius:60px;
		background:#000 url(https://hoshoexpress.co.jp/wp-content/themes/wptheme/images/menu_off.png) center center no-repeat;
		-moz-background-size: auto 28%;
		background-size: auto 28%;
		position:fixed;
		right:35px;
		top:90px;
		z-index:200;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		cursor:pointer;
	}

	html.sb-active .menuBtn {
		background:#000 url(https://hoshoexpress.co.jp/wp-content/themes/wptheme/images/menu_on.png) center center no-repeat;
		-moz-background-size: auto 28%;
		background-size: auto 28%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	header .header_link {
		display:block;
		width:100%;
		height:35px;
		position:absolute;
		top:12.5px;
		right:15px;
		text-align:right;
		z-index:2;
	}

	header .header_link a {
		display:inline-block;
		width:auto;
		height:35px;
		line-height:35px;
		padding-right:55px;
		font-size:87%;
		color:#737373;
		font-weight:500;
	}

	header .header_link a.login {
		background:url(https://unista.net/wp-content/themes/wptheme/images/icon-login.png) right 18px center no-repeat;
	}

	header .header_link a.cart {
		background:url(https://unista.net/wp-content/themes/wptheme/images/icon_cart.png) right 18px center no-repeat;
	}




	/* section共通 */
	section {
		position:relative;
	}


	/* mainvisual */

	section#mainvisual {
		position:relative;
	}

	section#mainvisual::after {
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:99;
		background:rgba(0,0,0,0.45);
	}
	section#mainvisual h1 {
		display:block;
		position:absolute;
		z-index:100;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width:75%;
		text-align:center;
	}
	section#mainvisual h1 span {
		display:block;
		width:100%;
		font-size:160%;
		font-weight:700;
		text-align:center;
		padding-bottom:20px;
		color:#fff;
	}

	section#mainvisual h1 img {
		width:100%;
		max-width:290px;
	}
	.testH1 {		
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 85%;
    text-align: center;
	}
	.testH1 span{
		display:block;
		width:33%;
		font-size:180%;
		font-weight:700;
		text-align:center;
		padding-bottom:20px;
		color:#fff;
	}
	.testH1 img {
		width:33%;
		max-width:300px;
    filter: drop-shadow(3px 3px 10px rgba(255,255,255,0.7));
	}

	/* mainlink */
	section#mainLink {
		width:100%;
		background:#fff;
	}

	section#mainLink .linkBox {
		display:flex;
	}

	section#mainLink .linkBox .simu_link {
		width:calc(calc(100% - 4px) / 3);
		background:#FAFAFA;
		margin-right:2px;
		padding:20px 5px 94px;
		position:relative;
	} 

	section#mainLink .linkBox .simu_link:nth-child(3) {
		margin-right:0;
	}

	section#mainLink .linkBox .simu_link h2 {
		width:100%;
		color:#000;
	}

	section#mainLink .linkBox .simu_link h2 span.main {
		display:block;		
		text-align:center;
		font-size:370%;
		letter-spacing: -1px;
		padding-bottom:0px;
		line-height:1.25;
	}

	section#mainLink .linkBox .simu_link h2 span.sub {
		display:block;		
		text-align:center;
		font-size:130%;
		letter-spacing: -1px;
		font-weight:700;
		padding-bottom:20px;
	}

	section#mainLink .linkBox .simu_link a {
		display:block;
		position:absolute;
		bottom:20px;		
		left:50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		width:100%;
		max-width:420px;
		margin:0 auto;
		height:74px;
		line-height:74px;
		background:#000;
		border-radius:37px;
		text-align:center;
		color:#FF542B;
		font-size:140%;
		letter-spacing: -1px;
		font-weight:500;
	}
	.simu_link.comingsoonlink * {
		opacity:0.15;
	}
	.simu_link.comingsoonlink::after {
		content:"COMING SOON..";
		position:absolute;
		top:50%;		
		left:50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);		
        font-size: 260%;
        letter-spacing: -1px;
        padding-bottom: 0px;
        line-height: 1;
        font-family: futura-pt, sans-serif;
        font-weight: 700;
        color: #FF542B;
        width: 100%;
        text-align: center;
	}

	/* whatsteams */
	section#whats {
		padding:60px 0;
	}

	section#whats .contents {
		width:100%;
		max-width:1280px;
		padding:0 40px;
		margin:0 auto;
	}

	.whats_teams_box {
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.whats_teams_box .whats_box {
		width:calc(50% - 40px);
		margin-right:80px;
		position:relative;
		margin-top:60px;
	}

	.whats_teams_box .whats_box .number {
		position:absolute;
		top:-40px;
		left:20px;
		font-family: din-2014-narrow, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size:700%;
		line-height:80px;
		color:#FC552C;
	}

	.whats_teams_box .whats_box:nth-child(2n) {
		margin-right:0;
	}

	.whats_teams_box .whats_box img {
		width:100%;
		margin-bottom:5px;
	}

	.whats_teams_box .whats_box .whats_text {
		background:#fafafa;
		padding:30px 25px 40px;
	}

	.whats_teams_box .whats_box .whats_text h3 {
		display:block;		
		color:#3A959D;
		font-size:165%;
		font-weight:700;
		padding-bottom:20px;
		line-height:1.4;
	}

	.whats_teams_box .whats_box .whats_text p {
		display:block;
		font-size:120%;
		color:#000000;
	}

	/* showcase */
	section#showcase {
		padding:20px 0 120px;
	}

	section#showcase .contents {
		width:100%;
		max-width:1920px;
		padding:0 0px;
		margin:0 auto;
	}

	.showcase_box {
		width:100%;
		position:relative;
	}

	.showcase_box::before {
		content:"";
		display:block;
		position:absolute;
		top:45%;
		left:0;
		width:100%;
		height:calc(45% + 80px);
		background:#FF542B;
	}

	.showcase_box li {
		display:block;
		text-align:center;
		padding:0 10px;
	}

	.showcase_box li img {
		width:60%;
		max-width:220px;
		margin:0 20% 30px;
	}

	.showcase_box li button {
		display:inline-block;
		width:100%;
		max-width:300px;
		height:60px;
		border:2px solid #000;
		background:#fff;
		border-radius:30px;
		font-size:120%;
		font-weight:500;
		font-family: inherit;
		cursor:pointer;
	}
	.next.slick-arrow {
    position: absolute;
	z-index:5;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    width: 40px;
    height: 40px;
    background: url(https://unista.net/wp-content/uploads/2023/02/slicknext.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
	}

	.prev.slick-arrow {
    position: absolute;
	z-index:5;
    left: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    width: 40px;
    height: 40px;
    background: url(https://unista.net/wp-content/uploads/2023/02/slickprev.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
	}



	/* service_infomation */
	section#service_infomation {
		padding:60px 0;
	}

	section#service_infomation .contents {
		width:100%;
		max-width:1280px;
		padding:0 40px;
		margin:0 auto;
	}

	section#service_infomation .item {
		width:100%;
		border-top:6px solid #000;
		padding-top:30px;
		margin-bottom:80px;
	}

	section#service_infomation .item h2.orange_h2 {
		width:100%;
		float:left;
		margin-bottom:30px;
	}

	section#service_infomation .item h2.orange_h2 .main {
		display:block;		
		text-align:center;
		font-size:370%;
		letter-spacing: -1px;
		padding-bottom:0px;
		line-height:1.25;
		color:#FF542B;
	}

	section#service_infomation .item h2.orange_h2 .sub {
		display:block;		
		text-align:center;
		font-size:130%;
		letter-spacing: -1px;
		font-weight:700;
		padding-bottom:20px;
		color:#000;
	}
	
	section#service_infomation .item .left_column {
		float:left;
		width:50%;
		padding-right:5%;
		margin-bottom:30px;
	}

	section#service_infomation .item .right_column {
		float:left;
		width:50%;
		background:#FAFAFA;
		padding:30px 0;
		text-align:center;
		margin-bottom:30px;
	}

	section#service_infomation .item .right_column img {
		width:40%;
	}

	section#service_infomation .item .left_column .item_data {
		width:100%;
		border-top:1px solid #000;
		margin-bottom:35px;
	}

	section#service_infomation .item .left_column .item_data > div {
		width:100%;
		height:60px;
		color:#000;
		border-bottom:1px solid #000;
	}

	section#service_infomation .item .left_column .item_data > div span:first-child {
		display:block;
		float:left;
		width:35%;
		height:60px;
		line-height:60px;
		padding-left:15px;
		font-size:120%;
		font-weight:700;
	}

	section#service_infomation .item .left_column .item_data > div span:last-child {
		display:block;
		float:left;
		width:65%;
		height:60px;
		line-height:60px;
		padding:0px;
		font-size:120%;
		font-weight:400;
	}

	section#service_infomation .item .left_column .item_price {
		width:100%;
	}

	section#service_infomation .item .left_column .item_price h3 {
		font-size:220%;
		color:#3A959D;
	}

	section#service_infomation .item .left_column .item_price div {
		width:100%;
		height:60px;
		color:#000;
	}

	section#service_infomation .item .left_column .item_price > div span:first-child {
		display:block;
		float:left;
		width:30%;
		height:60px;
		line-height:60px;
		padding-left:15px;
		font-size:120%;
		background:#EEEEEE;
		border-bottom:1px solid #fff;
	}

	section#service_infomation .item .left_column .item_price > div span:last-child {
		display:block;
		float:left;
		width:70%;
		height:60px;
		line-height:60px;
		padding-left:5%;
		font-size:160%;
		font-weight:700;
		background:#FAFAFA;
		border-bottom:1px solid #fff;

	}

	section#service_infomation .item .button_box {
		width:100%;
		float:left;
		text-align:center;
	}

	section#service_infomation .item .button_box .design_start {
		width:100%;
		max-width:600px;
		height:90px;
		font-size:145%;
		font-weight:500;
		color:#fff;
		background:#3A959D;
		border-radius:45px;
		font-family: inherit;
		border:0;
		outline: 0;
		cursor:pointer;
	}

	/* slide_mune */
	.slide_contents {
		width:100%;
		max-width:1280px;
		padding:0 40px;
		display:block;
		position:absolute;		
		z-index:100;
		left:50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	.slide_contents .left {
		float:left;
		width:42%;
		margin-right:3%;
		max-width:420px;
	}

	.slide_contents .right {
		float:right;
		width:55%;
	}

	.slide_contents .left .slide_logo{
		width:100%;
		margin-bottom:50px;
	}

	.slide_contents .left .signup button {
		display:block;
		width:100%;
		height:74px;
		border-radius:37px;
		border:2px solid #000;
		background:#FF542B url(https://unista.net/wp-content/themes/wptheme/images/slide_signup.png) right 25px center no-repeat;
		text-align:center;
		color:#fff;
		font-size:145%;
		font-weight:500;
		font-family: inherit;
		margin-bottom:50px;
	}

	.slide_contents .left .left_menu {
		width:100%;
	}

	.slide_contents .left .left_menu li {
		display:block;
		width:100%;
		height:45px;
	}

	.slide_contents .left .left_menu li a {
		display:block;
		position:relative;
		height:45px;
		line-height:42px;
		color:#000;
		font-size:130%;
		font-weight:400;
		width:100%;
		background:url(https://unista.net/wp-content/themes/wptheme/images/slide_linkbase.png) left center no-repeat;
		padding-left:32px;
	}

	.slide_contents .left .left_menu li a::after {
		content:"";
		width:21px;
		height:21px;
		display:block;
		position:absolute;
		left:1px;
		top:12px;
		background:url(https://unista.net/wp-content/themes/wptheme/images/slide_arw.png) center center no-repeat;
		background-size:auto 58%;

	}


	.slide_contents .right .right_menu {
		width:100%;
		border-top:3px solid #000;
	}

	.slide_contents .right .right_menu li {
		display:block;
		width:100%;
		height:85px;
		border-bottom:3px solid #000;
	}

	.slide_contents .right .right_menu li a {
		line-height:82px;
		color:#000;
		font-size:170%;
		font-weight:700;
		display:block;
		width:100%;
		background:url(https://unista.net/wp-content/themes/wptheme/images/slide_arw.png) right 10px center no-repeat;
	}


/* size page */

	section#size_list .contents {
		width:100%;
		max-width:1280px;
		padding:0 40px;
		margin:0 auto;
	}

	h1.normal_h1 {
		display:block;
		width:100%;
		height:250px;
		background:#E5E5E5;
		padding-top:80px;
		margin-bottom:100px;
	}

	h1.normal_h1 .main {
		display:block;
		width:100%;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: italic;
		font-size:450%;
		color:#000;
		text-align:center;
		padding-bottom:10px;
		line-height:60px;
	}

	h1.normal_h1 .sub {
		display:block;		
		text-align:center;
		font-size:145%;
		letter-spacing: -1px;
		font-weight:700;
		padding-bottom:20px;
		color:#3A959D;
	}

	section#size_list h2.orange_h2 {
		width:100%;
		margin-bottom:35px;
		margin-bottom:20px;
		text-align:left;
		vertical-align: top;
		border-bottom:6px solid #000;
	}

	section#size_list h2.orange_h2 .main {
		display:inline-block;	
		font-size:370%;
		letter-spacing: -1px;
		padding-left:5px;
		padding-bottom:0px;
		line-height:50px;
		color:#FF542B;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: italic;
		vertical-align: top;
	}

	section#size_list h2.orange_h2 .sub {
		display:inline-block;	
		font-size:130%;
		line-height:50px;
		letter-spacing: -1px;
		font-weight:700;
		padding-left:20px;
		padding-bottom:20px;
		color:#000;
		vertical-align: top;
	}

	section#size_list h3 {
		display:block;
		width:100%;
		font-size:160%;
		font-weight:700;
		margin-bottom:20px;
		color:#000;
	}

	section#size_list .size_box {
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding:20px 0;
		border-bottom:1px solid #737373;
	}

	section#size_list .size_box.last_box {
		border-bottom:none;
		margin-bottom:40px;
	}

	section#size_list .size_box img.item_img {
		width:220px;
		margin-right:15px;
	}

	section#size_list .size_box .size_table {
		width:calc(100% - 235px);
	}

	section#size_list .size_box .size_table table {
		width:100%;
		border-collapse: collapse;
		table-layout:fixed;
		margin-bottom:20px;
	}
	section#size_list .size_box .size_table table tbody, section#size_list .size_box .size_table table tbody tr {
		width:100%;
		padding:0;
		margin:0;
	}

	section#size_list .size_box .size_table table tbody {
		border-top:1px solid #B4B4B4;
	}

	section#size_list .size_box .size_table table tr {
		border-bottom:1px solid #B4B4B4;
	}

	section#size_list .size_box .size_table table th, section#size_list .size_box .size_table table td {
		border-right:1px solid #B4B4B4;
		vertical-align:middle;
		height:50px;
		color:#000000;
	}

	section#size_list .size_box .size_table table th:last-child, section#size_list .size_box .size_table table td:last-child {
		border-right:none;
	}

	section#size_list .size_box .size_table table th.th1 {
		background:#E5E5E5;
		font-size:105%;
		font-weight:500;
		text-align:left;
		padding-left:10px;
	}

	section#size_list .size_box .size_table table th.th2 {
		background:#FAFAFA;
		font-size:105%;
		font-weight:500;
		text-align:center;
	}

	section#size_list .size_box .size_table table td {
		background:#fff;
		text-align:center;
	}

	/* FAQ */

	h1.faqh1 {
		margin-bottom:50px!important;
	}

	.faq_categorylist {
		width:100%;
	    max-width: 1280px;
    	padding: 0 40px;
    	margin: 0 auto 80px;
	}

	.faq_categorylist a {
		display:inline-block;
		line-height:25px;
		padding:2px 8px;
		background:#ff542b;
		border-radius:4px;
		margin:4px 2px;
		color:#fff;
		font-size:105%;
		font-weight:400;
	}

	section#faq_list {
	}

	section#faq_list h2.faq_category_name {
    display: block;
    text-align: center;
    font-size: 155%;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 20px;
    color: #3A959D;
	margin-bottom:30px;
	}

	section#faq_list .contents {
		width:100%;
		max-width:1280px;
		padding:0 40px;
		margin:0 auto;
	}

	.faq_block {
		width:100%;
	}

	.faq_block .faq_box {
		width:100%;
		margin-bottom:20px;
	}

	.faq_block .faq_box .question_box {
		background:hsl(0, 0%, 98%);
		padding:23px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.faq_block .faq_box .question_box p.number {
		display:block;
		width:60px;
		font-size:280%;
		font-weight:500;
		color:#FF542B;
		line-height:34px;
		font-family: futura-pt, sans-serif;
	}

	.faq_block .faq_box .question_box p.question {
		display:block;
		width:calc(100% - 60px);
		font-size:160%;
		font-weight:700;
		color:#000;
		line-height:34px;
	}

	.faq_block .faq_box .answer_box {
		padding:40px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.faq_block .faq_box .answer_box a {
		color: #3A959D;
	}
	.faq_block .faq_box .answer_box p.number {
		display:block;
		width:60px;
		font-size:280%;
		font-weight:500;
		color:#B4B4B4;
		line-height:28px;
		font-family: futura-pt, sans-serif;
	}

	.faq_block .faq_box .answer_box p.answer {
		display:block;
		width:calc(100% - 60px);
		font-size:120%;
		font-weight:400;
		color:#000;
		line-height:25px;
		color:#555;
	}

	.faq_block .faq_box .answer_box p.answer span {
		font-size:85%;
		font-weight:400;
		line-height:25px;
	}



/* ページャー */

	.pagenate {
	width:100%;
	height:60px;
	margin:40px 0;
	}

	.pagenate .pagenageBox {
	width:100%;
	height:60px;
	text-align:center;
	}

	.pagenate .pagenageBox a, .pagenate .pagenageBox span {
	display:inline-block;
	height:60px;
	line-height:60px;
	margin:0 3px;
	text-align:center;
	color:#bababa;
	font-weight:bold;
	}

	.pagenate .pagenageBox a {
	width:60px;
	border-radius:30px;
	background:#f8f8f8;
	}

	.pagenate .pagenageBox a:hover {
	background:#04384c;
	color:#fff;
	}

	.pagenate .pagenageBox span.current {
	width:60px;
	border-radius:30px;
	background:#04384c;
	color:#fff;
	}

	.pagenate .pagenageBox a.prev {
	}

	.pagenate .pagenageBox a.prev:after{
		content: "";
	}


/* ショッピングガイド */

	#shopingguide .contents {
	    width: 100%;
    	max-width: 1280px;
	    padding: 0 40px;
    	margin: 0 auto 100px;
    	display: flex;
    	justify-content: space-between;
	}

	#shopingguide .contents a {
		display:block;
		width:25%;
		padding:0 15px;
		text-align:center;
	}

	#shopingguide .contents a img {
		width:100%;
		margin-bottom:15px;
	}

	#shopingguide .contents a span {
		font-size:120%;
		font-weight:500;
	}

	#shoping_nagare .contents {
	    width: 100%;
    	max-width: 1280px;
	    padding: 0 40px;
    	margin: 0 auto;
	}

	h2.mainH2 {
    width: 100%;
    margin-bottom: 60px;
    border-bottom: 3px solid #474747;
    font-size: 200%;
    line-height: 40px;
    font-weight: 700;
    padding-bottom: 20px;
    color: #3A959D;
    vertical-align: top;
    text-align: center;
	}

	#shoping_nagare .nagare {
		width:100%;
    	display: flex;
    	justify-content: space-between;
		margin-bottom:50px;
		padding:0 30px;
	}
		
	#shoping_nagare .nagare .img_block {
		width:30%;
		background:#ccc;
	}

	#shoping_nagare .nagare .text_box {
		width:62%;
	}
	#shoping_nagare .nagare.text100 .text_box {
		width:100%;
	}
	#shoping_nagare .nagare:nth-child(2n-1) .img_block {
		order:2;
		margin-left:5%;
	}
	#shoping_nagare .nagare:nth-child(2n-1) .text_box {
		order:1;
	}
	#shoping_nagare .nagare:nth-child(2n) .img_block {
		order:1;
		margin-right:5%;
	}
	#shoping_nagare .nagare:nth-child(2n) .text_box {
		order:2;
	}

	#shoping_nagare .nagare .text_box h3 {
		color:#FF542B;
		font-size:250%;
		font-weight:700;
		margin-bottom:30px;
	}

	#shoping_nagare .nagare .text_box .text {
		width:100%;
		font-size:110%;
		color:#474747;
		line-height:1.8;
		margin-bottom:40px;
	}

	#shoping_nagare .nagare .text_box a {
		display:block;
    width: 50%;
    max-width: 350px;
    height: 60px;
    font-size: 140%;
    font-weight: 500;
    color: #fff;
    background: #3A959D;
    border-radius: 45px;
    font-family: inherit;
    border: 0;
    outline: 0;
    cursor: pointer;
		text-align:center;
		line-height:60px;
}

/* お支払い */


	#shoping_nagare .system_block {
		margin-bottom:70px;
	}

	#shoping_nagare .system_block .data {
		display: flex;
    	justify-content: space-between;
    	margin-bottom: 35px;
	}

	#shoping_nagare .system_block .data .left {
    width: 25%;
    margin-right: 5%;
	}

	#shoping_nagare .system_block .data .left span {
		display:block;
		width:100%;
    padding: 12px 0;
    line-height: 26px;
    text-align: center;
    background: #f5f5f5;
    color: #474747;
    font-weight: 500;
    font-size: 105%;
	}

	#shoping_nagare .system_block .data .right {
    width: 70%;
    color: #474747;
    font-size: 105%;
    line-height: 1.8;
	}

/* プライバシーポリシー */
	.privacy_block {
		width:100%;
		margin-bottom:100px;
	}

	.privacy_block p {
		display:block;
		margin:0;
		padding:0;
		color:#474747;
		line-height:1.8;
	}

	.privacy_block p.p01 {
		font-size:125%;
		font-weight:500;
		padding-bottom:20px;
		margin-top:20px;
	}

	.privacy_block p.p02 {
		font-size:100%;
		font-weight:400;
		padding-bottom:20px;
	}

	.privacy_block p.p03 {
		font-size:100%;
		font-weight:400;
		padding-bottom:5px;
    	padding-left: 15px;
	}
	.privacy_block p.p03.bp20 {
		padding-bottom:20px;
	}
	.privacy_block p.p04 {
		font-size:100%;
		font-weight:400;
		padding-bottom:20px;
    	padding-left: 40px;
	}

	.privacy_block p.pseitei {
		text-align:right;
		font-size:100%;
		font-weight:400;
		padding-bottom:40px;
	}


/* お問い合わせ */
section#contact .contents {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto;
}
	.contactBlock {
		width:100%;
		color:#333;
		padding-bottom:100px;
	}

	.contactText {
		width:100%;
		max-width:900px;
		margin: 0 auto 40px;
		line-height:2;
		color:#333;
	}

	.contactBlock .contactWhiteFl {
		background:#fff;
		padding:60px 30px;
		margin-bottom:60px;
	}

	.contactBlock .contactWhiteFl .width900 {
		width:100%;
		max-width:900px;
		margin:0 auto;
	}

	.contactTitle {
		width:100%;
		text-align:center;
		color:#f39d2d;
		font-size:200%;
		font-weight:900;
		padding-bottom:30px;
		border-bottom:1px solid #edeff0;
		margin-bottom:10px;
	}

	.contactForm .formBlock {
		width:100%;
		padding:10px 0;
		font-size:100%;
		font-weight:500;
	}

	.contactForm .formBlock.finish {
		margin-bottom:30px!important;
	}

	.contactForm .formBlock.bb1 {
		margin-bottom:10px;
		padding-bottom:20px;
		border-bottom:1px solid #edeff0;
	}

	.contactForm .formBlock div.left {
		float:left;
		width:190px;
		height:50px;
		margin-right:30px;
		text-align:right;
		line-height:20px;
		padding:15px 0;
	}

	.contactForm .formBlock div.left span {
		display:inline-block;
		height:20px;
		line-height:20px;
		padding:0 6px;
		background:#ff6347;
		color:#fff;
		font-size:75%;
		font-weight:500;
		border-radius:10px;
		margin-left:5px;
	}

	.contactForm .formBlock div.right {
		float:left;
		width:calc(100% - 220px);
	}

	.moshikomi .contactForm .formBlock div.left {
		width:290px;
	}

	.moshikomi .contactForm .formBlock div.right {
		width:calc(100% - 320px);
	}

	.contactForm .formBlock div.right .nenrei {
		padding-left:12px;
	}

	.contactForm .formBlock div.right.radio {
		padding-top:18px;
	}

	.contactForm .formBlock div.right span.sei {
		padding-right:10px;
	}

	.contactForm .formBlock div.right span.mei {
		padding:0 10px 0 20px;
	}

	.contactForm .formBlock div.right span.unit {
		padding-left:10px;
	}

	.contactForm .formBlock div.right input[type="text"], .contactForm .formBlock div.right input[type="email"], .contactForm .formBlock div.right input[type="url"], .contactForm .formBlock div.right select {
		height:50px;
		background:#f6f7f7;
		border:0;
		outline:none;
		font-family: inherit;
		font-size:100%;
		padding:0 15px;
	}

	.contactForm .formBlock div.right .mwform-checkbox-field {
		line-height:50px;		
	}
		
	.contactForm .formBlock div.right .w222 {
		width:100%;
		max-width:222px;
	}
	.contactForm .formBlock div.right .wmax {
		width:100%;
	}

	.contactForm .formBlock div.right .w520 {
		width:100%;
		max-width:520px;
	}

	.contactForm .formBlock div.right textarea {
		width:100%;
		height:200px;
		background:#f6f7f7;
		outline:none;
		border:0;
		font-family: inherit;
		font-size:100%;
		padding:15px;
	}


	.submitBtn {
		display: block;
		width:100%;
		max-width: 460px;
		height: 85px;
		line-height: 85px;
		text-align: center;
		margin: 0 auto;
		font-size: 145%;
		background: #f39d2d url(https://jpmc-agency.jp/wp-content/themes/jpmcagency/images/contacArw.png) right 30px center no-repeat;
		color:#fff;
		cursor: pointer;
		border:0;
		outline:none;
		font-family: inherit;
		font-weight:900;
	}

	.submitBtn:hover {
		background: #fff url(https://jpmc-agency.jp/wp-content/themes/jpmcagency/images/contacArwOff.png) right 30px center no-repeat;
		color: #333333;
	}

	.backBtn, .confirm button {
		display: block;
		width:100%;
		max-width: 300px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		margin: 0 auto;
		font-size: 135%;
		background: #aaa;
		color:#fff;
		cursor: pointer;
		border:0;
		outline:none;
		font-family: inherit;
		font-weight:500;
	}

	.backBtn:hover, .confirm button:hover {
		
		background: #fff;
		color: #333333;
	}

	.policy {
		border:3px solid #ffe0da;
		padding:20px;
		text-align:center;
		font-size:110%;
		line-height:1.8;
	}

	.policy a {
		background:url(https://jpmc-agency.jp/wp-content/themes/jpmcagency/images/blankIcon.png) right center no-repeat;
		background-size:13px 13px;
		padding:0 15px 0 2px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		text-decoration:underline;
	}
	.pt15 {
		padding-top:13px;
	}

	/* confirm */

	.confirmText {
	    padding-bottom: 45px;
	    color: #fff;
	    font-size: 115%;
	    text-align: center;
		font-weight:500;
	}

	.confirm .contactForm .formBlock div.right {
    	padding-top: 11px;
	    padding-bottom: 11px;
	    line-height: 28px;
	}

	.confirm .policy {
		display:none;
	}

	.confirm span.sei, .confirm span.mei {
		display:none;
	}


/* footer */
	footer {
		width:100%;
		padding:40px 0 20px;
		position:relative;
		/* background:#737373; */
		background:#ccc;
		text-align:center;	
	}

	footer img {
		margin-bottom:20px;
		width:160px;
	}

	.foottestH1 {	
    display: flex;
    justify-content: center;
    align-items: center;
    width: 59%;
    margin: 0 auto;
    text-align: center;
	}
	.foottestH1 span{
    display: block;
    width: 40%;
    font-size: 135%;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    color: #fff;
	}
	.foottestH1 img {
    width: 20%;
    max-width: 300px;
    filter: drop-shadow(3px 3px 10px rgba(255,255,255,0.7));
	}

	footer .foot_menu {
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:500;
		font-size:95%;
		padding-bottom:15px;
	}

	footer .foot_menu a {
		padding:0 12px;
		color:#fff;
	}

	footer .copy {
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:500;
		font-size:95%;
	} 

/* 202508 */
.indexhitokoto {
    margin: 4rem auto;
    width: 90%;
    max-width: 800px;
    padding: 2.5rem;
    border: 5px solid #FF542B;
}
.indexhitokoto .main{
    display: block;
    padding-bottom: 2rem;
    font-weight: 700;
    color: #FF542B;
    font-size: 140%;
    text-align: center;
}
.indexhitokoto .sub {
    font-size: 110%;
    display: block;
    text-align: left;
    color: #333;
}





}

@media (max-width: 1150px) {
}


/* スマホ用スタイル */

@media (max-width: 800px) {


	/* headerメイン設定 */

	.spn {
		display:none!important;
		}

	body {
		line-height: 1.5;		/*全般の行間*/
		color:#000;
		margin: 0px;
		padding: 0px;
		text-align: left;
		background:#fff;
		width:100%;
		position:relative;
	}

	* {margin: 0; padding: 0;}

	a {
		color:#333;
		text-decoration:none;
	}

	.hover:hover{
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity:0.5;
		opacity:0.5;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}









	.clearfix:after{
		content: "";
		display: block;
		clear: both;
	}

/* headerメイン設定 */

	.fv {
		width:100%;
		height:85vh;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.fv .imgBox {
		width:calc(100% / 3);
		height:42.5vh;
		position:relative;
		overflow: hidden;
	}

	.fv .imgBox .imgItem {
		width:100%;
		height:42.5vh;
		overflow: hidden;
	}

	.fv .imgBox .imgItem.data1, .fv .imgBox .imgItem.data2 {
		position:absolute;
		top:0;
		left:0;
	}

	.fv .imgBox .imgItem.data1 {
		z-index:20;
	}

	.fv .imgBox .imgItem.data2 {
		z-index:10;
	}

	.fv #imgbox01 .imgItem.data1 {
		background:#000;
	}

	.fv #imgbox01 .imgItem.data2 {
		background:#71afe1;
	}

	.fv #imgbox02 .imgItem.data1 {
		background:#ffeb72;
	}

	.fv #imgbox02 .imgItem.data2 {
		background:#c79a69;
	}

	.fv #imgbox03 .imgItem.data1 {
		background:#6ab0e3;
	}

	.fv #imgbox03 .imgItem.data2 {
		background:#1c1c54;
	}

	.fv #imgbox04 .imgItem.data1 {
		background:#ff2c2c;
	}

	.fv #imgbox04 .imgItem.data2 {
		background:#2a5231;
	}

	.fv #imgbox05 .imgItem.data1 {
		background:#f19ec2;
	}

	.fv #imgbox05 .imgItem.data2 {
		background:#ddcc55;
	}

	.fv #imgbox06 .imgItem.data1 {
		background:#fff;
	}

	.fv #imgbox06 .imgItem.data2 {
		background:#982222;
	}

	.fv .imgItem img {
		width:auto;
		position:absolute;
		bottom:0;
		height: 100%;
		animation: animationZoom1 4s infinite;
	}
 
/*	@keyframes animationZoom1 {
		100% { transform:scale(1.1)} 
	}
*/


	@keyframes top-op{
		0% {
			width: 0%;
			left:0;
		}
		25% {
			width: 100%;
			left:0;
			}

		75% {
			width: 100%;
			left:0;
		}
		100% {
			width: 0%;
			left: 100%;
			animation-timing-function: ease-in-out;
		}
	}

	.fv.change #imgbox01 .data1 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.4s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox02 .data1 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration:0.1s;
		animation-delay:0.53s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox03 .data1 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.66s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox04 .data1 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.79s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox05 .data1 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.92s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.fv.change #imgbox06 .data1 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:1.05s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox01 .data2 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.4s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox02 .data2 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration:0.1s;
		animation-delay:0.53s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox03 .data2 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.66s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox04 .data2 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.79s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox05 .data2 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:0.92s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	.change2 #imgbox06 .data2 {
		display:block;
		position:absolute;
		height:42.5vh;
		left:0;
		top:0;
		z-index: 99;
		animation-duration: 0.1s;
		animation-delay:1.05s;
		animation-fill-mode: forwards;
		animation-name: top-op2;
	}

	@keyframes top-op2{
		0% {
			opacity:1;
		}
		100% {
			opacity:0;
		}
	}

	/* 汎用設定 */
	.futurapt_ho {
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: italic;
	}

	h2.nomarl_h2 {
		display:block;
		width:100%;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: italic;
		font-size:280%;
		color:#000;
		text-align:center;
		padding-bottom:10px;
	}

	.comingsoon {
    height: calc(100vh - 269px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 140%;
    font-weight: 500;
	}

	/* header */
	main {
		padding-top:60px!important;

	}
	header {
		width:100%;
		height:60px;
		background:#fff;
		position:fixed;
		z-index:50;
		padding:18px 10px 18px 18px;
		top:0;
		left:0;
	}
	
	header .head_logo {
		width:auto;
		height:24px;
	}

	.menuBtn {
		display: block;
		width: 44px;
		height: 44px;
		border-radius:44px;
		background:#000 url(https://hoshoexpress.co.jp/wp-content/themes/wptheme/https://unista.net/wp-content/themes/wptheme/images/menu_off.png) center center no-repeat;
		-moz-background-size: auto 28%;
		background-size: auto 28%;
		position:fixed;
		right:10px;
		top:8px;
		z-index:200;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	html.sb-active .menuBtn {
		background:#000 url(https://hoshoexpress.co.jp/wp-content/themes/wptheme/https://unista.net/wp-content/themes/wptheme/images/menu_on.png) center center no-repeat;
		-moz-background-size: auto 28%;
		background-size: auto 28%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	header .header_link {
		display:none;
		width:calc(100% - 180px);
		height:35px;
		position:absolute;
		top:12.5px;
		right:15px;
		text-align:right;
	}

	header .header_link a {
		display:inline-block;
		width:auto;
		height:35px;
		line-height:35px;
		padding-right:55px;
		font-size:87%;
		color:#737373;
		font-weight:500;
	}

	header .header_link a.login {
		background:url(https://unista.net/wp-content/themes/wptheme/images/icon-login.png) right 18px center no-repeat;
	}

	header .header_link a.cart {
		background:url(https://unista.net/wp-content/themes/wptheme/images/icon_cart.png) right 18px center no-repeat;
	}




	/* section共通 */
	section {
		position:relative;
	}


	/* mainvisual */

	section#mainvisual {
		position:relative;
	}

	section#mainvisual::after {
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:99;
		background:rgba(0,0,0,0.6);
	}
	section#mainvisual h1 {
		display:block;
		position:absolute;
		z-index:100;
		left:50%;
		top: calc(50% - 30px);
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width:75%;
		text-align:center;
	}

	section#mainvisual h1 span {
		display:block;
		width:100%;
		font-size:110%;
		font-weight:700;
		text-align:center;
		padding-bottom:12px;
		color:#fff;
	}

	section#mainvisual h1 img {
		width:100%;
		max-width:50vw;
	}

	/* mainlink */
	section#mainLink {
		width:100%;
		background:#fff;
	}

	section#mainLink .linkBox {
	}

	section#mainLink .linkBox .simu_link {
		width:100%;
		background:#FAFAFA;
		margin-right:2px;
		padding:12px 30px 30px;
		position:relative;
	} 

	section#mainLink .linkBox .simu_link:nth-child(3) {
		margin-right:0;
	}

	section#mainLink .linkBox .simu_link h2 {
		width:100%;
		color:#000;
	}

	section#mainLink .linkBox .simu_link h2 span.main {
		display:block;		
		text-align:center;
		font-size:230%;
		letter-spacing: -1px;
		padding-bottom:0px;
		line-height:1.25;
	}

	section#mainLink .linkBox .simu_link h2 span.sub {
		display:block;		
		text-align:center;
		font-size:130%;
		letter-spacing: -1px;
		font-weight:700;
		padding-bottom:10px;
	}

	section#mainLink .linkBox .simu_link a {
		display:block;
		width:100%;
		max-width:420px;
		margin:0 auto;
		height:48px;
		line-height:46px;
		background:#000;
		border-radius:24px;
		text-align:center;
		color:#FF542B;
		font-size:125%;
		letter-spacing: -1px;
		font-weight:500;
	}

	.simu_link.comingsoonlink {
		display:none;
	}
	/* whatsteams */
	section#whats {
		padding:60px 0;
	}

	section#whats .contents {
		width:100%;
		padding:0 15px;
		margin:0 auto;
	}

	.whats_teams_box {
		width:100%;
	}

	.whats_teams_box .whats_box {
		width:100%;
		position:relative;
		margin-top:50px;
	}

	.whats_teams_box .whats_box .number {
		position:absolute;
		top:-45px;
		left:20px;
		font-family: din-2014-narrow, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size:600%;
		line-height:80px;
		color:#FC552C;
	}

	.whats_teams_box .whats_box img {
		width:100%;
		margin-bottom:5px;
	}

	.whats_teams_box .whats_box .whats_text {
		background:#fafafa;
		padding:10px 15px 20px;
	}

	.whats_teams_box .whats_box .whats_text h3 {
		display:block;		
		color:#3A959D;
		font-size:130%;
		font-weight:700;
		padding-bottom:20px;
		line-height:1.4;
	}

	.whats_teams_box .whats_box .whats_text p {
		display:block;
		font-size:120%;
		line-height:1.8;
		color:#000000;
	}

	/* showcase */
	section#showcase {
		padding:20px 0 80px;
	}

	section#showcase .contents {
		width:100%;
		max-width:1920px;
		padding:0 0px;
		margin:0 auto;
	}

	.showcase_box {
		width:100%;
		position:relative;
	}

	.showcase_box::before {
		content:"";
		display:block;
		position:absolute;
		top:45%;
		left:0;
		width:100%;
		height:calc(45% + 80px);
		background:#FF542B;
	}

	.showcase_box li {
		display:block;
		text-align:center;
		padding:0 10px;
	}

	.showcase_box li img {
		width:100%;
		max-width:180px;
		margin:20px auto 30px auto;
	}

	.showcase_box li button {
		display:inline-block;
		width:100%;
		max-width:300px;
		height:46px;
		border:2px solid #000;
		background:#fff;
		border-radius:23px;
		font-size:110%;
		font-weight:500;
		font-family: inherit;
	}
	.next.slick-arrow {
    position: absolute;
	z-index:5;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    width: 40px;
    height: 40px;
    background: url(https://unista.net/wp-content/uploads/2023/02/slicknext.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
	}

	.prev.slick-arrow {
    position: absolute;
	z-index:5;
    left: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    width: 40px;
    height: 40px;
    background: url(https://unista.net/wp-content/uploads/2023/02/slickprev.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
	}
	/* service_infomation */
	section#service_infomation {
		padding:50px 0;
	}

	section#service_infomation .contents {
		width:100%;
		max-width:1280px;
		padding:0 15px;
		margin:0 auto;
	}

	section#service_infomation .item {
		width:100%;
		border-top:6px solid #000;
		padding-top:20px;
		margin-bottom:80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	section#service_infomation .item h2.orange_h2 {
		width:100%;
		float:left;
		margin-bottom:15px;
		order: 1;
	}

	section#service_infomation .item h2.orange_h2 .main {
		display:block;
		text-align:center;
		font-size:265%;
		letter-spacing: -1px;
		padding-bottom:0px;
		line-height:1.25;
		color:#FF542B;

	}

	section#service_infomation .item h2.orange_h2 .sub {
		display:block;		
		text-align:center;
		font-size:100%;
		letter-spacing: -1px;
		font-weight:700;
		padding-bottom:20px;
		color:#000;
	}
	
	section#service_infomation .item .left_column {
		width:100%;
		margin-bottom:20px;
		order: 3;
	}

	section#service_infomation .item .right_column {
		float:left;
		width:100%;
		background:#FAFAFA;
		padding:30px 0;
		text-align:center;
		margin-bottom:30px;
		order: 2;
	}

	section#service_infomation .item .right_column img {
		width:40%;
	}

	section#service_infomation .item .left_column .item_data {
		width:100%;
		border-top:1px solid #000;
		margin-bottom:35px;
	}

	section#service_infomation .item .left_column .item_data > div {
		width:100%;
		color:#000;
		border-bottom:1px solid #000;
		padding:10px;
	}

	section#service_infomation .item .left_column .item_data > div span:first-child {
		display:block;
		width:100%;
		font-size:110%;
		font-weight:700;
	}

	section#service_infomation .item .left_column .item_data > div span:last-child {
		display:block;
		width:100%;
		padding:0px;
		font-size:110%;
		font-weight:400;
	}

	section#service_infomation .item .left_column .item_price {
		width:100%;
		margin-bottom:30px;
	}

	section#service_infomation .item .left_column .item_price h3 {
		font-size:220%;
		color:#3A959D;
	}

	section#service_infomation .item .left_column .item_price div {
		width:100%;
		height:45px;
		color:#000;
	}

	section#service_infomation .item .left_column .item_price > div span:first-child {
		display:block;
		float:left;
		width:40%;
		height:45px;
		line-height:45px;
		padding-left:10px;
		font-size:110%;
		background:#EEEEEE;
		border-bottom:1px solid #fff;
	}

	section#service_infomation .item .left_column .item_price > div span:last-child {
		display:block;
		float:left;
		width:60%;
		height:45px;
		line-height:45px;
		padding-left:5%;
		font-size:145%;
		font-weight:700;
		background:#FAFAFA;
		border-bottom:1px solid #fff;

	}

	section#service_infomation .item .button_box {
		width:100%;
		float:left;
		text-align:center;
		order: 4;
	}

	section#service_infomation .item .button_box .design_start {
		display:block;
		margin:0 auto;
		width:90%;
		height:48px;
		font-size:125%;
		font-weight:500;
		color:#fff;
		background:#3A959D;
		border-radius:35px;
		font-family: inherit;
		border:0;
		outline: 0;
		cursor:pointer;
	}

	/* slide_mune */
	.slide_contents {
		width:100%;
		padding:30px 20px 0;
		display:block;		
		z-index:100;
	}

	.slide_contents .left {
		width:100%;
	}

	.slide_contents .right {
		width:100%;
	}

	.slide_contents .left .slide_logo{
		display:none;
	}

	.slide_contents .left .signup button {
		display:block;
		width:100%;
		height:65px;
		border-radius:37px;
		border:2px solid #000;
		background:#FF542B url(https://unista.net/wp-content/themes/wptheme/images/slide_signup.png) right 25px center no-repeat;
		text-align:center;
		color:#fff;
		font-size:145%;
		font-weight:500;
		font-family: inherit;
		margin-bottom:50px;
	}

	.slide_contents .left .left_menu {
		width:100%;
	}

	.slide_contents .left .left_menu li {
		display:block;
		width:100%;
		height:40px;
	}

	.slide_contents .left .left_menu li a {
		display:block;
		position:relative;
		height:40px;
		line-height:38px;
		color:#000;
		font-size:100%;
		font-weight:400;
		width:100%;
		background:url(https://unista.net/wp-content/themes/wptheme/images/slide_linkbase.png) left center no-repeat;
		padding-left:32px;
	}

	.slide_contents .left .left_menu li a::after {
		content:"";
		width:21px;
		height:21px;
		display:block;
		position:absolute;
		left:1px;
		top:12px;
		background:url(https://unista.net/wp-content/themes/wptheme/images/slide_arw.png) center center no-repeat;
		background-size:auto 58%;

	}


	.slide_contents .right .right_menu {
		width:100%;
		border-top:2px solid #000;
		margin-bottom:25px;
	}

	.slide_contents .right .right_menu li {
		display:block;
		width:100%;
		height:60px;
		border-bottom:2px solid #000;
	}

	.slide_contents .right .right_menu li a {
		line-height:58px;
		color:#000;
		font-size:130%;
		font-weight:700;
		display:block;
		width:100%;
		background:url(https://unista.net/wp-content/themes/wptheme/images/slide_arw.png) right 10px center no-repeat;
		background-size:auto 33%;
	}


/* size page */

	section#size_list .contents {
		width:100%;
		max-width:1280px;
		padding:0 15px;
		margin:0 auto;
	}

	h1.normal_h1 {
		display:block;
		width:100%;
		height:150px;
		background:#E5E5E5;
		padding-top:45px;
		margin-bottom:40px;
	}
	h1.normal_h1.shopg {
		padding-top:22px;
	}
	h1.normal_h1 .main {
    display: block;
    width: 100%;
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 300%;
    color: #000;
    text-align: center;
    padding-bottom: 5px;
    line-height: 40px;
    letter-spacing: -1px;
	}

	h1.normal_h1 .sub {
		display:block;		
		text-align:center;
		font-size:135%;
		letter-spacing: -1px;
		font-weight:700;
		padding-bottom:20px;
		color:#3A959D;
	}

	section#size_list h2.orange_h2 {
		width:100%;
		margin-bottom:10px;
		text-align:left;
		vertical-align: top;
		border-bottom:3px solid #000;
	}

	section#size_list h2.orange_h2 .main {
		display: block;
		width: 100%;
		font-size: 300%;
		letter-spacing: -1px;
		padding-left: inherit;
		padding-bottom: 0px;
		line-height: 40px;
		color: #FF542B;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: italic;
	}

	section#size_list h2.orange_h2 .sub {		
		display: block;
		width: 100%;
		font-size: 110%;
		line-height: 30px;
		letter-spacing: -1px;
		font-weight: 700;
		padding-bottom: 5px;
		color: #000;
		vertical-align: top;
	}

	section#size_list h3 {
		display:block;
		width:100%;
		font-size:125%;
		font-weight:700;
		margin-bottom:20px;
		color:#000;
	}

	section#size_list .size_box {
		width:100%;
		padding:10px 0 20px;
		border-bottom:1px solid #737373;
	}

	section#size_list .size_box.last_box {
		border-bottom:none;
		margin-bottom:40px;
	}

	section#size_list .size_box img.item_img {
		width:70%;
		display:block;
		margin:0 auto 20px;
	}

	section#size_list .size_box .size_table {
		width:100%;
		overflow: auto;
		white-space: nowrap;
	}

	section#size_list .size_box .size_table table {
		border-collapse: collapse;
		table-layout:fixed;
		margin-bottom:20px;
	}
	section#size_list .size_box .size_table table tbody, section#size_list .size_box .size_table table tbody tr {
		width:100%;
		padding:0;
		margin:0;
	}

	section#size_list .size_box .size_table table tbody {
		border-top:1px solid #B4B4B4;
	}

	section#size_list .size_box .size_table table tr {
		border-bottom:1px solid #B4B4B4;
	}

	section#size_list .size_box .size_table table th, section#size_list .size_box .size_table table td {
		border-right:1px solid #B4B4B4;
		vertical-align:middle;
		height:50px;
		color:#000000;
		padding:0 10px;
	}

	section#size_list .size_box .size_table table th:last-child, section#size_list .size_box .size_table table td:last-child {
		border-right:none;
	}

	section#size_list .size_box .size_table table th.th1 {
		background:#E5E5E5;
		font-size:105%;
		font-weight:500;
		text-align:left;
		padding-left:10px;
	}

	section#size_list .size_box .size_table table th.th2 {
		background:#FAFAFA;
		font-size:105%;
		font-weight:500;
		text-align:center;
	}

	section#size_list .size_box .size_table table td {
		background:#fff;
		text-align:center;
	}

	/* FAQ */
	section#faq_list {

	}
	.faq_categorylist {
		width:100%;
	    max-width: 1280px;
    	padding: 0 15px;
    	margin: 0 auto 50px;
	}

	.faq_categorylist a {
    display: inline-block;
    line-height: 20px;
    padding: 2px 5px;
    background: #ff542b;
    border-radius: 4px;
    margin: 3px 1px;
    color: #fff;
    font-size: 100%;
    font-weight: 400;
	}

	section#faq_list .contents {
		width:100%;
		max-width:1280px;
		padding:0 15px;
		margin:0 auto;
	}

	.faq_block {
		width:100%;
	}

	.faq_block .faq_box {
		width:100%;
		margin-bottom:20px;
	}

	.faq_block .faq_box .question_box {
    background: hsl(0, 0%, 98%);
    padding: 12px 10px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}

	.faq_block .faq_box .question_box p.number {
    display: block;
    width: 25px;
    font-size: 190%;
    font-weight: 500;
    color: #FF542B;
    line-height: 30px;
    font-family: futura-pt, sans-serif;
    padding-bottom: 5px;
	}

	.faq_block .faq_box .question_box p.question {
    display: block;
    width: calc(100% - 25px);
    font-size: 110%;
    font-weight: 700;
    color: #000;
    line-height: 22px;
    padding: 4px 0 4px 10px;
	}

	.faq_block .faq_box .answer_box {
    padding: 22px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.faq_block .faq_box .answer_box a {
		color: #3A959D;
	}

	.faq_block .faq_box .answer_box p.number {
    display: block;
    width: 25px;
    font-size: 190%;
    font-weight: 500;
    color: #B4B4B4;
    line-height: 30px;
    font-family: futura-pt, sans-serif;
    padding-bottom: 5px;
	}

	.faq_block .faq_box .answer_box p.answer {
    display: block;
    width: calc(100% - 25px);
    padding: 4px 0 4px 10px;
    font-size: 110%;
    font-weight: 400;
    color: #000;
    line-height: 22px;
	}

	.faq_block .faq_box .answer_box p.answer span {
		font-size:85%;
		font-weight:400;
		line-height:25px;
	}








/* ページャー */

	.pagenate {
	width:100%;
	height:40px;
	margin:30px 0 60px;
	}

	.pagenate .pagenageBox {
	width:100%;
	height:40px;
	text-align:center;
	}

	.pagenate .pagenageBox a, .pagenate .pagenageBox span {
	display:inline-block;
	height:40px;
	line-height:40px;
	margin:0 3px;
	text-align:center;
	color:#bababa;
	font-weight:bold;
	}

	.pagenate .pagenageBox a {
	width:40px;
	border-radius:20px;
	background:#f8f8f8;
	}

	.pagenate .pagenageBox a:hover {
	background:#04384c;;
	color:#fff;
	}

	.pagenate .pagenageBox span.current {
	width:40px;
	border-radius:20px;
	background:#04384c;;
	color:#fff;
	}

	.pagenate .pagenageBox a.prev {
	}

	.pagenate .pagenageBox a.prev:after{
		content: "";
	}


/* ショッピングガイド */

	#shopingguide .contents {
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	}

	#shopingguide .contents a {
    display: block;
    width: 50%;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 20px;
	}

	#shopingguide .contents a img {
    width: 100%;
    margin-bottom: 5px;
	}

	#shopingguide .contents a span {
    font-size: 110%;
    font-weight: 500;
    color: #333;
	}

	#shoping_nagare .contents {
	    width: 100%;
    	max-width: 1280px;
	    padding: 0 20px;
    	margin: 0 auto;
	}

	h2.mainH2 {
    width: 100%;
    margin-bottom: 25px;
    border-bottom: 2px solid #474747;
    font-size: 145%;
    line-height: 25px;
    font-weight: 700;
    padding-bottom: 10px;
    color: #3A959D;
    vertical-align: top;
    text-align: left;
	}

	#shoping_nagare .nagare {
    width: 100%;
    margin-bottom: 50px;
    padding: 0 0px;
	}
		
	#shoping_nagare .nagare .img_block {
    width: 80%;
    margin: 0 10% 15px;
    height: auto;
    background: #ccc;
	}

	#shoping_nagare .nagare .text_box {
    width: 100%;
	}
	#shoping_nagare .nagare.text100 .text_box {
    width: 100%;
	}
	#shoping_nagare .nagare .text_box h3 {
    color: #FF542B;
    font-size: 145%;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
	}

	#shoping_nagare .nagare .text_box .text {
    width: 100%;
    font-size: 100%;
    color: #474747;
    line-height: 1.8;
    margin-bottom: 20px;
	}

	#shoping_nagare .nagare .text_box a {
    display: block;
    width: 80%;
    height: 40px;
    font-size: 120%;
    font-weight: 500;
    color: #fff;
    background: #3A959D;
    border-radius: 20px;
    font-family: inherit;
    border: 0;
    outline: 0;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
	}

/* お支払い */


	#shoping_nagare .system_block {
    margin-bottom: 40px;
	}

	#shoping_nagare .system_block .data {
    margin-bottom: 35px;
	}

	#shoping_nagare .system_block .data .left {
    width: 80%;
    margin-bottom: 5px;
	}

	#shoping_nagare .system_block .data .left span {
    display: block;
    width: 100%;
    padding: 10px 0 10px 12px;
    line-height: 20px;
    text-align: left;
    background: #f5f5f5;
    color: #474747;
    font-weight: 500;
    font-size: 100%;
	}

	#shoping_nagare .system_block .data .right {
    width: 100%;
    color: #474747;
    font-size: 100%;
    line-height: 1.8;
	}

/* プライバシーポリシー */
	.privacy_block {
		width:100%;
		margin-bottom:100px;
	}

	.privacy_block p {
		display:block;
		margin:0;
		padding:0;
		color:#474747;
		line-height:1.8;
	}

	.privacy_block p.p01 {
		font-size:115%;
		font-weight:500;
		padding-bottom:20px;
		margin-top:20px;
	}

	.privacy_block p.p02 {
		font-size:100%;
		font-weight:400;
		padding-bottom:20px;
	}

	.privacy_block p.p03 {
		font-size:100%;
		font-weight:400;
		padding-bottom:5px;
    	padding-left: 15px;
	}
	.privacy_block p.p03.bp20 {
		padding-bottom:20px;
	}
	.privacy_block p.p04 {
		font-size:100%;
		font-weight:400;
		padding-bottom:20px;
    	padding-left: 40px;
	}

	.privacy_block p.pseitei {
		text-align:right;
		font-size:100%;
		font-weight:400;
		padding-bottom:40px;
	}

	/* contact */

section#contact .contents {
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
}

	.contactBlock {
		width:100%;
	}

	.contactBlock .contactWhiteFl {
		background: #fff;
		padding: 20px 15px;
		margin-bottom: 30px;
	}

	.contactBlock .contactWhiteFl .width900 {
		width:100%;
		margin:0 auto;
	}

	.contactTitle {
		width:100%;
		text-align:center;
		color:#f39d2d;
		font-size:125%;
		font-weight:900;
		padding-bottom:15px;
		border-bottom:1px solid #edeff0;
		margin-bottom:10px;
	}


	.contactForm .formBlock {
		width: 100%;
		padding: 5px 0;
		font-size: 90%;
		font-weight: 500;
	}

	.contactForm .formBlock.finish {
		margin-bottom:20px!important;
	}

	.contactForm .formBlock.bb1 {
		margin-bottom:10px;
		padding-bottom:20px;
		border-bottom:1px solid #edeff0;
	}

	.contactForm .formBlock div.left {
		width: 100%;
		text-align: left;
		line-height: 21px;
		padding: 9.5px 0;
	}

	.contactForm .formBlock div.left span {
		display: inline-block;
		height: 21px;
		line-height: 21px;
		padding: 0 6px;
		background: #ff6347;
		color: #fff;
		font-size: 70%;
		font-weight: 500;
		border-radius: 10px;
		margin-left: 5px;
	}

	.contactForm .formBlock div.right {
		width:100%;
	}

	.contactForm .formBlock div.right .nenrei {
		padding-left:12px;
	}

	.contactForm .formBlock div.right.radio {
		padding-top:18px;
	}

	.contactForm .formBlock div.right span.sei {
		padding-right:10px;
	}

	.contactForm .formBlock div.right span.mei {
		padding:0 10px 0 20px;
	}

	.contactForm .formBlock div.right span.unit {
		padding-left:10px;
	}

	.contactForm .formBlock div.right input[type="text"], .contactForm .formBlock div.right input[type="email"], .contactForm .formBlock div.right input[type="url"], .contactForm .formBlock div.right select {
		height:40px;
		background:#f6f7f7;
		border:0;
		outline:none;
		font-family: inherit;
		font-size:90%;
		padding:0 12px;
	}

	.contactForm .formBlock div.right .mwform-checkbox-field {
		line-height:40px;		
	}
		
	.contactForm .formBlock div.right .w222 {
		width:100%;
		max-width:35%;
	}
	.contactForm .formBlock div.right .wmax {
		width:100%;
	}

	.contactForm .formBlock div.right .w520 {
		width:100%;
		max-width:520px;
	}

	.contactForm .formBlock div.right textarea {
		width:100%;
		height:150px;
		background:#f6f7f7;
		outline:none;
		border:0;
		font-family: inherit;
		font-size:110%;
		padding:15px;
	}

	.wpcf7-form-control-wrap {
		display: block;
	}
	.wpcf7-form-control.wpcf7-radio{
	}
	span.wpcf7-list-item{
		margin-right:25px;
	}
	span.wpcf7-list-item.first {
		margin: 0 25px 0 0!important
	}



	.submitBtn {
		display: block;
		width:80%;
		height: 55px;
		line-height: 55px;
		text-align: center;
		margin: 0 auto;
		font-size: 115%;
		cursor: pointer;
		border:0;
		outline:none;
		font-family: inherit;
		font-weight:900;
		background: #f39d2d url(https://jpmc-agency.jp/wp-content/themes/jpmcagency/images/contacArw.png) right 30px center no-repeat;
		color:#fff;
	}

	.submitBtn:hover {
		background: #fff url(https://jpmc-agency.jp/wp-content/themes/jpmcagency/images/contacArwOff.png) right 30px center no-repeat;
		color: #333333;
	}

	.backBtn, .confirm button {
		display: block;
		width:60%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin: 0 auto;
		font-size: 100%;
		background: #aaa;
		color:#fff;
		cursor: pointer;
		border:0;
		outline:none;
		font-family: inherit;
		font-weight:500;
	}

	.backBtn:hover, .confirm button:hover {
		background: #fff;
		color: #333333;
	}

	.policy {
		border:3px solid #ffe0da;
		padding:15px;
		text-align:center;
		font-size:90%;
		line-height:1.6;
	}

	.policy a {
		background:url(https://jpmc-agency.jp/wp-content/themes/jpmcagency/images/blankIcon.png) right center no-repeat;
		background-size:9px 9px;
		padding:0 11px 0 2px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		text-decoration:underline;
	}

/* footer */
	footer {
		width:100%;
		padding:40px 0 20px;
		position:relative;
		background:#737373;
		text-align:center;	
	}

	footer img {
		margin-bottom:20px;
    	width: 25vw;
	}


	footer .foot_menu {
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:500;
		font-size:95%;
		padding-bottom:15px;
	}

	footer .foot_menu a {
		padding:0 12px;
		color:#fff;
	}

	footer .copy {
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:500;
		font-size:95%;
	}  


/* 202508 */
.indexhitokoto {
    margin: 30px auto;
    width: 90%;
    max-width: 800px;
    padding: 15px;
    border: 2px solid #FF542B;
}
.indexhitokoto .main{
    display: block;
    padding-bottom: 15px;
    font-weight: 700;
    color: #FF542B;
    font-size: 110%;
    text-align: center;
}
.indexhitokoto .sub {
    font-size: 90%;
    display: block;
    text-align: left;
    color: #333;
    line-height: 1.8;
}













}



/* -----------------------------------
 * Slidebars
 * Version 0..10
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */

 html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: calc(100% - 60px);
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 60px;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background: rgba(255,255,255,0.95); /* Default Slidebars background colour, overwrite this with your own css. */
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 100; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 100%;
	}
	
	.sb-width-wide {
		width: 100%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 100%;
	}
	
	.sb-width-wide {
		width: 100%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 100%;
	}
	
	.sb-width-wide {
		width: 100%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 100%;
	}
	
	.sb-width-wide {
		width: 100%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 100%;
	}
	
	.sb-width-wide {
		width: 100%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}


/* 全般設定 */
.child-1 {order:1;}
.child-2 {order:2;}
.child-3 {order:3;}
.child-4 {order:4;}
.child-5 {order:5;}








.testBlock {
background:#eee;
width:50%;
height:500px;
margin:200px auto;
    overflow-y: scroll;
padding:30px;
}

.testBlock .contents {
color:#000;
font-size:120%;
}

.scrollDown {
position:fixed;
left:100px;
bottom:100px;
font-size:120%;
width:100px;
height:100px;
border-radius:50px;
background:#ff0000;
color:#fff;
font-weight:900;
line-height:100px;
text-align:center;
}