@charset "utf-8";
/*
Theme Name: responsive_159
Theme URI: http://c-tpl.com/
Description: responsive_159
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font-size: 17px;
color:#7C7C76;
-webkit-text-size-adjust: none;
background:#fff;
font-weight:500;
font-family: "Shippori Mincho B1", serif;
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#313131;
}

a:hover, a:active{
outline: none;
color:#6f6f6f;
}

a img:hover{
opacity: 0.5;
transition: 0.6s;
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #878787;
background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #878787;
background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:100%;
}

#header{

}

#content{
width:100%;
}

#content-post{
max-width:1180px;
padding:30px 10px 0 10px;
margin:auto;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#footer{
clear:both;
	background-color:#f7f7f7;
} 

.inner-he{
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
	padding:0 10px 0 0;
	height:100px;
}

/* ヘッダー
*****************************************************/



/* サイト説明文
----------------------------------*/
#header h1{
padding:5px 0;
color: #fff;
font-size:80%;
font-weight:normal;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding:10px 0 0 30px;
color: #515151;
font-size:160%;
font-weight:bold;
}

@media only screen and (max-width:1560px){
#header h2{
padding:19px 0 0 30px;
}
#header h2 img{
width:170px;
}	
}

/* コンタクト
----------------------------------*/

.contact{
float:right;
text-align:right;
	white-space: nowrap;
	 margin:10px 0 0 35px;
}

.contact p{
	font-size:40px;
	font-weight:bold;
	line-height:110%;
}

.contact p a{
color:#4495AA;
}

.contact p img{
width:28px;
	margin-right:5px;
}

.contact table{
	margin-left:auto;
}
.contact td{
color:#4C4B43;
font-weight:bold;
	padding:0 10px 0 0;
	line-height:130%;
}

@media only screen and (max-width:1560px){
	.contact {
	margin:10px 0 0 25px;
}
.contact p{
	font-size:29px;
}
.contact p img{
	width:22px
}
.contact td{
font-size:16px;
}
}


.contact .tel{
margin-bottom:-3px;
font-size:180%;
font-family:Arial, Helvetica, sans-serif;
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
margin-top: 20px;
clear:both;
line-height:0;
text-align:center;
z-index:0;
}

#mainImg img{
width:100%;
}

@media only screen and (max-width:1560px){
#mainImg{
margin-top: 0px;

}
}

.post{
background: #fff;
max-width:1200px;
margin:auto;
}

@media only screen and (max-width:1200px){
.post{
padding:0 15px;
}
}

.toppage h4{
margin:0 0 10px;
font-size:16px;
font-weight:normal;
color:#333;
}

.toppage{padding:10px 10px 20px 20px;}


/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
color:#000;
border:1px solid #eeeeee;
border-bottom:0;
border-bottom: 3px solid #B5B195;
}

.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}

.post p{
line-height:1.6;
}

.post ul li{
margin-bottom:5px;
padding-left:15px;
}

.post ol{
margin: 0 0 10px 0;
}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:32px;
font-weight:500;
color: #89805b;
}

.post h3{
margin:10px 0;
font-size:100%;
font-weight:normal;
color:#2e2c2c;
border-bottom:1px solid #515151;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:10px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
}

.post table td{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#ffffff;
}



/* サイドバー　ウィジェット
*****************************************************/
section.widget ul, .widget_search, #calendar_wrap, .textwidget{
margin:0 0 20px 0;
padding:10px 10px 10px 17px;
border:1px solid #e9e2d8;
background: #fff;
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:15px;}

p.banner img{
max-width:233px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget h3{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #eeeeee;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

section.widget li a{
display:block;
padding:7px 0 7px 12px;
background:url(images/arrow.gif) no-repeat 0 12px;
border-bottom:1px dashed #dcdcdc;
}

section.widget li:last-child a{border:0;}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #eee;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(images/arrow.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}


/* フッター
*****************************************************/
#footer ul{
display: grid;
width: fit-content;
column-gap: 3em;
grid-template-columns: repeat(2, auto);
height:35vh;
}

*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#7C7C76;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
background-color:#f7f7f7;
}

#footer .footerleft{
margin-right:150px;
}

#footer .footerleft p{
font-size:24px;
line-height:140%
}

#footer .footerleft span{
font-size:32px;
	font-weight:400
}

#footer .footerleft img{
margin:25px 0;
}

#footer .inner{
max-width:1160px;
	margin:auto;
	padding:80px 20px 80px 20px;
	  display: -webkit-flex;
    display: flex;
width:auto;
}

@media only screen and (max-width: 1160px){
#footer .footerleft{
margin-right:30px;
}
}

@media only screen and (max-width: 959px){
#footer .inner{
display: block;
}
#footer .footerleft{
margin-right:0px;
max-width:400px;
margin:auto;
}
#footer .footerleft img{
}
#footer ul{
margin:auto;
padding-top:50px;
column-gap: 2em;
height:55vh;
}
#footer .footerleft-mb{
text-align:center;
}

#footer .footerleft p{
font-size:19px;
}

#footer .footerleft span{
font-size:28px;
}
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
padding:0;
}

ul.post li{
padding:20px 10px 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
color:#333;
border:0;
}



/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1240px){
  nav#mainNav{
	clear:both;
	position:relative;
	z-index:200;
	width:100%;
	margin-top:15px;
	font-weight:500;
	}

	nav#mainNav .inner{
	padding-left:1px;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
margin:0px 10px;
	height:21px;
	padding:10px 0;
	}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#7C7C76;
	}

	nav#mainNav ul.menu-bottom li a{
	color:#59584f;
	}

	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	line-height:1.4;
	}

	nav#mainNav ul li a span{
	font-size:70%;
	color:#83b676;
	font-weight:normal;
	}

	nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
		border-bottom:solid 2px #b5b195;
	}

	nav#mainNav ul ul{
	border-top:0;
	border-left:3px solid #fff;
	}

	nav#mainNav ul li ul{display: none;}

	nav#mainNav ul li:hover ul{
	display: block;
	position: absolute;
	top:39px;
	left:-1px;
	z-index:500;
	}

	nav#mainNav ul li li{
	margin:0;
	float: none;
	height:35px;
	line-height:35px;
	background: #fff;
	border:none;
	border-bottom:1px dotted #59584f;
	width:100%;
	white-space: nowrap;
	padding:0;
	}

	nav#mainNav ul li li:last-child{border:0;}

	nav#mainNav ul li li a{
	width:100%;
	height:35px;
	padding:0 10px 0 10px;
	line-height:35px;
	font-size:15px;
	text-align:left;
	}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#fff;}

	nav#mainNav ul li li a, nav#mainNav ul li li a:hover span, nav#mainNav ul li li a:hover, nav#mainNav ul li li.current-menu-parent a{
	border-bottom:none!important;
	}

	nav div.panel{
  display:block !important;
  float:right;
  }
  
nav#mainNav ul li li a:hover,
nav#mainNav ul li li.current-menu-item a {
    color: orange; 
}
	
  a#menu{display:none;}

}

@media only screen and (max-width:1560px){
nav#mainNav ul li{
margin:0px 5px;
	}
nav#mainNav ul li a{
	font-size:15px;
	}
 nav#mainNav{
	   margin-top:10px;
	}
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1240px){
	nav#mainNav{
	clear:both;
	width:96%;
	margin:0 auto 10px;
	background:#f7f7f7;
	border-radius:6px;
	border: solid 1px #4c4b43;

	}
	
	nav#mainNav a.menu{
	width:100%;
	color:#4c4b43;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
	}
	
	nav#mainNav a#menu span{padding-left:35px;}
	
	nav#mainNav a.menuOpen{
	border-radius:6px 6px 0 0;
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
		margin:0;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #4c4b43;
	background:#f3f3f3;
	}
	
	nav#mainNav ul li:last-child a{border:0;border-radius:0 0 6px 6px;}
	nav#mainNav ul li li:last-child a{border:0;border-radius:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #4c4b43;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#fff;
	}
	
	nav#mainNav ul li.current-menu-item li a{color:#777}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#f3f3f3 url(images/sub1.png) no-repeat 20px 18px;color: #59584F;}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#fff url(images/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#f3f3f3 url(images/subLast.png) no-repeat 20px 20px;color: #59584F;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#fff url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, .inner{width:100%;}

	#header{width:96%;padding:0 2%;}
	
	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	


	
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}
	
	#footer li{margin-bottom:10px;}
	
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	body{background-position:0 -25px;}
	#header h1{color:#333;}
	#header h2 img{width:221px;}
	nav#mainNav{width:98%;}
	#header{text-align:center;}
	#header h2{float:none;padding:0;}
	.inner-he{padding:0;height:auto;}
	.contact{padding:10px 0 20px 0;float:none;width:211px;margin:auto;}
	.contact p{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
}

/*PCの場合*/
.pcdisplay	{ display:inline!important; }
.mbdisplay	{ display:none!important; }
@media screen and (max-width: 1240px) {
/*タブレット、スマホの場合*/
.pcdisplay	{ display:none!important; }
.mbdisplay { display:inline!important; }
}


.flame-obs{
max-width:1160px;
	margin:auto;
padding:120px 20px 50px 20px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.order-left img{
margin:0 25px 0 0;
}

h2.bubble{
position: relative;
clear: both;
padding: 0px 0px 0px 36px;
border:none!important;
margin:0px 0 15px 0!important;
font-size:27px;
color:#B5B195;
font-weight:500;
line-height:130%;
font-family: "Shippori Mincho B1", serif;
}

.bubble::after {
position: absolute;
content: "";
top: 5px;
left: 0px;
width: 29px;
height: 25px;
background: url(images/htag1.png) no-repeat;
background-size:28px;
}

.order-right div{
font-size:32px;
color:#59584F;
padding:30px 0 30px 0;
font-weight:600;
font-family: "Shippori Mincho B1", serif;
}

.order-right p{
color:#7C7C76;
font-weight:500;
}

.order-right img{
width:350px;
}


	@media screen and (max-width: 1024px) {
.order-left img{
width:300px;
}	
}

@media screen and (max-width: 750px) {
.flame-obs{
display: block; 
}
	.order-left img{
width:100%;
margin:0;
padding-bottom:20px;
}
	.order-right img{
max-width:350px;
width:100%;
margin-top:20px;
}
.order-right div{
padding:10px 0 20px 0;
font-size:28px;
}

.flame-obs{
padding:40px 20px 30px 20px;
}
}

h2.gear{
position: relative;
clear: both;
padding: 0px 0px 0px 42px;
border:none!important;
margin:15px 0 15px 0!important;
font-size:30px;
color:#59584F;
font-weight:500;
line-height:130%;
}

.gear::after {
position: absolute;
content: "";
top: 5px;
left: 0px;
width: 33px;
height: 35px;
background: url(images/htag2.png) no-repeat;
background-size:33px;
}

@media screen and (max-width: 640px) {
h2.gear{
position: relative;
display: flex;            
align-items: center;       
padding: 6px 0 6px 40px;    
border: none!important;
margin: 0 0 15px 0!important;
font-size: 25px;           
color: #59584F;
font-weight: 500;
line-height: 1.4;
}

h2.gear::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); 
width: 30px;
height: 30px;
background: url(images/htag2.png) no-repeat center;
background-size: contain;
}
}

.news-eventbg{
background-color:#F7F7F7;
padding:80px 0;

}
.news-title{
max-width:1160px;
margin:auto;
padding: 0 20px;
}

.news-event{
max-width:1160px;
margin:auto;
padding:30px 20px 30px 20px;
 display: -webkit-flex;
  display: flex;
-webkit-justify-content: space-between;
 justify-content: space-between;
}

.news-eventbg img.osirase-but{
width:373px;
}

.tp-waku{
width: 24.4%;
background-color:#fff;
padding-bottom:40px;
position: relative;

}

.tp-waku img{
	width: 100%;
	height: 190px;
 object-fit: cover;
}

.tp-time{
font-size:18px;
padding:5px 15px 0 15px;
line-height: 130%;
}

.tp-tit{
margin-top:0;
margin-bottom:10px;
padding:0 15px;
line-height: 130%;
font-size:21px;
color:#59584F;
text-align:left;
font-weight:500;
}
.tp-tit:hover{
color:#7c7c76;
}

.tp-next{
text-align:center;
border: solid 1.5px #B5B195;
display: block;
border-radius:5px;
vertical-align:top!important;
width:100px;
padding:4px;
margin:auto;
color:#B5B195;
font-weight:500;
position: absolute;
bottom:15px;
right:0;
left:0;
}
.tp-next:hover{
color:#7c7c76;
	border: solid 1.5px #7c7c76;
}

.tp-txt p{
padding: 0 15px;
text-align: left;
}

@media screen and (max-width: 959px) {
.news-event{
max-width:600px;
	flex-wrap:wrap;
}	
.tp-waku{
width:290px;
margin-bottom:20px;
}
}

@media screen and (max-width: 644px) {
.news-event{
display: block;
}
.tp-waku{
width:100%;
margin-bottom:30px;
}
.tp-waku img{
height: auto;
}
	.news-eventbg img.osirase-but{
max-width:315px;
width:100%;
}
.news-eventbg{
background-color:#F7F7F7;
padding:30px 0;
}
}


.conntact-bg{
background: url(images/yoyakufooter001.jpg) no-repeat;
height:491px;
padding:110px 20px;
background-position:center;
}

.conntact-white{
background: url(images/yoyakufooter-shiro.png) no-repeat;
max-width:1160px;
background-size:100%;
margin:auto;
height:100%;
padding:30px 20px 30px 20px;
}

.conntact-white p{
font-size:45px;
text-align:center;
padding:40px 0 60px 0;
margin:auto;
font-weight:500;
}

.conntact-white p.yoyaku-24net{
font-size:24px;
padding:0 0 50px 0;
}

.conntact-white img{
width:373px;
display: block;
transition: 0.3s ease;
}

