/*
Theme Name: Twenty Twelve
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 4.6
Tested up to: 6.8
Requires at least: 3.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"Yu Gothic" , "YuGothic" ,  "Hiragino Kaku Gothic Pro" , "Meiryo UI" , Meiryo , "MS PGothic" , sans-serif;
	
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
.noto_serif {
	font-family: "Noto Serif", serif;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
	list-style:none;
}


ul.flex,.flex{
	display:-webkit-box;
	display:-ms-box;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

table{
	border-collapse: collapse; 
	border-spacing:0;
	width:100%;
}

caption, th{
	text-align: left;
}

a:focus {
	outline:none;
}

.clear:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .clear {
	height: 1px;
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
*{
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
a{
	text-decoration:none;
	color:#525252;
}
p a:hover {
	color:#FFA331;
}
body {
	overflow:hidden;
	background:#fff;
}
div, a, p, h1, h2, h3, h4, h5, h6, span, th, td, li, time, footer, button, label, strong, em, b{
	color:#525252;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
}
b{font-weight:bold;}
img{
	width: 100%;
	display: block;
	height: auto;
}
.grecaptcha-badge {
    position: absolute;
    z-index: -100;
    visibility: hidden;
}
.wpcf7 form .wpcf7-response-output {
    border: none!important;
}
section[class^="index_"]{
}
.width {
	width:80%;
	max-width:1200px;
	margin:0 auto;
}
p{
	margin-bottom:10px;
	letter-spacing:1px;	
}
section a, section span, section b, section strong {
	font-size:100%;
}
.mt10 {margin-top:10%!important;}
.mt8 {margin-top:8%!important;}
.mt5 {margin-top:5%!important;}
.mt3 {margin-top:3%!important;}
.mt0 {margin-top:0%!important;}
.mb0 {margin-bottom:0%!important;}
.mb3 {margin-bottom:3%!important;}
.mb5 {margin-bottom:5%!important;}
.mb8 {margin-bottom:8%!important;}
.mb10 {margin-bottom:10%!important;}

div.float {
    margin: 3% auto;
}
.float p.floatr {
    float: right;
    margin: 0 0 10px 3%;
    width: 47%;
}
.float p.floatl {
    float: left;
    margin: 0 3% 10px 0;
    width: 47%;
}

.center {
	text-align:center!important;
}
.right {
	text-align:right!important;
}
.left {
	text-align:left!important;
}
span.ib {
	display:inline-block!important;
}
span.bu {
	border-bottom:1px solid;
	font-weight:500;
	font-size:100%;
}
span.bo {
	font-size:100%;
	font-weight:600;
}
span.bbig{
	font-weight:bold!important;
	font-size:120%!important;
}
span.yb {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #FFFAC6));
    background: -o-linear-gradient(transparent 60%, #FFFAC6 0%);
    background: linear-gradient(transparent 60%, #FFFAC6 0%);
}


@-webkit-keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}
@-webkit-keyframes fadeinrl {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes fadeinrl {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@-webkit-keyframes fadeinlr {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes fadeinlr {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@-webkit-keyframes fadeinbt {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes fadeinbt {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@-webkit-keyframes fadeintb {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes fadeintb {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

.fadein{
	opacity:0;
	-webkit-transition : all 3s;
	-o-transition : all 3s;
	transition : all 3s;
}
.downup .fadein {
	opacity : 0;
	-webkit-transform : translate(0, 50px);
	    -ms-transform : translate(0, 50px);
	        transform : translate(0, 50px);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.updown .fadein {
	opacity : 0;
	-webkit-transform : translate(0, -50px);
	    -ms-transform : translate(0, -50px);
	        transform : translate(0, -50px);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.fadeinrl .fadein {
	opacity : 0;
	-webkit-transform : translate(80px, 0);
	    -ms-transform : translate(80px, 0);
	        transform : translate(80px, 0);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.fadeinlr .fadein {
	opacity : 0;
	-webkit-transform : translate(-80px, 0);
	    -ms-transform : translate(-80px, 0);
	        transform : translate(-80px, 0);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.fadein.scrollin {
	opacity : 1;
	-webkit-transform : translate(0, 0);
	    -ms-transform : translate(0, 0);
	        transform : translate(0, 0);
}

ul[class^="col2_"] > li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 3%;
}
ul[class^="col3_"] > li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 3%;
}
ul[class^="col2_"] > li:nth-child(even), ul[class^="col3_"] > li:nth-child(3n){
    margin-right: 0;
}

/*------------------------------------*\
    ヘッダー＆フッダー00
\*------------------------------------*/
.sp {
	display:none;
}
.pc {
	display:block;
}

