@charset "UTF-8";


/* ==================================================

common

================================================== */

@media (min-width: 751px) {
    body.page #global-nav ul li a,
    body.category #global-nav ul li a,
    body.single #global-nav ul li a,
    body.error404 #global-nav ul li a{
        color: #000;
    }
}
body.page .header,
body.category .header,
body.single .header,
body.error404 .header{
	min-height: 45px;
}
body.page .header.header--sticky,
body.category .header.header--sticky,
body.single .header.header--sticky,
body.error404 .header.header--sticky{
	background: rgba(255,255,255,0.9);
}
main.contents-area{
	margin-top: 20px;
}
section{
	padding: 4rem 0;
}
.title-bg{
	width: 100%;
	background: #ffe000;
	padding: 3rem 0;
}
h1.page-title{
	font-weight: 900;
	font-size: 3.4rem;
	line-height: 1.2;
}
h1.page-title .eng{
	letter-spacing: 0.1em;
}
h1.page-title .jap{
	font-size: 2rem;
}
h2{
	font-weight: 900;
	font-size: 5rem;
	margin-bottom: 3rem;
	line-height: 1.2;
}
.bg-yel{
	background: #ffe000;
	padding: 0.5rem;
}
.att{
	font-size: 1.2rem;
	line-height: 1.4;
	color: #ff0000;
	font-weight: bold;
}
.c-red{
	color: #ff0000;
	font-weight: bold;
}

/*PC*/
@media (min-width: 751px){
	section{
		padding: 8rem 0;
	}
	main.contents-area{
		margin-top: 90px;
	}
	.title-bg{
		width: 100%;
		background: #ffe000;
		padding: 4rem 0;
	}
	h1.page-title{
		font-size: calc(90 / 1920 * 100vw);
	}
	h2{
		font-size: calc(100 / 1920 * 100vw);
		margin-bottom: 6rem;
	}
	.att{
		font-size: 1.6rem;
	}
}

/* ==================================================

service

================================================== */

/* =========== main-area =========== */
body.service .header{
	min-height: 0;
}
body.service header .head_logo{
	display: none;
}
body.service .main-area{
	left: 0;
	width: 100%;
	height: 80vh;
	background: url("../img/service/main_sp.jpg")no-repeat 50% top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service .page-title{
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
body.service .main-area .catch{
	position: absolute;
	text-align: right;
	right: 15px;
	bottom: 30px;
	color: #FFF;
	font-size: 2.4rem;
	line-height: 1.2;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
body.service main.contents-area{
	width: 100%;
	background: #FFF;
	margin-top: 0;
}
body.service .title-wrap{
	position: relative;
	text-align: left;
	padding: 0 10%;
}
body.service .title-wrap:before{
	content: "";
	background: #ffe000;
	width: 20px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/*PC*/
@media (min-width: 751px){
	body.service header .head_logo{
		display: block;
	}
	body.service .main-area{
		background: url("../img/service/main_pc.jpg")no-repeat 50% 50%;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
		height: 96vh;
	}
	body.service .main-area .catch{
		font-size: 3rem;
		right: 30px;
	}
}

/* =========== color =========== */

body.service #color .title-wrap{
	text-align: right;
}
body.service #color .title-wrap:before{
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
}
body.service #color .onoff-btn{
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	border: 2px solid #ffe000;
	margin-bottom: 3rem;
}
body.service #color .onoff-btn p{
	padding: 1rem;
}
body.service #color .onoff-btn p:hover{
	cursor: pointer;
}
body.service #color .onoff-btn p.on{
	background: #ffe000;
}
body.service #color .color-list{
	width: 100%;
	flex-wrap: wrap;
	display: flex;
	gap: 10px 1px;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