.conntact-white a:hover img{
transform: translateY(-8px) scale(1.03);
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

@media screen and (max-width: 1160px) {
.conntact-white{
background-size:100% 100%;
}

.conntact-bg{
padding:80px 20px 140px 20px;
}
	
.conntact-white p{
padding:65px 0 60px 0;
}
}

@media screen and (max-width: 959px) {
.conntact-white p.yoyaku-24net{
text-align:left;
padding:0 20px 50px 20px;
}
}

@media screen and (max-width: 644px) {
.conntact-white{
background:rgba(255,255,255,0.8);
border-radius:10px;
height:90%;
}
.conntact-white img{
max-width:315px;
width:100%;
}
.conntact-white p.yoyaku-24net{
font-size:20px;
}
.conntact-white p{
font-size:35px;
padding:30px 0 60px 0;
}
.conntact-bg{
padding:80px 20px 90px 20px;
}

}

.fit-bg{
background-color:#F7F7F7;
padding:120px 0;
}

.fit-bgwaku{
max-width:1160px;
min-height:780px;
margin:auto;
padding:0 20px;
position: relative;
z-index:1;
}

.fit-left{
position: absolute;
top:0;
left:0;
z-index:2;

}

.personal-fit{
position: absolute;
bottom:0;
right:0;
z-index:3;
background:rgba(255,255,255,0.6);
display: -webkit-flex;
display: flex;
padding:35px 0 35px 35px;
width:840px;
}

.personal-fit img{
width:329px;
margin-left:43px;
}

.personal-fit div span{
font-size:32px;color:#59584F;
font-weight:600;
font-family: "Shippori Mincho B1", serif;
}

.personal-fit div p{
padding-top:15px;
}
	
@media screen and (max-width: 959px) {
.fit-bgwaku{
min-height:910px;
}

.fit-left img{
width:85%;
}

.personal-fit{
padding:40px;
width:70%;
display:block;
	
}

.personal-fit img{
width:50%;
margin:auto;
padding-top:30px;
display:block;
	
}
}
@media screen and (max-width: 750px) {
.fit-left{
position:static;
}
	
.fit-left img{
width:100%;
}
	
.personal-fit{
padding:20px;
width:auto;
position:static
}
.personal-fit img{
width:100%;
}
.fit-bg{
padding:50px 0;
}
.personal-fit div span{
font-size:28px;
}
}

.kanno-history{
max-width:1160px;
margin:auto;
padding:80px 20px 80px 20px;
display: -webkit-flex;
display: flex;
 -webkit-justify-content: space-around;
justify-content: space-around;
}

.history-right img{
max-width:523px;
margin-top:50px;
margin-left:20px;

}

.history-left p{
line-height:160%;
}

@media screen and (max-width: 1024px) {
.history-right img{
width:300px;
}	
}

@media screen and (max-width: 750px) {
.history-right img{
width:100%;
margin:0;
padding-top:20px;
}	
.kanno-history{
display:block;
}
.kanno-history{
padding:30px 20px 50px 20px;
}
}

.nayami-bg{
background-color:#F7F7F7;
}

.nayami-waku{
max-width:1160px;
margin:auto;
padding:60px 20px 80px 20px;
}


.nayami-waku ul{
display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
margin:20px 0 0px 0;
}

.nayami-waku ul li{
padding:0 0 19px 0;
margin:0 2.1% 0 0;
width:31.9%;
}


.nayami-waku ul li:nth-child(3n) {
  margin-right: 0;
}

.nayami-waku ul li img{
width:100%;
}

@media screen and (max-width: 750px) {
.nayami-waku ul{
display: block;
}
.nayami-waku ul li{
padding:0 0 30px 0;
margin:0;
width:100%;

}
.nayami-bg{
padding:0;
}
.nayami-waku{
padding: 30px 20px 40px 20px;
}
}

.category-waku{
max-width:1160px;
margin:auto;
padding:50px 20px 50px 20px;
}

.category-waku ul{
display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
margin:40px 0 30px 0;
}

.category-waku ul li{
padding:0 0 19px 0;
margin:0 1% 0 0;
width:24.2%;
}

.category-waku ul li:nth-child(4n) {
  margin-right: 0;
}

.category-waku ul li img{
width:100%;
display: block;
transition: 0.3s ease;
}

.category-waku ul li a:hover img{
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.category-waku img.category-img{
max-width:434px;
width:100%;
margin-top:25px;
}

@media screen and (max-width: 750px) {
.category-waku ul{
display: block;
}
.category-waku ul li{
padding:0 0 30px 0;
margin:0;
width:100%;
}
.category-waku{
padding:30px 20px 30px 20px;
}
}

.titl-he_text{
position: relative;
padding-top:15px;
height:400px;
}

.he_frame{
max-width:1160px;
padding:0 20px;
margin:auto;
}

h2.he-title_fff {
letter-spacing: 0.1em;
font-family: "Noto Serif JP", serif;
color: #fff;
 position: absolute;
 top: 40%;
 font-size: 54px;
text-align: left;
text-shadow: 0px 0px 8px rgba(62,86,54,0.9);
}

.titl-he_text img{
 width: 100%;
height:400px;
object-fit: cover;  
}

@media screen and (max-width: 1560px) {
.titl-he_text{
padding-top:0;
}
}


@media screen and (max-width: 1024px) {
.titl-he_text{
 height: 30vw;
}
.titl-he_text img {
 height: 30vw;
}
h2.he-title_fff {
font-size:45px;
}
} 

@media screen and (max-width: 750px) {
.titl-he_text{
height: 50vw;
}
.titl-he_text img {
 height: 50vw;
}
h2.he-title_fff {
font-size: 35px;
 top: 50%;
left: 2%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
line-height: 120%;

}
}

div.breadcrumbs {
max-width: 1160px;
padding:0 20px;
margin:5px auto;
}

@media screen and (max-width: 750px) {
div.breadcrumbs{
 font-size:15px;
}
}

.aboutus-waku{
max-width:1160px;
min-height:500px;
margin:auto;
padding:0 20px;
position: relative;
z-index:1;
}

.about-right {
 position: absolute;
 top: 0;
right: 0;
 z-index: 2;
}

.aboutus-left{
position: absolute;
top:50px;
left:0;
z-index:3;
background-image: linear-gradient(90deg, #ffffff, #f7f7f7cc);
padding:35px 35px 35px 0;
width:704px;
}

.about-bg{
background:#fff;
padding:50px 0;
margin-bottom:30px;
}

@media screen and (max-width: 1215px) {
.aboutus-left{
padding:35px 35px 35px 35px;
}
}

@media screen and (max-width: 959px) {
.aboutus-left{
top:90px;
width:70%;
}
.aboutus-left h2{
font-size:25px;
}
.aboutus-left p{
font-size:13px;
}
}

.vid-kaim video {
width: 100%;
text-align: center; 
object-fit: cover;
display: block;
}

.kaimin-movwak{
width:100%;
margin-bottom:50px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;;
}

.kaimaglef{
width:64%;
}

.scroll-images {
width:80%;
height:580px;
overflow-y: scroll;
-ms-overflow-style: none; /* Internet Explorer, Edge */
}

.scroll-images::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}

.scroll-images img {
display: block; 
width: 100%;
}

.logo-nddown{
width:60%;
margin:4rem auto; !important;
}

.consul-shit{
margin-top:-15px;
}

.yazirs{
margin:auto;
width:25px;
margin-top:2em;
margin-bottom: 2em !important;
}

.bac-groor {
width: 100%;
padding-top: 5px;
background-image: url("/wp-content/uploads/2025/11/various-services-background-scaled.png");
background-size: cover;           /* 余白をなくすポイント */
background-position: center top;  /* 画像の上端を基準に中央寄せ */
background-repeat: no-repeat;
height: auto;
position: relative;
padding-bottom:130px;
}

.servi-tit{
margin:auto;
width:45%;
margin-top:5em;
margin-bottom:2em;
}

.lis-kakusyu{
margin:auto;
width:90%
}

.perpl-bg {
  width: 100%;
  margin-top: -90px;
  background-image: url("/wp-content/uploads/2025/11/measure-background.png");
  background-size: 100% auto;     /* 横幅にぴったり収める（縦は自動調整） */
  background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;          /* 下方向に背景を広げる */
  position: relative;
  z-index: 1;
}

.imp-kashi{
margin:auto;
margin-top:-50px;
margin-bottom:20px;
width:90%;
}

.imp-kashi p{
width:90%;
margin:auto;
font-style: normal;
font-weight: bold;
color:#000;
font-family: "Zen Maru Gothic", serif;
margin-top:20px;
}

.scroll-container {
display: flex;
overflow-x: auto;
padding: 0 20px 20px 20px;
gap:10px;
position: relative;
z-index: 2; /* 背景より上に配置 */
}

.scroll-container img {
flex: 0 0 auto;
width: 90%;
max-width: 800px; /* 一度に1枚分のサイズ */
height: auto;
border-radius: 10px;
display: block;
}

.advice-slee{
width:100%;
margin:auto;
margin-top:-160px;
}

.shindan-sleep{
width:90%;
margin:auto;
margin-top:30px;
}

.shindan-sleep{
width:90%;
margin:auto;
margin-top:40px;
margin-bottom:50px;
}

.order-bgm {
position: relative;
width: 100%;
max-width: 800px;
margin: -170px auto 0;
background-image: url("/wp-content/uploads/2025/11/custom-pillow-background.png");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 50px 0; /* ★ 上下に余白を追加して背景を見せる */
overflow: hidden;
z-index: 2;
}

.tex-makusaku{
margin-top:260px;
width:70%;
margin-left:30px;
margin-bottom:20px;
}

.makur-onaym{
width:80%;
margin:auto;
margin-top:20px;
}

.maku-onayatw{
width:90%;
margin:auto;
margin-top:20px;
}

.maku-model{
width:95%;
margin:auto;
margin-top:30px;
}

.sonota-naya{
width:85%;
margin:auto;
margin-top:40px;
margin-bottom:50px;
}

.green-bgmaku{
position: relative;
width: 100%;
max-width: 800px;
margin: auto;
background-image: url("/wp-content/uploads/2025/11/after-follow-background.png");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 50px 0; /* ★ 上下に余白を追加して背景を見せる */
padding-bottom:150px;
overflow: hidden;
}

.erabi-ord{
width:75%;
margin:auto;
}

.after-for{
width:80%;
margin:auto;
margin-top:20px;
margin-bottom:20px;
}

.forrow-gzo{
width:70%;
margin:auto;
}

.forr-text{
width:80%;
margin:auto;
margin-top:20px;
}

.taiken-mat {
width: 100%;
margin: auto;
margin-top: -90px; /* ★ green-bgmaku に少し重ねる */
z-index: 2;         /* 背景より上に表示 */
position: relative;  /* 必要に応じて */
}

.mattress-yel{
margin-top:30px;
margin-bottom:30px;
}

.sokute-tab{
position: relative;
width: 100%;
max-width: 800px;
margin: -70px auto 0;
background-image: url("/wp-content/uploads/2025/11/latest-equipment-background.png");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 50px 0; /* ★ 上下に余白を追加して背景を見せる */
padding-bottom:100px;
overflow: hidden;
}

.sokut-title{
margin:auto;
width:90%;
margin-bottom:30px;
margin-top:50px;
}

.youtu-b{
margin:auto;
width:90%;
margin-bottom:30px;
}

.hisessyoku{
margin:auto;
width:90%;
margin-bottom:30px;
}

.suimin-kashibg{
position: relative;
width: 100%;
max-width: 800px;
margin: -70px auto 0;
background-image: url("/wp-content/uploads/2025/11/visualization-background.png");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 50px 0; /* ★ 上下に余白を追加して背景を見せる */
padding-bottom:100px;
overflow: hidden;
}

.suim-kashika{
margin:auto;
width:90%;
margin-top:50px;
margin-bottom:30px;
}

.kashika-youtu{
margin:auto;
width:85%;
margin-bottom:40px;
}

.huro-zyo{
margin:auto;
width:85%;
margin-bottom:20px;
}

.keisoku-huro{
margin:auto;
width:85%;
}

.sleepmast {
width: 100%;
margin: -70px auto 0; /* 上方向に50px上げる */
position: relative;    /* z-index を使う場合は必要 */
z-index: 2;            /* 背景より前面に表示 */
text-align: center;
}

.las-glbg {
padding: 20px 35px;
background-color: #e0e3e6;
margin-top: -50px; /* 上方向に50px上げる */
position: relative; /* 必要に応じて */
z-index: 1;         /* sleepmastの画像より下にする場合は調整 */
}

.minaoshi {
padding: 20px 15px;
border-radius: 25px;
background-color: #fff;
margin-top: 40px; /* 上余白を増やして下げる */
}

@media screen and (max-width: 768px) {
.kaimaglef {
display: none; /* 画面幅768px以下で非表示 */
}
	
.kaimin-movwak {
flex-direction: column;  /* 横並び→縦並び */
align-items: center;  
}

.kaimaglef {
width: 100%;             /* 幅を親要素いっぱいに */
  }

 .scroll-images {
width: 100%;            /* 幅はそのまま */
height: auto;           /* 高さ固定を解除 */
overflow-y: visible;    /* 内部スクロールを解除 */
-ms-overflow-style: auto; /* IE/Edge */
}

.scroll-images::-webkit-scrollbar {
display: auto; /* Chrome/Safari/Opera も標準表示 */
}

.scroll-images img {
display: block;
width: 100%;
margin-bottom: 20px;    /* 画像間にスペース */
}

.servi-tit{
margin:auto;
width:45%;
margin-top:5em;
margin-bottom:2em;
}

.sokute-tab{
position: relative;
width: 100%;
max-width: 800px;
margin: -90px auto 0;
background-image: url("/wp-content/uploads/2025/11/latest-equipment-background.png");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 50px 0; /* ★ 上下に余白を追加して背景を見せる */
padding-bottom:100px;
overflow: hidden;
}

.scroll-container {
display: flex;
overflow-x: auto;
padding: 0 20px 20px 20px;
gap:10px;
position: relative;
z-index: 2; /* 背景より上に配置 */
-ms-overflow-style: none;  /* IE/Edge */
scrollbar-width: none;
}

.scroll-container img {
flex: 0 0 auto;
width: 90%;
max-width: 800px; /* 一度に1枚分のサイズ */
height: auto;
border-radius: 10px;
display: block;
}
}

.wak-logneon{
display: block;
margin: auto;
}

.lef-logbed,
.right-logneo{
width: 100%;
text-align: center;
margin-bottom: 30px;
}

.wak-logneon img{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

.helth-logo{
width: 70%;
margin: 10px auto 50px;
}

.mainichi{
text-align:center;
font-weight:bold;
color:#000;
margin-top:15px;
margin-bottom:15px;
}

.ichirn-hutyo {
text-align: center; /* 中央寄せ */
margin-top:10px;
}

.ichirn-hutyo img {
display: inline-block; /* 必須ではないが安定 */
max-width: 100%;       /* 画面幅に合わせて縮小 */
height: auto;
}

.hutyo-nayami{
text-align: center; /* 中央寄せ */
margin-top:10px;
margin-bottom:30px;
}

.yawara-shing {
display: flex;            /* 横並び */
justify-content: center;  /* 中央寄せ */
align-items: center;      /* 高さを中央 */
gap: 30px;                /* 間隔 */
flex-wrap: wrap;   
margin-bottom:30px;
}

.lef-yawar {
display: flex;
flex-direction: column;
flex: 1;
}

.lef-yawar img,
.right-yawara img{
max-width: 100%;
height: auto;
display: block;
}

.lef-yawar,
.right-yawara{
width: 100%;
min-width: 0;
}

.lef-yawar p{
font-size:25px;
font-weight:500;
color:#000;
}

.right-yawara {
flex: 1;
text-align: center;
}

.helth-tex{
width:85%;
color:#000;
margin:auto;
font-weight:bold;
margin-bottom:40px;
}

.you-wak {
display: flex;              /* 横並びにする */
gap: 20px;                  /* 動画間の間隔 */
flex-wrap: wrap;            /* 画面が狭いとき折り返す */
justify-content: center;    /* 横方向中央寄せ */
}

.left-youtyu,
.right-youtyu {
flex: 1 1 45%;              /* 幅を45%程度に調整 */
}

.left-youtyu iframe,
.right-youtyu iframe {
width: 100%;
height: auto;              /* 高さは自動で調整 */
aspect-ratio: 16 / 9;      /* YouTubeの標準比率を維持 */
}

h3.kino-one{
font-size:23px;
font-weight:600;
padding: 0.5em;/*文字周りの余白*/
color: #010101;/*文字色*/
background: 	#eaf3ff;/*背景色*/
border-bottom: solid 3px #516ab6;/*下線*/
text-align:center;
margin-top:30px;
}

.kino-setsu{
font-size:20px;
color:#000;
font-weight:600;
text-align:center;
margin-top:20px;
}

.chiryo-tit {
  color: #6a4bc9;
  font-weight: bold;
  font-size: 28px;
  margin-top: 40px;
text-align:center;
}

.chiryo-tittwo{
 color: #ff0000;
font-weight: bold;
font-size: 28px;
margin-top: 40px;
text-align:center;
}

/* 説明テキスト */
.deni-onnnetsulis span {
display: block;
}

.list-leftchi span{
text-align:center;
font-weight: bold;
margin-bottom: 20px;
}

.list-rightchi span{
text-align:center;
font-weight: bold;
margin-bottom: 20px;
}

.deni-left {
  display: flex;
  flex-wrap: wrap;         /* 2つ並んだら折り返す */
  gap: 20px;               /* 枠同士の間隔 */
  max-width: 380px;        /* 親コンテナの幅 */
  margin: 0 auto;          /* 中央寄せ */
  justify-content: flex-start; /* 左寄せでも中央寄せでも可 */
 align-items: stretch; 
}

.waku-blue {
  background: #e6f2ff;
  border: 1px solid #b8d8ff;
  border-radius: 15px;
  padding: 10px;
  max-width: 180px;       /* 縦長に見せる幅 */
  min-height: 270px;      /* 縦長の高さ */
  height: 100%;     
flex: 1 1 45%;          /* 幅をほぼ半分にして2列 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  text-align: center;
}

.waku-blue img {
width: 85px;
height: auto;
margin-top: 20px;
background: transparent !important;
}

.waku-blue p {
margin: 0;
font-size: 13px;
line-height: 1.6;
text-align: left;
color: #333;
}

.waku-pink{
background: #fce8e1;
border: 1px solid #ffbdd2;
border-radius: 15px;
padding: 10px;
max-width: 180px;       /* 縦長に見せる幅 */
min-height: 270px;      /* 縦長の高さ */
 height: 100%;     
flex: 1 1 45%;          /* 幅をほぼ半分にして2列 */
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 15px;
text-align: center;
}

.waku-pink img {
width: 85px;
height: auto;
margin-top: 20px;
background: transparent !important;
}

.waku-pink p {
margin: 0;
font-size: 13px;
line-height: 1.6;
text-align: left;
color: #333;
}

.onnnet-right{
display: flex;
flex-wrap: wrap;        
gap: 20px;             
max-width: 380px;      
margin: 0 auto;        
justify-content: flex-start;
 align-items: stretch; 
}

.deni-onnnetsulis {
display: flex;                      
flex-wrap: wrap;         
}

.list-leftchi,
.list-rightchi {
flex: 1;                
min-width: 300px;   
}

.imag-syok {
text-align: center;
}

.imag-syok img {
width: 60%; 
margin-top:50px;
height: auto;      /* 縦横比を維持 */
display: inline-block; /* 中央寄せが効きやすくなる */
}

.oran-bgwak {
margin:auto;
margin-top:40px;
background-color: #FEE9D6; 
border-radius: 20px;
padding: 30px 30px;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;  /* 子要素の配置中央 */
gap: 20px;
max-width: 900px;         /* ← 追加：全体幅を制限 */
width: 90%;               /* ← 追加：画面幅に応じて可変 */
}

.sarani{
font-size: 23px;
font-weight: bold;
color:#000;
}

.white-bgkino {
background-color: #ffffff;
border-radius: 15px;
padding: 20px;
width: 80%;                 /* 少し小さめ */
max-width: 700px;
position: relative;
margin-top: 0;              /* 右寄せの場合は重ねない */
margin-left: 20px;          /* 少しスペースを空ける */
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.kino-textor {
color: #FFA500; /* タイトルオレンジ */
font-weight: bold;
margin-top: 10px;
margin-bottom: 5px;
}

.white-bgkino p {
color: #000000; /* 本文黒 */
margin: 0 0 15px 0;
line-height: 1.5;
}

.white-bgkino hr {
border: none;
border-top: 1px solid #ddd;
margin: 15px 0;
}

.sumaho{
width:80%;
margin:auto;
}

.mattresstext{
font-size:30px;
}

.left-mattress{
font-size:16px;
font-weight:bold;
}

.helth-dceightwaku {
  display: flex;               /* 横並び */
  align-items: center;         /* 上下中央揃え */
  gap: 20px;                   /* 左右の間隔 */
  flex-wrap: wrap;        /* 画面が狭い時は縦並びに切り替え */
}

.left-mattress {
  flex: 1;                     /* 左側のテキストの幅 */
  min-width: 300px;            /* 狭い画面で潰れないように */
}

.right-helthdc {
  flex: 1;                     /* 右側の画像の幅 */
  min-width: 300px;            /* 狭い画面で潰れないように */
}

.right-helthdc img {
  width: 100%;                 /* 画像をコンテナ幅に合わせる */
  height: auto;                /* 縦横比維持 */
}

.mattresstext,
.top-title {
margin-top:20px;
font-size: 30px;
color:#000;
font-weight: bold;
display: inline-block;       
position: relative;          
line-height: 1.2;            
}

.mattresstext::after,
.top-title::after {
  content: "";                 
  position: absolute;
  left: 0;
  bottom: -3px;           /* 文字下に少しずらす */
  width: 100%;                 
  height: 8px;             /* 線の太さ */
  background: linear-gradient(90deg, rgba(240,223,230,1) 0%, rgba(216,217,237,1) 100%);
  pointer-events: none;    
  border-radius: 4px;      
}

.left-mattress{
font-size:18px;
font-weight:bold;
margin-top:40px;
color:#000;
}

.helth-dceightwaku {
display: flex;               /* 横並びにする */
align-items: flex-start;     /* 上揃え。中央揃えなら center に */        
flex-wrap: wrap;             /* 画面が狭い時は縦並びに切り替え */
}

.left-mattress {
flex: 1;                     /* 左側のテキストの幅 */
min-width: 300px;  
margin-right:30px;
}

.left-mattress p{
margin-top:20px;
}

.right-helthdc{
margin-top:30px;
}

.right-helthdc {
flex: 1;                     /* 右側の画像の幅 */
min-width: 300px;            /* 狭い画面で潰れないように */
}

.right-helthdc img {
width: 100%;                 /* 画像をコンテナ幅に合わせる */
height: auto;                /* 縦横比維持 */
}

@media screen and (max-width: 768px) {
.wak-logneon {
flex-direction: column;  
}

.yawara-shing {
width:90%;
margin:auto;
flex-direction: column;  
align-items: center;
}

.lef-yawar p{
font-size:18px;
font-weight:500;
}
	
 .you-wak {
flex-direction: column;       /* 縦並び */
gap: 10px;                    /* 縦の間隔 */
align-items: stretch;         /* 子要素も幅いっぱいに広げる */
width: 100%;                  /* 親も画面幅いっぱい */
 margin: 0;                    /* 余白をリセット */
padding: 0;                   /* パディングもリセット */
  }

  .left-youtyu,
  .right-youtyu {
flex: 1 1 100%;               /* 幅を画面いっぱいに */
width: 100%;                  /* 幅100%を明示 */
  }

.left-youtyu iframe,
.right-youtyu iframe {
width: 100%;                  /* iframeも横幅いっぱい */
height: auto;                 
aspect-ratio: 16 / 9;         
display: block;
  }
	
.oran-bgwak {
width:80%;
flex-direction: column;       /* 縦並び */
align-items: center;          /* 中央寄せ */
justify-content: flex-start;  /* 上部寄せ */
}

.oran-bgwak > div:first-child {
order: -1;                    /* 「さらに」を先頭に移動 */
margin-right: 0;               /* 横余白をリセット */
margin-bottom: 15px;           /* 下に少し余白 */
text-align: center;            /* 中央寄せ */
}

.white-bgkino p {
color: #000000; /* 本文黒 */
margin: 0 0 15px 0;
line-height: 1.5;
font-size:16px;
}

.white-bgkino {
width: 90%;                   /* スマホ用に幅を広げる */
margin-left: 0;               /* 左右のスペースリセット */
  }

.mattresstext,
.top-title {
 font-size: 25px; /* 小さめに調整 */
line-height: 1.2;
}

.helth-dceightwaku {
  display: flex;
  flex-direction: column;   /* 縦並びに切り替え */
  align-items: center;      /* 中央寄せ（必要に応じて調整） */
  gap: 20px;                /* 上下の間隔 */
}
	
.left-mattress p {
font-size: 14px;  
line-height: 1.5; 
margin-top: 20px; 
width: 90%;           /* 幅を指定 */
max-width: 600px;     /* 最大幅を指定 */
margin-left: auto;     
margin-right: auto;    
text-align: left;    /* 文字自体も中央揃え */
}

.imag-syok img{
width:70%;
}
	
.helth-tex{
font-size:16px;
}
	
.sumaho{
width:90%;
margin:auto;
}
}

.helth-dc {
width:100%;
display:flex;
gap: 70px; 
max-width: 1000px;       /* 任意で幅調整 */
margin: 0 auto; 
}

.light-dc img {
max-width: 90%;
height: auto;
}

.left-dc {
flex: 1; 
}

.titl-helthdc{
font-size:25px;
color:#000;
font-weight:bold;
margin-bottom:10px;
}

.price-row {
display: flex;
align-items: center; 
margin-bottom: 10px;
color:#000;
}

.size-ssdd{
width:200px;
margin-right:20px;
text-align:center;
font-weight:bold;
align-items: center;
justify-content: center;
height: 100%;
padding: 0.5em;
background-color: #e3eae0;
}

.nedan{
font-size:23px;
margin-right:10px;
font-weight: bold;
color: #377b3a;
}

.acc-joho {
margin-top: 10px;
margin-right:10px;
padding: 0 15px;
border-bottom: 2px solid;
}

.acc-joho summary {
font-size: 20px;
color:#000;
font-weight: 600;
cursor: pointer;
padding: 15px 0;
list-style: none;
position: relative;
}

.acc-joho summary::-webkit-details-marker {
display: none;
}

.acc-joho summary::after {
content: "＋";
position: absolute;
right: 0;
top: 15px;
font-size: 22px;
}

.acc-joho[open] summary::after {
content: "－";
}

.hel-tabl {
border-collapse: separate;
border-spacing: 0 10px; /* 行と行の間に10pxの余白 */
}

.hel-tabl th {
width: 140px;  
color:#000;
white-space: nowrap;
text-align: left;  
padding-right: 10px;
border-bottom: 1px solid #000;
margin-bottom:10px;
}

.hel-tabl td {
color:#000;
border-bottom: 1px solid #000;
}

@media (max-width: 768px) {
.helth-dc {
flex-direction: column;
align-items: center;   /* 中央寄せ */
text-align: center;    /* テキスト中央寄せ */
 }

.titl-helthdc{
font-size:23px;
color:#000;
font-weight:bold;
margin-bottom:10px;
}

.light-dc img {
display: block;
margin: 0 auto;
max-width: 90%;
}

.acc-joho {
margin:0 30px;
padding: 0 15px;
border-bottom: 2px solid;
}

.left-dc {
width: 100%;
text-align: center;    /* テキスト中央に */
}

.price-row {
justify-content: center;  /* 横方向の中央寄せ */
text-align: center;       /* 中身のテキスト中央寄せ */
}

.size-ssdd{
width:130px;
margin-right:10px;
text-align:center;
font-size:16px;
font-weight:bold;
align-items: center;
justify-content: center;
height: 100%;
padding: 0.3em;
background-color: #e3eae0;
}

.hel-tabl th {
width: 90px;  
color:#000;
white-space: nowrap;
text-align: left;  
padding-right: 5px;
border-bottom: 1px solid #000;
margin-bottom:10px;
}

.hel-tabl td {
font-size:16px;
}
}

/* 枠ページ（hタグサンプル）
----------------------------------*/
h2.bubbletwo {
position: relative;
display: inline-block;   /* 幅をテキストに合わせる */
padding-left: 36px;      /* アイコン分の余白 */
margin: 0 0 15px 0!important;
font-size: 27px;
color: #B5B195;
font-weight: 500;
line-height: 130%;
}

/* アイコン */
.bubbletwo::after {
position: absolute;
content: "";
top: 50%;               /* 縦中央に寄せる */
left: 0;
width: 29px;
height: 25px;
background: url(images/htag1.png) no-repeat;
background-size: 28px;
transform: translateY(-50%);
}

.bubbletwo-wrapper {
text-align: center;
}

.geartwo-wrapper {
display: flex;              /* 横並びにする */
justify-content: center;    /* 水平方向中央 */
align-items: center;        /* 縦方向中央 */
margin-bottom: 15px;
}

h2.geartwo {
display: flex;              /* アイコンとテキストを横並びに */
align-items: center;        /* 縦中央揃え */
font-size: 32px;
color: #59584F;
font-weight: 500;
line-height: 130%;
margin: 0;
padding: 0;
}

.geartwo::before {
content: "";
display: inline-block;
width: 33px;
height: 35px;
background: url(images/htag2.png) no-repeat;
background-size: contain;
margin-right: 8px;         
}

.waku-wakunot {
max-width: 850px;      
margin: 0 auto;          
text-align: left;       
border: none;           
box-sizing: border-box;
font-size:18px;
}

.waku-blokyu {
width: 900px;            
max-width: 100%;            
margin: 10px auto;        
border: 1px solid #000; 
padding: 15px;          
text-align: left;       
box-sizing: border-box; 
}

.underline-black {
border-bottom: 2px solid #000;
padding-bottom: 4px;          
width: 100%;                   
box-sizing: border-box;        
margin: 3rem 0 15px 0;
text-align:center;
font-weight: bold;
color: #2e2c2c;
font-size:20px;
}

.underline-skin {
border-bottom: 2px solid #d2b48c;
padding-bottom: 4px;          
width: 100%;                   
box-sizing: border-box;        
margin: 3rem 0 15px 0;
text-align:center;
font-weight: bold;
color: #2e2c2c;
font-size:20px;
}

.underline-red {
border-bottom: 2px solid #FF003F;
padding-bottom: 4px;          
width: 100%;                   
box-sizing: border-box;        
margin: 3rem 0 15px 0;
text-align:center;
font-weight: bold;
color: #2e2c2c;
font-size:20px;
}

.underline-orange {
border-bottom: 2px solid #FFB265;
padding-bottom: 4px;          
width: 100%;                   
box-sizing: border-box;        
margin: 3rem 0 15px 0;
text-align:center;
font-weight: bold;
color: #2e2c2c;
font-size:20px;
}

.underline-green {
border-bottom: 2px solid #32CB00;
padding-bottom: 4px;          
width: 100%;                   
box-sizing: border-box;        
margin: 3rem 0 15px 0;
text-align:center;
font-weight: bold;
color: #2e2c2c;
font-size:20px;
}

.underline-blue {
border-bottom: 2px solid #0065CB;
padding-bottom: 4px;          
width: 100%;                   
box-sizing: border-box;        
margin: 3rem 0 15px 0;
text-align:center;
font-weight: bold;
color: #2e2c2c;
font-size:20px;
}

.waku-radius{
width: 100%; 
max-width:1200px;
border: 2px solid #FFF2CC;
border-radius: 50px;
padding: 20px 10px;
margin: 15px auto;    
background: #FFF2CC;
text-align: center;
font-size: 23px;
box-sizing: border-box; 
}

.waku-radius-ni{
width: 100%; 
max-width:1200px;
border: 2px solid #FFE5CC;
border-radius: 50px;
padding: 20px 10px;
margin: 15px auto;    
background: #FFE5CC;
text-align: center;
font-size: 23px;
box-sizing: border-box; 
}

.waku-radius-san{
width: 100%; 
max-width:1200px;
border: 2px solid #FFCCE5;
border-radius: 50px;
padding: 20px 10px;
margin: 15px auto;    
background: #FFCCE5;
text-align: center;
font-size: 23px;
box-sizing: border-box; 
}

.waku-radius-yon{
width: 100%; 
max-width:1200px;
border: 2px solid #CCF2FF;
border-radius: 50px;
padding: 20px 10px;
margin: 15px auto;    
background: #CCF2FF;
text-align: center;
font-size: 23px;
box-sizing: border-box; 
}

.waku-radius-go{
width: 100%; 
max-width:1200px;
border: 2px solid #D8FFCC;
border-radius: 50px;
padding: 20px 10px;
margin: 15px auto;    
background: #D8FFCC;
text-align: center;
font-size: 23px;
box-sizing: border-box; 
}

h3.hdiya-bg {
position: relative;
background: url(images/bg_mawata.png) repeat-x center center;
background-size: auto 130%; 
text-align: center;
font-size: 21px;
font-weight: bold;
color: #333;
padding: 22px 0;
margin: 0;
text-shadow: 0 0 4px rgba(255,255,255,0.9);
}

@media (max-width: 768px) {
.waku-radius,
.waku-radius-ni,
.waku-radius-san,
.waku-radius-yon,
.waku-radius-go {
width: 95%;         
padding: 15px 10px;  
font-size: 20px;     
box-sizing: border-box; 
}

.waku-wakunot{
width:90%;
font-size:16px;
}
}

/* 眠れるオーダー枕
----------------------------------*/
.hearing-waku {
display: flex;
align-items: flex-start;    
justify-content: center;   
gap: 30px;
width: 100%; 
max-width: 1200px;     
margin: 30px auto;        
}

/* 左側：画像 */
.hidari-ga {
flex: 1;                   
}

.hidari-sya{
max-width:460px;
width:100%;
height:auto;
border-radius:12px;
display:block;
margin:0 auto;
}

/* 中央の縦線 */
.tatesen {
width: 1px;
background: #377b3a;
align-self: stretch;    
}

/* 右側：テキスト */
.migi-hearing {
flex: 1;               
line-height: 1.5;
font-size: 17px;
}

/* 大きいタイトル部分 */
.migi-hearing div {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}

.migi-hearing p{
font-size:15px;
}

@media (max-width: 768px) {
.hearing-waku {
flex-direction: column;    
gap: 20px;
box-sizing: border-box;
align-items: center; 
}

.migi-hearing {
font-size: 18px;
}

 .migi-hearing div {
font-size: 22px;
}

.tatesen {
display: none;           
}
}
/* Common　テンプレート
----------------------------------*/
.common-container {
max-width: 900px;   /* 最大横幅900px */
margin: 0 auto;     /* 左右中央寄せ */
padding: 20px;      /* 任意の内側余白 */
box-sizing: border-box; /* パディング含めてサイズ計算 */
}

/* お店の情報
----------------------------------*/
.tab-kaisya table {
width: 100%; 
margin: 0 auto;
}

.tab-kaisya table th {
width:25%;
background-color: #f7f7f7 !important;
}

.map-box {
max-width: 800px;
margin: 0 auto; 
}

.map-box iframe {
width: 100%;     
display: block; 
}

.chizu-mir {
text-align: center;    
margin-top: 10px;
}

.chizu-mir a {
color: #009dff; 
font-size:15px;
}

.chizu-mir a:hover {
text-decoration: underline; /* ホバー時に下線 */
}

@media (max-width: 499px) {
.tab-kaisya table {
width: 100%; 
margin: 0 auto;
}

.tab-kaisya table th {
width:20%;
background-color: #f7f7f7 !important;
font-size:15px;
}

.tab-kaisya table td {
font-size:15px;
}
}

.waku-makurakaku {
max-width: 1200px;
margin: 40px auto;
display: flex;
gap: 80px;
align-items: center;
box-sizing: border-box;
padding: 0 15px;
}

.hidari-gaz {
flex: 1 1 500px;  
min-width: 0;
}

.hidari-gaz img {
width: 100%;
height: auto;
display: block;
}

.migi-bn,
.hidari-txt {
flex: 1 1 580px;   
min-width: 0;
}

.tit-kakuone {
font-size: 24px;
font-weight: bold;
margin-bottom: 12px;
}

.hbunone {
font-size:15px;
line-height: 1.5;
}

.waku-makurakakutwo {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 80px;
align-items: center;
box-sizing: border-box;
padding: 0 40px;
}

.migi-gaz {
flex: 1 1 500px; 
min-width: 0;    
}

.migi-gaz img {
width: 100%;
height: auto;
display: block;
}

.tit-kakutwo {
font-size: 26px;
font-weight: bold;
margin-bottom: 12px;
}

.hbutwo {
flex: 1 1 580px;
min-width: 0;
}

.tit-kakutwo {
font-size: 26px;
font-weight: bold;
margin-bottom: 12px;
}

.hbutwo {
font-size:17px;
line-height: 1.5;
}

.point-waku {
display: flex;
gap: 50px;            
max-width: 1200px;     
margin: 0 auto;
align-items: center;
margin-bottom:20px;
}

.left-gzu {
width: 300px;
flex-shrink: 0;    
}

.left-gzu img {
width: 100%;
height: auto;
display: block;
}

@media (max-width: 768px) {
.waku-makurakaku {
flex-direction: column;
gap: 24px;
}

.hidari-gaz,
.migi-bn,
.hidari-txt {
width: 100%;
flex: none;
}
	
.waku-makurakakutwo {
flex-direction: column;
gap: 24px;
padding: 0 16px;
}

.migi-gaz,
.hidari-bn {
width: 100%;
flex: none;
}
}

.po-number{
font-size: 26px;
font-weight: bold;
margin-bottom: 12px;
}

.right-tt {
width:100%;
max-width: 870px;
line-height: 1.5;
}

.point-list > li {
font-size: 26px;
font-weight: bold;
}

.point-list > li p {
font-size: 17px; 
font-weight:normal;
margin-top: 3px;
}

@media screen and (max-width: 640px) {
.point-waku {
flex-direction: column;
gap: 20px;          
align-items: center; 
}

.left-gzu {
width: 100%;
max-width: 320px;  
}
	
.right-tt {
padding: 0 15px;
box-sizing: border-box;
}
}

.syu-tx{
font-size: 26px;
}

.two-wkyellow {
width:100%;
max-width:1200px;
margin:0 auto;
display: flex;
justify-content: center;
gap: 20px;             
flex-wrap: wrap; 
margin-bottom:10px;
}

@media screen and (max-width:640px){
.two-wkyellow{
padding:0 15px;
box-sizing:border-box;
}
}

.kiiro-waku {
max-width: 585px;
margin: 0 auto;            
padding: 16px 20px;
background-color: #FFF2CC;  
box-sizing: border-box;
line-height: 1.5;
}

.kiiro-waku > div {
font-size: 26px;            
font-weight: bold;
margin-bottom: 8px;
}

@media screen and (max-width: 499px) {
.tit-kakuone,
.tit-kakutwo,
.po-number,
.point-list > li,
.syu-tx{
font-size: 20px;
}

.hbunone,
.hbutwo,
.point-hbu,
.waku-wakunot,
.migi-hearing p{
font-size:15px;
}

.point-list,
.syu-tx{
padding: 0 15px;
box-sizing: border-box;
}

.point-list > li p {
font-size: 15px;
font-weight: normal;
}
	
.right-tt p {
font-size: 15px;
line-height: 1.6;
}
	
.kiiro-waku > div {
font-size: 22px;
}

.kiiro-waku {
font-size: 15px;
line-height: 1.6;
}
}

.check-waku {
max-width: 1100px;
margin: 0 auto;
padding: 20px 20px;
background: #fff2cc;
box-sizing: border-box;
margin-top:20px;
margin-bottom:5px;
}

.check-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr); 
column-gap: 20px;
row-gap: 10px;
padding-left: 0;
}

.check-list li {
position: relative;
padding-left: 23px !important;
margin-bottom: 14px;
line-height: 1.6;
list-style: none;
}

.check-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.2em;
width: 24px;
height: 24px;
background: url(images/kkrn_icon_check_5.png) no-repeat center center;
background-size: contain;
}

.che-txt {
width:100%;
max-width: 1100px;
margin: 0 auto;        
text-align: left;
margin-bottom:10px;
}

@media screen and (max-width: 499px) {
.check-list {
grid-template-columns: 1fr;
font-size:16px;
row-gap: 3px;
}

.che-txt {
font-size:15px;
}
}

.gray-bg {
background: #E6E6E6;
padding: 40px 20px;
margin-bottom:20px;
}

.geartwo-wrapper,
.gray-bg-inner {
max-width: 1200px;
margin: 0 auto;
}

.gray-bg-inner {
display: flex;
gap: 30px;
}

.onewaku-htn {
flex: 1;
padding: 15px;
box-sizing: border-box;
text-align: center;

display:flex;
flex-direction:column;
}

.onewaku-htn img {
width: 100%;
height: auto;
display: block;
}

.nameon {
padding: 12px 0 15px;
font-size:18px;
font-weight: bold;
width:100%;
min-height:60px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.shi-matt{
font-size:16px;
text-align:left;
flex:1;
}

.namebtn {
display: inline-block;
margin-top:30px;
padding: 8px 30px;
border: 1px solid #000;
border-radius: 20px; 
background: #fff;
color: #7C7C76;
font-size: 16px;
text-decoration: none; 
box-sizing: border-box;
transition: background-color 0.2s ease;
}

.namebtn:hover {
background: #fff2cc;
}

.nedan-s{
margin-top:15px;
text-align:left;
font-size:22px;    
font-weight:bold;
}

.nedan-s span{
font-size:16px;     
font-weight:normal;
margin-left:3px;
}

@media screen and (max-width: 640px) {
.gray-bg-inner {
flex-direction: column;
}
}

.gzotwo {
display: flex;
gap: 40px;           
justify-content: center;
margin-top:10px;
}

.gzo-item {
width: 480px;         
}

.gzo-item img {
width: 100%;
height: auto;
display: block;
}

.gzo-text {
text-align: left;      
font-size: 17px;
}

.center-txt {
margin-top:20px;
margin-bottom:20px;
font-size: 26px;
text-align: center;
line-height: 1.8;  
}

.sleepmaster-wk {
display: flex;
align-items: center;   
gap: 40px;          
max-width: 1200px;
margin: 0 auto;
}

.leftsleep {
flex: 0 0 40%;      
}

.leftsleep img {
width: 100%;
height: auto;
display: block;
}

.right-ttt {
flex: 1;              
font-size: 17px;
line-height: 1.8;
}

.three-wakgr {
max-width: 1200px;
margin: 0 auto 20px;
display: flex;
gap: 50px;
justify-content: center;  
flex-wrap: wrap;
}

.three-gr {
flex: 1 1 30%;       
max-width: 320px;
background: #E6E6E6;
padding: 10px;
box-sizing: border-box;
}

.three-gr img,
.three-gr .number-p,
.three-gr .tt-point {
width: 100%;         
max-width: 300px;    
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
padding: 0 10px;
}

.three-gr img {
display: block;
height: auto;
}

.number-p {
text-align:center;
font-size:20px;
font-weight: bold;
margin: 10px auto 20px;
}

.tt-point {
margin: 0 auto;
line-height: 1.6;
}

@media screen and (max-width: 640px) {
.gzotwo {
flex-direction: column;
gap: 20px;   
align-items: center; 
}

.gzo-item {
width: 100%;              
max-width: 480px;         
}

.center-txt {
font-size: 20px; 
}

.sleepmaster-wk {
flex-direction: column;
gap: 20px;   
align-items: center; 
}

.leftsleep img {
width: 80%;
margin:auto;
height: auto;
display: block;
}

.right-ttt {        
font-size: 15px;
}

.three-wakgr {
display: flex;
flex-direction: column;
align-items: center;  
}

.three-gr {
max-width: 100%;
width: 100%;
}

.three-gr img,
.three-gr,.three-gr {
max-width:90%;
width: 100%;
}

.tt-point{
font-size:15px;
}
	
 .number-p{
font-size:18px;
}
}

.kuro-kgwaku {
display: flex;
justify-content: space-between;
gap: 10px;                    
max-width: 1200px;
margin: 10px auto;
border: 1px solid #bbb;
box-shadow: 2px 3px 1px #eee;
margin-top:30px;
}

.onee-kag {
display: flex;
flex-direction: column; 
align-items: center;  
width: 100%;
}

.onee-kag > div{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

.stmei{
font-size:16px;
}

.sya-txt {
display: flex;            
max-width: 1000px;        
width: 100%;              
margin: 20px auto 0 auto;            
align-items: center;      
box-sizing: border-box;
gap: 20px;
}

.hidar-t {
padding-left: 20px;                 
flex: 1;
}

.migi-g img {
display: block;          
width: 100%;
max-width:400px;
height: auto;
}

.syahd-ttmi {
display: flex;            
max-width: 1000px;         
width: 100%;              
margin: 20px auto 0 auto;  
align-items: center;      
box-sizing: border-box;
gap: 20px;                
}

.hidari-g,
.migi-t {
flex: 1;                  
}

.hidari-g img {
display: block;          
width: 100%; 
max-width:400px;
height: auto;
}

.migi-t {
padding-left: 20px;      
}

.bg-syok {
background-color: #FFF2CC;  
padding: 40px 0;             
display: flex;             
justify-content: center;     
}

.content-center {
max-width: 1200px;           
width: 100%;
box-sizing: border-box;
}

.mannak {
max-width: 800px;           
margin: 0 auto 20px auto;  
text-align: left;          
font-size: 20px;
font-weight: bold;
line-height: 1.8;
}

.center-t {
text-align: center;          
margin-bottom: 20px;
}

.img-center {
text-align: center;       
}

.brbk{
display:inline-block;
margin:0 10px 10px 20px;
border-radius: 20px 20px;
padding: 8px 16px;
color:#fff;
background:#604224;
}

.las-list {
list-style: none;
padding: 0;
margin: 0;
}

.las-list li {
position: relative;
margin-bottom: 12px;
font-size: 18px;
line-height: 1.6;
padding-left: 42px; 
}

.las-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;         
width: 12px;          
height: 12px;
border: 1px solid #FF9900;
border-radius: 1px;
background-color: #FF9900;
clip-path: polygon(14% 44%, 0% 65%, 50% 100%, 100% 20%, 85% 0%, 43% 62%);
}

@media screen and (max-width: 640px) {
.sya-txt {
flex-direction: column; 
align-items: center;     
gap: 10px;               
}

.syahd-ttmi {
flex-direction: column;   
align-items: center;     
gap: 10px; 
}

.mannak {
font-size:16px;
padding:0 10px;
}

.img-center {
margin:auto;
width:95%;   
}

.las-list li {
font-size:15px;
}

.about-bg{
padding:0 0;
}

.kuro-kgwaku {
flex-wrap: wrap; 
justify-content: center; 
}

.kuro-kgwaku > * {
width: calc(40% - 5px); 
box-sizing: border-box;
margin-bottom: 10px;
}
	
.las-list li::before {
font-size: 14px;
}
	
.hidar-t {
padding-left:0;                 
}
	
.migi-t {
padding-left:0;      
}
}

@media screen and (max-width: 499px) {
.hidar-t {
font-size:15px;                 
}
	
.migi-t {
font-size:15px;        
}
	
.brbk{
margin-top:15px;
}
}

.habakyoroku{
width:100%;
max-width:960px;
margin:auto;
}

.huto-ji {
font-size: 18px;
font-weight: bold;
margin-top:10px;
margin-bottom: 10px;
border-bottom: 1px solid #000;
display: inline-block;         
padding-bottom: 2px;           
}

.waku-mar {
display: flex;
align-items: flex-start;
gap: 20px;
flex-wrap: wrap; 
}

.text-block {
display: flex;
flex-direction: column;
flex: 1;
min-width: 250px; 
}

.image-block {
flex: 1; 
min-width: 150px; 
}

.image-block img {
width: 100%; 
height: auto;
display: block; 
}

.naka-orang {
font-size: 26px;       
color: #ed6d32;       
text-align: center;   
line-height: 1.5;    
margin-top:20px;
margin-bottom:20px;
}

@media screen and (max-width: 640px) {
.habakyoroku {
margin: 0 auto;       
padding: 0 15px;      
box-sizing: border-box; 
}
	
.waku-mar {
gap: 10px;
flex-direction: column; 
}

.text-block,
.image-block {
min-width: 100%;
}

.image-block img {
width: 80%; 
margin:auto;
}
	
.naka-orang {
font-size: 20px;   
}
}

.umo-wak {
display: flex;            
align-items: center;
gap: 20px;                
max-width: 1200px;         
margin: 0 auto;
margin-bottom:30px;
}

.lef-tex {
flex: 1;                  
font-size: 16px;
}

.rig-gg {
flex-shrink: 0;           
width:100%;
max-width: 400px;             
}

.rig-gg img {
max-width: 100%;
height: auto;
display: block;
}

.tyuu-wk {
max-width: 400px;         
margin: 20px auto;        
padding: 20px;                 
box-sizing: border-box;   
}

.tyuu-wk li{
text-align: left;
font-weight:bold;
}

.kiji-thre {
display: flex;
justify-content: space-between;
gap: 20px;                     
margin-bottom:10px;
}

.mizuwk {
flex: 1;
padding: 20px 0;
text-align: center;
background: linear-gradient(
to bottom,
#b7dbf3 0%,
#e3f2fd 50%,
#b7dbf3 100%
);
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
font-weight: bold;
font-size: 16px;
}

.mizuirowk {
display: flex;                 
align-items: center;                              
border: 2px solid #b0d6e8;      
padding: 10px;                 
box-sizing: border-box;
}

.mizuirowk img {
flex-shrink: 0;                
}

.mizuirowk .riyosel {
margin: 0; 
font-weight:bold;
line-height: 1.6;
padding-bottom: 0 !important;
}

.kilt-forwk {
display: flex;
flex-wrap: wrap;          
gap: 30px;               
width: 100%;     
margin: 0 auto;          
box-sizing: border-box;
margin-bottom:20px;
}

.wk-onekilt {
width: calc(50% - 15px);  
padding: 20px;
box-sizing: border-box;
}

.tx-ao {
display: inline-block;
background: #4aa3ff;
color: #fff;
font-size: 14px;
padding: 4px 12px;
border-radius: 6px;
margin-bottom: 15px;
}

.wk-onekilt img {
display: block;
margin: 0 auto 1px;      
max-width: 100%;
height: auto;
}

.bg-kiltora {
background: #f7f7eb;
padding: 20px;
font-size: 14px;
color:#000;
line-height: 1.8;
border-radius: 4px;
}

@media screen and (max-width: 640px) {
.umo-wak {
flex-direction: column;  
align-items: center;     
gap: 15px;
}

 .umo-wak img {
display: block;     
max-width: 100%;
height: auto;
margin: 0 auto;    
}
	
.tyuu-wk {
font-size:16px;
}

.tyuu-wk li{
font-size:15px;
}

.wk-onekilt {
width: 100%;
}

.wk-onekilt img {
width:80%;
}
}

@media (max-width: 499px) {
.kiji-thre {
gap: 10px;        
}

.kiji-thre > * {
font-size: 14px;    
padding: 8px;      
}

.mizuirowk .riyosel {
line-height: 1.5;
font-size:14px;
}
}

.mawata-wrap {
float: right;         
margin: 0 0 0 10px; 
vertical-align: top;
max-width: 100%;      
height: auto;
}

.hutj-cent {
max-width: 500px;  
margin: 0 auto;    
font-size: 17px;
font-weight: bold;
text-align: left;  
line-height: 1.8;
margin:20px auto;
}

.san-wata {
width: 100%;
border-collapse: collapse;
}

.san-wata th,
.san-wata td {
padding: 8px 12px;
text-align: center;
vertical-align: middle;
}

.mawat-wrap {
display: flex;
gap: 24px;
border: 1px solid #ccc;
padding: 24px;
max-width: 960px;
margin: 0 auto;
box-sizing: border-box;
}

.left-txtwata {
flex: 1 1 0;
line-height:1.6
}

.mawata-gz {
flex: 1 1 40%;     
max-width: 500px;  
}

.mawata-gz img {
width: 100%;
max-width:500px;
height: auto;
display: block;
}

@media screen and (max-width: 768px) {
.mawata-wrap {
float: none;         
display: block;
margin: 20px auto 20px; 
}

.mawat-wrap {
flex-direction: column;
}

.mawata-gz {
flex: none;        
max-width: 100%;   
margin: 0 auto;   
}
}

@media screen and (max-width: 499px) {
.san-wata,
.san-wata thead,
.san-wata tbody,
.san-wata tr,
.san-wata th,
.san-wata td {
display: block;
width: 100%;
box-sizing: border-box;
}

.san-wata th {
white-space: normal;       
word-break: break-word;   
overflow-wrap: break-word;
text-align: center;
}

.san-wata td {
text-align: left;
}

.post p {
font-size: 15px;
}
	
.hutj-cent {   
font-size: 15px;
}
	
.left-txtwata {
line-height:1.5;
font-size:15px;
}
}

.narabi-yk {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}

.narabi-yk .koe-wrap {
display: flex;             
flex-direction: column;     
flex: 1 1 300px;            
max-width: 350px;
padding: 20px;
text-align: center;
box-sizing: border-box;
border-radius: 8px;
}

.koe-wrap p {
font-size: 16px;   
margin-bottom: 10px; 
}

.narabi-yk .koe-titl{
font-size:20px;
font-weight:bold;
color:#a97453;
margin-bottom:20px;
}

.narabi-yk .koe-wrap img {
width: 100%;
height: auto;
}

.narabi-yk .miruwk {
margin-top: auto;          
display: inline-block;     
padding: 8px 15px;          
border: 1px solid #000;      
background: #fff;          
color: #7C7C76;
font-size: 16px;
text-decoration: underline; 
box-sizing: border-box;
transition: background-color 0.2s ease;
}

.narabi-yk .miruwk:hover {
background-color: #fff2cc;
transform: translateY(-2px);
}

.hukurawaku {
display: flex;
gap: 20px;
align-items: center;
width:100%;
max-width: 960px;
margin: 0 auto 10px;
}

.hukura-img {
width: 100%;
max-width: 380px;      
height: auto;
flex-shrink: 0;
}

.right-hukurat {
flex: 1;
line-height: 1.8;
}

.rab-waku{
font-weight:bold;
text-align: center;
border:2px solid #5fcfcb;
padding:15px 45px;
border-radius: 60px;
margin:20px auto;
}

.yoko-kotei {
display: flex;
gap: 20px;            
align-items: flex-start;
margin-bottom: 16px;
}

.left-kotei {
width:100%;
max-width: 180px;          
display: flex;
justify-content: center;
}

.gree-maru {
background: #668e68;
color: #fff;
padding: 6px 12px;     
display: flex;
align-items: center;  
justify-content: center;
border-radius: 999px;
font-size: 15px;
font-weight: bold;
text-align: center;
white-space: nowrap;    
flex-shrink: 0;         
}

.yoko-text {
flex: 1;                
line-height: 1.7;
}

.san-wakukaizen {
display: flex;
gap: 10px;       
justify-content: space-between;
flex-wrap: wrap; 
margin-bottom:20px;
}

.ontwth-kaize {
background-color: #dbccb8;
width: 32%;
padding: 10px;
box-sizing: border-box;
text-align: center; 
}

.ontwth-kaize > div {
background-color: #fff;
border-radius: 12px; 
margin-bottom: 10px;
font-size:15px;
}

.soudan-txt{
text-align:center;
font-size:26px; 
padding-top:20px;
padding-bottom:10px;
}

@media screen and (max-width: 640px) {
.hukurawaku {
flex-direction: column;
gap: 10px;
}

.hukura-img {
width: 70%;
max-width: 300px;      
}

.rab-waku{
font-size:13px;
padding:10px 45px;
border-radius: 60px;
margin:20px auto;
}

.yoko-kotei {
flex-direction: column; 
align-items: flex-start;
}

.left-kotei {
width: auto;            
justify-content: flex-start;
margin-bottom: 0;     
}

.yoko-text {
width: 100%;            
}

.san-wakukaizen {
flex-direction: column; 
gap: 15px;             
}

.ontwth-kaize {
width: 90%; 
margin:0 auto;
}
	
.soudan-txt{
font-size:23px;
}
}

.hatena-sod {
list-style: none;  
padding-left: 0;
margin: 0;
padding-top:8px;
}

.hatena-sod li {
display: flex;            
align-items: flex-start;  
margin-bottom: 12px;
font-size: 16px;
line-height: 1.5;
}

.hatena-sod li::before {
content: "❓";       
flex-shrink: 0;       
margin-right: 8px;   
font-size: 18px;
color: #ff6600;
}

.hutonryok {
width: 100%;
border-collapse: collapse; 
}

.hutonryok th {
max-width:250px;
background-color: #f0f0f0 !important; 
padding: 8px 12px;
text-align: center;
}

.hutonryok td {
padding: 8px 12px;
text-align: left;
}

.akawakure {
display: inline-block; 
padding: 3px 2rem;
color: #fff;
font-weight: normal;
border-radius: 8px;
background: #C5134E;
border-bottom: 2px solid #88193C;
margin-top: 20px;
}

.mitsu-sowk{
display: block;
max-width: 450px;    
width: 100%;         
margin: 30px auto 20px;
padding: 0 10px;     
line-height: 60px;
color: #333;
font-size: 120%;
font-weight: bold;
text-decoration: none;
position: relative;
text-align: center;
border: 1px solid #fff;
outline: solid 3px #000;  
box-sizing: border-box;
transition: all 0.5s;
}

.mitsu-sowk:after{
position: absolute;
right:0;
bottom: 0;
content: '';
border-top:10px solid transparent;
border-left:10px solid transparent;
border-right: 10px solid #FFF2CC;
border-bottom: 10px solid #FFF2CC;
box-sizing: border-box;
}

.mitsu-sowk:hover{
background-color: #FFF2CC; 
border: 1px solid transparent;
outline: solid 3px #000;  
}

.check-fortwo {
display: flex;
gap: 24px;
margin: 30px 0;
}

.one-checkumo {
flex: 1;
border: 1px solid #e6dccf;
padding: 40px 20px 20px;
text-align: center;
position: relative;
background: #fff;
}

.one-checkumo > div:first-child {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
background: #c77700;
color: #fff;
padding: 6px 0;        
width: 350px;
max-width: 90%;
border-radius: 999px;
font-size: 15px;
font-weight: bold;
white-space: nowrap;
}

.one-checkumo img {
max-width: 90%;
height: auto;
margin: 30px 0 15px;
}

.kumotxt {
font-size: 14px;
line-height: 1.7;
color: #555;
text-align: left;
}

@media screen and (max-width: 640px) {
.check-fortwo {
flex-direction: column;
}
}

.umohuton-teire{
list-style: none;
padding: 0;
margin: 0 auto;        
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
counter-reset: step;      
}

.umohuton-teire li{
flex: 1;
background: #fff;
padding: 20px 20px;
border-bottom: 2px solid #e5e5e5;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
display: flex;
align-items: center;   
gap: 8px; 
margin-top:10px;
}

.umohuton-teire li::before{
counter-increment: step;
content: counter(step) ".";
color: #c40000;
font-weight: bold;
flex-shrink: 0;      
}

.hiro-waku{
display:flex;
position:relative;
max-width:960px;
margin:0 auto; 
margin-top:20px;
justify-content:flex-start;
transform:translateX(10%);
}

.hiro-left{
width:55%;
position:relative;
z-index:2;
}

.hiro-left ul{
list-style:none;
padding:0;
margin:0;
}

.hiro-left li{
position:relative;
padding:0 0 12px 32px;
margin-bottom:12px;
line-height:1.6;
}

.hiro-left li .li-text{
display:inline-block;
padding-bottom:3px;
border-bottom:2px dotted #e2bb4d;
}

.hiro-left ul li{
padding:0 0 12px 25px;
}

.hiro-left li::before{
content:"";
position:absolute;
top:0.3em;
left:0;
width:22px;
height:22px;
background:url("images/check01.png") no-repeat center / contain;
}

.hiro-right{
position:absolute;
top:50%;
right:90px;
transform:translateY(-50%);
width:55%;
z-index:1;
}

.hiro-right img{
max-width:440px;         
width:100%;
height:auto;
}

@media (max-width:768px){
.hiro-waku{
transform:none;    
justify-content:flex-start;
}
	
.hiro-right{
display:none;
}

.hiro-left{
width:90%;
margin:0;
}
}

.bg-henkoone{
background: #efe9e1;
padding:5px 20px;
}

.mannk-tt{
text-align:center;
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

.waku-fory{
width:fit-content;
margin:0 auto;     
display:flex;
align-items:center;
gap:20px;
}

.waku-batsu{
display: inline-block; 
padding: 3px 0.5rem;
color: #fff;
font-weight: normal;
border-radius: 8px;
background: #666;
margin-top: 10px;
margin-bottom:20px;
}

.bg-henkotwo{
background: #fce4b3;
padding:5px 20px 20px;
}

.bg-henkothree{
background: #e1e3ef;
padding:5px 20px 20px;
}

.orang-w{
margin:30px auto 50px;
position:relative;
font-size:115%;
border:1px solid #EAB651;
padding: 10px;
box-shadow:6px 8px 12px #efefef;
}

.orang-w div{
font-size:20px;
font-weight:bold;
}

.orang-w p{
font-size:17px;
padding-left:15px;
}

.course-mainte{
width:100%;
border-collapse: collapse;
}

.course-mainte th{
text-align:left;
vertical-align: middle;
}

.tab-wrcouse{
max-width:100%;
margin: 0 auto;
}

.tax-note{
text-align: right;
font-size: 15px;
color: #555;
padding-bottom:20px;
}

.post table.course-mainte{
margin-bottom: 0;
}

@media (max-width:499px){
.right-hukurat {
font-size:16px;
}

.hatena-sod li {
display: flex;            
align-items: flex-start;  
margin-bottom: 12px;
font-size: 15px;
line-height: 1.5;
}

.hatena-sod li::before {
content: "❓";       
flex-shrink: 0;       
margin-right: 8px;   
font-size: 15px;
color: #ff6600;
}

.hatena-sod li::before {
margin-right: 1px;
margin-left:-20px;
}
	
.akawakure {
font-size:15px;
margin-top: 20px;
}

.hutonryok th,
.hutonryok td {
font-size:16px;
}
	
.umohuton-teire li{
flex: 1;
background: #fff;
padding: 10px 10px;
border-bottom: 2px solid #e5e5e5;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
display: flex;
align-items: center;   
gap: 8px;            
font-size: 16px;
}

.waku-fory{
margin: 0;                
width: 100%;              
flex-direction: column;
align-items: flex-start;   
gap: 0;
font-size:15px;
}
	
.course-mainte th,
.course-mainte td{
font-size:15px;
}
}

.toi-listhatena{
background: #f2f2f2;
width:100%;
max-width: 1000px;
margin: 0 auto;
padding: 50px 10px;
box-sizing: border-box; 
}

.toi-listhatena ul{
max-width: 900px;
margin: 0 auto;
padding: 0;
list-style: none;
}

.toi-listhatena li{
position: relative;
padding-left: 1.6em;
margin-bottom: 14px;
line-height: 1.6;
}

.toi-listhatena li::before{
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 8px;
height: 8px;
background: #668e68;
border-radius: 50%;
}

.telwalu {
width: 100%;
max-width: 500px;
margin: 0 auto;                
background: #e3eae0;
padding: 20px;
text-align: center;
box-sizing: border-box;
}

.telwalu > div:first-child{
font-size:19px;
font-weight: bold;
margin-bottom: 6px;
color:#668e68;
}

.bango-icon{
display: inline-flex;
align-items: center;
gap: 8px;
color: #668e68;
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}

.bango-icon::before{
content: "";
display: inline-block;
width: 25px;
height: 25px;
background: url("images/icon_tel.png") no-repeat center / contain;
}

.telwalu p{
margin: 4px 0;
font-size: 15px;
}

.telwalu .kakko-denw{
margin: 4px 0;
font-size: 17px;
}

.online-yoyaku {
background-color: #e3eae0;
width: 100%;
max-width: 1000px;
margin: 0 auto;
box-sizing: border-box;
padding: 50px;
text-align: center;
}

.online-yoyaku .saisy-tx {
color: #668e68;
font-size: 19px;
font-weight: bold;
margin: 0 auto 16px auto;
width: fit-content;
text-align: left; 
text-decoration: underline;
text-decoration-color: #ffffff; 
text-decoration-thickness: 1px;
text-underline-offset: 5px; 
}

.online-yoyaku .left-ten{
text-align:left;
}

.online-yoyaku .yoyaku-wrap {
display: flex;
justify-content: center;
gap: 70px; 
margin-top:30px;
}

.online-yoyaku .yoyaku-wrap .link-yoyak img {
width: 160px;
height: auto;
display: block;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.online-yoyaku .yoyaku-wrap .link-yoyak img:hover {
transform: translateY(-5px); 
box-shadow: 0 8px 15px rgba(0,0,0,0.2); 
}

.toi-listhatenatwo{
background: #f2f2f2;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 20px 50px;
box-sizing: border-box; 
}

.joho-atsukai {
width: fit-content;     
margin: 0 auto;         
text-align: left;        
line-height: 1.6;        
}

@media (max-width:499px){
.toi-listhatena li{
font-size:15px;
}

.telwalu p{
font-size: 13px;
}

.telwalu .kakko-denw{
font-size: 15px;
}

.online-yoyaku .saisy-tx {
font-size: 17px;
}

.online-yoyaku {
padding: 30px;
}

.online-yoyaku .yoyaku-wrap {
flex-direction: column;
align-items: center;    
gap: 20px;             
}

.toi-listhatenatwo{
font-size:15px;
}
}

.form-container {
width: 1000px;      
max-width: 100%;    
margin: 0 auto;   
border-radius: 8px;
background-color: #fdfdfd;
box-sizing: border-box;
font-family: Arial, sans-serif;
}

.form-table {
width: 100%;
border-collapse: collapse;
}

/* 左側の項目名 */
.form-table th {
width: 260px;         
text-align: center;
vertical-align: middle;
padding: 8px 10px;
font-weight: bold;
white-space: nowrap;
background: #f2f2f2 !important;
}

.form-table th .hissu {
color: #ff0000;
margin-left: 4px;
}

/* 右側の入力欄 */
.form-table td .wpcf7-list-item {
display: inline-flex;      
align-items: center;        
margin-right: 20px;      
}

.form-table td .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 6px;               
}

.form-table td input[type="text"],
.form-table td textarea {
width: 100%;             
box-sizing: border-box;  
padding: 6px 10px;       
font-size: 14px;
}

.form-table td textarea {
height: 120px;            
resize: vertical;        
}

.form-table td input[name="text-285"] {
width: 200px;         
box-sizing: border-box; 
padding: 6px 10px;
}

.form-table tr:nth-child(6) td,
.form-table tr:nth-child(7) td {
padding-left: 16px; 
vertical-align: middle;
}

.form-table tr:nth-child(6) td input,
.form-table tr:nth-child(7) td input {
border: 1px solid #d4d4d7 !important;
padding: 6px 10px;
width: calc(50% - 20px); 
box-sizing: border-box;
border-radius: 4px;
background: #fcfcfc;
}

.soshinwk{
text-align:center;
}

@media screen and (max-width: 499px) {
.form-table th,
.form-table td {
display: block;
width: 100%;            
box-sizing: border-box;   
text-align: left;
padding: 8px 10px;      
}

.form-table th {
background: #f2f2f2;     
margin: 0;               
}

.form-table td .wpcf7-list-item {
display: block;
margin-right: 0;
margin-bottom: 6px;
}

.form-table td input[type="text"],
.form-table td textarea,
.form-table tr:nth-child(6) td input,
.form-table tr:nth-child(7) td input {
width: 100%;            
margin-bottom: 10px;
box-sizing: border-box; 
}

.soshinwk {
text-align: center;
margin-top: 15px;
}
}

.san-fwrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
gap: 16px;
box-sizing: border-box;
margin-top:30px;
margin-bottom:30px;
}

.san-fwrap .fwak {
position: relative;      
flex: 0 0 calc(33.333% - 10.666px);
box-sizing: border-box;
margin-bottom: 20px;
}

.san-fwrap .fwak .img-wrapper {
display: flex;
align-items: center;   
justify-content: center;
flex: 1;    
margin-top: 20px;
}

.san-fwrap .fwak img {
width: 100%;
height: auto;
display: block;
}

.san-fwrap .fwak .shituon {
position: absolute;
left: 0;         
top: 0;       
margin: 0;       
padding:3px 2rem 3px 2rem;
border-radius:8px;
background:#4697f2;
border-bottom:2px solid #113c6d;
color: #fff;      
font-size: 14px;
box-sizing: border-box;
}

.san-fwrap .fwak:first-child .shituon {
bottom: -35px;  
}

.san-fwrap .fwak:nth-child(2),
.san-fwrap .fwak:nth-child(3) {
position: relative;      
top: 30px;                 
}

@media screen and (max-width: 640px) {
.san-fwrap .fwak .img-wrapper {
margin-top: 30px; 
}
}

@media screen and (max-width: 499px) {
.san-fwrap {
padding: 0 10px; 
gap: 15px;        
box-sizing: border-box; 
}
	
.san-fwrap .fwak {
flex: 0 0 calc(50% - 8px);
}

.san-fwrap .fwak .shituon {
font-size:12px;
padding:3px 1rem 3px 1rem;
white-space: nowrap;
}

.san-fwrap .fwak:nth-child(2) {
top: 40px !important;
}

.san-fwrap .fwak:nth-child(3) {
top: 0 !important;
}
}

.qa-block {
max-width: 900px;          
margin: 0 auto;           
padding: 10px;
border-radius: 8px;
display: flex;            
align-items: flex-start;
gap: 10px;   
box-sizing: border-box; 
margin-top:20px;
}

.qa-qh {
color: #136c0a;          
font-weight: bold;
font-size: 1.3em;
}

.qa-hat {
font-size: 1.2em;
line-height: 1.5;
}

.waku-blokyu ul {
padding-left: 20px;
list-style: none; 
}

.waku-blokyu li::before {
content: "●";       
color: #136c0a;     
display: inline-block;
width: 1em;         
margin-left: -1em;   
font-size: 0.5em;   
line-height: 1; 
margin-right: 0.5em;
}

.waku-blokyu li a {
text-decoration: none; 
}

.waku-blokyu li a:hover {
text-decoration: underline; 
}

@media screen and (max-width: 640px) {
.waku-blokyu ul {
padding-left: 0;
}
}

@media screen and (max-width: 499px) {
.waku-blokyu ul {
font-size:15px;
}
	
.qa-qh {
font-size: 1em;
}
	
.qa-hat {
font-size: 1em;
line-height: 1.5;
}
	
.waku-blokyu {
font-size:15px;
line-height: 1.5;
}
}

.wp-image-795{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
margin-top:10px;
}

.main-image{
position:relative;
border:1px solid #ccc;
}

.main-image img{
width:100%;
}

.main-imagetwo {
  position: relative;
  border: 1px solid #ccc;
  width: 330px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin: 0 auto;
}

.main-imagetwo img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.5);
color:#fff;
border:none;
font-size:30px;
padding:5px 12px;
cursor:pointer;
}

