@charset "UTF-8";
/* CSS Document */


/*-------------------------information----------------------------*/
#syohin_btn {
	margin: 70px 0 0;
}
/*-------------------------Google申し込みフォーム----------------------------*/
.moushikomi_form {
position: relative;
padding-bottom: 170%;
width: 100%;
/*height: 0;*/
overflow: auto;
-webkit-overflow-scrolling:touch;
margin-top: 30px;
}
.moushikomi_form iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*-------------------------------------------
ブログ
--------------------------------------------*/

/*blog投稿用*/

@media (min-width: 1025px) {
	.col-sm-4-margin10 {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		max-width: calc(33.33333333% - 10px);
	}
	.col-sm-6-margin10 {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		max-width: calc(50% - 10px);
	}
}
.flexwrap {display: flex;flex-wrap: wrap;}
.border-box {box-sizing: border-box;}
.lightbrown {color: #88582b;}
.bg-lightbrown {background-color: #88582b;}
.font-medium {font-size: medium;}
.font-small {font-size: small;}
.card-brown01 {
border:#88582b 2px solid !important;
padding: 0 0 10px 0 !important;
margin: 5px !important;
}

.card-radius-midashi01 {
border-radius:0 35px 35px 0px;
display: inline-block;
padding: 10px 15px 10px 10px;
}

.card-title-brown01 {
font-weight:600;
padding: 0 10px;
letter-spacing: normal;
}

.btn-green-web {
background: green;
color: white !important;
padding:5px 10px !important;
line-height: 1.3em !important;
}

.title-green-bar01 {
border-left:green 10px solid;
padding: 5px 0;
}

.description-small {
font-size: small;
letter-spacing: 0px;
padding: 10px;
}


/*News blog*/
/* #workshop {
	margin-top: -15px;
	padding: 10px 0 30px;
}
#blog {
	margin-top: -15px;
	padding: 10px 0 30px;
}
#ivent {
	margin-top: -15px;
	padding: 10px 0 30px;
}


#info .content_p02 {
	padding: 15px 15px 15px;
}

#info .content_p03 {
    margin-left: 0;
	margin-right: 0;
	padding: 25px 0 15px;
	border-bottom: 2px dotted #D7BB8B;
}*/

/* #blog h2 {
  background-color: #036EB8;
	font-size: 165%;
	font-weight: bold;
	color: #fff;
	padding: 15px;
	margin-bottom: 20px;
  word-wrap: break-word;
} */
#workshop h2,#ivent h2 ,#info h2,#blog h2 {
	font-size: 165%;
	font-weight: bold;
	color: #7b5935;
	border-bottom: 3px dotted #7b5935;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#workshop h4, #blog h4, #ivent h4, #info h4 {
	margin-top: -5px;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.4;
}

#workshop h4.tit-green{
font-size: 22px;
background-image: url(../news/green_frame3.gif),url(../news/green_frame3.gif);
}

.news_date {
	font-size: 115%;
	font-weight: bold;
	color: #6F6E6F;
}

ul.pager{
display: flex;
justify-content: center;
margin-top: 40px;
margin-bottom: 20px;
}

.pager li > a,
.pager li > span {
  color: #7B5935;
  font-weight: bold;
  padding: 5px 14px;
  border: none;
}
.ichiran_ban {
	background-image: url(../news/images/ichiran_ban.gif);
	background-repeat: repeat-x;
	height: 40px;
	text-align: center;
	padding-top: 8px;
}

h3.news-tit{
	font-size: 25px;
	font-weight: bold;
	color: #7B5935;
	padding-bottom: 7px;
	border-bottom: 2px solid #7B5935;
	background-repeat: repeat-x;
	background-position: 0% 100%;
}

h3.news-tit:before{
content: "■";
color: #009944;
margin-right: 0.2em;
}


ul.left_col01{
margin-bottom: 35px;
}

ul.left_col li{
margin-bottom: 10px;
text-indent: -1em;
padding-left: 1em;
color: #7B5935;
}

ul.left_col li a{color: #7B5935;}

ul.left_col li:before{
content: "●";
margin-right: 0.5em
}

ul.left_col .date {color: #6F6E6F;}

.pagination{justify-content: center;margin: 80px 0;}
.page-link:hover{background-color: #7B5935;color: #fff;opacity: 1;border: 1px solid #978262;}
.pagination > li > a {
color: #978262;
border: 1px solid #978262;
padding: 0.75em 1em;
}

a:not([href]):not([tabindex]) {background-color:#036EB8;color: #fff!important;opacity: 1;}


/*-------------------------------------------
top
--------------------------------------------*/
.l-content{
margin: 0 auto;
padding: 0 15px;
}

@media (min-width: 768px) {
  .l-content {
    max-width: 100%;
  }
}


@media (min-width: 1200px) {
  .l-content  {
    max-width: 1340px;
  }
}



.l-beg-t p{
text-align: center;
color: #666666;
font-weight:bold;
font-size: 24px;
line-height: 1.8em;
}


.l-content .l-con{
border-radius: 20px;
padding: 40px 20px;
text-align: center;
font-weight: bold;
font-feature-settings: "palt";
}

.l-content .l-con ul li{
border-radius: 20px;
background-color: #fff;
padding: 2.2%;
height: 135px;
display: flex;
align-items: center;
justify-content: center;
}

.l-content  a:hover{opacity: 0.8}

.l-content a{display: block;width: 100%;}
.l-content .l-con ul li p{margin: 0;font-size: 16px;}
.l-con-left{background-color: rgba(128,193,92,0.2)}
.l-con-left ul li{border: 11px solid #009944;}
.l-con-right{background-color: #FFFCDB}
.l-con-right ul li{border: 11px solid #E60012;}

.l-con-1 img{height: 50px;}
.l-con-2 img{height: 52px;}
.l-con-3 img{height: 48px;}
.l-con-4 img{height: 62px;}
.l-con-5 img{height: 54px;}
.l-con-6 img{height: 72px;}
.l-con-7 img{height: 54px;}

@media (max-width: 1000px) {
.l-beg-t p{font-size: 20px}
.l-content .l-con ul li{height: 120px;}
.l-content .l-con ul li p{font-size: 13px;}
.l-con-1 img{height: 40px;}
.l-con-2 img{height: 42px;}
.l-con-3 img{height: 38px;}
.l-con-4 img{height: 52px;}
.l-con-5 img{height: 44px;}
.l-con-6 img{height: 62px;}
.l-con-7 img{height: 44px;}
}

@media (max-width: 768px) {
.l-content .l-con{width: 100%;padding: 30px 15px;}
.l-con-left ul li{border: 8px solid #009944;}
.l-con-right ul li{border: 8px solid #E60012;}
.l-content .l-con ul li p{font-size: 15px;}
.l-beginning img{width: 400px;}
.l-beg-t p{font-size: 18px;line-height: 1.6em;}
}


@media (max-width: 480px) {
.l-beg-t p{font-size: 16px;}
.l-content .l-con ul li{padding: 3%;height: 90px;}
.l-content .l-con ul li p{font-size: 10px;}
.l-content .l-con .margin40{margin-bottom: 20px;}
.l-con-1 img{height: 30px;}
.l-con-2 img{height: 32px;}
.l-con-3 img{height: 28px;}
.l-con-4 img{height: 42px;}
.l-con-5 img{height: 32px;}
.l-con-6 img{height: 52px;}
.l-con-7 img{height: 34px;}
}

/*top-blog吐き出しエリア*/
#information img {
  display: block;
  margin-left: auto;
  margin-right: auto;
	max-width: 100%;
	height: auto;
}
#information h3 {
	margin-bottom: 15px;
}
#information h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.55em;
	margin-bottom: 7px;
}
#information p{
	font-size: 85%;
}
#information p.date {
	font-size: 95%;
	margin-bottom: -8px;
}

#information a{display: block;}

#information article{
margin-bottom: 1em;
padding-bottom: 0.5em;
border-bottom: 1px dashed #333333;
}


#information p.ichiran a {
font-size: 120%;
font-weight: bold;
letter-spacing: 0.05em;
}

#information p.ichiran a:before{
content: "▶︎";
padding-right: 0.3em;
color: #009944;
}

@media (max-width: 768px){
#information {padding: 0 15px}
}


.bnr-beside-left{width: 69.8%}
.bnr-beside-right{width: 29%}

@media (max-width: 920px){
.bnr-beside-left{width: 100%}
.bnr-beside-right{width: 38%}
}

@media (max-width: 768px){
.bnr-beside-right{width: 52%}
}



/*-------------------------------------------
company
--------------------------------------------*/
/*-------about us-------*/
#about h4{
font-size: 25px;
margin-bottom: 20px;
display: flex;
align-items: flex-start;
}

#about h4:before{
background-image: url(../common_images/green_dec.svg);
content: "";
background-size: contain;
height: 30px;
margin: 2px 8px 0 0;
padding-left: 30px;
background-repeat: no-repeat;
}


@media (max-width: 480px){
#about h4{font-size: 20px;margin-bottom: 0.5em}
#about h4:before{height: 22px;padding-left: 22px;margin-right: 5px;}
}


.about-content{
background-color: #C5D998;
padding: 30px 15px;
position: relative;
}


.greenTit{
background-image: url("../common_images/green_tit_back.png");
background-repeat: no-repeat;
margin: 0 auto;
max-width: 450px;
width: 100%;
height: 80px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background-size: contain;
}

#about h3{
font-size: 28px;
letter-spacing: 0.4em;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}


@media (max-width: 992px){
.greenTit{max-width: 350px;height: 62px;}
#about h3{top: 0.5%;}
}

@media (max-width: 520px){
.greenTit{max-width: 300px;height: 53px;}
#about h3{font-size: 22px;}
}


.about-content .d-flex{
background-color: #fff;
padding: 30px 15px;
max-width: 1000px;
margin: 0 auto;
}


.about-content .d-flex table th,
.about-content .d-flex table td{
border: 1px solid #DDDDDD;
padding: 0.8em;
}

.about-content .d-flex table th{
background-color: #E4E4E5;
}


.about-content .d-flex table dt{
text-indent: -1.2em;
padding-left: 1.2em;
font-weight: normal;
}

.about-content .d-flex table dt:before{
content: "■";
color: #009944;
padding-right: 0.2em;
}

.about-content .d-flex table dd{
text-indent: -1em;
padding-left: 3em;
margin-bottom: 0.2em;
}

.about-content .d-flex table dd:before{
content: "●";
color: #C5D998;
padding-right: 0.2em;
}

@media (max-width: 768px){
.about-content .d-flex{padding: 30px 0;}
}

@media (max-width: 480px){
.about-content{padding: 15px;}
.about-content .d-flex table,
.about-content .d-flex table dl dt,
.about-content .d-flex table dl dd{font-size: 11px;}
.about-content .d-flex table dl dd{text-indent: -1em;padding-left: 2em;}
}


.access-map p:before{
content: "■";
color: #009944;
padding-right: 0.2em;
}

.access-map .embed-responsive{height: 150px;}


/*-------プライバシーポリシー-------*/
#privacy dl{margin-bottom: 1.5em;}

#privacy dl dt{
color: #009944;
font-size: 18px;
text-indent: -1.2em;
padding-left: 1em;
}

#privacy dl dt:before{
content: "●";
color: #009944;
padding-right: 0.2em;
}


#privacy dl ul li{
text-indent: -1em;
padding-left: 1em;
}


/*-------sitemapー-------*/
#sitemap ul{margin-bottom: 1.5em;}

#sitemap ul li{margin-bottom: 0.5em;}
#sitemap ul li a:before{
content: "・";
padding-right: 0.2em;
font-size: 18px;
}




/*-------------------------------------------
採用情報
--------------------------------------------*/

/*-------求人-------*/
#recruit {line-height: 1.8; letter-spacing: 0.05em;}
#recruit .rinen_col h2 {
font-size: 190%;
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #595757;
padding: 0 0 15px;
width: 75%;
margin: 0 auto;
margin-bottom: 20px;
border-bottom: 5px solid #E60012;
}
#recruit .business_col h2{
font-size: 190%;
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #595757;
padding: 0 0 15px;
width: 75%;
margin: 0 auto;
margin-bottom: 20px;
border-bottom: 5px solid #FABE00;
}

#recruit .staff_col h2 {
font-size: 190%;
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #595757;
padding: 0 0 15px;
width: 75%;
margin: 0 auto;
margin-bottom: 20px;
border-bottom: 5px solid #036EB8;
}

#recruit .jinzai_col h2 {
font-size: 190%;
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #595757;
padding: 0 0 15px;
width: 75%;
margin: 0 auto;
margin-bottom: 20px;
border-bottom: 5px solid #009944;
}

.rinen_col {
 background-image: url(../employment/images/rinen_pat01.gif),url(../employment/images/rinen_pat01.gif); background-position: left,right;
background-repeat: repeat-y;
padding: 50px 0 70px;
margin: -15px 0;
}

.business_col {
background-image: url(../employment/images/business_pat01.gif),url(../employment/images/business_pat01.gif);
background-position: left,right;
background-repeat: repeat-y;
padding: 50px 0 70px;
margin: 0;
}

.staff_col {
background-image: url(../employment/images/staff_pat01.gif),url(../employment/images/staff_pat01.gif); background-position: left,right;
background-repeat: repeat-y;
padding: 50px 0 70px;
margin: 0;
}