body.service #color .color-list .name{
	font-size: 1.2rem;
	text-align: center;
}
body.service #color .color-list .image{
	width: 109px;
	height: 85px;
	transition: .3s ease-in;
}
body.service #color .color1 .image{
	background: url("../img/service/color01_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color2 .image{
	background: url("../img/service/color02_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color3 .image{
	background: url("../img/service/color03_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color4 .image{
	background: url("../img/service/color04_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color5 .image{
	background: url("../img/service/color05_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color6 .image{
	background: url("../img/service/color06_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color7 .image{
	background: url("../img/service/color07_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color8 .image{
	background: url("../img/service/color15_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color9 .image{
	background: url("../img/service/color08_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color10 .image{
	background: url("../img/service/color09_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color11 .image{
	background: url("../img/service/color10_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color12 .image{
	background: url("../img/service/color11_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color13 .image{
	background: url("../img/service/color12_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color14 .image{
	background: url("../img/service/color13_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color15 .image{
	background: url("../img/service/color14_on.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color1.off .image{
	background: url("../img/service/color01.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color2.off .image{
	background: url("../img/service/color02.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color3.off .image{
	background: url("../img/service/color03.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color4.off .image{
	background: url("../img/service/color04.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color5.off .image{
	background: url("../img/service/color05.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color6.off .image{
	background: url("../img/service/color06.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color7.off .image{
	background: url("../img/service/color07.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color8.off .image{
	background: url("../img/service/color15.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color9.off .image{
	background: url("../img/service/color08.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color10.off .image{
	background: url("../img/service/color09.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color11.off .image{
	background: url("../img/service/color10.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color12.off .image{
	background: url("../img/service/color11.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color13.off .image{
	background: url("../img/service/color12.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color14.off .image{
	background: url("../img/service/color13.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.service #color .color15.off .image{
	background: url("../img/service/color14.jpg") no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

/*PC*/
@media (min-width: 751px){
	body.service #fullorder .title-wrap .text,
	body.service #color .title-wrap .text{
		font-size: 2rem;
	}
	body.service #color .inner{
		position: relative;
	}
	body.service #color .color-list{
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
	}
	body.service #color .color-list .image{
		width: calc(178 / 1920 * 100vw);
		height: calc(138 / 1920 * 100vw);
	}
	body.service #color .onoff-btn{
		width: calc(170 / 1920 * 100vw);
		position: absolute;
		bottom: 0;
		right: 0;
	}
	body.service #color .onoff-btn p{
		padding: 1.5rem 0;
	}
}

/* =========== datails =========== */

body.service #datails{
	padding-top: 0;
}
body.service #datails .title-area{
	background: #FFE000;
	padding: 3rem 0;
	margin-bottom: 4rem;
}
body.service #datails .title-area h2{
	font-size: 4rem;
	margin-bottom: 0;
}
body.service #datails .text-area{
	text-align: left;
}
body.service #datails h3{
	font-size: 3rem;
	line-height: 1.4;
}
body.service #datails .tube-kikaku table{
	width: 100%;
	border: 1px solid #000;
	table-layout: fixed;
}
body.service #datails .tube-kikaku table th,
body.service #datails .tube-kikaku table td{
	padding: .5rem;
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle;
	font-size: 1.4rem;
	line-height: 1.2;
}
body.service #datails .tube-kikaku table td .f-small{
	display: block;
	font-size: 1rem;
	line-height: 1.2;
}
body.service #datails .concent-visual{
	position: relative;
	padding: 0 10%;
	margin: 6rem 0;
}
body.service #datails .concent-visual:before{
	content: "";
	background: #ffe000;
	width: 20px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
body.service #datails .concent-visual:after{
	content: "";
	background: #ffe000;
	width: 20px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
body.service #datails .concent-details{
	background: #ffe000;
	padding: 20px;
}
body.service #datails .concent-details li{
	background: #FFF;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	padding: 20px;
}
body.service #datails .concent-details li h4{
	font-size: 2.6rem;
	line-height: 1.2;
}
body.service #datails .concent-details li .mark{
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	    gap: 10px;
	-webkit-flex-direction: row-reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	border-top: 1px solid #a4a4a4;
	padding-top: 2rem;
}
body.service #datails .concent-details li .mark-image{
	width: 53px;
}
body.service #datails .concent-details li .mark .text{
	width: calc( 100% - 63px);
}
body.service #datails .hosyou{
	padding: 4rem 0;
}
body.service #datails .hosyou .left{
	background: #ffe000;
	padding: 20px;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
}
body.service #datails .hosyou .text{
	padding: 20px;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	border: 2px solid #ffe000;
}

/*PC*/
@media (min-width: 751px){
	body.service #datails .title-area{
		margin-bottom: 6rem;
	}
	body.service #datails .title-area h2{
		font-size: calc(80 / 1920 * 100vw);
	}
	body.service #datails h3{
		font-size: calc(60 / 1920 * 100vw);
	}
	body.service #datails .details-wrap{
		position: relative;
		margin-bottom: 200px;
	}
	body.service #datails .details-wrap .image{
		width: calc(1220 / 1920 * 100vw);
	}
	body.service #datails .details-wrap .text-area{
		position: absolute;
		right: 0;
		bottom: -150px;
		text-align: right;
	}
	body.service #datails .details-wrap .text-area .text{
		font-size: 2rem;
	}
	body.service #datails .tube-kikaku table th,
	body.service #datails .tube-kikaku table td{
		font-size: 1.6rem;
		padding: 1rem;
	}
	body.service #datails .concent-visual{
		margin: 12rem 0;
	}
	body.service #datails .concent-visual .image{
		width: calc(1254 / 1920 * 100vw);
		max-width: 1254px;
		margin-left: auto;
		margin-right: auto;
	}
	body.service #datails .concent-details{
		padding: 60px;
	}
	body.service #datails .slick-slide{
		display: flex;
		-webkit-align-items: center;
		        align-items: center;
	}
	body.service #datails .concent-details li{
		padding: 60px;
	}
	body.service #datails .slider li .image{
		width: 100%;
		margin-bottom: 0;
	}
	body.service #datails .slider li .left-area{
		width: 100%;
	}
	body.service #datails .slider li .image img{
		width: calc(672 / 1920 * 100vw);
		max-width: 672px;
		margin-left: auto;
		margin-right: auto;
	}
	body.service #datails .concent-details li .mark{
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	body.service #datails .concent-details li .mark-image{
		width: 104px;
	}
	body.service #datails .concent-details li .mark.detail02 img{
		width: 424px;
		margin-left: auto;
		margin-right: auto;
	}
	body.service #datails .hosyou{
		padding: 8rem 0;
	}
	body.service #datails .hosyou .left{
		display: flex;
		-webkit-align-items: center;
		        align-items: center;
		    -webkit-justify-content: center;
		            justify-content: center;
		width: calc(400 / 1920 * 100vw);
	}
	body.service #datails .hosyou .text{
		width: calc(1520 / 1920 * 100vw);
		padding: 30px;
	}
}