.left{
left:5px;
}

.right{
right:5px;
}

.thumbs{
display:flex;
gap:7px;
margin-top:15px;
}

.thumbs img{
width:30%;
margin:auto;
cursor:pointer;
border:2px solid #ddd;
aspect-ratio:1/1;
object-fit:contain;
}


.thumbs img:hover{
border:2px solid #333;
}

.free-wk{
max-width:1200px;
margin:0 auto;
display:flex;
gap:40px;
align-items:flex-start;
margin-bottom:50px;
}

.gallery{
flex:0 0 32%;  
}

.right-freewk{
flex:1;   
width:100%;
}

.wid-type{
border:1px solid #ccc;
border-radius:20px; 
padding:5px 15px;    
display:inline-block; 
font-size:14px;
margin: 0 0 1em;
}

.titl-free{
margin-bottom: 0.75em;
font-size: calc(22px + 8 * (100vw - 375px) / 1545);
font-weight:bold;
}

.yoko-freeryo{
display:flex;
align-items:flex-end;
margin-bottom:15px;
gap:10px;
flex-wrap:wrap; 
}

.cream-shi{
background:#FFF2CC;  
padding:12px 18px;
font-size:14px;
}

.cream-shicai {
background: #FFF2CC;
padding: 12px 18px;
font-size: 14px;
width: 150px;    
box-sizing: border-box;
text-align:center;
}