.site-header {
	background-image: linear-gradient(180deg, rgba(177, 247, 255, 1), rgba(255, 255, 255, 1)70%);
}
hgroup {
	display:flex;
	justify-content:space-evenly;
	width:90%;
	margin:0 auto;
	padding:15px 0;
	max-width:1200px;
	align-items:flex-start;
}
.h_logo {
	width:280px;
}
.h_logo a {
	display:block;
}
.h_logo a img {
	width:100%;
	object-fit:contain;
}
.h_tel {
	width:320px;
}
.h_tel a {
	display:block;
}
.h_tel a .number {
	display:flex;
	justify-content:space-evenly;
}
.h_tel a .number img {
	width:22%;
	object-fit:contain;
}
.h_tel a .number p {
	font-weight:bold;
	font-size:35px;
	margin:0;
	line-height:1;
}
.h_tel a .sub_txt {
	font-size:78%;
	margin: 10px 0 0;
	text-align:center;
}
.h_contact {
	width:280px;
}
.h_contact a {
	display:flex;
	justify-content:space-evenly;
	width:100%;
	padding:11px;
	border-radius:10px;
	background:#003b8c;
	align-items:center;
}
.h_contact a .txt p {
	color:#fff;
	font-weight:bold;
	font-size:23px;
	margin:0;
}
.h_contact a .txt .sub_txt {
	font-size:70%;
	font-weight:400;
}
.h_contact a .img {
	width:20%;
}
.h_contact a .img img {
	width:100%;
	object-fit:contain;
}
.sp_nav {
	display:none;
}
.g_nav {
	background:#003b8c;
}
.g_nav ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	width:90%;
	max-width:1000px;
	margin:0 auto;
}
.g_nav ul li a {
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	transition:all .3s;
	padding:10px;
	text-align:center;
}
.g_nav ul li a:hover {
	opacity:.8;
}
.left_cta {
	position:fixed;
	left:10px;
	bottom:10px;
	z-index:99;
}
.left_cta ul {
	display:flex;
}
.left_cta ul li {
	width:100px;
	height:80px;
	text-align:center;
	margin-right:10px;
	border-radius:10px;
	border:#fff 3px solid;
}
.left_cta ul li:nth-of-type(1) {
	background:#e60113;
}
.left_cta ul li:nth-of-type(2) {
	background:#003b8c;
}
.left_cta ul li:nth-of-type(3) {
	background:#00B900;
}
.left_cta ul li a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	display:block;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	transition:all .3s;
}
.left_cta ul li a:hover {
	opacity:.8;
}
.left_cta ul li a img {
	width:40px;
	object-fit:contain;
	margin:0px auto 3px;
	padding:3px 0 0;
}


.f_cta {
	background:#003b8c;
	margin-top:8%;
	padding-bottom:3%;
}
.f_cta .ttl6 {
	color:#fff;
}
.f_cta_area {
	max-width:900px !important;
}
.f_cta_area ul {
	display:flex;
	justify-content:space-between;
}
.f_mail,
.f_tel {
	width:49%;
	box-shadow:inset rgba(0, 0, 0, .5) 0px 0px 10px;
	background:#fff;
	padding:5px 10px;
	transition:all .3s;
}
.f_mail a,
.f_tel a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
}
.f_mail:hover ,
.f_tel:hover {
	background:#fffd61;
	box-shadow:inset rgba(0, 0, 0, .5) 0px 0px 2px;
}
.f_mail a:after {
	content:'';
	position:absolute;
	background:#fffd61;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	width:35px;
	height:35px;
	bottom:0px;
	right:0px;
}
.f_tel a:after {
	content:'';
	position:absolute;
	background:#fffd61;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
	width:35px;
	height:35px;
	bottom:0px;
	left:0px;
}
.f_mail a div,
.f_tel a div {
	width:calc(100% - 22%);
}
.f_mail a img,
.f_tel a img {
	width:auto;
	height:120px;
	object-fit:contain;
}
.f_mail a p,
.f_tel a p {
	font-size:16px;
	text-align:center;
	padding-top:5px;
	color:#003b8c;
	font-weight:bold;
	margin:0;
}
.f_mail a .big_txt,
.f_tel a .big_txt {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #003b8c;
	padding:5px;
	color:#525252;
	margin:0;
}
.f_logo {
	width:300px;
	margin:80px auto 20px;
}
.f_logo a {
	display:block;
}
.f_logo img {
	width:100%;
	object-fit:contain;
}
.f_access {
	width:300px;
	margin:0 auto 50px;
	text-align:center;
}
.f_access li p {
	margin-bottom:5px;
}
.f_nav ul {
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:85%;
	max-width:1000px;
	margin:0 auto 60px;
}
.f_nav ul li {
	margin:2%;
}
.f_nav_link a {
	transition:all .3s;
	font-weight:bold;
}
.f_nav_link a:hover {
	color:#003b8c;
}
.f_copy {
	background:#003b8c;
	text-align:center;
	padding:10px 0;
}
.f_copy p {
	color:#fff;
	margin:0;
	font-size:11px;
}