.jinzai_col {
background-image: url(../employment/images/jinzai_pat01.gif),url(../employment/images/jinzai_pat01.gif); background-position: left,right;
background-repeat: repeat-y;
padding: 50px 0 70px;
margin: 0;
}

.rinen_col p,.business_col p,.staff_col p,.jinzai_col p{
line-height: 1.8;
letter-spacing: 0.1em;
}


/*-------求める人材-------*/
#recruit h3 {
font-size: 160%;
font-weight: bold;
line-height: 1.5;
letter-specing: 0.02em;
color: #009944;
margin-top: 0;
}

.jinzai_tit {
 font-size: 170%;
 font-weight: bold;
 line-height: 1.4;
 color: #009944;
 text-align: center;
 padding-bottom: 25px;
 margin-bottom: 25px;
 background-image: url(../employment/images/jinzai_pat02.gif) ;
 background-position: bottom;
 background-repeat: repeat-x;
}

#recruit .col_3 .col {
 float: left;
 width: 30%;
 margin-right: 5%;
}

#recruit .col_3 .col:last-child {margin-right: 0;}


/*-------社員紹介-------*/
#recruit .staff_tit {
font-size: 170%;
font-weight: bold;
line-height: 1.4;
color: #036EB5;
text-align: center;
padding-bottom: 25px;
margin-bottom: 25px;
background-image: url(../employment/images/staff_pat02.gif) ;
background-position: bottom;
background-repeat: repeat-x;
}

#recruit .staff_tit02{
background-image: url(../employment/images/staff_pat03.gif);
background-repeat: no-repeat;
background-position: 200px 15px;
}

.syainsyoukai {
font-weight: bold;
font-size: 130%;
vertical-align: middle;
}

a:hover img.rollover {
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
}

#recruit h4 {
font-size: 160%;
font-weight: bold;
line-height: 1.5;
letter-specing: 0.02em;
margin-top: 0;
}

.staff-col{
border: 2px solid #036EB4;
display: block;
padding: 14px;
border-radius: 10px;
box-sizing: border-box;
}

#recruit .col_3staff li a:hover{opacity: 1}

.staff01:hover,.staff04:hover {background-color: #B7DAAA; border: 2px solid #B7DAAA;}
.staff02:hover {background-color: #F6CBC6; border: 2px solid #F6CBC6;}
.staff03:hover {background-color: #BAD8E8; border: 2px solid #BAD8E8;}
.staff05:hover {background-color: #FAD292; border: 2px solid #FAD292;}


/*-------よくある質問-------*/
.qa_line {margin: 10px 0 15px;}
.qa_question {font-weight: bold; color: #009944;}
#recruit p a {color: #00A0E9; text-decoration: underline; cursor: pointer;}
.qa_midashi {
background-image: url(../employment/images/faq_tit_s.gif);
background-repeat: no-repeat;
text-align: center;
background-position: 50% 0;
color: #fff;
font-size: 100%;
font-weight: bold;
padding: 2px 0;
}


/*-------理念-------*/
.rinen_tit {
font-size: 170%;
font-weight: bold;
line-height: 1.4;
color: #E20012;
text-align: center;
padding-bottom: 25px;
margin-bottom: 25px;
background-image: url(../employment/images/rinen_pat02.gif) ;
background-position: bottom;
background-repeat: repeat-x;
}

#recruit ul.rinen_li li {
font-weight: bold;
line-height: 1.5;
font-size: 115%;
padding-left: 1em;
text-indent: -1em;
margin-bottom: 7px;
}

#recruit ul.rinen_li li:before {
content:  "";
width:  12px;
height:  12px;
display:  inline-block;
background-color: #F9B700;
border-radius:  50%;
position:  relative;
top: -1px;
margin-right: 8px;
}


/*-------事業案内-------*/
.img_65 {width: 65% !important; height: auto;}
#recruit .o-2column .col-sm-6 {padding: 0 30px;}
#recruit .business_tit {
font-size: 150%;
font-weight: bold;
background-image: url(../employment/images/business_pat02.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #FFF3C5;
padding: 20px 10px 5px 15px;
}

#recruit .business_tit02 {
font-size: 170%;
font-weight: bold;
line-height: 1.4;
color: #E58600;
text-align: center;
padding-bottom: 25px;
margin-bottom: 25px;
background-image: url(../employment/images/business_pat02.gif) ;
background-position: bottom;
background-repeat: repeat-x;
}
#recruit .business_tit02 .small_black {font-size: 75%;color: #333;}

@media (max-width: 767px) {
.jinzai_tit,.rinen_tit,.business_tit02,.staff_tit {font-size: 140% !important;}
.rinen_col h2,.business_col h2,.staff_col h2,.jinzai_col h2 {
 font-size: 140% !important;
 width: 98% !important;
 letter-spacing: 0 !important;
 }
.rinen_col,.business_col,.staff_col,.jinzai_col {
background-image: none !important;
margin: 0;
padding: 20px 0 50px !important;
}
#recruit h3 {font-size: 150%;letter-spacing: 0;}
.staff_introduction h4 {font-size: 130% !important;}
.staff_introduction p {margin-bottom: 25px;}

#recruit .o-2column .col-sm-6 {padding: 0 15px;}
}


/*-------中途採用--------*/
#recruit .midcareer_tit {
font-size: 150%;
font-weight: bold;
line-height: 1.4;
color: #036EB5;
text-align: center;
padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: #036EB5 solid 5px;
background-position: bottom;
background-repeat: repeat-x;
}

#recruit .link_btn {
padding: 15px;
width: 100%;
}

#recruit .link_btn a, .link_btn a:hover:before {
top: 0;
height: 100%;
display: block;
position: absolute;
right: 0;
width: 100%;
}


#midcareer a:after {
content: "\f531";
display: inline-block;
position: absolute;
top: 0.2em;
bottom: 0;
right: 0;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
color: #036EB5;
z-index: 2;
font-size: 2em !important;
line-height: 1.2;
-webkit-transform: rotate(0deg) scale(.65) translateX(-50%);
-moz-transform: rotate(0deg) scale(.65) translateX(-50%);
-ms-transform: rotate(0deg) scale(.65) translateX(-50%);
-o-transform: rotate(0deg) scale(.65) translateX(-50%);
transform: rotate(0deg) scale(.65) translateX(-50%);
vertical-align: middle;
}

#recruit .res_list dt em {
background: #ff2600;
vertical-align: middle;
font-size: 0.75em;
padding: 4px;
color: #fff;
margin-top:24%;
display:block;
line-height: 1.2;
align-self: flex-start;
max-height: 20px;
min-width: 30px;
text-align: center;
}

.res_list, .res_list dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
position: relative;
}

.res_list {
letter-spacing: 1.8px;
border-top:1.5px solid #036EB5;
border-bottom: 1.5px solid #036EB5;
border-right: 1.5px solid #036EB5;
border-left: 5px solid #036EB5;
}

#recruit h6 {
font-size: 110%;
font-weight: 900;
padding-left: 0.8em;
padding-right: 0.8em;
}


/*-------------------------------------------
安田式バナー
--------------------------------------------*/

/*-------安田式バナー--------*/
.yasudashiki-Bnr{
background-image: url(".././yasuda/training/images/yasudasikiBnr_back.png");
background-repeat: repeat;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
text-align: center;
padding: 1.2% 0;
}

.yasudashiki-Bnr a{display: block;}


.yasuda-bnr-area{margin-bottom: 5%}
.yasuda-bnr-area a{display: block}

/*-------研修会--------*/
.kenshukaiBnr a{
border-radius:20px;
border: 10px solid #009944;
padding: 20px;
widows: 100%;
}

.kenshukaiBnr img{height: 52px}

@media (max-width: 480px){
.kenshukaiBnr a{border: 8px solid #009944;padding: 15px;}
.kenshukaiBnr img{height: 42px}
}


/*-------遊具--------*/
.yuguBnr a{
border-radius:20px;
border: 10px solid #E60012;
padding: 20px;
widows: 100%;
}

.yuguBnr img{height: 52px}

@media (max-width: 480px){
.yuguBnr a{border: 8px solid #E60012;padding: 15px;}
.yuguBnr img{height: 42px}
}


/*-------人工芝--------*/
.jinkoshibaBnr a{
background-color: #009944;
border-radius: 15px;
padding: 10px;
widows: 100%;
}

.jinkoshibaBnr img{height: 84px;}

@media (max-width: 480px){
.jinkoshibaBnr img{height: 60px;}
}


/*-------安田式誕生STORY--------*/
.storyBnr a{
color: #fff;
background-image: url("../common_images/story_back.png");
background-repeat: repeat;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 25px;
border: 6px solid #009944;
font-size: 26px;
font-weight: bold;
letter-spacing: 0.08em;
}

.storyBnr a:after{
content: "";
background-image: url("../common_images/arrow_white.svg");
background-repeat: no-repeat;
display: inline-table;
height: 35px;
margin-right: 10px;
padding-left: 35px;

}

@media (max-width: 480px){
.storyBnr a{padding: 15px;font-size: 18px;}
.storyBnr a:after{height: 25px;padding-left: 25px;}
}


/*-------安田先生について-------*/
.teacherBnr a{
color: #fff;
background-image: url("../common_images/teacher_back.png");
background-repeat: repeat;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 25px;
border-top: 6px solid #fabe00;
border-bottom: 6px solid #fabe00;
font-size: 26px;
font-weight: bold;
}

.teacherBnr a:after{
content: "";
background-image: url("../common_images/arrow_white.svg");
background-repeat: no-repeat;
display: inline-table;
height: 35px;
margin-left: 10px;
padding-left: 35px;

}

@media (max-width: 480px){
.teacherBnr a{padding: 15px;font-size: 18px;}
.teacherBnr a:after{height: 25px;padding-left: 25px;}
}


/*-------研修会予定一覧はこちら-------*/
.yasuda-bnr5 a{
color: #fff;
background-image: url("../common_images/bnr_backB.png");
background-repeat: repeat;
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 25px;
font-size: 26px;
font-weight: bold;
letter-spacing: 0.08em;
}

.yasuda-bnr5 a:after{
content: "";
background-image: url(../common_images/arrow_white.svg);
background-repeat: no-repeat;
display: inline-table;
height: 35px;
margin-right: 10px;
padding-left: 35px;
}

@media (max-width: 480px){
.yasuda-bnr5 a{padding: 15px;font-size: 18px;}
.yasuda-bnr5 a:after{height: 25px;padding-left: 25px;}
}

@media (max-width: 768px){
.yasuda-bnr5 a span{width: 88%; margin: 0 auto;font-size: 18px;}
.yasuda-bnr5 a span img{width: 18px; height: 18px;}
.kenshu-about a{font-size: 100%;}
}

/*-------バナー4 安田式遊具--------*/
.yasuda-bnr4 a .glow {
margin-left: -13%;
}

.yasuda-bnr4:hover{opacity: 0.7}
.yasuda-bnr4 {
font-size: x-large;
font-weight: normal;
background-image: url(../yasuda/common_images/yasudashiki_bnrimg05.jpg);
background-repeat: no-repeat;
border-radius: 10px;
text-align: center;
line-height: normal;
-webkit-box-shadow: 2px 2px 1px 1px #A2A2A2;
box-shadow: 2px 2px 1px 1px #A2A2A2;
}

.yasuda-brn4-title {margin-left: -13%;}

@media (max-width: 992px) {
.yasuda-bnr4 a .glow {
margin-left: 0;
}

.yasuda-brn4-title {
	margin-right: auto;
	margin-left: auto;
}
}

/*-------------------------------------------
がんばりまめの杜
--------------------------------------------*/
/*
.facility{
background-color: #DFFFA0;
}
*/

.facility　h2 img{width: 320px!important;}

@media (max-width: 620px){
.facility　h2 img{width: 250px!important;;}
}


.facility main{
margin-bottom: 0;
}

.facility-content{
background-color: #fff;
max-width: 1200px;
margin: 0 auto;
padding: 30px 0;
}

@media (max-width: 1200px){
.facility-content{margin: 0 15px;}
}

.facility .w-48 dl dt,
.facility .w-48 dl dd{
margin-bottom: 0.2em;
}

.facility .w-48 dl dt:before{
content: "●";
color: #008044;
padding-right: 0.2em;
}

.facility .w-48 dl dd{
text-indent: -1em;
padding-left: 1em;
}

.facility .w-48 dl dd.riyo:before{
content: "●";
font-size: 80%;
color: #838484;
padding-right: 0.2em;
}

.green-p{color: #65B66F;}

.col-sm-6 p.floor_map_announce{margin-top: 60px;font-size: 18px;}

@media (max-width: 767px) {
.col-sm-6 p.floor_map_announce{margin-top: 20px;}
}

@media (max-width: 480px) {
.col-sm-6 p.floor_map_announce{margin-top: 20px;font-size: 16px}
}

.shisetu_tit {
color: #009044;
font-size: 170%;
font-weight: bold;
margin-bottom: 20px;
}

.shisetu_tit:before{
content: "";
background-image: url("../facility/images/blue_dec.gif");
background-repeat: no-repeat;
background-size: auto;
padding-left: 1em;
padding-right: 0.5em;
}

@media (max-width: 480px) {
.shisetu_tit{font-size: 150%;margin-bottom: 5px;}
.shisetu_tit:before{background-size: contain}
}

.shisetu_tit02 {
color: #009944;
font-size: 170%;
font-weight: bold;
border-left: 8px solid #009944;
padding-left: 15px;
margin-bottom: 10px;
}

#clicableTextArea ul li{
background-color: #fff;
padding: 5px;
border-radius: 5px;
border: 2px solid #808080;
margin-top: 20px;
margin-right: 10px;
list-style: none;
display: inline-block;
}

#clicableTextArea ul {margin-bottom: 20px;}

#clicableTextArea dl{
background-color: #fff;
padding: 15px 0 0;
border-radius: 10px;
}

#clicableTextArea dt {
border-bottom: 1px solid #009944;
color: #009944;
margin-bottom: 5px;
}