.nedan-free{
font-size:28px;
color:#2e7d32;     
font-weight:bold;
margin-left:20px;
}

.yoko-freeryo span{
font-size:14px;
margin-left:4px;
}

.txt-free{
font-size:15px;
margin-bottom:40px;
}

@media screen and (max-width:1000px){
.free-wk{
flex-direction:column;
}

.gallery,
.free-wk {
width:70%;
margin:0 auto;
}

.mar-gyoko{
justify-content: center;
}
}

@media screen and (max-width:640px){
.free-wk{
width:100%;
flex-direction:column;
}

.gallery{
width:90%;
margin:0 auto;
}
}

.sozai-tt{
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:0.75em;
font-size:18px;
font-weight:bold;
border-bottom:1px solid #000;
padding-bottom:4px;
}

.sozai-link{
font-size:14px;
font-weight:normal;
text-decoration:none;
}

.sozai-link:hover{
text-decoration:underline;
}

.r-pso{
padding-top:15px;
font-size:17px;
font-weight:bold;
padding-bottom: 5px;
}

.mar-gyoko {
display: flex;            
flex-wrap: wrap;       
gap: 20px;                
justify-content: flex-start; 
max-width: 776px;       
margin: 0 auto; 
margin-bottom:20px;
}

.ga-name {
text-align: center;      
flex: 0 0 calc((776px - 5*40px)/6);
max-width: 148px;
font-size:12px;
}