/* =========== price =========== */

body.service .price .price-box{
	background: #ffe000;
	padding: 20px 3px 3px;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
}
body.service .price .price-num .bold{
	font-size: 3rem;
}
body.service .price .price-table-wrap{
	background: #F5F5F5;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	padding: 10px;	
}
body.service .price .price-table{
	width: 100%;
}
body.service .price .price-table tr{
	border-bottom: 1px solid #d1d1d1;
}
body.service .price .price-table tr:last-child{
	border: none;
}
body.service .price .price-table th,
body.service .price .price-table td{
	padding: 1rem 0.5rem;
}

/*PC*/
@media (min-width: 751px){
	body.service .price .price-wrap{
		-webkit-align-items: center;
		        align-items: center;
	}
	body.service .price .price-wrap .left-area,
	body.service .price .price-wrap .right-area{
		width: 100%;
	}
	body.service .price .price-wrap .left-area{
		padding-right: 40px;
	}
	body.service .price .price-table-wrap{
		padding: 20px;	
	}
	body.service .price .price-wrap h4{
		font-size: 2.4rem;
	}
}

/* ==================================================

company

================================================== */
body.company .main-area{
	left: 0;
	width: 100%;
	height: 80vh;
	background: url("../img/company/main_sp.jpg")no-repeat 50% top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.company table{
	width: 100%;
}
body.company table tr{
	border-bottom: 1px solid #6e00a8;
}
body.company table th{
	width: 30%;
}
body.company table th,
body.company table td{
	padding: 1rem;
	vertical-align: middle;
}
body.company #service-area .wrap{
	margin-bottom: 3rem;
}
body.company #service-area h3{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}
body.company #service-area h3:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 40px;
	background: #febe10;
	margin-right: 10px;
}
body.company #service-area .text{
	padding-left: 16px;
}