/*------------------------------------*\
    トップページ00
\*------------------------------------*/
.mv {
	background-image:url(https://e-succeed.net/factory/wp-content/uploads/2025/07/sky.webp);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:8% 0 4%;
	position:relative;
}
.mv_left {
	position:absolute;
	bottom:0;
	left:20px;
	width:23%;
}
.mv_right {
	position:absolute;
	bottom:0;
	right:20px;
	width:23%;
}
.mv_ttl {
	background:#003b8c;
	padding:15px;
	width:fit-content;
	margin:0 auto;
}
.ttl1 {
	background:#fff;
	padding:15px 20px;
	font-weight:bold;
	font-size:48px;
	color:#003b8c;
}
.ttl1 span {
	color:#003b8c;
	font-weight:bold;
}
.ttl1 span.red {
	color:#e60113;
	font-weight:bold;
}
.ttl1 span.dot {
	background-image: radial-gradient(circle at center, #e60113 15%, transparent 20%); /* 点の色とサイズ調整 */
	background-position: top right; /* 点の位置 */
	background-repeat: repeat-x; /* 横方向に繰り返し */
	background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
	padding-top: 3px; /* 縦方向の位置調整 */
}
.mv_feature {
	width:90%;
	max-width:1000px;
	margin:3% auto;
}
.mv_feature .img_area {
	justify-content:space-between;
}
.mv_feature .img_area li {
	width:30%;
}
.mv_feature .img_area li p {
	margin:30px 0;
	font-weight:bold;
}
.mv_feature .img_area li p span.ib {
	font-weight:bold;
}

.txt_center {
	text-align:center;
} 
.small {
	font-size:70%;
}
span.ib {
	display:inline-block;
}
.btn1 {
	width: 60%;
    max-width: 500px;
    margin: 0 auto;
}
.btn1 a {
	display:flex;
	justify-content:space-evenly;
	border-radius:50px;
	background:#fff;
	box-shadow:inset rgba(0, 0, 0, .15) 0px 4px 2px;
	align-items:center;
	font-size:24px;
	font-weight:bold;
	transition:all .3s;
}
.btn1 a:hover {
	background:#e60113;
	color:#fff;
}
.btn1 a img {
	width:80px;
	object-fit:contain;
}
.read {
	background-image: linear-gradient(180deg, rgba(177, 247, 255, 1), rgba(255, 255, 255, 1)30%,rgba(255, 255, 255, 1)70%, rgba(177, 247, 255, 1));
}
.read .txt_area {
	padding:8% 0;
	position:relative;
	z-index:1;
}
.read .txt_area:after {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background-image:url(https://e-succeed.net/factory/wp-content/uploads/2025/07/ase.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.5;
	z-index:-1;
}
.ttl2 {
	margin-bottom:5%;
	font-weight:bold;
	font-size:36px;
	position:relative;
	width:fit-content;
	margin:0 auto 5%;
	z-index:1;
}
.ttl2:before {
	content:'';
	position:absolute;
	width:110%;
	height:15px;
	bottom:0;
	left:calc(0% - 5%);
	background-color:#fffd61;
	z-index:-1;
}
.read .txt_area p {
	font-weight:bold;
}
.read .txt_area p span.ib {
	font-weight:bold;
}
.safety {
	padding:8% 0;
	position:relative;
}
.inner {
	width:90%;
	margin:0 auto;
	max-width:1200px;
}
.safety_img {
	display:flex;
	justify-content:center;
}
.safety_img .w70 {
	width:70%;
}
.safety_img .w70 img {
	width:100%;
	object-fit:contain;
}
.safety_img .w30 {
	width:30%;
}
.safety_img .w30 img {
	width:100%;
	object-fit:contain;
}
.ttl3 {
	background:#fff;
	font-size:28px;
	font-weight:bold;
	color:#003b8c;
	padding:5px 10px;
	width:fit-content;
}
.ttl3 span.ib {
	font-weight:bold;
	color:#003b8c;
}
.safety_txt {
	position:absolute;
	bottom:0;
	left:0;
}
.safety_txt .txt_area {
	background:rgba(255,255,255,.7);
	padding:10px;
	width:80%;
}
.cta {
	max-width:1000px;
	margin:3% auto;
}
.cta_list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.cta_list li {
	width:48%;
	margin-bottom:3%;
	border:5px solid #fffd61;
}
.cta_list li a {
	display:block;
	width:100%;
	transition:all .3s;
}
.cta_list li a:hover {
	opacity:.8;
}
.cta_list li a img {
	width:100%;
	object-fit:contain;
}
.cta_list li:nth-of-type(3) {
	width:100%;
}
.ttl_area {
	background:#e60113;
	padding:5% 0;
	text-align:center;
}
.ttl_area.blue {
	background:#003b8c;
	position:relative;
}
.ttl_area.blue:before {
	content:'';
	width:60px;
	height:60px;
	transform:rotate(45deg);
	background:#dce5f0;
	position:absolute;
	top:-30px;
	left:calc(50% - 30px);
}
.ttl4 {
	font-size:36px;
	color:#fff;
	font-weight:bold;
}
span.b {
	display:block;
}
span.yellow {
	color:#fffd61;
	font-size:22px;
	font-weight:bold;
	line-height:2;
}
.bg_rb {
	background:#dce5f0;
	position:relative;
	z-index:2;
}
.bg_rb:before {
	content:'';
	background:#f8eded;
	width:100%;
	height:100%;
	display:block;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.trouble_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:3% 0;
}
.trouble_list li {
	width:49%;
	background:#fff;
	padding:10px;
	margin-bottom:2%;
	font-size:18px;
	font-weight:bold;
	display:flex;
	align-items:center;
}
.trouble_list li span.number {
	color:#e60113;
	font-size:48px;
	font-weight:bold;
	margin-right:15px;
}
.trouble_list li:nth-of-type(5),
.trouble_list li:nth-of-type(6) {
	margin-bottom:0;
}
.merit_list {
	padding:5% 0;
}
.ttl5 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:3%;
	position:relative;
	z-index:1;
}
.ttl5 span.txt_blue {
	color:#003b8c;
	font-size:20px;
	font-weight:bold;
	display:block;
}
.merit_list li:nth-of-type(1) .ttl5:after,
.merit_list li:nth-of-type(3) .ttl5:after {
	content:'';
	display:block;
	position:absolute;
	top:0px;
	left:-10px;
	width:100px;
	height:100px;
	background:#dce5f0;
	transform:rotate(45deg);
	z-index:-1;
}
.merit_list li:nth-of-type(2) .ttl5:after {
	content:'';
	display:block;
	position:absolute;
	top:0px;
	left:calc(50% - 15px);
	width:100px;
	height:100px;
	background:#dce5f0;
	transform:rotate(45deg);
	z-index:-1;
}
.merit_list li p {
	position:relative;
	z-index:2;
}
.paint {
	padding:5% 0;
}
.ttl6 {
	border:1px solid #003b8c;
	border-left:none;
	border-right:none;
	padding:3% 0;
	font-weight:bold;
	font-size:36px;
	text-align:center;
}
.ttl6.red {
	border:1px solid #e60113;
	border-left:none;
	border-right:none;
}
.ttl6 span.blue {
	font-weight:bold;
	color:#003b8c;
	font-size:22px;
	display:block;
}
.ttl6 span.blue span.ib {
	font-weight:bold;
	color:#003b8c;
	display:inline-block;
}
.ttl6 span.red {
	font-weight:bold;
	color:#e60113;
	font-size:22px;
	display:block;
}
.paint_logo {
	width:200px;
	margin:5% auto;
}
.paint_logo img {
	width:100%;
	object-fit:contain;
}
.paint_list {
	display:flex;
	justify-content:space-between;
}
.paint_list li {
	width:48%;
}
.paint_list li p img {
	width:90%;
	max-width:300px;
	margin:0 auto 3%;
}
.paint_list .txt_area {
	background:#dce5f0;
	padding:10px;
}
.ttl7 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:3%;
}
.btn2 {
	width:250px;
	margin:5% auto;
	border:#003b8c 1px solid;
}
.btn2 a {
	display:block;
	color:#003b8c;
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	transition:all .3s;
}
.btn2 a:hover {
	background:#003b8c;
	color:#fff;
}
.reason_list {
	display:flex;
	justify-content:space-between;
	padding:5% 0;
}
.reason_list li {
	width:30%;
}
.reason_list li p img {
	width:90%;
	max-width:150px;
	margin:0 auto 3%;
}
.ttl8 {
	background:#e60113;
	border-radius:100px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	padding:10px;
	margin:5% 0;
}
.explanation {
	background:url(https://e-succeed.net/factory/wp-content/uploads/2025/07/sky2.webp);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:3% 0;
}
.ttl6.border_none {
	border:none;
}
.explanation .txt_area {
	background:rgba(255,255,255,.8);
	padding: 0 3% 3%;
}
.qa {
	counter-reset: number 0;
}
.anser {
	counter-reset: anser 0;
}
.qa-6 {
	width:100%;
	margin-bottom:3%;
}

.qa-6 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 4em;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
	background:#003b8c;
}
.qa-6 summary span.q_number {
	position: absolute;
    top: 13px;
    left: 19px;
    font-weight: 600;
    font-size: 1.3em;
	color:#fff;
}
.qa-6 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 1em 4em;
    transition: transform .5s, opacity .5s;
	background:#dce5f0;
}
.qa-6 p span.a_number {
	position: absolute;
    top: 13px;
    left: 19px;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-6[open] p {
    transform: none;
    opacity: 1;
}

.qa-6 summary::before,
.qa-6 p::before {
    position: absolute;
	top:13px;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}



/*------------------------------------*\
    アーカイブ00
\*------------------------------------*/





/*------------------------------------*\
    下層ページ00
\*------------------------------------*/
.entry-header {
	padding: 60px;
    background-image: linear-gradient(180deg, rgba(177, 247, 255, 1), rgba(255, 255, 255, 1) 30%
30%
, rgba(255, 255, 255, 1) 70%, rgba(177, 247, 255, 1));
}
.ttl9 {
	color: #003b8c;
    font-weight: bold;
    font-size: 42px;
	position:relative;
	z-index:1;
}
.ttl9 span {
	position:absolute;
	bottom:10px;
	left:30px;
	color: #969696;
    font-weight: bold;
    font-size: 80px;
	text-transform: uppercase;
	line-height:1;
	z-index:-1;
	opacity:.3;
}
.paint_txt_area {
	background: #dce5f0;
    padding: 20px;
}
.ttl10 {
	font-weight: bold;
    color: #003b8c;
	font-size:22px;
	margin:2% 0 1.5%;
	padding-bottom:3px;
}
.w40 {
	width:40%;
	margin:0 auto 3%;
}
.list2 {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	margin-top:3%;
}
.list2 li {
	width:30%;
	min-width:220px;
	margin:0 5px;
	margin-bottom:2%;
}
.list2 li a {
	display:block;
	width:100%;
	padding:10px 0;
	border:2px solid #003b8c;
	border-radius:10px;
	color:#003b8c;
	text-align:center;
	font-weight:bold;
	transition:all .3s;
}
.list2 li a:hover {
	background:#003b8c;
	color:#fff;
}
.bread span {
	color:#003b8c;
	font-weight:bold;
}
.bread .aioseo-breadcrumb-separator {
	color:#525252;
}
.bread a {
	transition:all .3s;
	font-weight:bold;
	color:#525252;
}
.bread a:hover {
	color:#003b8c;
}
.table1 {
	width: 100%;
	max-width:850px;
	margin:0 auto;
	border-spacing: 10px;
    border-collapse: unset;
}
.table1 th,
.table1 td {
	padding: 20px;
}

.table1 th {
	font-weight: bold;
	background: linear-gradient(90deg, #003b8c, transparent);
	width:25%;
	color:#fff;
}
.table1 td a {
	transition:all .3s;
}
.table1 td a:hover {
	color:#003b8c;
}
@media screen and (max-width:768px) {
	.table1,
	.table1 tr,
	.table1 td,
	.table1 th {
		display:block;
	}
	.table1 th {
		width:auto;
	}
}
ul.sitemap1 {
}
ul.sitemap1 > li {
    width: 48%;
    vertical-align: top;
    margin-right: 4%;
    border-bottom: 1px solid #707070;
	position:relative;
	z-index:1;
}
ul.sitemap1 > li:before {
	content:'';
	display:block;
	width:25px;
	height:25px;
	background:#e60113;
	opacity:.2;
	position:absolute;
	top:calc(50% - 10px);
	left:0px;
	transform:rotate(45deg);
	z-index:-1;
}
ul.sitemap1 > li:nth-child(even) {
    margin-right: 0;
}
ul.sitemap1 > li > a {
    display: block;
    padding: 10px;
    position: relative;
	transition:all .3s;
	font-weight:bold;
}
ul.sitemap1 > li > a:hover {
    color:#e60113;
}
ul.sitemap1 > li > a::after {
    content: "\03e";
    position: absolute;
    right: 20px;
	transition:all .3s;
}
ul.sitemap1 > li > a:hover::after {
    right: 10px;
	color:#e60113;
}
ul.sitemap1 > li li a {
    padding: 0 10px 10px;
    display: block;
    font-size: 15px;
}
ul.sitemap1 > li li a::before {
    content: "-";
    padding-right: 10px;
}
ul.link2 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 5% auto;
}
ul.link2 li {
    margin: 0 2% 1% 0;
    max-width: 46%;
}
ul.link2 li:last-child {
	margin-right:0;
}
ul.link2 li a {
    display: block;
    background: #e60113;
    padding: 10px;
    text-align: center;
    min-width: 200px;
}
ul.link2 li:nth-of-type(2) a {
    background: #00B900;
}
ul.link2 li a img {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}
ul.link2 li a span {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
}
ul.link2 li a:hover {
    opacity:0.8;
}
section.contact-f, p.cf-txt {
    max-width: 850px;
    margin: 0 auto;
}
section.contact-f th p, section.contact-f td p:last-child {
    margin:0;
}
section.contact-f table {
    border-collapse: separate;
    border-spacing: 0 10px;
}
section.contact-f table th {
    background: linear-gradient(90deg, #003b8c, transparent);
    text-align: center;
    width: 200px;
    padding: 20px 0;
    vertical-align: top;
}
section.contact-f table th span {
    font-size: 80%;
    color: #e60113;
	font-weight:bold;
}
section.contact-f table td {
    padding: 20px 0 20px 20px;
    vertical-align: middle;
}
section.contact-f table td span.rei {
    display: block;
    margin-top: 3px;
    font-size: 15px;
}
section.contact-f table td span.wpcf7-list-item {
    margin: 0 1em 0 0;
    line-height: 28px;
    letter-spacing: 1px;
}
section.contact-f table td span.wpcf7-acceptance span.wpcf7-list-item, section.contact-f table td span.acceptance-001 span.wpcf7-list-item {
    margin: 0;
}
div.wpcf7 td span.wpcf7-list-item-label {
    cursor: pointer;
}
section.contact-f table td span.wpcf7-form-control-wrap {
}
section.contact-f table td input.wpcf7-text, section.contact-f table td textarea.wpcf7-textarea {
    border: 1px solid #b6b6b6;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
section.contact-f table td input.wpcf7-text {
    width: 80%;
    max-width: 400px;
    height: 35px;
	padding:5px;
}
section.contact-f table td textarea.wpcf7-textarea {
    width: 100%;
	padding:5px;
}
section.contact-f p span.wpcf7-spinner {
    vertical-align: sub;
}
section.contact-f p input.wpcf7-form-control.wpcf7-submit {
    padding: 10px 30px;
    background: #003b8c;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
    margin-left: 72px;
    color: #fff;
    border-radius: 5px;
    min-width: 200px;
}
section.contact-f p input.wpcf7-form-control.wpcf7-submit:hover {
    background: #707070;
    color: #fff;
}
section.contact-f form > p {
    text-align: center;
}
section.contact-f th p {
	color:#fff;
}
.page_ttl {
	background:#003b8c;
	padding:15px;
	width:fit-content;
	margin:0 auto;
}
span.font100 {
	font-size:100%;
}
.page .txt_area {
	background: #dce5f0;
    padding: 10px;
}
.list3 {
	border: 4px solid #e60113;
	background:#f8eded;
	padding:20px 10px;
	margin:2% 0;
}
.list3 li {
	padding:5px 0 5px 20px;
	position:relative;
	border-bottom: #525252 dashed 2px;
}
.list3 li:before {
	content:'';
	width:8px;
	height:8px;
	border-radius:100%;
	background:#003b8c;
	position:absolute;
	top:calc(50% - 4px);
	left:6px;
}
.ttl11 {
	font-size: 42px;
    text-align: center;
    font-weight: bold;
    border-bottom: 5px solid #003b8c;
    margin: 5% 0 3%;
    padding-bottom: 15px;
    color: #003b8c;
}
.ttl11 span.dot {
    background-image: radial-gradient(circle at center, #e60113 15%, transparent 20%);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: 3px;
}

.ttl11 span {
    color: #003b8c;
    font-weight: bold;
}
.scroll {
	overflow-y:scroll;
}
.table2 {
	min-width:750px;
}
.table2 th {
	background: #ddd;
    padding: 10px 0;
    border: #fff 2px solid;
    text-align: center;
    width:calc(100% / 3);
}
.table2 th.red {
	background: #e60113;
	color:#fff;
}
.table2 th.blue {
	background: #003b8c;
	color:#fff;
}
.table2 td {
	background: #f8eded;
    padding: 10px 0;
    border: #fff 2px solid;
    text-align: center;
    width:calc(100% / 3);
}
.table2 td.clear_blue {
	background:#dce5f0;
}
.page span.txt_blue {
	color:#003b8c;
	font-weight:bold;
	font-size:110%;
}
.page span.txt_red {
	color: #e60113;
	font-weight:bold;
	font-size:110%;
}





@media screen and (max-width: 1000px) {
.width {
	width:90%;
}
p {
	font-size:15.5px;
	margin-bottom:8px;
}

/*------------------------------------*\
    ヘッダー＆フッダー100
\*------------------------------------*/
	hgroup{
		flex-wrap:wrap;
	}
	.h_logo {
		width:390px;
		margin-bottom:3%;
	}
	.h_tel,
	.h_contact {
		width:390px;
		margin-bottom:3%;
	}
	.h_tel a .number {
		justify-content:space-between;
	}
	.h_tel a .number p {
		font-size:44px;
	}
	.h_contact a .txt p {
		font-size:30px;
	}
	.h_contact a .txt .sub_txt,
	.h_tel a .sub_txt {
		font-size:15px;
		text-align:center;
	}




/*------------------------------------*\
    トップページ1000
\*------------------------------------*/
	.ttl1  {
		font-size:42px;
	}
	.btn1 {
		width:55%;
	}
	.btn1 a {
		font-size:20px;
	}
	.btn1 a img {
		width:60px;
	}
	.mv_left {
		left:5px;
	}
	.mv_right {
		right:10px;
	}
	.ttl2,
	.ttl4,
	.ttl6 {
		font-size:30px;
	}
	.safety_txt {
		position:unset;
	}
	.ttl3 {
		font-size:26px;
	}
	.safety_txt .txt_area {
		width:100%;
	}
	span.yellow,
	.ttl6 span.blue,
	.ttl6 span.red {
		font-size:20px;
	}
	.trouble_list li {
		width:100%;
	}
	.trouble_list li:nth-of-type(5), .trouble_list li:nth-of-type(6) {
		margin-bottom:2%;
	}
	.trouble_list li span.number {
		font-size:40px;
	}
	.ttl_area.blue:before {
		width:40px;
		height:40px;
		top: -20px;
		left: calc(50% - 20px);
	}
	.ttl5 {
		margin-top:3%;
	}
	.paint_list li {
		width:49%;
	}
	.ttl7 {
		font-size:16px;
	}
	.ttl8 {
		font-size:16px;
		padding:10px 0;
	}
	.explanation .btn1 {
		width: 70%;
	}
	.f_mail a .big_txt, .f_tel a .big_txt {
		font-size:20px;
	}
	.f_mail a p, .f_tel a p {
		font-size:11px;
	}
	.f_mail a img, .f_tel a img {
		height:80px;
	}
	.f_mail a:after,
	.f_tel a:after {
		width:25px;
		height:25px;
	}
	




/*------------------------------------*\
    アーカイブ1000
\*------------------------------------*/





/*------------------------------------*\
    下層ページ1000
\*------------------------------------*/
	.page_ttl .ttl1 {
		font-size:38px;
	}
	
}





@media screen and (max-width: 700px) {

.width {
	width:96%;
}
p {
	font-size:15px;
	letter-spacing:0.5px;
	margin-bottom:5px;
}
.float p.floatr,.float p.floatl {
	float:unset;
	width:100%;
	margin:0 auto 10px;
}



/*------------------------------------*\
    ヘッダー＆フッダー700
\*------------------------------------*/
	.sp {
		display:block;
	}
	.pc {
		display:none;
	}
	hgroup {
		justify-content:space-between;
		position:relative;
	}
	.h_logo {
		width:70%;
		max-width:280px;
		margin:0;
	}
	.h_tel, .h_contact {
		display:none;
	}
	.g_nav {
		display:none;
	}
	.menu-btn {
		position: fixed;
		top: 15px;
		right: 10px;
		display: flex;
		height: 60px;
		width: 60px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #003b8c;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}
	.menu-btn span:before {
		bottom: 8px;
	}
	.menu-btn span:after {
		top: 8px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#menu-btn-check {
		display: none;
	}
	.menu-content ul {
		padding: 80px 10px 0;
		max-width: 450px;
        margin: 0 auto;
	}
	.menu-content ul li {
		border-bottom: solid 1px #003b8c;
		list-style: none;
	}
	.menu-content ul li a {
		display: block;
		width: 100%;
		font-weight:bold;
		box-sizing: border-box;
		color:#003b8c;
		text-decoration: none;
		padding: 9px 15px 10px 0;
		position: relative;
	}
	.menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #003b8c;
		border-right: solid 2px #003b8c;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	}
	.menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;/*leftの値を変更してメニューを画面外へ*/
		z-index: 80;
		background-color: #fff;
		transition: all 0.5s;/*アニメーション設定*/
	}
	#menu-btn-check:checked ~ .menu-content {
		left: 0;/*メニューを画面内へ*/
	}
	.menu-content .h_tel,
	.menu-content .h_contact {
		display:block;
		width:100%;
		max-width:380px;
		padding:0 10px;
		margin:3% auto;
	}
	.menu-content .h_tel a .number p {
		font-size:40px;
	}
	.menu-content .h_tel a .sub_txt {
		font-size:14px;
	}
	.bottom_cta {
		position:fixed;
		bottom:0;
		left:0;
		z-index:10;
		width:100%;
		height:70px;
	}
	.bottom_cta ul {
		display:flex;
		justify-content:space-between;
		height:100%;
	}
	.bottom_cta ul li {
		width:calc(100%/3);
		text-align:center;
	}
	.bottom_cta ul li:nth-of-type(1) {
		background:#e60113;
	}
	.bottom_cta ul li:nth-of-type(2) {
		background:#003b8c;
	}
	.bottom_cta ul li:nth-of-type(3) {
		background:#00B900;
	}
	.bottom_cta ul li a {
		color:#fff;
		font-weight:bold;
		display:block;
		height:100%;
	}
	.bottom_cta ul li a img {
		width:40px;
		object-fit:contain;
		margin:0px auto 3px;
		padding:3px 0 0;
	}
	.f_cta_area ul {
		flex-direction:column;
	}
	.f_mail, .f_tel {
		width:100%;
		max-width:380px;
		margin:0 auto 3%;
	}
	.f_mail a {
		flex-direction:row-reverse;
	}
	.f_mail a:after {
		bottom: 0px;
		left: 0px;
		right:unset;
		clip-path: polygon(0 0, 0% 100%, 100% 100%);
	}
	.f_nav ul {
		flex-direction:column;
		text-align:center;
	}
	.f_nav_link {
		border-bottom:2px dotted #003b8c;
		padding-bottom:5px;
		margin-bottom:3%;
	}
	.f_nav_link a {
		width:100%;
		display:block;
	}
	.f_copy {
		padding-bottom:80px;
	}




/*------------------------------------*\
    トップページ700
\*------------------------------------*/
	.mv_ttl {
		padding:10px;
	}
	.ttl1 {
		padding: 10px 15px;
	}
	.mv_feature .img_area {
		flex-wrap:wrap;
		justify-content:space-evenly;
	}
	.mv_feature .img_area li {
		width:48%;
	}
	.mv_feature .img_area li p {
		margin:5px 0;
	}
	.btn1 {
		width:90%;
	}
	.btn1 a {
		font-size:16px;
		justify-content:center;
		padding:5px 0;
	}
	.btn1 a img {
		margin-right:10px;
		width:40px;
	}
	.mv_left,
	.mv_right {
		bottom:90px;
		width:27%;
	}
	.ttl2, .ttl4, .ttl6 {
		font-size:20px;
	}
	span.yellow, .ttl6 span.blue, .ttl6 span.red {
		font-size:16px;
	}
	.ttl3,
	.ttl7 {
		font-size:20px;
	}
	.merit_list li:nth-of-type(2) .ttl5:after {
		top: 0px;
		left: -10px;
	}
	.paint_list {
		flex-direction:column;
	}
	.paint_list li {
		width:100%;
	}
	.reason_list {
		flex-direction:column;
	}
	.ttl8 {
		margin:3% 0;
	}
	.reason_list li {
		width:100%;
		margin-bottom:5%;
	}
	.explanation .btn1 {
        width: 90%;
    }
	.ttl_area.blue:before {
        width: 30px;
        height: 30px;
        top: -15px;
        left: calc(50% - 15px);
    }
	.ttl5 {
		font-size:20px;
	}
	.ttl5 span.txt_blue {
		font-size:16px;
	}
	.ttl3, .ttl7 {
		font-size:18px;
	}




/*------------------------------------*\
    アーカイブ700
\*------------------------------------*/





/*------------------------------------*\
    下層ページ700
\*------------------------------------*/
	.site-header {
		background:none;
	}
	.entry-header {
		padding:30px;
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(177, 247, 255, 1));
	}
	.ttl9 {
		font-size: 32px;
	}
	.ttl9 span {
		font-size: 60px;
	}
	.ttl10 {
		font-size:18px;
	}
	ul.sitemap1 > li > a {
		padding: 10px 5px;
	}
	ul.sitemap1 > li > a::after {
		right: 10px;
	}
	ul.sitemap1 > li > a:hover::after {
		right: 5px;
	}
	section.contact-f table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	section.contact-f table th {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	section.contact-f table td {
		padding: 10px 0;
		width: 100%;
		display: block;
	}
	section.contact-f table td span.wpcf7-list-item span {
		letter-spacing: 0.5px;
	}
	section.contact-f table td input.wpcf7-text {
		width: 100%;
	}
	section.contact-f p input.wpcf7-form-control.wpcf7-submit {
		min-width:150px;
	}
	ul.link2 li a {
        min-width: 140px;
    }
	ul.link2 li a span {
		display:block;
	}
	.page_ttl {
		padding:10px;
		width:auto;
	}
	.page_ttl .ttl1 {
		padding: 10px 15px;
		font-size:28px;
	}
	.ttl11 {
		font-size: 28px;
	}

}

/*--------------
 * 25.08.27 DC追記
 * ---------------*/
.safety_list {
	padding:10px 20px 20px;
	border:4px solid #003b8c;
	background:#fffbee;
}
.safety_list li {
	padding:10px 0;
	border-bottom:2px dashed #656565;
}
.safety_list li span.blue {
	margin-right:10px;
	color:#003b8c;
}
.txt_area {
	box-shadow:rgba(0,0,0,.25)0 0 10px;
}
@media screen and (max-width:700px) {
	.safety_list {
		padding:0px 10px 10px;
		border:2px solid #003b8c;
	}
}

/*-------------------
 * 25.09.09 DC追記
 * -------------------*/
.list4 {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin:15px 0;
}
.list4 li {
	width:30%;
	margin-bottom:3%;
	box-shadow:rgba(0,0,0,.25)0 0 8px;
	padding:10px;
}
.list4 li h4 {
	font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #003b8c;
	padding-bottom:5px;
    color: #003b8c;
	margin-bottom:5px;
}
.list4 li p img {
	width:60%;
	margin:0 auto;
}
.list4 li p:nth-of-type(2) {
	margin-bottom:0;
}
.list5 {
	margin:15px 0;
}
.list5 li {
	margin-bottom:3%;
	border-bottom:5px dashed #b5b5b5;
	padding:5px 10px;
}
.list5 li h4 {
	font-weight:bold;
	margin-bottom:10px;
	font-size:20px;
	display:block;
}
.list5 li h4 span {
	font-size:24px;
	background:#ffdd00;
	color:#fff;
	margin-right:10px;
	padding:5px;
	border-radius:5px;
	display:inline-block;
	text-shadow: rgba(0, 0, 0, .5) 0 0 5px;
}
@media screen and (max-width:700px) {
	.list5 li h4 {
		font-size:18px;
	}
	.list5 li h4 span {
		font-size:20px;
	}
	.list4 li {
		width:100%;
	}
}

/*------------------
25.10.28 DC追記
----------------------*/
.single-content {
    display: flex;
    justify-content: space-between;
}
.single-content .content1 {
    width: 75%;
}
.single-content .content2 {
    width: 23%;
}
.single_h1 {
	color: #003b8c;
    padding: 10px;
    font-size: 28px;
    font-weight: bold;
    margin: 3% 0 1%;
    border-bottom: 3px solid #003b8c;
}
.post-meta p {
	text-align:right;
	font-size:14px;
}
.post-content h2 {
	background: #003b8c;
	padding:10px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	margin:3% 0 2%;
}
.post-content h3 {
	border-bottom:1px solid #003b8c;
	border-left:5px solid #003b8c;
	padding:10px;
	color:#525252;
	font-size:20px;
	font-weight:bold;
	margin:2% 0 1.5%;
}
.post-content img {
	width:80%;
	margin:3% auto;
}
.nav-single {
	margin: 3% auto 2%;
    width: 300px;
    display: flex;
    justify-content: space-between;
}
.nav-single .nav-previous a,
.nav-single .nav-next a {
	display: block;
    padding: 10px;
    border: 5px double #003b8c;
	transition:all .3s;
	color:#003b8c;
	font-weight:bold;
}
.nav-single .nav-previous a:hover,
.nav-single .nav-next a:hover {
	background: #003b8c;
	color:#fff;
}
.single-content .content2 h2 {
    background: #003b8c;
	padding:10px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin:3% 0 2%;
}
.latest-blog li {
	padding:5px;
	margin-bottom:3%;
	border-bottom:1px solid #003b8c;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.latest-blog a {
	font-size:18px;
	font-weight:bold;
}
.archive-content article {
	padding:10px;
	box-shadow:rgba(0,0,0,.25)0 0 3px;
	margin-bottom:3%;
	transition:all .3s;
}
.archive-content article:hover {
	opacity:0.8;
}
.archive-content .post-title {
	background: #003b8c;
	padding:10px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin:0 0 1%;
	white-space: nowrap; /* 折り返し無しにする */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}
.archive-content .post-meta {
	text-align:right;
	font-size:14px;
}
.archive-content .post-excerpt p {
	margin-bottom:0;
}
.pagination {
	margin: 3% auto 2%;
    width: 70%;
    display: flex;
    justify-content: center;
}
.pagination .page-numbers {
	margin: 0 10px;
	padding:5px 10px;
    border: 5px double #003b8c;
	transition:all .3s;
	color:#003b8c;
	font-weight:bold;
}
.pagination a.page-numbers:hover {
    background: #003b8c;
	color: #fff;
}
.pagination .page-numbers.current {
	background: #003b8c;
	color: #fff;
}
.top_blog_list article {
	padding:10px;
	box-shadow:rgba(0,0,0,.25)0 0 3px;
	margin-bottom:3%;
	transition:all .3s;
}
.top_blog_list article:hover {
	opacity:0.8;
}
.top_blog_list .post-title {
	padding:5px;
	border-bottom:5px double #003b8c;
	color:#003b8c;
	font-weight:bold;
}
.top_blog_list .post-title span {
	color:#525252;
	font-weight:normal;
	margin-right:10px;
}
.top_blog_list .post-excerpt {
	padding:5px;
}

@media screen and (max-width:1000px) {
	.single-content {
		flex-direction:column;
	}
	.single-content .content1 {
		width: 100%;
	}
	.single-content .content2 {
		width: 100%;
	}
	.top_blog_list .post-title {
		white-space: nowrap; /* 折り返し無しにする */
		overflow: hidden; /* はみ出た部分を非表示 */
		text-overflow: ellipsis; /* 語尾を3点リーダーに */
	}
	.top_blog_list .post-title span {
		display:block;
	}
	.top_blog_list .post-excerpt {
		display: -webkit-box; /* 必須 */
		-webkit-box-orient: vertical; /* 必須 */
		-webkit-line-clamp: 3; /* 行数を制限 */
		overflow: hidden; /* はみ出た部分を非表示 */
	}
}