@charset 'UTF-8';
.single-post .container {
	width: min(100% - 4rem, 1200px);
	margin-inline:auto;
}
.single-post h2 {
	color:#fff;
	font-size: clamp(3rem, 3.6vw, 3.6rem);
    font-weight: 700;
	background:#356bd8;
	padding:10px 20px;
    margin-block-start: 60px;
	border-radius:5px;
}
.single-post h3 {
	position:relative;
	font-size: clamp(2.8rem, 2.8vw, 2.8rem);
    font-weight: 700;
	border-bottom:3px solid #ccc;
    margin-block-start: 40px;
	padding-block-end:10px;
}
.single-post h3:before {
	content"";
	position:absolute;
	bottom:0;
	display:inline-block;
	width:200px;
	border:3px solid #356bd8;
}
.single-post h4 {
	font-size: clamp(2.1rem, 2.1vw, 2.1rem);
    font-weight: 700;
    margin-block-start: 20px;
}
.single-post p,
.single-post pre,
.single-post table,
.single-post .wp-block-list {
	font-size: clamp(1.8rem, 1.8vw, 1.8rem);
	line-height:1.7;
    margin-block-start: 20px;
}
.single-post table tr:first-child td {
	background:#f0f0f0;
} 
.single-post table td {
	border:1px solid #ccc;
	padding:10px;
}
.yarpp-template-list {
	border:5px solid #ccc;
	padding:30px;
	margin-top:60px !important;
}
.yarpp-template-list ol li {
	margin-block-start:20px;
}
.single-area .title-header {
	margin-block-start:120px;
}
@media screen and (max-width: 1000px){
	.single-area .title-header {
		margin-block-start:10px;
	}	
}
.single-area .pankuzu {
    width: min(100% - 4rem, var(--width, 1820px));
}
.single-area h1.title-01._common {
	display:none;
}
.single-area .container {
	max-width:100%;
}
.area-section01 {
	position:relative;
}
.area-text {
	position:absolute;
	max-width:820px;
	top:20%;
	left:5%;
}
@media screen and (max-width: 1200px){
	.area-text {
		width:80%;
		bottom:50px;
		left:10%;
	}
}
@media screen and (max-width: 768px){
	.area-text {
		width:90%;
		left:5%;
	}
}

@media screen and (max-width: 1000px){
	.area-section01 figure img {
		object-fit:cover;
	}
}
.area-section01 h1 {
	color:#333;
	text-align:left;
	/* -webkit-text-stroke: 1px #fff;*/
    text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	font-size: clamp(2.4rem, 3.6vw, 4rem);
	font-weight:700;
}
.area-text .point {
	text-align:left;
	/* -webkit-text-stroke: 1px #fff;*/
    text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	font-size: clamp(2.1rem, 3.2vw, 3.6rem);
	color: #356bd8;
	font-weight: 700;
}
.area-text .annotation {
	/* -webkit-text-stroke: 1px #fff;*/
    text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.area-text a {
	margin-inline:0;
}
@media screen and (max-width: 1000px){
	.single-area .section01 {
		margin-block-start: 0;
	}
}
.servise-wrap ul.list02 li {
	list-style:none;
}

.single-area .footer {
	margin-block-start:0 !important;
}
.wpcf7-select {
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px 15px;
}
.formwrap dt p {
	align-items:center;
}
.contact7 .must, .contact7 .optional {
	width: 30px;
}
@media screen and (max-width: 768px){
	.contact7 .must, .contact7 .optional {
		width: 44px;
	}
}