/*PC*/
@media (min-width: 751px){
	body.company .main-area{
		background: url("../img/company/main_pc.jpg")no-repeat 50% 50%;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}
	body.company #lead p{
		font-size: 2.8rem;
	}
	body.company table th{
		width: 50%;
	}
	body.company table th,
	body.company table td{
		padding: 2rem 3rem;
	}
	body.company #service-area .dispflex{
		width: 100%;
		gap: 20px;
		margin-bottom: 4rem;
	}
	body.company #service-area .dispflex .wrap{
		width: 100%;
	}
	body.company #service-area h3{
		font-size: 3rem;
	}
	body.company #service-area .text{
		font-size: 2rem;
	}
	body.company #service-area h3:before{
		margin-right: 20px;
	}
	body.company #service-area .text{
		padding-left: 26px;
	}
}

/* ==================================================

partner

================================================== */
body.partner .main-area{
	position: relative;
	left: 0;
	width: 100%;
	height: 80vh;
	background: url("../img/partner/main_sp.jpg")no-repeat 50% top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
body.partner .main-area h1{
	text-align: left;
	position: absolute;
	left: 15px;
	bottom: 30px;
	line-height: 1.2;
}
body.partner .main-area h1 span{
	border-bottom: 15px solid #0074ff;
}
body.partner h2{
	font-size: 3rem;
}
body.partner section#lead h2{
	position: relative;
	padding-bottom: 2rem;
}
body.partner section#lead h2:after{
	content: "";
	width: 300px;
	height: 2px;
	background: #0074ff;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	bottom: 0;
}
body.partner section#flow-area li{
	display: flex;
	gap: 15px;
	-webkit-align-items: center;
	        align-items: center;
}
body.partner section#flow-area li .icon{
	width: 99px;
}
body.partner section#flow-area li .text{
	text-align: left;
	width: calc(100% - 114px);
	font-size: 1.4rem;
}
body.partner section#flow-area li.step-line{
	width: 1px;
	height: 30px;
	border-right: 2px dotted #0074ff;
	margin-left: 49px;
}
body.partner section#flow-area .btn{
	background: #0074ff;
	color: #fff;
}
body.partner section#contact-area .inner{
	background: #eaeaea;
	padding: 3rem;
}

/*PC*/
@media (min-width: 751px){
	body.partner .main-area{
		background: url("../img/partner/main_pc.jpg")no-repeat 50% 50%;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}
	body.partner .main-area h1{
		font-size: 6rem;
		left: 60px;
		bottom: 60px;
		line-height: 1.2;
	}
	body.partner .main-area h1 span{
		border-bottom: 20px solid #0074ff;
	}
	body.partner h2{
		font-size: 4rem;
	}
	body.partner section#flow-area ul{
	    -webkit-justify-content: center;
	            justify-content: center;
	    gap: 10px;
	}
	body.partner section#flow-area li{
		width: 100%;
		display: block;
		margin-bottom: 0;
	}
	body.partner section#flow-area li .icon{
		width: 198px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	body.partner section#flow-area li .text{
		width: 100%;
	}
	body.partner section#flow-area li.step-line{
		width: 100%;
		height: 2px;
		border-top: 2px dotted #0074ff;
		border-right: none;
		margin-left: 0;
		margin-top: 99px;
	}
	body.partner section#flow-area .btn{
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	body.partner section#contact-area .inner{
		background: #eaeaea;
		padding: 6rem;
	}
	body.partner section#contact-area h3{
		font-size: 3rem;
	}
}

/* ==================================================

partner - entry

================================================== */

body.partner-entry .partner-step{
	background: #eaeaea;
	padding: 2rem;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	
}
body.partner-entry .partner-step li{
	width: 100%;
	text-align: center;
}
body.partner-entry .partner-step li .current{
	color: #0074ff;
	margin-bottom: 1rem;
}
body.partner-entry .partner-step li .bold{
	line-height: 1.2;
	margin-bottom: .5rem;
}
body.partner-entry .partner-step li .text{
	font-size: 1.2rem;
	line-height: 1.2;
}
body.partner-entry .partner-step li.line{
	width: 100%;
	height: 2px;
	background: #0074ff;
	margin-top: 1rem;
}