.ga-name img {
width: 100%;             
height: auto;
display: block;
margin: 0 auto;
}

.sozai-prett{
margin-top:20px;
margin-bottom:10px;
}

.accordion .content {
display: none;         
margin-top: 10px;
margin-bottom:30px;
}

.accordion .seihi-j {
cursor: pointer;        
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #000;
margin-bottom:20px;
}

.accordion .toggle {
font-size: 20px;
font-weight: bold;
transition: transform 0.3s;
}

.accordion.active .toggle {
transform: rotate(45deg); 
}

.two-bs {
display: flex;
align-items: flex-start;
width: 100%;
}

.two-bs > div {
font-size:18px;
font-weight: bold;
width: 120px;
flex-shrink: 0;
}

.two-bs p {
margin: 0;
width: auto;    
}

.regular-sozaibg{
max-width:1200px;
margin:0 auto;
background:#FFF2CC;
padding:30px 30px;
text-align:center;
box-sizing: border-box;
}

.regular-sozaibg > div:first-child{
font-size:22px;
margin-bottom:40px;
color:#4c5c3f;
}

.three-rgwk{
display:flex;
justify-content:center;
gap:40px;
margin-bottom:50px;
flex-wrap:wrap;
}

.one-reg{
width:280px;
text-align:left;
}