#clicableTextArea dd{margin-bottom: 5px;}

.floor-access-case dl dt{
display: flex;
align-items: center;
margin-bottom: 0.8em;
}

.floor-access-case dl dt p{
border-bottom: 5px dotted #808080;
width: 100%;
margin-left: 0.5em;
padding-bottom: 0.2em;
}

.floor-access-case dl span{
display: contents;
}

.floor-access-case dl span img{
width: 55px;
}

.floormap-top{
margin: 0 auto 40px;
border-top: solid 4px #009844;
position: relative;
}

.floormap-bottom{
margin: 50px auto 0;
border-bottom: solid 4px #009844;
position: relative;
}

.floormap-top:before{
content: "";
border-top: solid 2px #009844;
position: absolute;
top:5px;
left: 0;
width: 100%;
 height: calc(100% - 10px);
}

.floormap-bottom:after{
content: "";
border-bottom: solid 2px #009844;
position: absolute;
bottom:5px;
left: 0;
width: 100%;
 height: calc(100% - 10px);
}


.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/*-------------------------------------------
安田式
--------------------------------------------*/
.yasudapoint ul li{
font-size: 32px;
font-weight: bold;
color: #666666;
display: flex;
align-items: center;
margin-bottom: 10px;
}

.yasudapoint ul li:before{
content: "";
background-repeat: no-repeat;
background-size: contain;
height: 48px;
margin-right: 10px;
padding-left: 48px;
background-image: url("../yasudashiki/point02.svg")
}

.yasudapoint ul li:first-of-type:before{
background-image: url("../yasudashiki/point01.svg")
}

.yasudapoint ul li:last-of-type:before{
background-image: url("../yasudashiki/point03.svg")
}

#yasuda .text-center p{line-height: 1.7em;}

#yasuda h3{
color: #666666;
letter-spacing: -0.02em;
font-size: 36px;
height: 120px;
padding-left: 210px;
border-top: 8px solid #009944;
border-bottom: 8px solid #009944;
position: relative;
display: flex;
align-items: center;
}

#yasuda h3 span{
position: absolute;
top: 50%;
left: 10%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

#yasuda h3 span img{width: 150px;}


#yasuda h3.yasudapoint2:before{
content: "";
background-image: url("../yasudashiki/point02_tit.svg");
background-repeat: no-repeat;
background-size: contain;
height: 85px;
padding-left: 260px;
}


@media (max-width: 1000px) {
.yasudapoint ul li{font-size: 20px;}
#yasuda h3{font-size: 24px;padding-left:160px;height: 100px;}
#yasuda h3 span img{width: 120px;}
#yasuda h3.yasudapoint2:before{height:70px;padding-left: 200px; }
}


@media (max-width: 768px) {
.yasudapoint ul li{font-size: 20px;}
#yasuda h3{font-size: 18px;padding-left:100px;border-top: 5px solid #009944;
border-bottom: 5px solid #009944;height: 72px;}
#yasuda h3 span{left: 8%;}
#yasuda h3 span img{width: 80px;}
#yasuda h3.yasudapoint2:before{height:55px;padding-left: 180px; }
}

@media (max-width: 480px) {
.yasudapoint ul li{font-size: 15px;margin-bottom: 5px;}
.yasudapoint ul li:before{height: 24px;padding-left: 24px; }
#yasuda h4{font-size: 20px;}
#yasuda h3{font-size: 16px;padding-left: 70px; height: 62px;}
#yasuda h3 span img{width: 70px;}
#yasuda h3.yasudapoint2:before{height:40px;padding-left: 120px; }
#yasuda p{text-align: justify}
#yasuda .text-center p{line-height: 1.4;}
#yasuda br{display: none}
#yasuda br.sp,#yasuda br.pc{display: inherit}
}

#yasuda .back-beige{border-radius: 0;}