/* ==================================================

works

================================================== */

/* =========== archive =========== */

.contents-area.archive .main-area{
	position: relative;
	width: 100%;
}
.contents-area.archive .page-title{
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 3rem;
	z-index: 1;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.contents-area.archive .category-list{
	margin: 3rem 0;
	display: flex;
	gap: 10px;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.contents-area.archive .category-list li{
	width: calc(( 100% - 20px ) / 3 );
}
.contents-area.archive .category-list a{
	display: block;
	border: 2px solid #ffe000;
	padding: .5rem 1rem;
	transition: .3s ease-in;
}
.contents-area.archive .category-list li.current a{
	background: #ffe000;
}
.contents-area.archive section#post-list{
	padding-top: 0;
	padding-bottom: 3rem;
}
.contents-area.archive section#post-list li{
	margin-bottom: 2rem;
	width: 100%;
	height: calc(300 / 750 * 100vw);
	overflow: hidden;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.contents-area.archive section#post-list li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*	pagination */
#pagination{
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 90%;
	margin-top: 4rem;
	font-weight: bold;
}
#pagination span,
#pagination a{
	display: inline-block;
	width: 3rem;
	line-height: 1rem;
	padding: 10px 5px;
	color: #000;
}
#pagination span.current{
	background: #ffe000;
	color: #000;
}
#pagination a.prev,
#pagination a.next{
	width: 6rem;
}

/*PC*/
@media (min-width: 751px){
	.contents-area.archive .page-title{
		bottom: 6rem;
	}
	.contents-area.archive .category-list{
		margin: 6rem 0;
	}
	.contents-area.archive .category-list li{
		width: calc(( 100% - 50px ) / 6 );
	}
	.contents-area.archive .category-list a{
		padding: 1rem 1.5rem;
	}
	.contents-area.archive .category-list a:hover{
		background: #ffe000;
	}
	.contents-area.archive section#post-list .dispflex{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		gap: 10px;
	}
	.contents-area.archive section#post-list li{
		background: #000;
		width: 60%;
		height: calc(500 / 1920 * 100vw);
		margin-bottom: 0;
	}
	.contents-area.archive section#post-list li:nth-child(4n+2),
	.contents-area.archive section#post-list li:nth-child(4n+3){
		width: calc( 40% - 10px );
	}
}

/* =========== single =========== */

body.single .page-title{
	font-size: 2rem;
	font-weight: 500;
	text-align: left;
}
body.single .title-bg .inner,
body.single .entry_main{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
body.single .galleryArea{
	gap: 10px;
}
body.single .gallery-item{
	width: 100%;
	height: calc(400 / 750 * 100vw);
	margin-bottom: 10px;
	overflow: hidden;
}
body.single .gallery-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body.single table{
	width: 100%;
	background: #fffcf3;
	border: ffe000 2px solid;
}
body.single table th,
body.single table td{
	border: #ffe000 2px solid;
	padding: 1rem;
	vertical-align: middle;
}

/*PC*/
@media (min-width: 751px){
	body.single section{
		padding: 5rem 0;
	}
	body.single .page-title{
		font-size: 3rem;
	}
	body.single .gallery-item{
		width: 100%;
		height: 200px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	body.single .detail-area{
		gap: 20px;
	}
	body.single table{
		width: 300px;
	}
}

/* ==================================================

contact

================================================== */
.grecaptcha-badge {
	visibility: hidden!important;
}
#form-area{
	text-align: left;
}
#form-area .inner{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#contact-form li{
	width: 100%;
	border-bottom: 1px solid #a4a4a4;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
#contact-form li .item{
	margin-bottom: 1rem;
	font-size: 1.8rem;
}
#contact-form li .item .f-small{
	color: #8e8e8e;
	font-size: 1.3rem;
}
#contact-form .need{
	font-size: 1.2rem;
	line-height: 1.4;
	color: #ff0000;
	font-weight: bold;
	margin-top: 0.5rem;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="date"],