.one-reg img{
width:100%;
height:auto;
display:block;
margin-bottom:15px;
}

.tt-re{
font-weight:bold;
font-size:16px;
margin-bottom:8px;
}

.set-re{
font-size:13px;
line-height:1.8;
margin-bottom:12px;
}

.reg-makats{
display:inline-block;
font-size:11px;
padding:4px 10px;
border:1px solid #bbb;
border-radius:20px;
color:#777;
}

@media (max-width: 768px) {
.regular-sozaibg{
margin:0 15px auto; 
}
}

.sen-nihya{
width:100%;
max-width:1200px;
margin:0 auto;
}

@media screen and (max-width:640px){
.sen-nihya{
width: calc(100% - 20px);
margin-left:10px;
margin-right:10px;
}
}

.koe-forwk{
max-width:1200px;
margin:0 auto;
padding:0 15px;
display:flex;
gap:20px;
flex-wrap:wrap; 
margin-bottom:50px;
}

.wkkoeone{
width:calc(25% - 15px);
border:2px solid #ddd;
border-radius:15px;
padding:10px;
background:#fff;
box-sizing:border-box;
}

.wkkoeone img{
width:100%;
height:auto;
display:block;
border-radius:10px;
}

@media screen and (max-width:768px){
.wkkoeone{
width:calc(50% - 10px);
}
}