.circuit{
background-image: url("../yasudashiki/yellow_back.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 90px;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

@media (max-width: 992px){
.circuit{font-size: 18px;}
}

@media (max-width: 576px){
.circuit{background-image: url("../yasudashiki/yellow_backSp.png");}
.circuit{font-size: 12.5px;padding: 0 20px;}
}


/*-------------------------------------------
安田式遊具
--------------------------------------------*/

/*-------index.html------*/
#yasudayugu h2{line-height: 2.0em;color: #4C4948;font-size: 25px;}
#yasudayugu h2 img{width: 550px;}

.yugu-top{
padding:10% 3%;
background-image: url("../yasuda/yugu/yugu_back.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}

@media (max-width: 992px) {
.yugu-top{
background-image: none;
border-top: 6px solid #009944;
border-bottom: 6px solid #009944;
}
}

#yasudayugu h3 img{width: 768px}

@media (max-width: 480px) {
#yasudayugu h2{font-size: 20px;}
}

.yugu-threePont{padding: 30px;}


.yugu-point-1{border: 5px solid #E50012;}
.yugu-point-2{border: 5px solid #F9BE00;}
.yugu-point-3{border: 5px solid #036EB7;}

.yugu-point h4{display: flex;align-items: center;font-size: 28px;margin-bottom: 15px;}
.yugu-point h4:before{
content: "";
background-repeat: no-repeat;
display: inline-table;
height: 58px;
margin-right: 10px;
padding-left: 58px;
}

.yugu-point-1 h4:before{background-image: url("../yasuda/yugu/point1.svg")}
.yugu-point-2 h4:before{background-image: url("../yasuda/yugu/point2.svg")}
.yugu-point-3 h4:before{background-image: url("../yasuda/yugu/point3.svg")}


@media (max-width: 992px) {
.yugu-threePont{padding: 20px;}
.yugu-point h4{font-size: 22px;}
.yugu-point h4:before{height: 48px;padding-left: 48px;}
.yugu-point-1 .col-md-6:first-of-type{padding: 20px 20px 0;}
.yugu-point-1 .col-md-6:last-of-type{padding:0 20px 20px;}
}

@media (max-width: 480px) {
#yasudayugu br{display: none}
.yugu-point h4{font-size: 18px;margin-bottom: 5px;}
.yugu-point h4:before{height: 30px;padding-left: 30px;margin-right: 5px;}
}

#yasudayugu h5{
padding-left: 0.5em;
margin-bottom: 0.8em;
border-left: 12px solid #009944;
font-size: 24px;
color: #009944;
}

@media (max-width: 992px) {
#yasudayugu h5{
font-size: 18px;
padding-left: 0.5em;
}
}


#yasudayugu .yugu_col .allow-green a{
font-size: 22px;
padding: 1.2% 0;
border: 3px solid #009952;
}

#yasudayugu .yugu_col .allow-green a img{
width: 25%;
margin-right: 10px;
}

@media (max-width: 768px){
#yasudayugu .yugu_col .allow-green a{font-size: 18px;padding: 15px 0!important;}
#yasudayugu .yugu_col .allow-green a img{width: 38%;margin-right: 5px;}
 }


@media (max-width: 480px){
#yasudayugu .yugu_col .allow-green a{font-size: 16px;}
#yasudayugu .yugu_col .allow-green a img{width: 46%;}
 }


/*-------------------------------------------
サイドバー
--------------------------------------------*/
.sidebar ul li{
font-size: 20px;
font-weight: bold;
margin-bottom: 3%;
}

.sidebar ul li.small{font-size: 17px;letter-spacing: -0.08em;}

.sidebar .red li a,
.sidebar .blue li a,
.sidebar .yellow li a,
.sidebar .green li a,
.sidebar .orange li.orange_li a{
display: flex;
justify-content: space-between;
align-items: center;
padding:3.5% 4%;
border-radius: 8px;
}



.sidebar img{width: 100%;}
.sidebar .red li a{color:#E20920;border: 2px solid #E20920;}
.sidebar .blue li a{color:#036EB8;border: 2px solid #036EB8;}
.sidebar .yellow li a{color:#F8BD04;border: 2px solid #F8BD04;}
.sidebar .green li a{color:#009944;border: 2px solid #009944;}
.sidebar .orange li.orange_li a{color:#ff8100;border: 2px solid #ff8100;}

.sidebar .orange li a img:hover{
opacity: 0.7;
}

@media (max-width: 1200px) {
.sidebar .orange li.orange_li{
letter-spacing: -0.03em;
font-size: 20px;
}
}

@media (max-width: 768px) {
.sidebar .orange li.orange_li{font-size: 20px;}
}

@media (max-width: 992px) {
.sidebar .side-movie .iframe{height: 200px;}
}

.sidebar ul li span img{width: 48px;height: 38px;}

.sidebar .side-bnr li{margin-bottom: 20px;}
@media (max-width: 920px) {
.sidebar .side-bnr{display: none}
}

/*-------------------------------------------
遊具バナー
--------------------------------------------*/

/*-------リースについて-------*/
.leaseBnr a{
color: #fff;
background-image: url("../common_images/story_back.png");
background-repeat: repeat;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 25px;
border-top: 6px solid #fabe00;
border-bottom: 6px solid #fabe00;
font-size: 26px;
font-weight: bold;
}

.leaseBnr span{
display: flex;
align-items: center;
flex-wrap: wrap;
}

.leaseBnr small{font-size: 18px;margin-left: 15px;}

.leaseBnr a:after{
content: "";
background-image: url("../common_images/arrow_white.svg");
background-repeat: no-repeat;
display: inline-table;
height: 35px;
padding-left: 35px;
}

@media (max-width: 630px){
.leaseBnr small{font-size: 17px;margin-left: 0;}
}

@media (max-width: 480px){
.leaseBnr a{padding: 15px;font-size: 18px;}
.leaseBnr a:after{height: 25px;padding-left: 25px;}
}

/*-------リースについてはこちら　茶色------*/
.lease-btn{
font-size: 14px;
margin-top: 5%;
float: right;
}

.lease-btn a{
color: #fff;
padding: 0.5em 0.8em;
border-radius: 5px;
background-color: #7B5935;
border: 2px solid #7B5935;
display: flex;
align-items: center;
justify-content: center;
}

.lease-btn a:after{
content: "";
background-image: url("../common_images/arrow_white.svg");
background-repeat: no-repeat;
background-size: contain;
height: 18px;
padding-left: 18px;
margin-left: 0.8em;
}

@media (max-width: 480px){
.lease-btn{margin: 5% 0 10%}
}


/*-------------------------------------------
リースのご案内
--------------------------------------------*/
.lease-table{width: 100%;}

.lease-table table{
text-align: center;
width: 100%;
}

.lease-table table th,
.lease-table table td{
padding: 1em 0;
border-bottom: 1px solid #9FA0A0;
border-right: 1px solid #9FA0A0;
line-height: 1.1em;
}

.lease-table table th:last-child,
.lease-table table td:last-child{
border-right: 0;
}

.lease-table table .yellow-back{
background-color: #FFF6BA;
font-weight: bold;
}

.lease-table table th{
width: 30%;
letter-spacing: -0.03em;
}

.lease-table table td{width: 14%; }

@media (max-width: 768px){
.lease-table table th,
.lease-table table td{
font-size: 11px;
padding: 0.8em 0;
}

.lease-table table ul li{font-size: 11px}
}

@media (max-width: 480px){
.lease-table table th,
.lease-table table td{
font-size: 10px;
}

.lease-table table ul li{font-size: 10px}
.lease-table table th{width: 40%;padding:10px 0;}
.lease-table table td{width: 15%; }
}


/*-------------------------------------------
ラインナップ
--------------------------------------------*/
.line-up-tit h3{
border-bottom: 2px solid #009944;
padding-bottom: 0.2em;
margin-bottom: 0.2em;
}

.line-up-tit h3:before{
content: "";
background-image: url("../yasuda/common_images/yasudashiki.svg");
background-repeat: no-repeat;
padding-left: 6em;
background-size: contain;
}

.line-up-tit p{font-size: 20px;}

.line-up-col{
border-right: 1px solid #9C9C9D;
border-bottom: 1px solid #9C9C9D;
border-left: 1px solid #9C9C9D;
height: 320px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2em;
}

.line-up-col a{display: block;}
.line-up-col .line-up-img{margin-bottom: 5px;}
.line-up-col p{
font-size: 18px;
font-weight: 700;
color: #595757;
}


@media (max-width: 1000px){
.line-up-col{height: 400px; }
}

@media (max-width: 576px){
.line-up-col{height: auto; padding: 0 0 30px;}
}

@media (max-width: 480px){
.line-up-col a{
display: flex;
justify-content: space-between;
align-items: center;
 }

.line-up-tit p{font-size: 13px;}
.line-up-col{height: 150px; padding: 0;}
.line-up-col .line-up-img,
.line-up-col .line-up-text{width:49%;}
.line-up-col p{font-size: 15px}
.line-up-col br{display: inherit!important}
}


.toddlerBnr{
background-color: rgb(230,0,18,0.2);
width: 60%;
padding:5px 10px;
border-radius: 5px;
margin: 10px auto 0;
}

.childBnr{
background-color: rgb(3,110,184,0.2);
width: 60%;
padding:5px 10px;
border-radius: 5px;
margin: 0 auto 10px;
}

.otherBnr{
background-color: rgb(250,190,0,0.2);
width: 60%;
padding:5px 10px;
border-radius: 5px;
margin: 0 auto;
}

@media (max-width: 480px){
.toddlerBnr,.childBnr,.otherBnr{
font-size: 13px;
width: 80%;
}
}

.line-up-col-red{border-top: 6px solid #E60012;}
.line-up-col-blue{border-top: 6px solid #036EB8;}
.line-up-col-green{border-top: 6px solid #009944;}
.line-up-col-yellow{border-top: 6px solid #FABE00;}

/*contact*/
.contactBtn{
position: fixed;
bottom: 20px;
right: 100px;
}

.contactBtn .d-md-block{width: 82px;}

@media (max-width: 768px){
.contactBtn .d-block{width: 45px;}
.contactBtn{
right: 0;
bottom: 160px;
}
}

.contactBtn a{display: block}


/*-------------------------------------------
安田式遊具のmain(col-9)
--------------------------------------------*/
.col_9 h3,.col_9 h4,.col_9 h5{
font-family:  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
font-weight: bold;
letter-spacing: 0.1rem;
}

.col_9 {padding: 0 30px;margin-bottom: 15%;}

.yugu-main{margin-bottom: 12%;}

@media (max-width: 768px){
.col_9 {padding: 0 15px;}
}

@media (max-width: 620px){
.col_9 {margin-bottom: 5%;}
.yugu-main{margin-bottom: 6%;}
}

.yugu-con-left{
padding: 5% 0;
margin-bottom: 3%;
}

.yugu-con-left p{line-height: 1.7em;margin-bottom: 0!important}
.yugu_col{margin-bottom: 5%;}
.yugu_col .col-6Img{margin-bottom: 15px;}

.yugu-con-back{
background: rgb(248,189,4,0.1);
padding: 20px;
border-radius: 10px;
width: 100%;
}

.yugu-con-back p{margin: 0;}
.col-12 .yugu-con-back dl:last-child{margin-top: 1.5em;}
.col-12 .yugu-con-back .w-48 dl{margin: 0;}

.yugu-con-back dl dt{
font-size: 16px;
color: #fff;
background: #E20920;
border-radius: 8px;
padding: 0.3em 0.5em;
width: 22%;
margin: 0 0 10px;
text-align: center;
}

.yugu-con-back dl dd{
margin-bottom: 0.2em;
letter-spacing: -0.02em;
}

.yugu-con-back p.text-indent{padding-left: 1.5em;}

.col-md-6 .yugu-con-back dl dt,
.yugu-con-back .w-48 dl dt{width: 50%;}

.yugu-con-back dt{
font-size: 16px;
margin: 0 0 5px;
}

.yugu-con-back .yellow{
background: #F8BD04;
color: #333;
}

.yugu-con-back  .blue{background: #036EB8;}
.col-md-6 .yugu-con-back dl{margin-bottom: 1em;}
.col-md-6 .yugu-con-back dl:last-child{margin: 0;}

@media (max-width: 1100px) {
.yugu-con-back dl dt{width: 45%;}
}


@media (max-width: 480px) {
/*.yugu-con-back dd,.yugu-con-back p{font-size:13px;}*/
.yugu-con-back dl dt{width: 48%;}
.yugu-con-back dl dd{margin-bottom: 0.5em}
}

.yugu_col .col-md-6,
.yugu_col .col-12{
margin-bottom: 2em;
}

.yugu-line p{
padding: 2.5em 0;
line-height: 2.5em;
font-size: 16px;
margin: 0;
}

@media (max-width: 480px){
.yugu-line p{font-size: 15px;line-height: 1.8em;padding: 2em 0;}
}

/*h4*/
.col_9 h4{
font-size: 31px;
line-height: 1.3em;
margin: 0 0 7%;
}

.col_9 h4.yugu-sub-tit{
font-size: 31px;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}

.col_9 .yugu-sub-area {
position: relative;
padding: 0.5em 0.2em;
margin: 0 0 7%;
top:0;
}

.col_9 .yugu-sub-area:before,
.col_9 .yugu-sub-area:after{
position: absolute;
top: 0;
content:'';
width: 15px;
height: 100%;
display: inline-block;
box-sizing: border-box;
}

.col_9 .yugu-sub-area:before{
border-left: 5px solid #009747;
border-top: 5px solid #009747;
border-bottom: 5px solid #009747;
left: 0;
}

.col_9 .yugu-sub-area:after{
border-right: 5px solid #009747;
border-top: 5px solid #009747;
border-bottom: 5px solid #009747;
right: 0;
}

/*h5*/
.col_9 h5.yugu-tit{
text-indent: -1.5em;
padding-left: 1.5em;
font-size: 21px;
margin-bottom: 0.4em;
}

.col_9 .col-md-6 h5.yugu-tit{margin: 0 0 0.4em;}
.col_9 .col-md-6 p{margin-bottom: 1em}

.col_9 h5.yugu-tit:before{
background-size: contain;
padding-right: 1.5em;
background-repeat: no-repeat;
content: "";
}

.col_9 h5.red:before{
background-image: url("../common_images/yellow_dec.svg");
}

.col_9 h5.yellow:before{
background-image: url("../common_images/red_dec.svg");
}

.col_9 h5.blue:before{
background-image: url("../common_images/green_dec.svg");
}

.col_9 h5.green:before{
background-image: url("../common_images/blue_dec.svg");
}

.col_9 h5.yugu-sub-tit{
font-size: 19px;
margin-bottom: 1rem;
}

@media (max-width: 768px) {
.col_9 h4{font-size: 23px;}
.col_9 .yugu-sub-area{padding: 0}
.col_9 h4.yugu-sub-tit {font-size: 24px;}
}

@media (max-width: 480px) {
.col_9 h4{font-size: 17px;height: 60px;letter-spacing:-0.02em;line-height: 1.5em;}
.col_9 h5.yugu-tit{font-size: 16px;}
.col_9 h5.yugu-tit br{display: none;}
.col_9 h5.yugu-sub-tit{font-size: 16px}
}

/*枠*/
.yugu_col .col-md-6{display: grid;}
.yugu_col .col-md-6 img{margin: 0 auto;}

.col_9 .border-gray{
border-top: 1px solid #9C9C9D;
border-bottom: 1px solid #9C9C9D;
border-right: 1px solid #9C9C9D;
padding:20px 25px;
height: 150px;
}

@media (max-width: 1200px){
.col_9 .border-gray{height: 180px;}
}

@media (max-width: 580px){
.col_9 .border-gray{height: 150px;}
}


.col_9 .border-gray p{font-size: 14px;}

.col_9 .border-red{
border-top: 2px solid #E60012;
border-bottom: 2px solid #E60012;
}

.col_9 .border-left-red{
border-left: 6px solid #E60012;
}

.col_9 .border-blue{
border-top: 2px solid #036EB8;
border-bottom: 2px solid #036EB8;
}

.col_9 .border-left-blue{
border-left: 6px solid #036EB8;
}

.col_9 .border-green{
border-top: 2px solid #009944;
border-bottom: 2px solid #009944;
}

.col_9 .border-left-green{
border-left: 6px solid #009944;
}

.col_9 .border-yellow{
border-top: 2px solid #FABE00;
border-bottom: 2px solid #FABE00;
}

.col_9 .border-left-yellow{
border-left: 6px solid #FABE00;
}

/*関連商品*/
.yasuda-relation{
font-size: 20px;
font-weight: bold;
color: #7B5935;
border-bottom: 2px solid #7B5935;
border-top: 2px solid #7B5935;
padding: 0.4em 0 0.4em 1em;
}


/*------youtube埋め込み動画------------*/
#movie {
  width: 100%;
  aspect-ratio: 16 / 9;
}
#movie iframe {
  width: 100%;
  height: 100%;
}




/*------微調整------*/
/*鉄棒 赤円*/
.col-md-6 .nakatyubo{
font-weight: bold;
color: #fff;
background-color: #F20920;
width: 80px;
height: 80px;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 80px;
font-size: 17px;
letter-spacing: 0.08em;
}


/*マットdl*/
.yugu-main .mat-text-indent{
padding-left: 3em;
text-indent: -3em;
}


/*鉄棒dl*/
@media (max-width: 480px){
.text-indent-sp{
padding-left: 3em;
text-indent: -3em;
}
}



/*-------------------------------------------
わくわく人工芝
--------------------------------------------*/
.shiba-logo{
width: 350px;
margin: 0 auto;
}

@media (max-width: 480px){
.shiba-logo{width: 250px}
}

.shiba-left .shiba-area{
border: 5px solid #8fba31;
text-align: center;
padding: 6% 4.2%;
}

.shiba-left .shiba-tlt{
background-color: #8fba31;
border-radius: 15px 15px 0 0;
padding: 12px;
text-align: center;
font-size: 25px;
letter-spacing: 0.05em;
font-weight: bold;
color: #fff;
}

.shiba-left .green{
color: #8fba31;
font-weight: bold;
}

.shiba-right .shiba-area{
border: 5px solid #009444;
text-align: center;
padding: 6% 4.2%;
}

.shiba-right .shiba-tlt{
background-color: #009444;
border-radius: 15px 15px 0 0;
padding: 12px;
text-align: center;
font-size: 25px;
letter-spacing: 0.05em;
font-weight: bold;
color: #fff;
}

.shiba-right .green{
color: #009444;
font-weight: bold;
}

p.shiba-page-btn{
width: 170px;
margin: 0 auto;
font-weight: bold;
text-align: left;
}

p.shiba-page-btn a{
background-color: #f5b900;
border: 2px solid #f5b900;
border-radius: 10px;
padding: 8px 20px;
position: relative;
display: block;
}

p.shiba-page-btn a:after{
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -5px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}


/*-------人工芝各ページ------*/
.sub-shiba{
border-bottom: 3px dashed #009747;
padding-bottom: 0.2em;
font-size:18px;
margin-bottom: 0.4em;
color: #009747;
letter-spacing: -0.02em!important;
}

.shiba-voice{
background-color: #f3ac1e;
color: #fff;
padding: 5px 10px;
font-size: 17px;
font-weight: bold;
width: 90%;
position: relative;
}

.shiba-voice:after{
content: "";
height: 0;
display: block;
position: absolute;
border-top: solid 35px #fff;
border-left: solid 25px transparent;
top: 0;
right: 0;
z-index: 2;
}

@media (max-width: 1200px){
.shiba-voice{width: 95%}
}

@media (max-width: 768px){
.shiba-voice:after{display: none;}
.shiba-voice{width: 100%;font-size: 15px;text-align: center}
}

.shibaImg .shiba-1{
width: 49.8%;
padding-bottom: 3px;
}

.shibaImg .shiba-2{
width: 33.1%
}

.shiba-text{
background-color: #009747;
border-radius: 10px;
color: #fff;
text-align: center;
}

.shiba-lease{width: 69%;margin-bottom: 15px;text-align: center;}

.shiba-priceT{
background-color: #7B5935;
color: #fff;
padding: 6px;
text-align: center;
margin-bottom: 15px!important;
border-radius: 5px;
}



.shiba-lease ul li{
border-bottom:1px dashed #9FA0A0;
padding: 0.35em;
}

@media (max-width: 768px){
.shiba-lease{width: 100%;}
}

@media (max-width: 576px){
.shiba-opt .col-sm-5,
.shiba-opt .col-sm-7{padding: 0!important;}
}


.shiba-opt .small_80{
font-size: 13px;line-height: 1.5em;
}



/*-------樹上------*/
.jujoh-area{
background-color: #e2edc4;
padding: 20px 0;
}

/*-------原野------*/
.genya-area{
background-color: #ffeec0;
padding: 20px 0;
}


/*-------------------------------------------
安田式遊び研修会
--------------------------------------------*/
.training-beige{
background-color: #f9f0d9;
width: 70%;
margin: 0 auto;
padding: 3% 2%;
line-height: 1.8em;
}

.training-beige a{
color: #69380e;
border-bottom: 1px solid #69380e;
padding-bottom: 0.2em;
}

.training-beige{position: relative;}

.training-beige:before{
position: absolute;
left: -2%;
top: -6%;
content: url(.././yasuda/training/images/moshikomi_dec.png);
}

.training-beige:after{
position: absolute;
right: -2%;
bottom:-6%;
content: url(.././yasuda/training/images/moshikomi_dec.png);
}

@media (max-width: 1000px){
.training-beige{width: 80%;}
}

@media (max-width: 768px){
.training-beige{width: 100%;padding: 5% 4%}
}

@media (max-width: 480px){
.training-beige{padding: 6% 5%}
.training-beige p.bold_120{font-size: 110%}
}

.training-lineUp{
width: 32%;
margin-bottom: 20px;    
}

.training-lineUp a{
font-size: 110%;
font-weight: bold;
background-color: #fff;
border: 2px solid #036EB8;
display: flex;
align-items: center;
width: 100%;
}

.training-lineUp a:before{
content: "▼";
color: #fff;
background-color:#036EB8;
padding: 0.6em 0.5em;
text-align: center;
margin-right: 1em;
}

.training-lineUp span{
width: 20%;
height: 100%;
padding: 0.5em;
margin-right: 10px;
margin-left: 2em;
text-align: center;
background-color: #036EB8;
color: #fff;
border-radius: 20px;
font-size: 13px;
}

.training-lineUp a.yellow{border: 2px solid #f4b800;}
.training-lineUp a.yellow:before{background-color: #f4b800;}
.training-lineUp a.yellow span{background-color: #f4b800;}

.training-lineUp a.green{border: 2px solid #009944;}
.training-lineUp a.green:before{background-color: #009944;}
.training-lineUp a.green span{background-color: #009944;}


/*
.training-lineUp2{
width: 32%;
margin-bottom: 20px;    
}

.training-lineUp2 a{
font-size: 110%;
font-weight: bold;
background-color: #fff;
border: 2px solid #036EB8;
display: flex;
align-items: center;
width: 100%;
}

.training-lineUp2 a:before{
content: "▼";
color: #fff;
background-color:#036EB8;
padding: 0.6em 0.5em;
margin-right: 1em;
text-align: center;
}
*/


@media (max-width: 1000px){
.training-lineUp{width: 48%;}
}

@media (max-width: 768px){
.training-lineUp span{width: 26%;font-size: 11px;margin-right: 5px;margin-left: 0.8em;}
.training-lineUp a{font-size: 14px;}
}

@media (max-width: 480px){
.training-lineUp a{font-size: 80%;}
.training-lineUp span{display: none;}
.training-lineUp a:before{margin-right: 10px;}
}

#training h2 img{width:350px;}


.training .w-90{
width: 92%;
margin: 0 auto;
position: relative;
min-height: 280px;
}

.training .allow-area{
position: absolute;
bottom: 0;
}

.training-colm-midashi{
font-size: 160%;
font-weight: bold;
color: #595757;
border-bottom: 1px solid #231815;
text-align: center;
padding-bottom: 0.5em;
}

.training .w-90 dl{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
text-align: left;
margin-bottom: 0.2em;
}

.training .w-90 dt{width: 30%;}

.training .w-90 dt:before{
content:"●";
padding-right: 0.2em;
color: #9fa0a0;
}

.training .w-90 dt.nodec:before{content: "";}

.training .w-90 dd{width: 70%;}

@media (max-width: 1200px){
.training .allow-area{position: inherit;margin-top: 30px;}
}

@media (max-width: 1000px){
.training-colm-midashi{font-size: 120%;}
 }

@media (max-width: 768px){
.training .w-90{min-height:auto;position: inherit}
.training .allow-area{margin-top: 20px;}
}

/*-------共通------*/
/*お申し込みフォームのボタン*/
.training-contactBtn{
font-size: 86%;
font-weight: bold;
letter-spacing: 0.04em;
line-height: 1.5em;
position: fixed;
bottom: 5px;
right: 100px;
border: 2px solid #f7931e;
background-color: #f7931e;
border-radius: 50%;
width:100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
z-index: 100;
}

.training-contactBtn:hover{
border: 2px solid #f7931e;
background-color: #fff;
transition: 0.6s;
}

.training-contactBtn a{
display: block;
padding: 32% 15%;
color: #fff;
}

.training-contactBtn a:hover{
color: #f7931e;
transition: 0.6s;
}

@media (max-width: 768px){
.training-contactBtn{
font-size: 100%;
bottom: 160px;
letter-spacing: 0.1em;
right: 0;
border-radius: 0;
width: 45px;
height: 170px;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.training-contactBtn br{display: none;}
.training-contactBtn a{padding: 1% 2%}
}

/*参加方法*/
.training-wayTo .d-flex{
background-color: #eef5fc;
border-radius: 10px;;
padding: 1.8em 2em;
margin-bottom: 20px;
align-items: center;
}

.training-wayTo p{
font-size: 18px;
margin:0 0 0.2em 0;
}

.training-wayTo ul{margin: 0;}

.training-wayTo ul li{
text-indent: -1em;
padding-left:1em;
}

.training-wayTo .d-flex span a{
color: #036eb2;
border-bottom: 1px solid #036eb2;
padding-bottom: 0.2em;
}

.training-wayTo .grey-triangle{
margin: 2% auto;
width: 25px;
border-top: 25px solid #d1d1d2;
border-right: 25px solid transparent;
border-left: 25px solid transparent;
}

.training-wayTo .d-flex .wayIcon{width: 16%;}
.training-wayTo .d-flex .wayIcon img{width: 100%;}
.training-wayTo .d-flex .wayText{width: 82%;}

@media (max-width: 768px){
.training-wayTo .d-flex.wayIcon{margin-bottom: 0.8em;}
.training-wayTo ul li{text-align: left;}
}

@media (max-width: 480px){
.training-wayTo .d-flex{padding: 1em 1.5em}
.training-wayTo p{font-size: 15px;}
.training-wayTo ul li{font-size: 80%;}
}


/*よくあるご質問*/
.training-query dl{margin: 0;}

.training-query dt{
font-size: 17px;
margin-bottom: 1em;
display: flex;
align-items: center;
color: #5B3E08;
}

.training-query dd{display: flex;}

.training-query dt:before,
.training-query dd:before{
content: "";
background-repeat: no-repeat;
display: inline-table;
height: 50px;
margin-right: 10px;
padding-left: 50px;
}

.training-query dt:before{
background-image: url(".././yasuda/training/images/Qicon.svg");
}

.training-query dd:before{
background-image: url(".././yasuda/training/images/Aicon.svg");
}

@media (max-width: 480px){
.training-query dt,
.training-query dd{font-size: 15px;}
.training-query dt:before,
.training-query dd:before{
width: 35px;
height: 35px;
padding-left: 35px;
}
}

.training-query .d-flex:nth-child(3n){
border-top: 1px solid #333333;
padding-top: 30px;
}

/*会員登録*/
.training-ganbarimame ul{
width: 50%;
margin: 0 auto;
text-align: left;
}

.training-ganbarimame ul li,
.training-ganbarimame ul p{
text-indent: -1em;
padding-left: 1em;
}

@media (max-width: 1200px){
.training-ganbarimame ul{width: 60%;}
}

@media (max-width: 1000px){
.training-ganbarimame ul{width: 80%;}
}

@media (max-width: 700px){
.training-ganbarimame ul{width: 100%;}
}


.training-ganbari-e{
background-color: #009944;
color: #ffffff;
margin: 0;
padding: 12px;
font-size: 18px;
font-weight: bold;
}

.training-ganbari{
border: 3px solid #009944;
padding: 1.2em;
}

.training-ganbari-e img{
margin-top: -0.5em;
margin-right: 0.1em;
width: 160px
}

@media (max-width: 480px){
.training-ganbari-e{font-size: 16px;line-height: 1.5em}	
.training-ganbari-e img{
margin-top: -0.5em;
margin-right: 0.2em;
width: 140px
}
}

.training-slash {
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
 
.training-slash:before,
.training-slash:after {
 content: "";
 width: 30px;
 height: 2px;
 background-color: #009944;
 margin: 0px 4px 2px -2px;
}
 
.training-slash:before {
 transform: rotate(60deg);
}
 
.training-slash:after {
 transform: rotate(-60deg);
}

@media (max-width: 768px){
.training-slash:before,
.training-slash:after{
width: 18px	
}
}


/*トップ*/
.training-colum-copy h2{
font-size: 24px;
color: #595757;
margin:50px 0 10px;
}

.training-colum-copy .brown{
font-size: 18px;
color: #7B5935;
font-weight: 700;
}

@media (max-width: 768px){
.training-colum-copy h2{font-size: 20px;}
.training-colum-copy .brown{font-size: 17px;}
}

@media (max-width: 480px){
.training-colum-copy h2{text-align: center;}
}

.training-second{padding: 5%;}
.training-second dl dd{margin-bottom: 0;}

.training-colum-copy table{
width: 100%;
margin-bottom: 5px;
}

.training-colum-copy table tr{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 1em;
}

.training-colum-copy table th{
align-items: center;
text-align: center;
font-weight: bold;
padding: 0.3em;
width: 13%;
border: 2px solid #009944;
background-color: #fff;
color: #009944;
border-radius: 10px;
}

.training-colum-copy table th br{display: none;}
.training-colum-copy table th.border-none{border: none;}
.training-colum-copy table td{width: 83%;}

@media (max-width: 1100px){
.training-colum-copy table th br{display: inherit;}
}

@media (max-width: 768px){
.training-colum-copy table tr{margin-bottom: 2em;}
.training-colum-copy table th{width: 25%;margin-bottom: 0.5em;}
.training-colum-copy table td{width: 100%;}
.training-colum-copytable td span.big_170{font-size: 120%;}
.training-colum-copy table th br{display: none;}
}

/*指導員派遣・講師*/
.training-colum-2 h2{margin: 30px 0 10px;}
.training-colum-2 .training-second{padding: 5% 5% 5% 0;border-top:1px solid #7B5935}


/*-------------------------------------------
基礎講座
--------------------------------------------*/
.back-white{background-color: #fff;}

.web-back-green{
background-color: #009944;
color: #fff;
}

.web-a {
background-color: #f5f6cc;
padding: 0 0 2em;
}

.web-back-blue{
background-color: #0b83be;
color: #fff;
}

.web-b{
background-color: #d3def1;
padding: 0 0 2em;
}

.web-col-sub-tit p{
font-size:24px;
font-weight: bold;
text-align: center;
letter-spacing: 0.08em;
}

.web-col-sub-tit p.small{font-size: 17px}

@media (max-width: 480px){
.web-col-sub-tit p{font-size: 18px}
.web-col-sub-tit p.small{font-size: 12px}
}

.web-line-green{border: 2px solid #009944;}
.web-line-blue{border: 2px solid #0b83be;}

.web-training-half{
display: flex;
background-color: #fff;
font-weight: bold;
}

.web-training-half span{
font-size: 17px;
padding: 0.2em 0;
display: flex;
justify-content: center;
align-items: center;
width: 8%;
}

.web-training-half p{
font-size: 17px;
padding: 0.4em 0.4em 0.4em 0.8em;
margin: 0;
line-height: normal!important;
width: 92%;
display: flex;
align-items: center;
}

@media (max-width: 768px){
.web-training-half span,.web-training-half p{font-size:15px}
}

@media (max-width: 768px){
.web-training .col-md-6:first-child{margin-bottom: 30px;}
}

@media (max-width: 768px){
.web-training .col-md-6:first-child{margin-bottom: 15px;}
}

.web-training dl{margin-bottom: 4.5%;}

.web-training dl dt{
padding: 0.3em 1em;
margin: 0;
color: #fff;
}

.web-training dl dd{
padding: 0.6em 1em;
margin: 0;
font-weight: 700;
}

.web-a dl{border: 1px solid #68b82e;}
.web-a dl dt{background: #68b82e;}
.web-b dl{border: 1px solid #6f94cd;}
.web-b dl dt{background: #6f94cd;}

.web-training ul li{
font-size: 17px;
margin: 1em 0 0;
font-weight: bold;
text-indent: -1.5em;
padding-left: 1.2em;
}

.web-training ul li:before{
content: "";
margin-right:0.2em;
padding-right: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.web-a ul li:before{background-image: url(../common_images/green_dec.svg);}
.web-b ul li:before{background-image: url(../common_images/blue_dec.svg);}


@media (max-width: 768px){
	.web-training ul li{margin: 0 0 0.5em;}
}

@media (max-width: 480px){
.web-training-half span{width: 15%;font-size: 14px}
.web-training-half p{width: 100%;padding: 0.2em;font-size: 13px;}
.web-training dl dt,
.web-training dl dd{font-size: 15px;}
.web-training ul li{font-size: 15px;}
}

.flex-rewrap{flex-wrap: wrap-reverse}
.web-training dl:last-child{margin: 0;}
.web-training .training-col-6 p{margin:0 0 20px;}

@media (max-width: 768px){
.web-training .training-col-6:first-child{margin-bottom: 4.5%;}
}

.web-scheduleTit{
font-size: 17px;
font-weight: bold;
padding:0.5em 1.5em;
background-color: #fff;
border: 1px solid #009944;
width: 300px;
position: relative;
margin: 1.5em 0 1em;
}

.web-scheduleTit:before{
position: absolute;
display: inline-block;
left: 0;
top: 0;
border-left:10px solid #009944;
content: "";
width: 100%;
height: 100%;
}

@media (max-width: 480px){
.web-scheduleTit{
font-size: 15px;
width: 100%;
}
}

.web-schedule-season{
background-repeat: no-repeat;
background-position: 100% 5%;
background-size: contain;
}

.web-schedule-haru{background-image: url("../yasuda/training/kiso/web_haru.png");}
.web-schedule-aki{background-image: url("../yasuda/training/kiso/web_aki.png");}
.web-schedule-fuyu{background-image: url("../yasuda/training/kiso/web_fuyu.png");}

.web-schedule-rain{
background-repeat: no-repeat;
background-position: 95% 5%;
background-size: contain;
background-image: url("../yasuda/training/kiso/web_rain.png");
}

.web-schedule ul li{
text-indent: -1em;
padding-left: 1em;
}

.web-schedule table{
background-color: #fff;
width: 68%;
border: 1px solid #9fa0a0;
}

.web-schedule table tr th,
.web-schedule table tr td{
border: 1px solid #9fa0a0;
padding: 0.7em 1em;
text-align: center;
}

.web-schedule table tr td:first-of-type{
width: 10%;
background-color: #f5f6cc;
}

.web-schedule table tr td span.B:before{
content: "研修B";
font-weight: bold;
margin-right: 0.5em;
padding: 0.4em 0.3em;
background-color: #fff2a8;
letter-spacing: 0.05em;
}

.web-schedule table tr td span.A:before{
content: "研修A";
font-weight: bold;
color: #fff;
margin-right: 0.5em;
padding: 0.4em 0.3em;
background-color: #3ccb3e;
letter-spacing: 0.05em;
}

.kensyu-schedule{
    text-align: center;
}
.kensyu-schedule td{
	vertical-align: middle;
}

.kensyu-schedule th.title{
    background-color:#39a9d6;
    color:white;
}
.kensyu-schedule th.th-date{
	width: 15%;
}
.kensyu-schedule th.th-type{
	width: 30%;
}

.kensyu-schedule th.th-area{
	width: 15%;
}

.kensyu-schedule th.th-kaizyou{
	width: 30%;
}

.kensyu-schedule th.th-entry{
	width: 10%;
}



.kensyu-schedule .area{
    display:inline-block;
	border-radius: 10px;
    color: white;
    font-size: 90%;
    font-weight: bold;
    padding: 2px 10px;
    text-align: center;
    margin: 5px
}
.kensyu-schedule .kaizyou{

}
.kensyu-schedule .area-kantou{
    background-color: #27BA2D
}
.kensyu-schedule .area-chugoku{
    background-color: #D5C83A
}
.kensyu-schedule .area-kansai{
    background-color: #BA2757
}
.kensyu-schedule .area-kyusyu{
    background-color: #AA6723
}
.kensyu-schedule .area-chubu{
    background-color: #A43ED6
}
.kensyu-schedule .area-touhoku{
    background-color: #27B2BA
}
.kensyu-schedule a{
    text-decoration: underline;
}


.kensyu-schedule .type{
/*    display:inline-block;*/
	border-radius: 10px;
    color: white;
    font-weight: bold;
    padding: 2px 10px;
    text-align: center;
    margin: 5px;
	text-decoration: underline;
/*	border: 1px solid #0F0707;*/
/*	background-color: white*/
}
.kensyu-schedule .type-syutyu{
/*    border: 1px solid dodgerblue;*/
	color: steelblue !important;
}
.kensyu-schedule .type-kiso{
/*	border: 1px solid limegreen;*/
	color: saddlebrown !important;
}
.kensyu-schedule .type-zissen{
/*	border: 1px solid orange;*/
	color: darkorange !important;
}
.kensyu-schedule .type-junior{
/*	border: 1px solid violet;*/
	color: violet !important;
}
.kensyu-schedule .type-etc{
/*	border: 1px solid gray;*/
	color: gray !important;
}
.kensyu-schedule .type a{
}



@media (max-width: 1200px){
.web-schedule-season{background-size: 25%}
}

@media (max-width: 991px){
.web-schedule-season{background-size: 25%}
.web-schedule table{width: 100%}
.web-schedule table tr th,
.web-schedule table tr td{text-align: center;}
.web-schedule table{font-size: 14px;}
.web-schedule table tr td .A:before,
.web-schedule table tr td .B:before{
margin-right: 0;
line-height: 2em;
 }
.web-schedule table tr td .A:after,
.web-schedule table tr td .B:after{
content: "\A";
white-space: pre;
    }
}


@media (max-width: 1200px){
.web-schedule-season{background-position: 90% 50%;}
}

@media (max-width: 768px){
.web-schedule-season{background-position: 95% 50%;background-size: 20%}
.web-schedule table{font-size: 13px;}
.web-schedule table tr td{padding: 0.5em 0.5em 0.2em;
line-height: 1.2em;}
 }

@media (max-width: 600px){
.web-schedule-season{background-image: none}
}

@media (max-width: 480px){
.web-schedule ul{margin-bottom: 20px;}
.web-schedule .big_130{font-size: 110%;margin-bottom: 10px;}
.web-schedule table{font-size: 10px;}
.web-schedule table tr th,
.web-schedule table tr td{
padding: 0.5em 0;
}
}



/*-------------------------------------------
オンライン講座
--------------------------------------------*/
.online-theme{
 padding: 1em;
}


.online-theme-title-web{
    padding: 5px;
    border-left: 4px solid;
}


.bubox{
    padding: 5px;
    border: 1px solid;
    margin: 10px 0;
}
.online-theme ul li{
font-size: 14px;
font-weight: normal;
margin: 1em 0 0;
margin-left: 1em;
text-indent: -1.5em;
padding-left: 1.2em;
}

.table-web-a th{ background-color: #f5f6cc }





/*-------------------------------------------
集中講座
--------------------------------------------*/
.lecture-day{
background:url(.././yasuda/training/lecture/lecture_titBackBs.png), url(.././yasuda/training/lecture/lecture_titBackB.png);
background-repeat: repeat-y,repeat;
background-position: left,center;
padding: 0.5em 0 0.5em 2em;
color: #fff;
font-size: 21px;
font-weight: bold;
margin-bottom: 1em;
}

.lecture-schedule{
background-color: #e1e1e1;
padding: 2em 15px;
}

.lecture-colum{
background-color: #fff;
height: 400px;
padding: 1.5em 1em 1em;
margin-bottom: 50px;
font-feature-settings: "palt";
}

.lecture-colum-noback img{
width: 100%;
height: 400px;
object-fit: cover
}

@media (max-width: 1200px){
.lecture-colum{height: 410px;}
.lecture-colum-noback img{height: 410px;}
}

@media (max-width: 480px){
.lecture-day{
padding:0.2em 0 0.2em 2em;
margin-bottom: 0.5em;
}
.lecture-schedule{padding: 2em 0}
}

.lecture-limit{
display: flex;
justify-content: flex-start;
background-color: #845717;
align-items: center;
flex-wrap: wrap;
width: 100%;
border: 1px solid #845717;
}

.lecture-limit span,
.lecture-limit p{
padding: 0.2em 0.4em;
}

.lecture-limit span{
font-size: 16px;
text-align: center;
width: 20%;
color: #845717;
background-color: #fff;
letter-spacing: -0.05em;
}

.lecture-limit p{
font-size: 14px;
color: #fff;
width: 80%;
margin: 0;
}

.lecture-limit .text-spacing{
font-size: 13px;
letter-spacing: -0.09em;
}

@media (max-width:900px){
.lecture-limit span{padding: 0}
.lecture-limit .text-spacing{font-size: 12px;}
}


@media (max-width:768px){
.lecture-limit span{width: 10%;}
.lecture-limit p{width: 90%;}
}

@media (max-width: 480px){
.lecture-limit span{padding: 0;width: 17%}
.lecture-limit p,.lecture-limit .text-spacing{
font-size: 13px;
width: 83%;
padding: 0.2em 0 0.2em 0.4em;
}
}

.lecture-colum dl{margin:1.2em 0;}

.lecture-colum dl dt{
color: #845717;
margin-bottom: 0.2em;
font-size: 18px;
}

@media (max-width: 768px){
.lecture-colum dl dt{font-size:16px;margin-bottom: 0.5em}
}

.lecture-colum ul li{
padding-bottom: 0.2em;
margin-bottom: 0.5em;
border-bottom: dashed 1px;
letter-spacing: -0.02em;
padding-left: 1.2em;
text-indent: -1.2em;
}

.lecture-colum ul li:before{
content: "▶︎";
padding-right: 0.2em;
color: #845717;
}

.lecture-colum ul li:last-child{margin: 0;}

.training-line{
position: relative;
border: 1px solid #595757;
border-radius: 10px;
display: flow-root;
}

.training-line-tit p{
padding: 0 1em;
position: absolute;
background-color: #fff;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.training-line .lecture-sec-tit{
background-color: #036eb2;
font-weight: bold;
padding: 0.2em 0;
width: 100%;
color: #fff;
text-align: center;
font-size: 160%;
}

.training-line .col-md-6{width: 44.5%;}

@media (max-width: 768px){
.training-line .col-md-6{width: 100%;}
}

@media (max-width: 767px){
.training-line-tit p{width: 70%;}
.lecture-lit-con{margin: 10% auto;}
}

@media (max-width: 480px){
.training-line .lecture-sec-tit{font-size: 120%;}
}

.lecture-lit-right dl {
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
align-items: baseline;
}

.lecture-lit-right dt{
font-size: 90%;
width: 100px;
background-color: #036eb2;
border-radius: 5px;
color: #fff;
padding:0.5em 0;
margin: 0 15px 10px 0;
text-align: center;
}

.lecture-lit-right .kenshu-about a{font-weight: normal;}

.lecture-timetable{
width: 45%;
margin: 5% 0;
}

.lecture-timetable p{
font-weight: bold;
text-align: center;
border-bottom: 1px solid #595757;
margin-bottom: 1em;
}

.lecture-timetable dl{
border-bottom: 1px dashed #595757;
margin: 0.2em 0;
padding: 0.1em 0;
display: flex;
justify-content: space-between;
}

.lecture-timetable dt,
.lecture-timetable dd{
width: 45%;
}

.lecture-timetable dt{
text-align: right;
font-weight: normal;
}

@media (max-width: 480px){
.lecture-timetable{width: 100%;}
}

.lecture-voice{
background-color: #e5edd6;
border-radius: 10px;
padding: 1em 0;
margin-bottom: 20px;
}

.lecture-other-voice{
border-top: 3px solid #fff;
padding-top: 2em;
}

.lecture-other-voice .w-48{
background-color: #fff;
border-radius: 30px;
padding:1.5em  2em;
}

.lecture-other-voice .w-48 p{margin: 0}

@media (max-width: 768px){
.lecture-other-voice .w-48{padding: 15px;margin: 0 15px;}
}


.lecuture-point dt{
font-size: 25px;
line-height: 1.2em;
display: flex;
align-items: center;
margin-bottom: 10px;
}

.lecuture-point dt:before{
content: "";
background-size: 60px;
background-repeat: no-repeat;
display: inline-table;
height: 60px;
margin-right: 10px;
padding-left: 60px;
}

.dl-venue dt:before{background-image: url("../yasuda/training/lecture/icon-venue.png")}

.dl-web dt:before{background-image: url("../yasuda/training/lecture/icon-web.png")}

.lec-point-icon{width: 6%;margin-right: 10px}

@media (max-width: 480px){
.lecuture-point dt{font-size: 19px}
.lec-point-icon{width: 8%;margin-right: 5px}
}


/*-------------------------------------------
実践公開研修会
--------------------------------------------*/
.open-am{background-color: #fef0d9;}

.open-am .col-md-6,
.open-pm .col-md-6{
margin-bottom: 30px;
}

@media (max-width: 768px){
.open-am .col-md-6,.open-pm .col-md-6{max-width: 100%;}
}

.open-am dl{margin:0 }

.open-am dl dt{
border-radius: 10px 10px 0 0 ;
background-color: #f2993a;
padding: 0.8em 0;
text-align: center
}

.open-am dl dt img{
width: 60%;
margin: 0 auto;
}

@media (max-width: 480px){
.open-am dl dt img{width: 80%;}
}

.open-am dl dd{
background-color: #fff;
padding: 15px;
}

.open-era{border: 2px solid #f2993a;}

.open-era .open-era-inner{padding: 15px;}

.open-era p:nth-child(2n){margin-bottom: 1em}
.open-era ul{
padding-top: 1em;
border-top:2px dotted #9fa0a0;
margin: 0 0 1em;
}

.open-era dl dt{font-size: 128%;}

ul.before-blue li:before{
content: "●";
padding-right: 0.2em;
color: #036eb2;
}

.open-pm{background-color: #eaf6fd;}

.open-pm .back-white{padding: 0 15px 5px;}

.open-pm .back-white p{
margin: 0 auto 20px;
font-size: 126%;
text-align: center;
width: 28%;
color: #fff;
font-weight: bold;
padding: 0.2em;
background-color: #036eb2;
border-radius: 0 0 10px 10px;
}

@media (max-width: 600px){
.open-pm .back-white p{width: 60%}
}


.open-pm .back-white ul li {
padding-bottom: 0.2em;
border-bottom:2px dotted #9fa0a0;
margin:0.5em 0 0;
}

.open-pm .back-white ul li:last-child{border: none;}
.open-pm ul li.indent-l1e-t1e{padding-left: 1em;}

.open-programme-shadow{
background-color: #fff;
padding: 1em 0;
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}


.open-programme .open-sec-tit{
margin: 0;
font-size: 128%;
font-weight: bold;
color: #fff;
text-align: center;
background-image: url(".././yasuda/training/open/open_sec_tit_back.png");
background-repeat: no-repeat;
background-position: center;
padding: 0.4em;
border-bottom: 1px solid #595757;
}

.open-programme .lecture-timetable{margin: 0 auto 3%;}

@media (max-width: 1200px){
.open-programme .lecture-timetable{width: 60%;}
}

@media (max-width: 768px){
.open-programme .lecture-timetable{width: 80%;}
}

.open-garden {
background-color: #fcfaef;
border-radius: 10px;
padding: 2em 0px;
margin-bottom: 20px;
}

.open-garden .training-flex{justify-content: flex-start;}

.open-garden .col-md-4{border-right: 1px solid #595757;}

.open-garden .col-md-4 .kenshu-about{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 90%;
}

@media (max-width: 768px){
.open-garden .training-col-4{
border: none;
width: 100%;
padding: 0 15px 3.8em;
margin: 0 auto 50px;
}
}

.open-garden .col-md-4:last-child{border:none;}

.open-garden .open-day{
background-color: #005b9e;
border-radius: 0 15px 15px 0;
color: #fff;
font-weight: bold;
padding: 0.2em 0 0.2em 1em;
}

.open-garden .bold{line-height: 1.5em;}

.training-query-training .d-flex{width: 80%;margin: 0 auto}

@media (max-width: 768px){
.training-query-training .d-flex{width: 100%;}
}

/*-------------------------------------------
がんばりまめ.com
--------------------------------------------*/
.ganbarimame .w95{max-width: 1025px;padding: 0 15px;margin: 0 auto}

@media (max-width: 480px){
.ganbarimame .w95 p.green{font-size: 15px}
}

.usage-fee-wap:before{
content: "";
content: url(.././yasuda/training/ganbarimame/goriyo.png);
display: block;
background-repeat: no-repeat;
text-align: center;
line-height: 0;
}

.usage-fee{
padding: 3em 0;
border-top: 1px solid #008c47;
border-bottom: 1px solid #008c47;
}

.usage-fee table{
letter-spacing: 0.01em;
}

.usage-fee table tr.usage-fee-tit th{
line-height: 1.5em;
text-align: center;
font-size: 80%;
font-weight: normal;
border-bottom: 4px solid #fff;
border-left: 2px solid #fff;
}


.usage-fee table tr.usage-fee-tit th:last-child,
.usage-fee table tr.table01 td:last-child,
.usage-fee table tr.table02 td:last-child{
border-left: 12px solid #fff;
}

.usage-fee table tr.usage-fee-tit .red,
.usage-fee table tr.usage-fee-tit .green{
font-size: 150%;
font-weight: bold;
}

.usage-fee table td{
font-size: 150%;
font-weight: bold;
text-align: center;
border-left: 2px solid #fff;
}

.usage-fee table tr td span{
font-weight: normal;
font-size: 60%!important;
}

.usage-fee table tr.table01 th,
.usage-fee table tr.table01 td{
border-bottom: 3px dashed #fff;
}

.usage-fee table tr.table01 td:after{
content: "／月";
font-weight: normal;
font-size: 80%!important;
}

.usage-fee table tr.table02 td:after{
content: "／年";
font-weight: normal;
font-size: 80%!important;
}

.usage-fee table th,
.usage-fee table td{
width: 20%;
padding:1.1% 0.2%;
text-align: center;
}

.usage-fee table th:first-child,
.usage-fee table td:first-child{
background-color: #e9e9ea;
}

.usage-fee table th:first-child{
font-weight: normal;
}

.usage-fee table th:nth-child(2n),
.usage-fee table td:nth-child(2n){
background-color: #fff2ab;
}

.usage-fee table th:nth-child(3n),
.usage-fee table td:nth-child(3n){
background-color: #fddf94;
}

.usage-fee table th:nth-child(4n),
.usage-fee table td:nth-child(4n){
background-color: #fbd088;
}

.usage-fee table th:nth-child(5n),
.usage-fee table td:nth-child(5n){
background-color: #e3f0d3;
}

@media (max-width: 768px){
.usage-fee-wap{width: 100%;}
.usage-fee table tr.usage-fee-tit .red,
.usage-fee table tr.usage-fee-tit .green,
.usage-fee table td{font-size: 100%;}

.usage-fee table tr.usage-fee-tit th:last-child,
.usage-fee table tr.table01 td:last-child,
.usage-fee table tr.table02 td:last-child{
border-left: 8px solid #fff;
}
}

.member-bene {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
text-align: left;
height: 104px;
padding: 0 30px;
background: linear-gradient(90deg,#008c47 1.2%,#ffe425 1.2%);
color: #008c47;
box-sizing: border-box;
}

.member-bene:after{
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
top: 0;
right: 0;
border-width: 52px 26px 52px 0;
border-color: transparent #fff transparent transparent;
border-style: solid;
}


.member-bene .bold{width: 25%;font-size: 35px;}

.member-bene p{
margin: 0;
font-size: 18px;
border-left: 1px solid #008c47;
padding-left: 1em;
}

.member-bene p a{color: #008c47;}

@media (max-width: 992px){
.member-bene{height: 74px}
.member-bene:after{border-width: 37px 29.5px 37px 0}
.member-bene .bold{font-size: 22px;}
.member-bene p{font-size: 14px;}
}


@media (max-width: 768px){
.member-bene{display: block;text-align: center;height: 140px;padding: 2% 20px;}
.member-bene:after{border-width: 70px 35px 70px 0}
.member-bene .bold{border-bottom: 1px solid #008c47;margin:0 auto 10px;width: 80%}
.member-bene p{border-left: 0;padding: 0}
}



@media (max-width: 650px){
.member-bene{padding: 4% 0;}
.member-bene .bold{font-size: 18px;}
.member-bene p{font-size: 13px;}
.ganbarimame-sub-text{font-size: 18px;}
.ganbarimame-sub-text{font-size: 18px;}
}


/*-------------------------------------------
安田式とエールの誕生STORY
--------------------------------------------*/
.story-tit h2{
background-image: url("../yasuda/story/story_back.png");
background-repeat: no-repeat;
margin: 0 auto 20px;
max-width: 625px;
width: 100%;
height: 85px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background-size: contain;
}

.story-tit p.bold_170{
display: flex;
align-items:center;
justify-content: center;
}

.story-tit p.bold_170:before,
.story-tit p.bold_170:after{
content: "";
border-top: 3px solid;
width: 1em;
}

.story-tit p.bold_170:before{margin-right: 0.3em;}
.story-tit p.bold_170:after{margin-left: 0.3em;}

@media (max-width: 620px){
.story-tit h2{font-size: 20px;height: 68px;}
}

@media (max-width: 480px){
.story-tit h2{font-size: 18px;height: 50px;}
.story-tit p.bold_170:before,
.story-tit p.bold_170:after{border: none}
}

#story h4.item-titG-half{
border-bottom: 5px dotted #808080;
padding-bottom: 0.2em;
margin-bottom: 1em;
}

#story  h3.greenTit{
font-size: 24px;
margin-bottom: 40px;
}

@media (max-width: 992px){
#story  h3.greenTit{font-size: 18px;}
}

@media (max-width: 620px){
#story h4.item-titG-half{font-size: 18px;}
#story  h3.greenTit{font-size: 16px;}
}

#story .back-beige .w-50{
max-width: 300px;
margin: 0 auto 50px;
}


/*-------------------------------------------
研修会用webフォーム表組み設定
--------------------------------------------*/
/*.table-form {
    border-collapse: collapse !important;
  }*/
.table-formborder {border: 1px solid #505050!important;}

.table-form{width: 100%;margin: 0;display: revert}

.form-control:disabled, .form-control[readonly] {background-color: #fff;}

.table-form th {width: 25%;padding: 1em 1em !important;}
.table-form td {width: 75%;padding: 1em 1em !important;}
th.padding-top0,
td.padding-top0 {padding-top: 0 !important;}
th.padding-top02e {padding-top: 0.5em !important;}
.table-middle {display: table-cell;vertical-align: middle;}
input.seminar-form {height: 2.5em;}

.container-form:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.vertical-middle {display: inline-block;vertical-align: middle;}
.no-border-bottom {border-bottom: none !important; }
.xs-border-bottom {border-bottom: none !important; }
.no-border-top {border-top: none !important; }
.bg-012HSJ {background-color:#FEFFF1;}
.bg-playHSJ {background-color:#FFFBED;}
.float-l {float:left;}

#postcode,#claimpostcode {width: 40% !important;}

.list-de-bo li{
text-indent: -1em;
padding-left: 1em;
margin-bottom: 1em;
font-size: 14px;
}

.list-de-bo li:before{
content: "・";
padding-right: 0.2em;
}


@media screen and (max-width: 1024px){
#formWrap {font-size: 14px;	}

.table-form {
width: 100%;
border-collapse: collapse !important;
border-bottom: none;
}

.table-form th,
.table-form td {
width: 100%;
display: block;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

th.table-formborder {border-bottom: none !important;}
td.table-formborder {border-bottom: none !important;}
td.xs-table-formborder {border: solid 1px #505050 !important;}
th.xs-border-bottom {border-bottom: solid 1px #505050 !important;}
th.xs-bg {background-color: #fbeccc !important;}
.xs-indent_1e {padding-left: 1em;text-indent: -1em;}
.xs-margin_l1e {margin-left: 1em;}
.xs-margin_l05e {margin-left: 0.5em;}
.xs-margin1e {margin-bottom: 1em;}
.xs-margin015e {margin-bottom: 1.5em;}
.xs-margin2e {margin-bottom: 2em;}
th.xs-no-padding-bottom,
td.xs-no-padding-bottom {padding-bottom: 0 !important;}

th.xs-no-padding-top,
td.xs-no-padding-top {padding-top: 0 !important;}

th.xs-padding_t05e,
td.xs-padding_t05e {padding-top: 0.5em !important;}

th.xs-padding_t1e,
td.xs-padding_t1e {padding-top: 1em !important;}
}

ul.openday {padding-left: 5px;}

ul.openday label {
display: block;
position: relative;
padding-left: 1.5em;
}

ul.openday label:focus,
ul.openday label:hover,
ul.openday label:active,
ul.openday label:checked + label{color:#da3c41;}

ul.openday input {
position: absolute;
top: 0;
bottom: 0;
left: 0;
}

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

ul.clearfix {overflow: hidden;}
li.li-inline, li.li-inline label {display: inline;}
.letter-space0 {letter-spacing: 0;}
.info_green_kakomi {border: 1px solid #008000;}
.selectbox {position: relative;float: left;min-width: 55px;}

select.seminarform-inline::ms-expand {display: none;}
select.seminarform-inline {display: inline-block;}

.selectbox:after {
content: '▼';
font: 8px "Consolas", "monospace";
color: #333;
right: 0px;
top: 14px;
padding: 0 3px;
position: absolute;
pointer-events: none;
}

.selectbox select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
max-width: 60px;
height: 30px;
float: left;
margin: 6px 0px;
padding: 0px 15px;
font-size: 1em;
line-height: 1.5;
color: #333;
background-color: #fff;
background-image: none;
border: 1px solid #cccccc;
-ms-word-break: normal;
word-break: normal;
border-radius: 5px;
}

.hidden-tr {display: none;}

/*-------------------------------------------
チェックボックスのフォーカス処理
--------------------------------------------*/
input[type="checkbox"]:focus {
	box-shadow: 0 0 4px;
	color: #004AA1;
}

/*-------------------------------------------
チェックボックス中身非表示
--------------------------------------------*/
.hiddenbox {
	display: none;
	height: auto;
}

/*-------------------------------------------
チェックで中身表示(flex)
--------------------------------------------*/
.flexbox {
	display:flex !important;
}
/*-------------------------------------------
チェックで中身表示(block)
--------------------------------------------*/
.blockbox {
	display:block;
}


/*--------------------お問合せ-----------------------*/

.contact-inner{padding: 60px 0;	}

.contact-1{
border-top: 7px solid #E53B33;
border-bottom: 7px solid #E53B33;
}

.contact-2{
border-top: 7px solid #EA9500;
border-bottom: 7px solid #EA9500;
}

.contact-3{
border-top: 7px solid #FFB812;
border-bottom: 7px solid #FFB812;
}

.contact-4{
border-top: 7px solid #B8D412;
border-bottom: 7px solid #B8D412;
}

.contact-5{
border-top: 7px solid #3DB92B;
border-bottom: 7px solid #3DB92B;
}

.contact-6{
border-top: 7px solid #62C5A2;
border-bottom: 7px solid #62C5A2;
}

.contact-7{
border-top: 7px solid #4391D7;
border-bottom: 7px solid #4391D7;
}

.contact-inner input{cursor: pointer}


[type="submit"]{
background-color: #333333;
border:1px solid #333333;
border-radius: 5px;
padding: 0.5em;
color: #fff;
width: 100px;
}



[type="reset"]{
background-color: #fff;
border:1px solid #333333;
border-radius: 5px;
padding: 0.5em;
width: 100px;
}




/* --------------------- */
/*　チェックボックス動的制御 */
/* --------------------- */

.inq-type,.choicebox-nini,.group-checkbox,.inq-category{ display: none; }
.inq-btn:hover{
    opacity: 0.8;
    cursor: pointer;
}




/* ganbarimame 新規ページ */
.ganbarimame h2{margin: 0 0 60px;}
.ganbarimame h2 img{width: 80%!important;}

.ganbarimame .tit-ganbari{
background-image: url(../yasuda/training/ganbarimame/tit_dec.gif),url(../yasuda/training/ganbarimame/tit_dec.gif);
height: 100px;
background-position: left,right;
background-repeat: no-repeat,no-repeat;
height: 87px;
display: flex;
justify-content: center;
align-items: center;
font-size: 38px;
line-height: 1.3em;
}


.ganbarimame .point-1 p,
.ganbarimame .point-2 p,
.ganbarimame .point-3 p{
font-size: 18px;
line-height: 1.8em;
}

@media screen and (max-width: 768px){
.ganbarimame h2{margin: 20px 0 60px;}
}

@media screen and (max-width: 520px){
.ganbarimame h2{margin: 0 0 50px;}
.ganbarimame h2 img{width: 70%!important;}
.ganbarimame .point-1 p,
.ganbarimame .point-2 p,
.ganbarimame .point-3 p{font-size: inherit;line-height: inherit;}
.ganbarimame .point-1 .text-center{text-align: justify!important;}
}

.ganbarimame-top{
background-color: #CCDCBD;
padding: 50px 0;
}

.ganbarimame .point{margin-bottom: 100px;}

@media screen and (max-width: 480px){
.ganbarimame h2{margin: 0 0 30px;}
.ganbarimame-top{padding: 25px 0;}
.ganbarimame .point{margin-bottom: 50px;}
}


.ganbarimame .point h3{
font-size: 34px;
color: #666666;
text-align: center;
line-height: 1.4em;
letter-spacing: 0.08em;
border-top: 6px solid #009944;
border-bottom: 6px solid #009944;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
margin-bottom: 50px;
}

.ganbarimame .point h3:before{
content: "";
background-image: url(../yasuda/training/ganbarimame/point01.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
width: 120px;
height: 110px;
top: -20px;
left: 0;
}


.ganbarimame .point-2 h3:before{
background-image: url(../yasuda/training/ganbarimame/point02.svg);
}

.ganbarimame .point-3 h3:before{
background-image: url(../yasuda/training/ganbarimame/point03.svg);
}

.ganbarimame .point-4 h3:before{
background-image: url(../yasuda/training/ganbarimame/point04.svg);
}

.ganbarimame .point-5 h3:before{
background-image: url(../yasuda/training/ganbarimame/point05.svg);
}

.ganbarimame .point-6 h3:before{
background-image: url(../yasuda/training/ganbarimame/point06.svg);
}

.ganbarimame .point-7 h3:before{
background-image: url(../yasuda/training/ganbarimame/point07.svg);
}


@media (max-width: 1200px) {
.ganbarimame .point h3{font-size: 24px;}
.ganbarimame .point h3:before{width: 80px;height: 72px;top: -10px;}
}

@media (max-width: 920px) {
.ganbarimame .point h3{font-size: 20px;padding: 12px 20px 12px 80px;}
}

@media (max-width: 520px) {
.ganbarimame .point h3{
font-size: 16px;
padding: 12px 20px 12px 60px;
border-top: 4px solid #009944;
border-bottom: 4px solid #009944;
margin-bottom: 30px;
}

.ganbarimame .point h3:before{width: 60px;height: 54px;top: -10px;}
}


/* --- point-1 --- */
.point-1 h4{
font-size: 30px;
color: #009944;
}

/* --- point-2 --- */
.point-2-sub{
text-align: center;
margin-bottom: 40px;
}

.point-2-sub:after{
content: "";
background-image: url(../yasuda/training/ganbarimame/commentaryTitsub.svg);
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
width: 110px;
height: 110px;
top: -20%;
right: 10%;
}

@media screen and (max-width: 1200px){
.point-2-sub:after{width: 80px;height: 80px;top: -8%;right: 5%;}
}

@media screen and (max-width: 1000px){
.point-1 h4{font-size: 25px;}
.point-2-sub{width: 80%;text-align: left;}
.point-2-sub:after{width: 90px;height: 90px;top: 5%;right: 15px;}
}

@media screen and (max-width: 480px){
.point-1 h4{font-size: 20px;}
.point-2-sub{width: 70%;}
.point-2-sub:after{right: 15px;}
}


.ganbarimame .ganbarimame-movie{
background-color: #D6E6C7;
padding: 40px 0;
}

.ganbarimame .ganbarimame-movie .d-flex{
max-width: 940px;
margin: 0 auto;
padding: 0 20px;
}

.ganbarimame .ganbarimame-movie-item{
width: 31%;
background-color: #ffffff;
border-radius: 10px;
padding: 18px;
}

.ganbarimame .ganbarimame-movie-item .play-movie{
margin-bottom: 10px;
position: relative;
}

.ganbarimame .ganbarimame-movie-item .play-movie:after{
content: "";
background-image: url(../yasuda/training/ganbarimame/play.svg);
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 60px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}

.ganbarimame .ganbarimame-movie-item a:hover{opacity: 1;}

.ganbarimame .ganbarimame-movie-item h4{
font-size: 20px;
text-align: center;
margin-bottom: 0;
}

@media screen and (max-width: 768px){
.ganbarimame .ganbarimame-movie-item{width: 100%;margin-bottom: 30px;}
}



/* --- point-3 --- */
.ganbarimame .point-3 h3{position: relative;}

.ganbarimame .point-3 h3:after{
content: "";
background-image: url(../yasuda/training/ganbarimame/teacher.svg);
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
width: 180px;
height: 198px;
top: -50px;
right: 70px;
}

.ganbarimame .function-listItem{
background-color: #ffffff;
border: 4px solid #008A44;
border-radius: 25px;
position: relative;
margin: 150px 0 0;
-webkit-box-shadow: 6px 6px 6px -1px rgba(0, 0, 0, 0.3);
box-shadow: 6px 6px 6px -1px rgba(0, 0, 0, 0.3);
text-align: center;
}

.ganbarimame .function-listItem img{
width: 200px;
height: 200px;
position: absolute;
top: -150px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.ganbarimame .function-listItem .function-listItem_tit{
background-color: #009944;
border-radius: 20px 20px 0 0;
text-align: center;
padding: 50px 10px 15px;
}

.ganbarimame .function-listItem h4{
font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
font-size: 30px;
color: #ffffff;
}

.ganbarimame .function-listItem h4.trans{
-webkit-transform: scale(0.8, 1);
transform: scale(0.8, 1);
letter-spacing: 0.3px;
-webkit-transform-origin: top left;
transform-origin: top left;
width: 125%;
}

.ganbarimame .function-listItem p{
padding: 15px 10px;
letter-spacing: -0.01em;
margin: 0;
}

@media screen and (max-width: 1400px){
.ganbarimame .function-listItem{margin: 100px 0 0;}
.ganbarimame .function-listItem img{width: 150px;height: 150px;top: -100px;}
.ganbarimame .function-listItem h4{font-size: 22px;}
.ganbarimame .point-3 h3:after{width: 150px;height: 165px;top: -30px;right: 40px;}
}


@media screen and (max-width: 1000px){
.ganbarimame .point-3 h3:after{width: 120px;height: 132px;top: -40px;right: 0;}
}


@media screen and (max-width: 768px){
.ganbarimame .point-3 h3:after{width: 78px;height: 86px;top: 30px;}
}


@media screen and (max-width: 576px){
.ganbarimame .function-listItem{margin: 80px 0 0;}
.ganbarimame .function-listItem img{width: 120px;height: 120px;top: -80px;}
.ganbarimame .function-listItem h4.trans{
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
letter-spacing: auto;
width: auto;
}

.ganbarimame .function-listItem p br{display: none;}
}

@media screen and (max-width: 520px){
.ganbarimame .function-listItem .function-listItem_tit{padding: 40px 10px 10px;}
}

@media screen and (max-width: 480px){
.ganbarimame .point-3 h3:after{width: 60px;height: 66px;top:auto;bottom: -40px;}
}


/* --- point-4 --- */
.ganbarimame .point-4 p.kouza-more{
font-size: 18px;
line-height: 1.6em;
text-align: center;
margin-bottom: 20px;
font-weight: 300;
}

.ganbarimame .point-4 p.kouza-more span{
font-size: 32px;
color: #009944;
font-weight: 600;
letter-spacing: 0.08em;
}


@media screen and (max-width: 768px){
.ganbarimame .point-4 p.kouza-more span{font-size: 26px;}
}

@media screen and (max-width: 480px){
.ganbarimame .point-4 p.kouza-more{font-size: 15px;}
.ganbarimame .point-4 p.kouza-more span{font-size: 22px;}
}

.ganbarimame .point-4 .kouza{
border: 20px solid #ebe5db;
padding: 70px 0 20px;
position: relative;
}

.ganbarimame .point-4 .kouza h4{
position: absolute;
width: 280px;
top: -20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.ganbarimame .point-4 .kouza h5{
font-size: 16px;
color: #3f80c6;
border: 2px solid #3f80c6;
padding: 8px 10px;
position: relative;
margin-bottom: 15px;
}

.ganbarimame .point-4 .kouza h5:after{
content: "";
display: block;
width: 20px;
height: 30px;
position: absolute;
right: -11px;
top: 0;
bottom: 0;
margin: auto;
background-image: url(../yasuda/training/ganbarimame/kouza_dec.svg);
background-repeat: no-repeat;
}

.ganbarimame .point-4 .kouza dl dt{
font-size: 14px;
background-color: #ebe5db;
display: flex;
align-items: center;
padding: 5px 8px;
margin-bottom: 10px
}

.ganbarimame .point-4 .kouza dl dt:before{
content: "";
display: block;
background-color: #ffffff;
border-radius: 50%;
width: 10px;
height: 10px;
margin-right: 5px;
}

.ganbarimame .point-4 .kouza dl dd{
font-size: 13px;
margin: 0 0 5px 20px;
}

@media screen and (max-width: 768px){
.ganbarimame .point-4 h5 span{font-size: 26px;}
.ganbarimame .point-4 ul li{width: 48%;margin-bottom: 30px;}
}

@media screen and (max-width: 480px){
.ganbarimame .point-4 .kouza{padding: 50px 0 20px;border: 12px solid #ebe5db;}
.ganbarimame .point-4 .kouza h4{width: 190px;top: -12px;}
.ganbarimame .point-4 h5 span{font-size: 22px;}
}


@media screen and (max-width: 768px){
.ganbarimame .price .price-top h3 img,
.ganbarimame .koshi h3 img{
width: 100%;
height: 50px;
object-fit: cover;
object-position: center;
}
}



/* --- point-5 --- */
.ganbarimame .point-5 .item-tit{padding-bottom: 0;;}

.ganbarimame .point-5 h4{
font-size: 21px;
color: #009944;
display: flex;
align-items: center;
line-height: 1.6em;
font-weight: bold;
margin: 0;
}

.ganbarimame .point-5 h4:before {
content: url(../yasuda/training/ganbarimame/teacher_dec.gif);
margin-top: 0.2em;
padding-right: 0.5em;
}

@media screen and (max-width: 768px){
.ganbarimame .point-5 h4:before{display: inline-block;transform: scale(0.6);}
}

@media screen and (max-width: 480px){
.ganbarimame .point-5 h4{font-size: 16px;}
}

/* --- price --- */
.ganbarimame .price .price-top h4{
font-size: 34px;
letter-spacing: 0.07em;
color: #666666;
text-align: center;
}

.ganbarimame .price .price-top p{
font-size: 28px;
letter-spacing: 0.05em;
color: #666666;
text-align: center;
font-weight: 600;
margin-bottom: 30px;
line-height: 1.5em;
}

.ganbarimame .price .price-top p br{display:none;}

.ganbarimame .price .price-top p span{position: relative;}

.ganbarimame .price .price-top p span:after{
content: "";
position: absolute;
background-color: #FFEA8D;
display: inline-block;
width: 100%;
height: 20px;
bottom: -10px;
left: 0;
z-index: -1;
}

.ganbarimame .price .price-inn{
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

.ganbarimame .price .price-inn p{font-size: 15px;}

.ganbarimame .price .price-inn p span{
font-size: 17px;
font-weight: 600;
margin-right: 20px;
}

.ganbarimame .price table{
width: 100%;
margin-bottom: 10px;
}

.ganbarimame .price table tr th,
.ganbarimame .price table tr td{
font-size: 24px;
text-align: center;
font-weight: 600;
border-bottom: 1px solid #9F9F9F;
border-right: 1px solid #9F9F9F;
padding: 20px 15px;
}

.ganbarimame .price table tr th:last-of-type,
.ganbarimame .price table tr td:last-of-type{
border-right: none;
}

.ganbarimame  .price table tr th{padding: 10px 15px;line-height: 1.2em;}

.ganbarimame  .price table tr th:nth-of-type(2){
background-color: #FFF6BD;
}

.ganbarimame  .price table tr th:nth-of-type(3){
background-color: #FCE19E;
}

.ganbarimame  .price table tr th:nth-of-type(4){
background-color: #FAD493;
}

.ganbarimame  .price table tr th:nth-of-type(5){
color: #148D43;
background-color: #EAF1CF;
}

.ganbarimame  .price table td:first-of-type{
background-color: #eaf6fd;
}

@media screen and (max-width: 1110px){
.ganbarimame .price .price-top h4{font-size: 30px;}
.ganbarimame .price .price-top p{font-size: 23px;}
}

@media screen and (max-width: 1000px){
.ganbarimame .price .price-top h4{font-size: 28px;}
.ganbarimame .price .price-top p{font-size: 18px;margin-bottom: 30px;}
}

@media screen and (max-width: 920px){
.ganbarimame .price table tr th,
.ganbarimame .price table tr td{font-size: 20px;}
}

@media screen and (max-width: 768px){
.ganbarimame .price .price-top p br{display:inherit;}
.ganbarimame .price table tr th,
.ganbarimame .price table tr td{font-size: 15px;}
}

@media screen and (max-width: 480px){
.ganbarimame .price .price-top h4{font-size: 20px;}
.ganbarimame .price .price-top p{font-size: 16px;}
.ganbarimame .price table tr th,
.ganbarimame .price table tr td{font-size: 10px;padding: 5px;}
.ganbarimame .price table tr th{padding: 5px;}
.ganbarimame .price .price-inn p.text-right{font-size: 12px;}
}

.ganbarimame .koshi p.text-center {line-height: 1.5em;}
.ganbarimame .koshi p.text-center span{
font-size: 18px;
font-weight: 600;
}

/*------ 2025.11.26中鉄棒 ------*/
.border-red-b{
border-bottom: 2px solid #E60012;
padding-bottom: 20px;
}

.mb-6{margin-bottom: 60px;}

.mb-120{margin-bottom: 120px;}

.m-auto{
    max-width: 600px;
    margin: 0 auto;
}