#contact-form input[type="number"],
#contact-form textarea{
	display: block;
	padding: 1rem;
	font-size: 1.6rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background: none;
	border: 1px solid #ddd;
	background: #fafafa;
	border-radius: 3px;
	width: 100%;
	color: #000;
}
#contact-form input[type="submit"]{
	display: block;
	width: 100%;
	max-width: 260px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	padding: 1.5rem;
	color: #ffe000;
	background: #000;
	cursor: pointer;
	font-size: 1.8rem;
}
#contact-form span.wpcf7-not-valid-tip{
	font-size: 1.2rem!important;
	color: #ff0000!important;
	font-weight: bold!important;
	margin-top: 0.5rem!important;
}
#contact-form .privacy{
	width: 100%;
	text-align: center;
}
#contact-form .privacy a{
	text-decoration: underline;
}
#contact-form .privacy a:hover{
	text-decoration: none;
}
#contact-form .recaptcha .wpcf7-not-valid-tip{
	text-align: center;
}
#contact-form .color-image{
	width: calc(400 / 750 * 100vw);
	max-width: 400px;
}

@media screen and (max-width: 750px){
	.wpcf7-date{
		width: 100px !important;
	}
	.wpcf7-date::before{
		content: '年/月/日';
		font-size: 12px;
		color: #000;
	}
	#contact-form .prefectures select{
		display: block;
		padding: 1rem;
		font-size: 1.6rem;
		outline: none;
		background: none;
		border: 1px solid #ddd;
		background: #fafafa;
		border-radius: 3px;
		width: 100%;
		color: #000;
	}
}
/*PC*/
@media (min-width: 751px){
	#contact-form li{
		-webkit-align-items: center;
		        align-items: center;
	    gap: 20px;
	}
	#contact-form li .item{
		width: 30%;
		margin-bottom: 0;
	}
	#contact-form li .input{
		width: calc( 70% - 20px );
	}
	#contact-form li .input .dispinblock{
		vertical-align: middle;
	}
	#contact-form select{
		display: block;
		padding: 1rem;
		font-size: 1.6rem;
		outline: none;
		background: none;
		border: 1px solid #ddd;
		background: #fafafa;
		border-radius: 3px;
		width: 100%;
		color: #000;
	}
}

/* ==================================================

quotation

================================================== */

#contact-form .wpcf7-radio label input,
#contact-form .wpcf7-list-item-label{
	display: inline-block;
	vertical-align: middle;
}
#contact-form .wpcf7-list-item{
	margin: 0 1em 0 0!important;
}
#contact-form li .input.date,
#contact-form li .input.number,
#contact-form li .input.post{
	display: flex;
	gap: 10px;
	-webkit-align-items: center;
	        align-items: center;
}
#contact-form li input.time,
#contact-form li input.people,
#contact-form li input.post{
	width: 60px!important;
}
#contact-form li input.post span,
#contact-form li input.number span{
	display: inline-block;
	vertical-align: middle;
}

/* ==================================================

order

================================================== */

.acceptance-area .wpcf7-list-item-label{
	width: calc( 100% - 20px);
	padding-left: 7px;
}
input[type='submit']:disabled {
	opacity: 0.3;
}
input[type='submit']{
	transition: .3s ease-in;
	opacity: 1;
}

/* ==================================================

starter-kit

================================================== */

#contact-form .input-ex input[type="text"],
#contact-form .input-ex input[type="number"]{
	width: 8rem;
	display: inline-block;
	padding: 0.5rem;
}
#contact-form .input-ex span.bold{
	display: block;
	margin-bottom: 0.5rem;
}
#contact-form .input-ex .dispinblock{
	margin-right: 25px;
	margin-bottom: 10px;
}
#contact-form .form-image img{
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
/*PC*/
@media (min-width: 751px){
	#contact-form .input-ex input[type="text"],
	#contact-form .input-ex input[type="number"]{
		width: 6rem;
	}
	#contact-form .input-ex .dispinblock{
		margin-bottom: 0;
	}
}