@media screen and (max-width:499px){
.wkkoeone{
width:90%;
margin:0 auto;
}
	
.three-rgwk .one-reg:last-child{
display: none;
}
}

.mission-waku{
max-width:1160px;
min-height:500px;
margin:auto;
padding:0 20px;
position: relative;
z-index:1;
}

.mission-left {
 position: absolute;
 top: 0;
left: 0; 
 z-index: 2;
}

.mission-right {
flex: 0 0 50%;
max-width: 800px;
position: relative;
z-index: 3;
display: block;
margin-left: auto;
padding:70px 0 35px 35px; 
box-sizing: border-box;
background: none; 
}

.mission-right::before {
content: "";
position: absolute;
top: 50px;            
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, #ffffff, #f7f7f7cc);
z-index: -1;         
}

.mission-bg{
background:#fff;
padding:50px 0;
margin-bottom:30px;
}

@media screen and (max-width: 959px) {
.mission-right h2{
font-size:25px;
}
.mission-right p{
font-size:13px;
}

.mission-right {
top:70px;
width:80%;
}
	
.mission-right::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0; 
background: linear-gradient(270deg, #ffffff, #f7f7f7cc);
z-index: -1;
}
	
.accordion .seihi-j {
cursor: pointer;        
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #000;
margin-bottom:50px;
}
}

@media screen and (max-width: 768px) {
.aboutus-waku {
position: relative; 
display: flex;
flex-direction: column;
gap: 0;                 
padding: 0 10px;
}

.aboutus-left {
position: relative;   
width: 100%;
margin-top: -180px;     
background: rgba(255, 255, 255, 0.55); 
padding: 20px;
z-index: 2;
box-sizing: border-box;
border-radius: 8px;   
}

.about-right {
position: relative;
width: 100%;
z-index: 1;
}

.about-right img {
width: 100%;
height: auto;
display: block;
margin-top:60px;
}

.mission-waku {
position: relative; 
display: flex;
flex-direction: column;
gap: 0;                 
padding: 0 10px;
}

.mission-right {
position: relative;   
width: 100%;
margin-top: -150px;     
background: rgba(255, 255, 255, 0.55); 
padding: 20px;
z-index: 2;
box-sizing: border-box;
border-radius: 8px;   
}
	
.mission-right::before {
  content: "";
  position: absolute;
  top: 50px;            
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg, 
    rgba(255, 255, 255, 0.3),   
    rgba(255, 255, 255, 0.1)   
  );
  z-index: -1;         
}

.mission-left  {
position: relative;
width: 100%;
z-index: 1;
}

.mission-left  img {
width: 100%;
height: auto;
display: block;
margin-top:50px;
}
}

.jo-twog{
max-width:1200px;
margin:0 auto;
display:flex;
gap:10px;
box-sizing:border-box;
justify-content:center;
margin-bottom:20px;
}

.jo-twog img{
width:calc((100% - 10px) / 2);
height:auto;
display:block;
}

@media screen and (max-width: 640px) {
.jo-twog{
gap:3px;
}
}

.title-product {
display: block;  
width: 740px;        
max-width: 100%;      
height: auto;        
margin: 0 auto;     
}

.yonsotokusyu{
max-width: 740px;      
margin: 0 auto;        
color: #8d9461;         
text-align: left;     
font-size: 28px;    
line-height: 1.5;
margin-bottom:20px;
}

.a-carbott {
max-width: 1100px;    
margin: 0 auto;        
text-align: center;         
box-sizing: border-box;  
}

.yonso-gz {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

.logo-carbo {
display: inline-block;      
width: 70px;                 
height: 40px;             
background-image: url('images/logo_carbo.png');
background-size: contain;    
background-repeat: no-repeat; 
background-position: center; 
vertical-align: middle;      
}

.kaitekicarb {
max-width: 740px;      
margin: 0 auto;        
color: #8d9461;         
text-align: left;     
font-size: 28px;    
line-height: 1.5;
font-weight:bold;
margin-bottom:20px;
}

.carbo-yoko {
display: flex;               
align-items: center;     
justify-content: space-between; 
max-width: 740px;           
margin: 0 auto;              
gap: 20px;                   
flex-wrap: wrap;            
}

.letttca {
flex: 1 1 60%;               
text-align: left; 
line-height: 28px;
}

.rightca {
flex: 0 0 auto;              
display: flex;
align-items: center;        
}

.rightca img {
width: 200px;                
height: auto;                
display: block;
}

@media screen and (max-width: 640px) {
.kaitekicarb {   
font-size: 23px; 
text-align:center;
}

.yonsotokusyu{
font-size: 23px; 
}
}

@media screen and (max-width: 499px) {
.kaitekicarb {   
font-size: 18px; 
text-align:center;
}

.a-carbott, .letttca {
font-size:16px;
}

.yonsotokusyu{
font-size: 20px; 
}
	
.free-wk{
flex-direction: column;  
align-items: center;    
gap: 20px;
}

.main-imagetwo{
width: 90%;
}

.main-imagetwo img{
width: 100%;
height: auto;            
display: block;
}
	
.cream-shicai {
padding: 8px 10px;
width:120px;
}
	
.yoko-freeryo{
gap:0;
}
	
.nedan-free{
font-size:25px;
}

.two-bs > div {
font-size:16px;
}
	
.two-bs p {
font-size:14px;
}
	
.carbo-yoko{
justify-content: center;   
text-align: center;       
}

.rightca{
width: 100%;             
justify-content: center;  
}
	
.cream-shi{
background:#FFF2CC;  
padding:10px 8px;
font-size:14px;
}
}

.parent {
text-align: center;
}

.model-chain{ 
display: inline-block;
padding: 4px 25px;
white-space: nowrap;
color: #8b916c; 
font-size: 15px; 
font-weight: 500;
text-align: center; 
border: 1px solid #8b916c; 
}

.premiumord{
margin: 0 auto;        
color: #8d9461;         
text-align: center;    
font-size: 30px;   
line-height: 1.5;
font-weight:bold;
padding:20px 0;
}

.premiumtbg {
display: block;
max-width: 100%;   
height: auto;     
margin: 20px auto; 
}

.bg-creampre {
background: #FFF2CC;
padding: 50px 10px;
}

.three-pre {
display: flex;
justify-content: space-between;
gap: 20px;
max-width: 1200px;  
margin: 0 auto;
flex-wrap: wrap;
}

.onepre {
flex: 1;
text-align: center;
}

.onepre img {
width: 334px;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 10px;
}

.parts-nam {
font-weight: bold;
margin-bottom: 5px;
font-size:20px;
}

.setsu-p {
font-size: 16px;
display: block;
text-align: left;
max-width: 334px;  
margin: 0 auto;    
}

.kumiawasewk {
display: flex;
align-items: flex-start;
max-width: 1200px;
margin: 0 auto;
gap: 50px;
flex-wrap: wrap;
}

.left-gz {
flex: 0 0 500px;
}

.left-gz img {
width: 100%;
height: auto;
display: block;
}

.fit-kumright {
flex: 1;
}

.grtt {
color: #377b3a;
font-size: 25px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 50px;
}

.txt-kano{
margin-top: 20px;
}

.modellists {
list-style: none;
padding: 0;
margin: 0 auto;   
max-width: 900px;
}

.modellists li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 20px 0;
border-bottom: 1px dashed #ccc;
}

