@charset "UTF-8";
@media print, screen and (min-width: 751px) { .mainImage { background: url("../img/course/main-image_pc.jpg") 50% 0 no-repeat; background-size: cover; }
#user_guide { padding-top: 0px; margin: 0 auto 0; text-align: center; overflow: hidden; }
#user_guide .title { font-size: 42px; color: #018a2f; margin: 80px auto 15px; }
#user_guide .title:before { content: ''; width: 100%; height: 15px; background: url("../img/common/diamond-icon-green.svg") 50% 0 no-repeat; display: block; clear: both; }
#user_guide .sub { color: #018a2f; font-size: 15px; margin-bottom: 40px; }
#user_guide .infomation table { border-collapse: collapse; width: 100%; }
.memberRecruiment #user_guide .infomation table {line-height: 1.2;}
#user_guide .infomation table th { color: #fff; border: solid 1px #b3b3b3; width: 200px; padding: 25px; background-color: #00891b; }
#user_guide .infomation table td { border: solid 1px #b3b3b3; padding: 25px; }
#user_guide h3 { text-align: left; padding: 0 3px 15px; font-size: 22px; border-bottom: 2px solid #008a1b; margin: 40px auto 20px; }
#user_guide h3:before { color: #008a1b; content: '◆'; margin-right: 10px; font-size: .9rem; vertical-align: 3px; }
#user_guide p { text-align: left; font-size: 15px; line-height: 2; }
#user_guide .rental table { border-collapse: collapse; width: 100%; margin: 20px auto; }
#user_guide .rental table th { color: #fff; border: solid 1px #b3b3b3; width: 200px; padding: 25px; background-color: #00891b; }
#user_guide .rental table td { border: solid 1px #b3b3b3; padding: 25px; text-align: center; vertical-align: middle; }
#user_guide .rental table td.grey { background: #f1ede9; color: #00891b; }
#user_guide .rental.red table th { background: #c8632b; }
#user_guide .rental.red table td.grey { color: #c8632b; }
#user_guide .manner { width: 100%; padding: 50px 70px; line-height: 2.2; border: 1px solid #d9d9d9; text-align: left; }
#user_guide .manner ul li {padding-left: 1em; text-indent: -1em;}
#user_guide .title2 { font-size: 36px; color: #018a2f; margin: 80px auto 15px; }
#user_guide .title2.red { color: #c8632b; }
#user_guide .tel { margin: 20px auto 0; }
#user_guide .card table { border-collapse: collapse; width: 100%; }
#user_guide .card table th { color: #fff; border: solid 1px #b3b3b3; width: 200px; padding: 10px; background-color: #00891b; }
#user_guide .card table td { border: solid 1px #b3b3b3; padding: 10px 25px; text-align: center; }
#user_guide .yamato table { border-collapse: collapse; width: 100%; }
#user_guide .yamato table th { color: #fff; border: solid 1px #b3b3b3; width: 200px; padding: 15px; background-color: #00891b; }
#user_guide .yamato table td { border: solid 1px #b3b3b3; padding: 15px 30px; text-align: center; }
#user_guide .dates table { border-collapse: collapse; width: 100%; margin: 50px auto 100px; }
#user_guide .dates table a { color: #00891b; text-decoration: underline; }
#user_guide .dates table th { color: #fff; border: solid 1px #b3b3b3; width: 80px; padding: 15px; background-color: #00891b; line-height: 1.3; }
#user_guide .dates table td { border: solid 1px #b3b3b3; padding: 25px; text-align: center; vertical-align: middle; }
#user_guide .dates table td:nth-child(2) { text-align: left; width: 250px; }
#user_guide .dates table tr:nth-child(odd) { background: #f3f0ec; }
#user_guide .dates-competition table { border-collapse: collapse; width: 100%; margin: 50px auto 0; }
#user_guide .dates-competition table a { color: #c8632b; text-decoration: underline; }
#user_guide .dates-competition table th { color: #fff; border: solid 1px #b3b3b3; width: 80px; padding: 25px; background-color: #c8632b; }
#user_guide .dates-competition table td { border: solid 1px #b3b3b3; padding: 25px; text-align: center; vertical-align: middle; }
#user_guide .dates-competition table td:first-child { width: 30px; }
#user_guide .dates-competition table td:nth-child(2) { text-align: left; width: 400px; }
#user_guide .dates-competition table tr:nth-child(odd) { background: #f3f0ec; }
#user_guide .pricelist-image img { width: 80%; }
	
#user_guide .guide-box {display: flex;justify-content: center;gap: 4em;margin-bottom: 40px;}
#user_guide .guide-box .guide-box__item:first-of-type {padding: 0.5em 1em;background: #D75C10;border-radius: 10px;color: white;}
#user_guide .guide-box .guide-box__item:last-of-type {padding: 0.5em 1em;background: #1097d7;border-radius: 10px;color: white;}
	
/*-- 下記新会員募集にて使用
------------------------------------------------*/
#user_guide .flexBox {display: flex;display:-webkit-box;display:-ms-flexbox;justify-content: space-around;-ms-flex-pack: distribute;width: 100%;max-width: 750px;margin: 0 auto;}
#user_guide .flexBox .mrMainContents {width: 100%;max-width: 310px;margin-right: auto;color: white;background-color: #01891B;text-align: left;}
#user_guide .flexBox .mrMainContents:last-of-type {margin: 0;}
#user_guide .flexBox .mrMainContents div {padding: 20px 30px;}
#user_guide .flexBox .mrMainContents div h4 {margin-bottom: 8px;padding-bottom: 10px; font-size: 22px;border-bottom: 1px solid;}
	
	
#contact .large { font-size: 29px; text-align: center; line-height: 1.5; margin: 50px auto 20px; }
#contact p { text-align: center; line-height: 2; }
#contact .left { text-align: left; margin: 30px 0 5px; }
#contact .left span { color: #03852f; }
#contact table { border-collapse: collapse; width: 100%; }
#contact table th { border: solid 1px #d9d9d9; wid: 220px; padding: 25px; background-color: #f1ede9; }
#contact table th span { color: #03852f; font-size: 10px; }
#contact table td { border: solid 1px #d9d9d9; padding: 25px; }
#contact .btn { color: #fff; background: #d75c10; width: 350px; padding: 20px; text-align: center; margin: 40px auto; }
#contact .tel { margin: 100px auto 50px; text-align: center; }
#event .pricelist-image { width: 50%; float: left;}
/* .pricelist-image:nth-child(4) { clear: both;} */
}

@media screen and (max-width: 750px) { .mainImage { background: url("../img/course/main-image_sp.jpg") 50% 0 no-repeat; background-size: cover; }
#user_guide { margin: 0 auto 0; text-align: center; overflow: hidden; }
#user_guide .title { font-size: 42px; color: #018a2f; margin: 30px auto 15px; }
#user_guide .title:before { content: ''; width: 100%; height: 15px; background: url("../img/common/diamond-icon-green.svg") 50% 0 no-repeat; display: block; }
#user_guide .sub { color: #018a2f; font-size: 14px; margin-bottom: 20px; }
#user_guide .infomation table { line-height: 1.8; border-collapse: collapse; width: 100%; }
#user_guide .infomation table th { display: block; color: #fff; border: solid 1px #b3b3b3; width: 100%; padding: 15px; background-color: #00891b; }
#user_guide .infomation table td { display: block; border: solid 1px #b3b3b3; padding: 15px; }
#user_guide h3 { text-align: left; padding: 0 3px 15px; font-size: 22px; border-bottom: 2px solid #008a1b; margin: 30px auto 20px; }
#user_guide h3:before { color: #008a1b; content: '◆'; margin-right: 10px; font-size: .9rem; vertical-align: 3px; }
#user_guide p { text-align: left; font-size: 14px; line-height: 2; }
#user_guide .rental table { border-collapse: collapse; width: 100%; margin: 10px auto; line-height: 1.6; }
#user_guide .rental table th { color: #fff; border: solid 1px #b3b3b3; width: 25%; padding: 15px 5px; background-color: #00891b; }
#user_guide .rental table td { border: solid 1px #b3b3b3; padding: 15px 5px; text-align: center; vertical-align: middle; }
#user_guide .rental table td.grey { background: #f1ede9; color: #00891b; }
#user_guide .manner { width: 100%; padding: 20px 20px; line-height: 2; border: 1px solid #d9d9d9; text-align: left; }
#user_guide .manner ul li {padding-left: 1em; text-indent: -1em;}
#user_guide .title2 { font-size: 30px; color: #018a2f; margin: 30px auto 15px; }
#user_guide .title2.red { color: #c8632b; }
#user_guide .tel { margin: 20px auto 50px; }
#user_guide .card table { border-collapse: collapse; width: 100%; }
#user_guide .card table th { width: 100%; display: block; color: #fff; border: solid 1px #b3b3b3; padding: 20px; background-color: #00891b; }
#user_guide .card table td { display: block; border: solid 1px #b3b3b3; padding: 15px 25px; }
#user_guide .yamato table { border-collapse: collapse; width: 100%; }
#user_guide .yamato table th { display: block; width: 100%; color: #fff; border: solid 1px #b3b3b3; padding: 15px; background-color: #00891b; }
#user_guide .yamato table td { display: block; border: solid 1px #b3b3b3; padding: 10px; text-align: center; }
#user_guide .yamato table td img { width: 50%; }
#user_guide .dates table { border-collapse: collapse; width: 100%; margin: 20px auto 50px; }
#user_guide .dates table a { color: #00891b; text-decoration: underline; }
#user_guide .dates table th { color: #fff; border: solid 1px #b3b3b3; padding: 5px; background-color: #00891b; line-height: 1.3; }
#user_guide .dates table td { border: solid 1px #b3b3b3; padding: 10px 5px; text-align: center; vertical-align: middle; width: 43%; }
#user_guide .dates table td:nth-child(2) { text-align: left; width: 50%; line-height: 1.5;}
#user_guide .dates table tr:nth-child(odd) { background: #f3f0ec; }
#user_guide .dates-competition table { border-collapse: collapse; width: 100%; margin: 20px auto 50px; }
#user_guide .dates-competition table a { color: #c8632b; text-decoration: underline; }
#user_guide .dates-competition table th { color: #fff; border: solid 1px #b3b3b3; padding: 20px 5px; background-color: #c8632b; }
#user_guide .dates-competition table td { border: solid 1px #b3b3b3; padding: 10px 5px; text-align: center; vertical-align: middle; width: 43%; }
#user_guide .dates-competition table td:nth-child(2) { text-align: left; width: 70%; }
#user_guide .dates-competition table td:nth-child(3) { width: 15%; }
#user_guide .dates-competition table tr:nth-child(odd) { background: #f3f0ec; }
#user_guide iframe { width: 100%; height: 550px; }
#user_guide .pricelist-image img { width: 100%; }
	
#user_guide .guide-box {display: flex;justify-content: center;gap: 2em;margin-bottom: 20px;}
#user_guide .guide-box .guide-box__item:first-of-type {padding: 0.5em 1em;background: #D75C10;border-radius: 10px;color: white;}
#user_guide .guide-box .guide-box__item:last-of-type {padding: 0.5em 1em;background: #1097d7;border-radius: 10px;color: white;}
	
/*-- 下記新会員募集にて使用
------------------------------------------------*/
.memberRecruiment .mainImage h1 span {font-size: 1.9rem!important;}
#user_guide .flexBox {display: flex;/*display:-webkit-box;display:-ms-flexbox;*/flex-wrap: wrap;-ms-flex-wrap: wrap;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
#user_guide .flexBox .mrMainContents {width: 100%;max-width: 310px;margin:10px auto;color: white;background-color: #01891B;text-align: left;flex-basis: 1 0 310px;}
#user_guide .flexBox .mrMainContents div {padding: 20px 30px;}
#user_guide .flexBox .mrMainContents div h4 {margin-bottom: 8px;padding-bottom: 10px; font-size: 22px;border-bottom: 1px solid;}
	
#contact .large { font-size: 20px; text-align: center; line-height: 1.5; margin: 20px auto 20px; }
#contact p { text-align: center; line-height: 1.7; }
#contact .left { text-align: left; margin: 30px 0 5px; }
#contact .left span { color: #03852f; }
#contact table { border-collapse: collapse; width: 100%; }
#contact table th { display: block; border: solid 1px #d9d9d9; width: 100%; padding: 15px 0; background-color: #f1ede9; }
#contact table th span { color: #03852f; font-size: 10px; }
#contact table td { display: block; border: solid 1px #d9d9d9; padding: 15px 0; text-align:center; }
#contact .btn { color: #fff; background: #d75c10; width: 100%; padding: 20px 0; text-align: center; margin: 30px auto; }
#contact .tel { margin: 50px auto 50px; text-align: center; }
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { width: 90%;}
}