.num-numlist {
flex: 0 0 30px;
height: 40px;
background: #8b916c;
color: #fff;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}

.txt-oo {
flex: 1;
margin: 0;
font-size: 16px;
line-height: 1.8;
font-weight:bold;
}

.pic {
flex: 0 0 200px;
margin: 0;
}

.pic img {
width: 100%;
height: auto;
display: block;
}

.nagare-list {
padding: 0;
margin: 0;
background: #FFF2CC;
margin-top:30px;
padding-bottom:40px;
}

.n-tit {
font-size: 36px;         
font-weight: bold;         
text-align: left;       
max-width: 1000px;       
margin: 0 auto 40px; 
padding-top:30px;
padding-left:20px;
}

.item-kans-na {
max-width: 1200px;
margin: 0 auto 60px; 
text-align: center;
}

.num-tt {
font-size: 20px;
color: #3a7b3a;
padding-bottom: 30px;
}

.step-content {
position: relative; 
display: flex;
align-items: flex-start; 
justify-content: center;
max-width: 1200px;
margin: 0 auto;
gap: 60px;
}

.step-content img {
width: 300px;
max-width: 100%;
height: auto;
display: block;
}

.vline {
position: absolute;
left: 50%;
transform: translateX(-50%); 
width: 2px;
background: #6fa86f;
height: calc(100% + 30px);
top: -15px; 
}

.nagare-t {
max-width: 350px;
text-align: left;
line-height: 1.8;
word-break: break-word; 
}

@media screen and (max-width: 959px) {
.kumiawasewk {
flex-direction: column;
align-items: center;
gap:0;
}

.left-gz {
flex: none;
width: 100%;
max-width: 500px;
}

.fit-kumright {
width: 100%;
max-width: none; 
}
	
.grtt {
margin-bottom: 0;
}
}

@media screen and (max-width: 768px) {
.step-content {
flex-direction: column;
align-items: center;
gap:20px;
}

.step-content img {
order: 1;
width:70%;
}

.nagare-t {
 order: 2;
}

.vline {
order: 3;
position: relative;
width: 100%;
height: 2px;
margin-top: 15px;
}
	
.nagare-list {
padding-bottom:10px;
}
	
.item-kans-na:last-child .vline {
display: none;
}
	
.n-tit {
font-size: 30px; 
}

.num-tt {
font-size: 23px;
font-weight:bold;
}
}

@media screen and (max-width: 499px) {
.three-pre {
flex-direction: column;
align-items: center;
}

.onepre {
width: 100%;
max-width: 334px;
}
	
.grtt {
font-size:20px;
}
	
.premiumord{    
font-size: 25px;   
}

.modellists li {
flex-direction: column;   
align-items: flex-start;  
gap:10px;
}

.pic {
width: 100%;
margin-top: 10px;        
}

.pic img {
width: 90%;
margin:0 auto;
}
	
.num-numlist {
padding:0 10px;
}

.num-tt {
font-size: 20px;
}

.n-tit {
font-size: 25px; 
}
	
.nagare-t{
padding:0 10px;
margin:0 auto;
}
}

.ft-yoyaku {
width: 100%;       
max-width: 250px; 
height: auto;
display: block;
margin: 0 auto;
}

.ft-yoyaku {
width: 100%;       
max-width: 250px; 
height: auto;
display: block;
margin: 0 auto;
}

@media only screen and (max-width: 959px){
.footerleft a {
display: block;
text-align: center;
}

.ft-yoyaku {
display: inline-block; 
max-width: 250px;
width: 100%;
height: auto;
margin: 0 0 20px;
}
}

@media only screen and (max-width: 499px){
.ft-yoyaku {
width:60%;
}
}

.tt-condi{
color: #377b3a;
display: block;
font-family: "Montserrat", sans-serif;
font-size:16px;
text-align:center;
}

.toha-condi{
font-size:25px;
line-height: 1.6;
margin-bottom:40px;
text-align:center;
}

.yout-wk{
display: flex;
gap: 30px; 
align-items: flex-start;
margin-bottom:40px;
}

.hidari-ten{
width: 50%;
}

.tensss{
color: #377b3a;
font-weight:bold;
font-size:23px;
margin-bottom:30px;
}

.yout-txt{
font-size:16px;
}

.migi-yout{
width: 50%;
}

.migi-yout iframe{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

@media screen and (max-width: 768px){
.yout-wk{
flex-direction: column;
 }

.hidari-ten,
.migi-yout{
width: 100%;
}
}

.tit-g{
color: #377b3a;
font-weight:bold;
font-size:23px;
padding-top:20px;
margin-bottom:30px;
}

.date-kaer{
text-align:center;
padding-top:30px;
font-weight:bold;
font-size:23px;
margin-bottom:20px;
}

.date-hikwak{
display: flex;
gap: 10px;
max-width: 900px;
margin: 0 auto;
padding: 0 10px; 
box-sizing: border-box; 
}

.date-hikwak img{
width: 50%;
height: auto;
display: block;
flex-shrink: 1;
}

.bggreew{
background:#e3eae0; 
padding:40px;
margin-top:40px;
margin-bottom:60px;
}

.ue-gkyoj{
display:flex;
gap:20px;
align-items:flex-start;
}

.img-text{
display:flex;
gap:20px;
align-items:flex-start;
}

.ue-gkyoj img{
width:120px;
height:auto;
border-radius:50%;
}

.ue-tt{
display:block;
font-size:14px;
margin-top:15px;
}

.name-uekyoj{
display:block;
font-size:18px;
font-weight:bold;
padding-top:0;
}

.ueright-t{
flex:1;
line-height:1.8 !important;
font-size:14px;
}

.kereki{
font-weight:bold;
margin:20px 0 10px;
}

.beige-bgww{
background-color: #f6f5ef;
padding:60px 20px;
}

.air-kozo{
font-size:25px;
width:100%;
max-width:900px;
margin:0 auto;
padding-top:40px;
padding-bottom:50px;
font-weight:bold;
}

.kozo-threeyok{
display:flex;
gap:30px;
margin-bottom:40px;
}

.whitbg{
width:100%;
max-width:900px;
margin:0 auto;
background-color: #fff;
margin-top:10px;
padding:0 10px;
box-sizing: border-box;
}

.kozo-yokone{
width:33.33%;
text-align:center;
display:flex;
flex-direction:column;
}

.hutoji{
font-weight:bold;
font-size:16px;
margin-bottom:10px;
min-height: 48px;
}

.ppkozo{
font-size:13px;
line-height:1.8 !important;
margin-bottom:15px;
}

.kozo-yokone img{
width:100%;
height:auto;
display:block;
}

.kozott{
text-align:center;
padding:30px 0; 
}

.yellow-sanwk{
border: 1px solid #ccc;
padding: 20px;
box-sizing: border-box;
}

.sanwkone{
display: flex;
align-items: flex-start; 
gap: 20px;
margin-bottom: 20px;
}

.gz-san{
width: 40%;
max-width: 300px;
height: auto;
display: block;
}

.migi-sank{
width: 60%;
}

.sanktt{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}

.limited-wrp{
border: 1px solid #ccc;
padding: 20px;
box-sizing: border-box;
}

.shiyoyoko{
display: flex;
align-items: flex-start; 
gap: 20px;
max-width: 900px;
margin: 0 auto;
}

.gzo-limt{
width: 40%;
height: auto;
display: block;
}

.right-limt{
width: 60%;
}

.tit-sx{
font-size: 20px; 
font-weight: bold;
margin-bottom: 15px;
}

.tt-li{
font-size: 16px;
line-height: 1.8;
display: block;
}

.sx-airlimitt{
margin-bottom: 1.25em;
font-size:20px;
color:#377b3a;
font-weight:bold;
text-align: center;
padding-top:30px;
}

.sxptxt{
text-align:center;
padding-bottom:50px;
}

.tit-sxtwo{
font-size: 20px; 
font-weight: bold;
color:#377b3a;
}

.bg-wwh{
margin-top:50px;
padding-top: 60px;
padding-bottom: 60px;
background-color: #f6f5ef;
text-align:center;
margin-bottom:50px;
}

.tyuo-campaign{
font-size:25px;
margin-bottom:15px;
}

.bg-wwh img{
width: 100%;
max-width: 1000px;
height: auto;
display: block;
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
}

.wkuichi{
width: 100%; 
max-width: 1200px;
margin: 20px auto;
}

.yokogzt{
display: flex;
align-items: center;
background-color: #e3eae0;
padding: 20px 25px;
border-radius: 4px;
position: relative; 
transition: 0.3s;
cursor: pointer;
}

.yokogzt:hover{
opacity: 0.8;
}

.lef-gz{
display: flex;
align-items: center;
}

.lef-gz img{
width: 50px;
height: auto;
}

.yokogzt p{
margin: 0;
font-size: 20px;
color: #333;
padding-left:10px;
}

.yokogzt::after{
content: "›";
font-size: 22px;
color: #5f7f66;
position: absolute;
right: 20px; 
transition: 0.3s;
}

.yokogzt:hover::after{
right: 15px;
}

.li-listfoo{
max-width: 1200px;   
margin: 50px auto;      
display: flex;
gap: 100px;
padding: 0 10px; 
}

.bei-bgg{
background-color: #e3e0d9;
padding: 60px 20px;
}

.whit-bgg{
background-color: #fff;
max-width: 1100px;
margin: 0 auto;
padding: 40px 50px;
border-radius: 10px;
}

.yoko-sodan{
display: flex;
align-items: center;
gap: 40px;
}

.lef-so img{
width: 300px;
max-width: 100%;
height: auto;
display: block;
}

.rig-so{
flex: 1;
}

.tt-sod{
font-size: 20px;
font-weight: bold;
 margin-bottom: 15px;
}

.sod-pp{
font-size: 14px;
line-height: 1.8;
margin-bottom: 25px;
}

.bggr-reb{
display: inline-block;
background-color: #668e68;
color: #fff;
padding: 14px 30px;
border-radius: 30px;
font-size: 14px;
text-align: center;
cursor: pointer;
transition: 0.3s;
}

.bggr-reb:hover{
background-color: #4e6b52;
}

@media screen and (max-width: 959px){
.yout-wk{
flex-direction: column;
}

.hidari-ten{
width: 100%;
}

.migi-yout{
width: 80%;
margin:0 auto;
}

.beige-bgww{
background-color: #f6f5ef;
padding:20px 20px;
}
	
.bggreew{
margin-bottom:50px;
}
}

@media screen and (max-width: 768px){
.li-listfoo{
gap: 20px;
}

 .yoko-sodan{
flex-direction: column;
gap: 20px;
}

.bggr-reb{
display: block;
margin: 20px auto 0;
width:50%;
}
}

@media screen and (max-width: 640px){
.ue-gkyoj{
flex-direction: column;
}

.air-kozo{
font-size:23px;
padding-top:20px;
padding-bottom:20px;
}

.tyuo-campaign{
font-size:23px;
}

.yokogzt p{
font-size:16px;
}

.yokogzt{
padding: 20px 2px;
align-items: center;
}

.yokogzt::after{
right: 10px; 
}

.lef-gz img{
width: 40px;
height: auto;
}

.sxptxt{
text-align:center;
padding-bottom:50px;
font-size:16px;
}

.tt-li{
font-size: 15px;
line-height: 1.6;
display: block;
}

.tit-sxtwo{
font-size: 18px; 
}

.kozo-threeyok{
flex-direction: column;
align-items: center; 
}

.kozo-yokone{
width:80%;
}

.li-listfoo{
flex-direction: column;
gap: 10px; 
width:80%;
}
}

.regular-sozaibgtwo{
max-width:1200px;
margin:0 auto;
background:#FFF2CC;
padding:30px 30px;
text-align:center;
box-sizing: border-box;
}

@media screen and (max-width: 499px){
.tensss{
font-size:20px;
margin-bottom:30px;
}

.ueright-t{
line-height:1.6 !important;
}

.tyuo-campaign{
font-size:18px;
}

.bukt{
font-size:13px;
}
	
.bggr-reb{
display: block;
margin: 20px auto 0;
width:80%;
}
	
.lef-gz{
padding-left:10px;
}
}

.course-maruarai{
width:100%;
border-collapse: collapse;
}

.course-maruarai th{
text-align:left;
vertical-align: middle;
}

.post table.course-maruarai{
margin-bottom: 0;
}

.course-mainte th .sp-br {
display: inline;
}

.course-maruarai th .sp-br {
display: inline;
}

@media screen and (max-width: 499px) {
.course-mainte th .sp-br {
display: block;
}

.course-mainte td{
width:35%;
}

.course-maruarai th .sp-br {
display: block;
}

.course-maruarai td{
width:35%;
}
	
.umohuton-teire {
grid-template-columns: 1fr; 
}
  
.umohuton-teire li {
margin-top: 5px;
}

.umohuton-teire{
gap: 5px;   
padding-bottom:10px;
}
}

.mat-center{
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

.news-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.news-grid .tp-waku{
	width: 100%;
}

.news-grid .tp-waku img{
	width: 100%;
	height: auto;
	display: block;
}

.news-grid .tp-txt{
margin-bottom: 20px;
}

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

.news-grid{
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

}

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

.news-grid{
	grid-template-columns: 1fr;
}

}