@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; box-sizing:border-box; word-break:normal;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
text-align:left;
color:#000;
background:#ece2d4;
min-width:1000px;
}
input,select,textarea{ font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; font-size:16px; box-sizing:border-box;}
:placeholder-shown{ color:#ccc;}
::-webkit-input-placeholder{ color:#ccc;}
:-moz-placeholder{ color:#ccc; opacity:1;}
::-moz-placeholder{ color:#ccc; opacity:1;}
:-ms-input-placeholder{ color:#ccc;}
@media screen and (max-width:640px){
html,body {
min-width:1px;
max-width:640px;
}
}

img { border-style:none; vertical-align:bottom; padding:0; max-width:100%;}
figure {margin:20px auto; text-align:center;}
figure.m0 {margin:0 auto;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ line-height:1.8em; margin:0 0 14px; padding:0;}
p:last-child{margin:0;}
a{ color:inherit; text-decoration:none;}
.trans { transition:0.3s; -webkit-transition:0.3s;}
.opa { transition:0.2s; -webkit-transition:0.2s;}
@media print, screen and (min-width:641px){
.opa:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
a:hover{}
}
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.clear { clear:both;}
.clearfix:after{ margin:0; padding:0; visibility:hidden; content:"."; display:block; line-height:0; clear:both;}



/*ヘッダー*/
#header{ background:#fff;}
#header_in{ width:1000px; margin:0 auto; padding:20px 0 40px; position:relative;}
#header #nav001{ position:absolute; right:0; top:20px;}
#header #nav001 ul{ letter-spacing:-1em; font-size:1px; text-align:right;}
#header #nav001 ul li{ display:inline-block; vertical-align:middle; letter-spacing:normal; font-size:14px; margin-left:15px;}
#header #nav001 ul li.login,
#header #nav001 ul li.shop{ width:120px; text-align:center;}
#header #nav001 ul li.login a{ display:block; color:#000; border:1px solid #000; background:#fff; border-radius:30px; padding:7px; line-height:1em;}
#header #nav001 ul li.shop a{ display:block; color:#000; border:1px solid #000; background:#fff; border-radius:30px; padding:7px; line-height:1em;}
#header #nav001 ul li.lang_jp{ padding:0 10px 0 30px; background:url(../images/jp.png) 10px center no-repeat; border-left:1px solid #000; border-right:1px solid #000;}
#header #nav001 ul li select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing:border-box;
}
#header #nav001 ul li select::-ms-expand{ display:none;}
#header #nav001 ul li select{ padding:3px 20px 3px 5px; background:url(../images/lang_sw_arrow.png) right center no-repeat; width:80px; cursor:pointer;}
@media print, screen and (min-width:641px){
#header #nav001 ul li.login a:hover{ border:1px solid #000; background:#000; color:#fff;}
#header #nav001 ul li.shop a:hover{ border:1px solid #000; background:#000; color:#fff;}
#header #logo h1{ display:inline-block; width:260px; background:url(../images/logo.svg) center center no-repeat; background-size:100% auto;}
}
@media screen and (max-width:640px){
#header_in{ width:100%; padding:10px 0;}
#header #nav001{ display:none;}
}

#nav001 .language {
	padding:0 10px 0 30px;
	border-left:1px solid #000;
}
#nav001 .language option {
	padding-top: 8px;
	padding-bottom: 8px;
}
#nav001 [class*="lang_"] {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 30px;
}
#nav001 .lang_ja {
	background-image: url(../images/jp.png);
}


#header_in2{ width:100%; margin:0 auto; display:table; table-layout:fixed;}
#header #logo{ display:table-cell; vertical-align:bottom; width:260px;}

#header #nav002{ display:table-cell; vertical-align:bottom;}
#header #nav002 ul{ letter-spacing:-1em; font-size:1px; text-align:right;}
#header #nav002 ul li{ display:inline-block; vertical-align:middle; letter-spacing:normal; font-size:14px; margin-left:35px; position:relative; cursor:pointer;}
#header #nav002 ul li span.ico{ display:inline-block; vertical-align:middle; margin-left:10px;}
#header #nav002 ul li span.ico img{ vertical-align:middle; position:relative; top:-1px;}
#header #nav002 ul .submenu{ transition:0.3s; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; visibility:hidden; z-index:102;}
#header #nav002 ul .submenu.click{ opacity:100; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; visibility:visible;}
#header #nav002 ul .submenu{ position:absolute; left:-30px; top:53px; width:160px; background:url(../images/nav_arrow.png) center top no-repeat; padding-top:9px;}
#header #nav002 ul .submenu ul{ border:1px solid #d28155; border-radius:4px; background:#d28155;}
#header #nav002 ul .submenu ul li{ text-align:left; display:block; margin:0;}
#header #nav002 ul .submenu ul li a{ padding:10px; display:block; color:#fff; background:url(../images/nav_ico2.png) right center no-repeat;}
#header #nav002 ul .submenu ul li:first-child a{ border-radius:4px 4px 0 0;}
#header #nav002 ul .submenu ul li:last-child a{ border-radius:0 0 4px 4px;}
@media print, screen and (min-width:641px){
#header #nav002 ul .submenu ul li a:hover{ background-color:#fff; color:#d28155;}
}
@media screen and (max-width:640px){
#header_in2{ width:100%; margin:0 auto; display:block;}
#header #logo{ display:table; table-layout:fixed; width:100%;}
#header #logo h1{ display:table-cell; vertical-align:middle; width:50%;}
#header #logo .menu_btn{ display:table-cell; vertical-align:middle; text-align:right; padding-right:3%;}
#header #nav002{ display:none;}
}
.eff001{ position:relative; display:inline-block; transition:0.3s; -webkit-transition:0.3s;}
.eff001::after{ position:absolute; bottom:0; left:0; content:''; width:0; height:1px; background-color:#000; transition:0.3s; -webkit-transition:0.3s;}
.eff001.click::after{ width:100%;}
@media print, screen and (min-width:641px){
.eff001:hover::after{ width:100%;}
}
/*スマホナビ*/
@media screen and (max-width:640px){
#dl-menu{ position:relative; z-index:100;}
#dl-menu button{ margin:8% 3% 0 0; padding:0; background:#ece2d4; float:right;}
#dl-menu ul{ background:#fff; margin-top:10px;}
#dl-menu ul li{ text-align:left; color:#000; border-bottom:1px solid #000;}
#dl-menu ul li:first-child{ border-top:1px solid #000;}
#dl-menu ul li a{ text-decoration:none; color:#000;}
#dl-menu ul li span.ico{ display:inline-block; vertical-align:middle; margin-left:10px;}
#dl-menu ul li span.ico img{ vertical-align:middle;}
#dl-menu ul li .submenu{ display:none;}
#dl-menu ul li .submenu ul{ background:#d28155; margin-top:5px;}
#dl-menu ul li .submenu ul li{ text-align:left; display:block; margin:0; border:none; border-bottom:1px solid #fff;}
#dl-menu ul li .submenu ul li:last-child{ border:none;}
#dl-menu ul li .submenu ul li a{ padding:3% 1.5%; display:block; color:#fff; background:url(../images/nav_ico2.png) right center no-repeat;}
}
/*スマホナビ*/


/*フッター*/
#footer{ margin:0 auto; background:#434343; color:#fff; padding-top:60px;}
#footer_in{ width:1000px; margin:0 auto; display:table; table-layout:fixed;}
#footer_in ul{ display:table-cell; vertical-align:top; width:300px;}
#footer_in ul li{ font-size:14px; margin-bottom:15px;}
#footer_in ul li a{ padding-left:14px; background:url(../images/foot_nav_arrow.png) left center no-repeat; display:block;}
#footer_in ul li a:hover{ color:#979797;}
#footer_in #footer_logo{ display:table-cell; vertical-align:top; text-align:right;}
#footer_in #footer_logo a{ display:inline-block; width:320px; padding:5px; background:#fff; border-radius:8px;}
#footer_in #footer_logo a figure{ display:block; margin:0 auto; background:url(../images/logo.svg) center center no-repeat #fff; background-size:100% auto;}
p.copyright{ text-align:center; margin:115px auto 0; padding:25px 0 25px; border-top:1px solid #565656; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
@media screen and (max-width:640px){
#footer{ padding-top:30px;}
#footer_in{ width:94%; display:block;}
#footer_in ul{ display:block; width:100%; letter-spacing:-1em; font-size:1px; margin-bottom:6px;}
#footer_in ul li{ font-size:12px; margin-bottom:12px; display:inline-block; letter-spacing:normal; vertical-align:top; width:50%;}
#footer_in ul li a{ padding-left:7px;}

#footer_in #footer_logo{ display:block;}
#footer_in #footer_logo a{ display:block; width:100%; padding:5px;}
p.copyright{ font-size:12px; line-height:1.4em; margin-top:30px; padding:15px 3% 15px;}
}

/*メイン*/
section { width:100%; margin:0 auto;}
.maincontent { padding:100px 0; margin:0 auto; width:1000px;}
@media screen and (max-width:640px){
.maincontent { padding:40px 0; margin:0 auto; width:94%}
}
.maincontent img{
	height:auto;
}

/*タイトル*/
h2{ text-align:center; margin-bottom:50px; font-size:36px; line-height:1.8em; letter-spacing:0.1em; position:relative;}
h2 span{ display:block; font-size:14px; line-height:1.2em;  letter-spacing:0.1em;}
h2.h2_001::after{ position:absolute; bottom:-30px; left:0; right:0; margin:auto; content:''; width:12px; height:12px; border-radius:50%; background-color:#ece2d4;}
h2.h2_002::after{ position:absolute; bottom:-30px; left:0; right:0; margin:auto; content:''; width:12px; height:12px; border-radius:50%; background-color:#fff;}
@media screen and (max-width:640px){
h2{ font-size:32px; line-height:1.2em;}
h2 span{ font-size:13px; margin-top:5px;}
}

/*ボタン*/
.btn{ text-align:center;}
.btn a{ display:inline-block; width:240px; border:1px solid #000; background:#000; color:#fff; text-align:center; border-radius:30px; padding:13px 10px; font-size:18px; line-height:1em;}
@media print, screen and (min-width:641px){
.btn a:hover{ background:#fff; color:#000;}
}
.btn2{ text-align:center;}
.btn2 a{ display:inline-block; width:400px; border:1px solid #e07f48; background:#e07f48; color:#fff; text-align:center; border-radius:30px; padding:18px 10px; font-size:18px; line-height:1em;}
@media print, screen and (min-width:641px){
.btn2 a:hover{ background:#fff; color:#000;}
}
@media screen and (max-width:640px){
.btn2 a{ width:100%;}
}

/***********/
/*TOPページ*/
/***********/
/*スライダー001*/
#slider .slider1{ width:1000px; margin:0 auto;}
#slider .slider1 li{ height:574px; text-align:center;}
#slider .slider1 li:nth-child(1){ background:url(../images/slider001_bg.jpg) center center no-repeat;}
#slider .slider1 li:nth-child(2){ background:url(../images/slider002_bg.jpg) center center no-repeat;}
#slider .slider1 li:nth-child(3){ background:url(../images/slider003_bg.jpg) center center no-repeat;}
#slider .slider1 li:nth-child(4){ background:url(../images/slider004_bg.jpg) center center no-repeat;}
#slider .slider1 li:nth-child(5){ background:url(../images/slider005_bg.jpg) center center no-repeat;}
#slider .slider1 li:nth-child(6){ background:url(../images/slider006_bg.jpg) center center no-repeat;}
@media print, screen and (min-width:1000px){
#slider .slider1{ width:100%; margin:0 auto;}
#slider .slider1 li img{ display:none;}
}
@media screen and (max-width:640px){
#slider .slider1 li{ height:auto; background:none;}
}

/*POYの効果*/
section#about{ text-align:center;}
section#about .maincontent{ padding-top:40px;}
section#about p.about_t{ display:inline-block; background:url(../images/about_t.png) left top no-repeat; padding:70px 70px 0; font-size:18px;}
section#about ul{ display:table; table-layout:fixed; width:100%; margin:60px auto;}
section#about ul li{ display:table-cell; vertical-align:top; padding:0 15px;}
section#about ul li:nth-child(3n+1){ padding:0 30px 0 0;}
section#about ul li:nth-child(3n+3){ padding:0 0 0 30px;}
section#about .about_box{ background:#f4efe7; padding:15px; border-radius:8px;}
section#about .about_box dl{ border:4px solid #fff; border-radius:4px; padding:30px 15px; position:relative;}
section#about .about_box dl::after{ position:absolute; top:-4px; left:0; right:0; margin:auto; content:''; width:40px; height:4px; background-color:#e07f48;}
section#about .about_box dl dt{ font-size:22px; letter-spacing:0.2em;}
section#about .about_box dl figure{ margin:30px auto;}
@media screen and (max-width:640px){
section#about{ text-align:left;}
section#about p.about_t{ display:inline-block; background:url(../images/about_t.png) left top no-repeat; background-size:50px auto;  padding:25px 30px 0; font-size:16px;}
section#about ul{ display:block; margin:30px auto;}
section#about ul li{ display:block; padding:0; margin-bottom:10px;}
section#about ul li:nth-child(3n+1){ padding:0;}
section#about ul li:nth-child(3n+3){ padding:0;}
section#about .about_box{ background:#f4efe7; padding:5px; border-radius:8px;}
section#about .about_box dl{ border:2px solid #fff; border-radius:4px; padding:20px 10px; text-align:center;}
section#about .about_box dl::after{ top:-2px; height:2px;}
section#about .about_box dl figure{ margin:20px auto;}
}

/*お知らせ*/
section#information{ background: #f9f9f9; }
section#information ul{ display:table; table-layout:fixed; width:100%; }
section#information ul li{ display:table-cell; vertical-align:top; padding:0 9px;}
section#information ul li:nth-child(3n+1){ padding:0 18px 0 0;}
section#information ul li:nth-child(3n+3){ padding:0 0 0 18px;}
section#information ul li .information_date{ float: left; font-size: 16px; }
section#information ul li .information_cat{ text-align: right; margin: 0 0 10px; }
section#information ul li .information_cat span { min-width: 100px; padding: 3px 5px; color: #fff; }
section#information ul li .information_thumb{ padding-top: 75%; }
section#information ul li .information_title{ margin: 10px 0; }
@media screen and (max-width:640px){
section#information ul li .information_date{ float: none; margin: 0 0 5px; }
section#information ul li .information_cat{ text-align: left; font-size: 10px; }
}

/*初めての方へ*/
section#beginners{ background:#fff; text-align:center;}
section#beginners p.beginners_t{ font-size:18px;}
section#beginners p.att{ font-size:13px; text-align:left;}
section#beginners ul{ text-align:center; margin:100px auto 30px; letter-spacing:-1em; font-size:1px;}
section#beginners ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; font-size:14px; margin:0 16px; width:220px; position:relative;}
section#beginners ul li:first-child{ margin:0 16px 0 0;}
section#beginners ul li:last-child{ margin:0 0 0 16px;}
section#beginners ul li{ background:#f4efe7; position:relative; padding:60px 20px 30px; border-radius:4px;}
section#beginners ul li:last-child::after{ display:none;}
section#beginners ul li span.step{ position:absolute; top:-50px; left:0; right:0; margin:auto; background:rgba(244,239,231,0.5); width:100px; height:100px; padding:16px; border-radius:50%;}
section#beginners ul li dl dt{ color:#e07f48; font-size:16px; margin-bottom:30px;}
section#beginners ul li.step03 dl dt{ line-height:3em;}
section#beginners ul li dl dd{ text-align:left; font-size:13px;}
section#beginners ul li dl dd a{ display:block; background:#fff; padding:10px; margin-top:30px; text-align:center; border-radius:30px; font-size:16px; line-height:1em; transition:0.3s; -webkit-transition:0.3s;}
@media print, screen and (min-width:641px){
section#beginners ul li::after{ content:""; width:16px; height:32px; position:absolute; right:-16px; top:60px; background:url(../images/beginners_arrow.png) center center no-repeat;}
section#beginners ul li dl dd a:hover{ background:#000; color:#fff;}
}
@media screen and (max-width:640px){
section#beginners p.beginners_t{ font-size:16px;}
section#beginners p.att{ font-size:12px;}
section#beginners ul{ text-align:center; margin:60px auto 20px;}
section#beginners ul li{ display:block; margin:0 auto 76px; width:100%;}
section#beginners ul li:first-child{ margin:0  auto 76px;}
section#beginners ul li:last-child{ margin:0 auto;}

section#beginners ul li{ background:#f4efe7; position:relative; padding:50px 20px 30px; border-radius:4px;}
section#beginners ul li::after{ content:""; width:32px; height:16px; position:absolute; left:0; right:0; bottom:-16px; margin:auto; background:url(../images/beginners_arrow_smp.png) center center no-repeat;}

section#beginners ul li span.step{ position:absolute; top:-50px; left:0; right:0; margin:auto; background:rgba(244,239,231,0.5); width:100px; height:100px; padding:16px; border-radius:50%;}
section#beginners ul li dl dt{ color:#e07f48; font-size:16px; font-weight:bold; margin-bottom:20px;}
section#beginners ul li.step03 dl dt{ line-height:3em;}
section#beginners ul li dl dd{ text-align:left; font-size:13px;}
section#beginners ul li dl dd a{ display:block; background:#fff; padding:10px; margin-top:30px; text-align:center; border-radius:30px; font-size:16px; line-height:1em; transition:0.3s; -webkit-transition:0.3s;}
}

/*参加者の声*/
section#voice .maincontent{ width:100%; padding:0;}
section#voice h2{ color:#fff; text-shadow:2px 2px 25px #a9aaa5, 2px 2px 25px #a9aaa5; margin-bottom:60px;}
section#voice h2 span{ color:#fff; text-shadow:none;}
section#voice .bx-wrapper .bx-pager { display: none;}
section#voice ul li{ background:url(../images/voice001.jpg) center center no-repeat; padding:30px 0 360px;height:100vh;min-height: 600px;}
section#voice ul li:nth-child(2){ background:url(../images/voice002.jpg) center center no-repeat;}
section#voice ul li .voice_txt{ width:1000px; margin:0 auto;}
section#voice ul li p{ color:#fff; font-size:18px; width:610px; margin:0 auto 0 0; background:rgba(0,0,0,0.33); border-radius:5px; padding:20px;}
@media screen and (max-width:640px){
section#voice h2{ margin-bottom:50px;}
section#voice ul li{ background:url(../images/voice001_smp.jpg) right center no-repeat; background-size:auto 100%; padding:40px 0 40px;}
section#voice ul li:nth-child(2){ background:url(../images/voice002_smp.jpg) right center no-repeat; background-size:auto 100%;}

section#voice ul li p{ color:#fff; font-size:12px; line-height:1.6em; width:100%; margin:0 auto 0 0; background:rgba(0,0,0,0.5); padding:4.5%; border-radius:5px;}
}

/*体験してみる*/
section#ex{ background:#fff;}
section#ex ul{ display:table; table-layout:fixed; width:100%; text-align:center;}
section#ex ul li{ display:table-cell; vertical-align:top; padding:0 9px;}
section#ex ul li:nth-child(3n+1){ padding:0 18px 0 0;}
section#ex ul li:nth-child(3n+3){ padding:0 0 0 18px;}
section#ex ul li .ex001{ background:url(../images/ex001.jpg) center center no-repeat; background-size:100% auto; height:220px;}
section#ex ul li .ex002{ background:url(../images/ex002.jpg) center center no-repeat; background-size:100% auto; height:220px;}
section#ex ul li .ex003{ background:url(../images/ex003.jpg) center center no-repeat; background-size:100% auto; height:220px;}
section#ex ul li a{ display:block; height:220px; position:relative; overflow:hidden;}
section#ex ul li a::after{ content:""; width:160px; height:160px; border-radius:50%; margin:0 auto; background:rgba(153,141,114,0.85); margin:auto; position:absolute; left:0; right:0; top:30px; transition:0.3s; -webkit-transition:0.3s;}
section#ex ul li a dl{ margin:0 auto; padding-top:90px; margin:auto; position:relative; z-index:2;}
section#ex ul li a dl dt{ font-size:18px; color:#fff; transition:0.3s; -webkit-transition:0.3s;}
section#ex ul li a dl dd{ font-size:14px; color:#fff; transition:0.3s; -webkit-transition:0.3s;}
@media print, screen and (min-width:641px){
section#ex ul li a:hover::after{ width:440px; height:440px; left:-60px; top:-75px;}
section#ex ul li a:hover dl dt{ font-size:24px;}
section#ex ul li a:hover dl dd{ font-size:18px;}
}
@media screen and (max-width:640px){
section#ex ul{ display:block;}
section#ex ul li{ display:block; padding:0; margin-bottom:10px;}
section#ex ul li:nth-child(3n+1){ padding:0;}
section#ex ul li:nth-child(3n+3){ padding:0;}
section#ex ul li .ex001,
section#ex ul li .ex002,
section#ex ul li .ex003{ height:220px;}
}

/*講座情報*/
section#program{ background: #f9f9f9; }
section#program ul{}
section#program ul li{ display: block; float: left; width: 25%; }
section#program ul li>div {padding: 0 9px; }
/*section#program ul li:nth-child(4n+1)>div { padding:0 18px 0 0;}
section#program ul li:nth-child(4n+2)>div { padding:0 12px 0 6px; }
section#program ul li:nth-child(4n+3)>div { padding:0 6px 0 12px; }
section#program ul li:nth-child(4n)>div { padding:0 0 0 18px; }
section#program ul li a { display: block; background: #fff; }*/
section#program ul li .program_thumb{ position: relative; padding-top: 100%; }
section#program ul li .program_date{ position: absolute; width: 80%; top: 5%; left: 0; opacity: 0.9; }
section#program ul li .program_date span { display: inline-block; padding: 2px 10px; background: #000; color: #fff; opacity: 0.9; }
section#program ul li .program_location{ position: absolute; width: 80%; bottom: 5%; right: 5%; text-align: right; }
section#program ul li .program_location span { display: inline-block; padding: 2px 10px; border-radius: 5px; background: #fff; opacity: 0.9; }
section#program ul li .program_cat{ text-align: right; margin: 0 0 10px; }
section#program ul li .program_cat span { min-width: 100px; padding: 3px 5px; color: #fff; }
section#program ul li .program_txt { height: 140px; }
section#program ul li .program_title { padding: 10px; }
section#program ul li .program_title span { font-size: 16px; padding-left: 10px; }
section#program .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; }
@media screen and (max-width:640px){
section#program ul li { width: 50%; }
section#program ul li .program_date{ float: none; margin: 0 0 5px; }
section#program ul li .program_cat{ text-align: left; font-size: 10px; }
section#program ul li .program_title span { font-size: 14px; }
}
section#program2 {
  background: #f9f9f9;
}
section#program2 ul li {
}
section#program2 ul li:nth-child(2n+1) {
  background: #fff;
}
section#program2 ul li a {
  display: table-row;
}
section#program2 ul li .program_date {
  display: table-cell;
  width: 140px;
  padding: 10px 5px 10px 15px;
  vertical-align: middle !important;
}
section#program2 ul li .program_location {
  display: table-cell;
  width: 80px;
  padding: 10px 5px;
  text-align: center;
  vertical-align: middle !important;
}
section#program2 ul li .program_location span {
  border-radius: 5px;
  padding: 3px 5px;
}
section#program2 ul li .program_txt {
  display: table-cell;
  padding: 10px 5px;
  vertical-align: middle !important;
}

/*企業の導入事例*/
section#int{ background:url(../images/int_bg.jpg) center center no-repeat; text-align:center;}
section#int ul{ letter-spacing:-1em; font-size:1px; text-align:center; margin:60px auto 50px;}
section#int ul li{ display:inline-block; vertical-align:middle; letter-spacing:normal; margin:10px;}
section#int p{ margin-bottom:50px;}
@media screen and (max-width:640px){
section#int ul li{ width:33.3333%; margin:0; padding:1.5%;}
}

/*instagram*/
section#instagram{ background:#fff;}
section#instagram h2{ font-size:1px;}
section#instagram h2 span{ font-size:30px;}
ul#instafeed{ text-align:center; letter-spacing:-1em; font-size:1px; background:#000;}
ul#instafeed li{ display:inline-block; vertical-align:middle; letter-spacing:normal; width:20%; background:#000;}
@media screen and (max-width:640px){
}




/************/
/*下層ページ*/
/************/
/*catch*/
#catch{ height: 280px; display: flex; justify-content: center; align-items:  center;}
#catch h2{ text-align:center; font-size:30px; line-height:1em; margin:0 auto; color:#fff;}
#catch h2 span.eng{
	/*background: rgba(0, 0, 0, 0) url("../images/catch_h2_ico.png") no-repeat scroll center bottom;*/
	font-family:Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;font-size: 46px;font-weight: 700;
	line-height: 1;
	/*padding-bottom: 25px;*/
}
#catch h2 span.jap {
  font-size: 20px;
  padding-top: 20px;
}
@media screen and (max-width:640px){
#catch{ height:136px; padding:0 0;}
#catch h2{ font-size:30px; background:none;}
#catch h2 span.jap{ font-size:18px; margin-top:4px;}
#catch h2 span.eng{
	font-size: 23px;
	/*padding-bottom: 20px;*/
}
#catch h2 span.jap { font-size: 14px; padding-top: 4px;}

}

/*about*/
#catch.about{ background:url(../images/about/main.jpg) center center; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
@media screen and (max-width:640px){
/*#catch.about{ padding-top:27px;}*/
}
#about{ text-align:center;}
#about #about_t{ font-size:64px; letter-spacing:0.05em; line-height:1.0em; color:#fff; background:url(../images/about/about_t_bg.png) center center no-repeat; padding:31px 0; font-family:Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;}
#about #about_t span{ font-size:48px;}
#about #about_t2{ font-size:30px; position:relative; padding:30px; margin-bottom:30px;}
#about #about_t2:after{ content:""; position:absolute; left:0; right:0; bottom:0; margin:auto; width:60px; height:2px; background:#000;}
@media screen and (max-width:640px){
#about #about_t{ font-size:32px; letter-spacing:0em; line-height:1.2em; background-size:auto 100%; padding:31px 0; text-align:center;}
#about #about_t span{ font-size:28px;}
#about #about_t2{ font-size:16px; padding:20px; margin-bottom:20px; text-align:center;}
}
#about_method{ background:#fff;}
#about_method *{ word-break:normal;}
#about_method p{ font-size:18px; text-align:center;}
#about_method ul{ text-align:center; letter-spacing:-1em; font-size:1px; margin-top:80px;}
#about_method ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:230px; margin:0 20px 0 0; position:relative;}
#about_method ul li span.ico{ position:absolute; left:0; right:0; top:-22px; margin:auto; display:block; width:100%; text-align:center;}
#about_method dl{ background:#f4efe7; border-radius:5px; padding:50px 20px 20px;}
#about_method dl dt{ text-align:center; margin-bottom:30px;}
#about_method dl dd strong{ display:block; text-align:center; font-size:16px; color:#e07f48; margin-bottom:20px;}
#about_method dl dd p{ font-size:13px; text-align:left;}
@media screen and (max-width:640px){
#about_method p{ font-size:16px; text-align:left;}
#about_method ul{ margin-top:60px;}
#about_method ul li{ display:block; width:100%; margin:0 auto 40px;}
#about_method dl{ padding:30px 6% 10px;}
#about_method dl dt{ margin-bottom:10px;}
#about_method dl dd strong{ margin-bottom:10px;}
}
#about_movie ul{ display:table; table-layout:fixed; width:100%;}
#about_movie ul li{ display:table-cell; vertical-align:top; padding:0 16px; position:relative;}
#about_movie ul li:first-child{ padding:0 32px 0 0;}
#about_movie ul li:last-child{ padding:0 0 0 32px;}
#about_movie dl{ text-align:center;}
#about_movie dl dt{ position:relative; width:100%; padding-top:56.25% !important;}
#about_movie dl dt iframe{ position:absolute; top:0; right:0; width:100% !important; height:100% !important;}
#about_movie dl dd{ font-size:16px; margin-top:30px;}
@media screen and (max-width:640px){
#about_movie ul{ display:block;}
#about_movie ul li{ display:block; padding:0 6%; margin-bottom:30px;}
#about_movie ul li:first-child{ padding:0 6%;}
#about_movie ul li:last-child{ padding:0 6%; margin-bottom:0;}
#about_movie dl dd{ font-size:15px; margin-top:5px;}
}
#about_tools{ background:url(../images/about/about_tools_bg.jpg) center center no-repeat #fff;}
#about_tools *{ word-break:normal;}
#about_tools_in{ padding-left:50%;}
#about_tools_in p{ margin:80px auto 50px;}
@media screen and (max-width:640px){
table tbody {
    display: table;
    width: 100%;
}
#about_tools{ background:#ebe2d3;}
#about_tools_in{ padding:0;}
#about_tools_in p{ margin:0 auto 30px;}
}
#about_message *{ word-break:normal;}
#about_message{ background:url(../images/about/about_message_bg.jpg) center center no-repeat #f4f0e7;}
#about_message p{ margin:80px auto 0 0; width:640px;}
@media screen and (max-width:640px){
#about_message{ background:#f4f0e7;}
#about_message figure{ margin:0;}
#about_message p{ margin:0 auto; width:100%;}
#about_message h2{ font-size:21px; letter-spacing:-0.1em;}
}

/*training*/
#catch.training{ background:url(../images/training/main.jpg) center center; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
section#training{ background:#f4efe7;}
section#training p{ font-size:18px; text-align:center;}
section#training ul{ text-align:center; margin:100px auto 30px; letter-spacing:-1em; font-size:1px;}
section#training ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; font-size:14px; margin:0 16px; width:220px; position:relative;}
section#training ul li:first-child{ margin:0 16px 0 0;}
section#training ul li:last-child{ margin:0 0 0 16px;}
section#training ul li{ background:#fff; position:relative; padding:60px 20px 30px; border-radius:4px;}
section#training ul li:last-child::after{ display:none;}
section#training ul li span.step{ position:absolute; top:-50px; left:0; right:0; margin:auto; background:#fff; width:100px; height:100px; padding:16px; border-radius:50%;}
section#training ul li dl dt{
	font-size:18px;
	min-height: 54px;
}
section#training ul li.step01 dl dt{ color:#eeaf39;}
section#training ul li.step02 dl dt{ color:#e1752d;}
section#training ul li.step03 dl dt{
	/*line-height:3em;*/
	color:#d24b1e;
}
section#training ul li.step04 dl dt{ color:#bd1515;}
@media print, screen and (min-width:641px){
section#training ul li::after{ content:""; width:16px; height:32px; position:absolute; right:-16px; top:60px; background:url(../images/training/training_arrow.png) center center no-repeat;}
}
@media screen and (max-width:640px){
section#training p{ font-size:16px; text-align:left;}
section#training ul{ text-align:center; margin:60px auto 20px;}
section#training ul li{ display:block; margin:0 auto 76px; width:100%;}
section#training ul li:first-child{ margin:0  auto 76px;}
section#training ul li:last-child{ margin:0 auto;}
section#training ul li{ position:relative; padding:50px 20px 10px; border-radius:4px;}
section#training ul li::after{ content:""; width:32px; height:16px; position:absolute; left:0; right:0; bottom:-16px; margin:auto; background:url(../images/training/training_arrow_smp.png) center center no-repeat;}
section#training ul li span.step{ position:absolute; top:-50px; left:0; right:0; margin:auto; width:100px; height:100px; padding:16px; border-radius:50%;}
section#training ul li dl dt{ font-size:16px; font-weight:bold; margin-bottom:20px;}
}
section#training_howto{ background:#fff;}
section#training_howto ul{ letter-spacing:-1em; font-size:1px; text-align:center; margin-top:100px;}
section#training_howto ul li{ display:inline-block; letter-spacing:normal; font-size:13px; width:225px; background:#ece2d4; position:relative;}
section#training_howto ul li.bar{ width:30px; background:none; vertical-align:middle; top:-40px;}
section#training_howto ul li dl{ background:#f7f3ee; border:5px solid #fff; position:relative; left:-10px; top:-10px; padding:100px 20px 20px;}
section#training_howto ul li dl span.ico{ position:absolute; display:block; width:100%; text-align:center; left:0; right:0; top:-40px; margin:auto;}
section#training_howto ul li dl dt{ text-align:center; position:relative; z-index:1;}
section#training_howto ul li dl dd{ font-size:13px; margin-top:20px; text-align:left; line-height: 1.6;}
section#training_howto ul li.howto02,
section#training_howto ul li.howto04{ top:40px;}
@media screen and (max-width:640px){
section#training_howto ul{ margin-top:100px;}
section#training_howto ul li{ display:block; width:97%; margin:0 0 0 auto;}
section#training_howto ul li.bar{ width:100%; top:0; padding:40px; background:url(../images/training/howto_bar_smp.png) center center no-repeat;}
section#training_howto ul li dl{ border:5px solid #fff; left:-10px; top:-10px; padding:100px 6% 20px;}
section#training_howto ul li dl span.ico{ position:absolute; display:block; width:100%; text-align:center; left:0; right:0; top:-40px; margin:auto;}
section#training_howto ul li dl dd{ margin-top:20px;}
section#training_howto ul li.howto02,
section#training_howto ul li.howto04{ top:0;}
}
section#training_program{ background:#f4efe7;}
section#training_program .program{ background:#fff; border:1px solid #c6beb0; border-bottom:6px solid #c6beb0; position:relative; padding:150px 50px 90px; margin-bottom:70px;}
section#training_program .program:last-child{ margin-bottom:0;}
section#training_program .program span.ico{ position:absolute; display:block; text-align:center; left:0; right:0; top:-5px; margin:auto;}
section#training_program .program_t{ text-align:center; font-size:45px; line-height:1.4em;}
section#training_program .program_t span{ font-size:22px; line-height:1em; display:block;}
section#training_program hr{ margin:50px auto; height:10px; border:none;}
section#training_program hr.hr01{ background:url(../images/training/hr01.png) left center repeat-x;}
section#training_program hr.hr02{ background:url(../images/training/hr02.png) left center repeat-x;}
section#training_program hr.hr03{ background:url(../images/training/hr03.png) left center repeat-x;}
section#training_program hr.hr04{ background:url(../images/training/hr04.png) left center repeat-x;}
section#training_program .program table{ width:720px; margin:60px auto 10px; font-size:16px; border-collapse:collapse; border-spacing:0;}
section#training_program .program table th{ width:100px; padding:15px 15px 10px; text-align:center; background:#b0a591; color:#fff; font-weight:normal;}
section#training_program .program table td{ width:260px; padding:15px 30px 10px; background:#f4efe7;}
section#training_program .program p.att{ width:720px; margin:0 auto; font-size:13px; color:#878787;}
section#training_program .program .btn{ margin-top:60px;}
section#training_program .program .btn a{ width:400px; font-size:16px;}
section#training_program .program .program_in{ text-align:center; letter-spacing:-1em; font-size:13px; margin:60px auto;}
section#training_program .program .program_in dl{ display:inline-block; letter-spacing:normal; font-size:13px; vertical-align:top; width:419px; margin:0 30px 0 0;}
section#training_program .program .program_in dl:last-child{ margin:0 0 0 30px;}
section#training_program .program .program_in dl dt{ font-size:18px; color:#726752; background:#f4f1e8; padding:5px; text-align:center; margin-bottom:40px;}
section#training_program .program .program_in dl dd{ text-align:left;line-height: 1.7;}
section#training_program .program .program_in dl dd ul li{ display:table; table-layout:fixed; width:100%; margin-bottom:15px;}
section#training_program .program .program_in dl ul li span{ display:table-cell; vertical-align:top; width:40px;}
section#training_program .program .program_in dl ul li p{ display:table-cell; vertical-align:top;}
@media screen and (max-width:640px){
section#training_program .program{ padding:120px 6% 30px; margin-bottom:70px;}
section#training_program .program_t{ font-size:28px;}
section#training_program .program_t span{ font-size:18px;}
section#training_program hr{ margin:30px auto;}
section#training_program .program table{ width:100%; margin:30px auto 10px; table-layout:fixed; font-size:15px;}
section#training_program .program table th{ width:2em; vertical-align:middle; padding:10px 0.5em;}
section#training_program .program table td{ width:auto; vertical-align:middle; padding:10px 0.5em;}
section#training_program .program p.att{ width:100%; font-size:12px; line-height:1.4em;}
section#training_program .program .btn{ margin-top:30px;}
section#training_program .program .btn a{ width:100%; font-size:15px; line-height:1.4em; border-radius:50px;}
section#training_program .program .program_in{ margin:30px auto;}
section#training_program .program .program_in dl{ display:block; width:100%; margin:0 auto;}
section#training_program .program .program_in dl:last-child{ margin:20px auto 0;}
section#training_program .program .program_in dl dt{ font-size:16px; margin-bottom:10px;}
section#training_program .program .program_in dl ul li span{ width:35px;}
}

/*business*/
#catch.business{ background:url(../images/business/main.jpg) center center;}
#business { background:#f8f5f1;}
#business #business_t{ font-size:36px; letter-spacing:0.05em; line-height:1.2em; text-align:center; margin-bottom:80px;}
#business p{ font-size:16px; text-align:center;}
#business ul{ text-align:center; letter-spacing:-1em; font-size:1px; margin:60px auto 80px;}
#business ul li{ display:inline-block; letter-spacing:normal; margin-right:30px;}
#business ul li:last-child{ margin:0;}
@media screen and (max-width:640px){
#business #business_t{ font-size:21px; line-height:1.4em; letter-spacing:0em; margin-bottom:40px;}
#business p{ font-size:15px; text-align:left;}
#business ul{ margin:40px auto;}
#business ul li{ width:50%; margin-right:0; padding:1.5%;}
#business ul li:last-child{ margin:0;}
}
#business_benefit{ background:#fff;}
#business_benefit ul li{ margin-bottom:80px;}
#business_benefit ul li:last-child{ margin-bottom:0;}
#business_benefit dl{ display:table; table-layout:fixed; width:100%;}
#business_benefit dl dt{ display:table-cell; vertical-align:bottom; width:280px;}
#business_benefit dl dd{ display:table-cell; vertical-align:bottom; border-bottom:1px solid #ece2d4; font-size:16px;}
#business_benefit dl dd strong{ display:block; font-size:32px; line-height:1.4em; margin:30px auto;}
@media screen and (max-width:640px){
#business_benefit ul li{ margin-bottom:60px;}
#business_benefit dl{ display:block;}
#business_benefit dl dt{ display:block; width:100%; text-align:center; margin-bottom:20px;}
#business_benefit dl dt img{ width:50%;}
#business_benefit dl dd{ display:block; border-bottom:2px solid #ece2d4; font-size:16px;}
#business_benefit dl dd strong{ font-size:21px; margin:20px auto;}
}
#business_case *{ word-break:normal;line-height: 1.6;}
#business_case ul li{ background:#fff; border-top:10px solid #f7f3ee; padding:60px 0; margin-bottom:40px;}
#business_case ul li:last-child{ margin-bottom:0;}
#business_case dl{ display:table; table-layout:fixed; width:100%;}
#business_case dl dt{ display:table-cell; vertical-align:middle; width:380px; text-align:center;}
#business_case dl dt figure{ margin-bottom:40px;}
#business_case dl dt span{ display:iinline-block; border-bottom:2px solid #e07f48; font-size:16px;}
#business_case dl dd{ display:table-cell; vertical-align:middle; /*padding-right:90px;*/}
#business_case dl dd strong{ font-size:16px; text-align:center; display:block; margin-bottom:60px;}
.center-block {
    width: 50%;
    margin: 0 auto;
}
.center-block h3 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 10px;
}
@media screen and (max-width:640px){
#business_case ul li{ padding:20px 0; margin-bottom:20px;}
#business_case dl{ display:block;}
#business_case dl dt{ display:block; width:100%; text-align:center; margin-bottom:20px;}
#business_case dl dt figure{ margin-bottom:20px;}
#business_case dl dt span{ display:iinline-block; border-bottom:2px solid #e07f48; font-size:16px;}
#business_case dl dd{ display:block; padding:0 6%;}
#business_case dl dd strong{ font-size:16px; margin-bottom:20px;}
.center-block {
    margin: 0 auto;
    width: 90%;
}
.center-block h3 {
    font-size: 21px;
}


}

#business_ex { background:#f8f5f1;}
#business_ex ul{ letter-spacing:-1em; font-size:1px;}
#business_ex ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; font-size:13px; width:220px; margin:0 0 40px 40px;}
#business_ex ul li:nth-child(4n+1){ margin-left:0;}
#business_ex dl{ background:#fff; border:4px solid transparent; position:relative; padding:20px 20px 40px; cursor:pointer; border-radius:12px; transition:0.3s; -webkit-transition:0.3s;
/*New tranisation*/
transform:scale(1);
}
#business_ex dl.business_ex001:after{ position:absolute; content:""; width:80px; height:4px; background:#e07f48; left:0; right:0; top:-4px; margin:auto;}
#business_ex dl.business_ex002:after{ position:absolute; content:""; width:80px; height:4px; background:#91b2c4; left:0; right:0; top:-4px; margin:auto;}
#business_ex dl dt{ text-align:center; position:relative; padding:10px 0 20px;}
#business_ex dl dt span{ position:absolute; left:0; right:0; top:10px; margin:auto; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
#business_ex dl.over dt span.over{top:0px;}
@media print, screen and (min-width:641px){
/*
#business_ex dl:hover{ width:240px; font-size:16px; left:-10px; height:auto !important;}
#business_ex dl.business_ex001:hover{ border:4px solid #e07f48;}
#business_ex dl.business_ex002:hover{ border:4px solid #91b2c4;}
#business_ex dl:hover dt span{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
*/
#business_ex dl.over{ width:240px; /*font-size:16px; height:auto !important;*/left:-10px; transform:scale(1.1);}
}
#business_ex dl.business_ex001.over{ border:4px solid #e07f48;}
#business_ex dl.business_ex002.over{ border:4px solid #91b2c4;}
#business_ex dl.over dt span{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
#business_ex dl dd{line-height: 1.7;}
@media screen and (max-width:640px){
#business_ex ul li{ display:block; width:100%; margin:0 auto 20px;}
#business_ex ul li:nth-child(4n+1){ margin:0 auto 20px;}
#business_ex dl{ padding:4.5% 3% 3%; width:100%; font-size:13px; display:table;}
#business_ex dl dt{ padding:0; display:table-cell; vertical-align:top; width:20%; text-align:left;}
#business_ex dl dd{ display:table-cell; vertical-align:middle; width:80%;}
#business_ex dl dt span{ top:0; left:0;}
#business_ex dl.over{ font-size:16px;}
#business_ex dl.business_ex001.over{ border:4px solid #e07f48;}
#business_ex dl.business_ex002.over{ border:4px solid #91b2c4;}
#business_ex dl.over dt span{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
}
section#business_request .business_request_in{ background:#fff; border-top:10px solid #f7f3ee; border-bottom:10px solid #f7f3ee; padding:80px 60px; margin:60px auto; position:relative;}
section#business_request .business_request_in dl{ margin-bottom:30px; border-bottom:1px solid #ece2d4; transition:0.3s; -webkit-transition:0.3s;}
section#business_request .business_request_in dl:last-child{ margin-bottom:0;}
section#business_request .business_request_in dl dt{ color:#897c63; font-size:14px; margin-bottom:2px; transition:0.3s; -webkit-transition:0.3s;}
section#business_request .business_request_in dl dt .super{ color:#dc6c30;}
section#business_request .business_request_in input,
section#business_request .business_request_in textarea{	-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:0 !important; background:none; font-size:14px; width:100%; padding:5px 0; margin-bottom:5px;}
section#business_request .business_request_in dl.radio{ display:table; table-layout:fixed; width:100%;}
section#business_request .business_request_in dl.radio dt{ display:table-cell; vertical-align:top; width:200px;}
section#business_request .business_request_in dl.radio dd{ display:table-cell; vertical-align:top;}
section#business_request .business_request_in dl.radio dd input{ display:none;}
section#business_request .business_request_in dl.radio dd label{ display:inline-block; position:relative; cursor:pointer; margin:0 0 16px 8px; padding:0 0 0 16px; font-size:14px;}
section#business_request .business_request_in dl.radio dd label:before{ position:absolute; content:""; top:50%; left:-8px; width:16px; height:16px; margin-top:-8px; background:#9d9178; border-radius:50%;}
section#business_request .business_request_in dl.radio dd input[type=radio] + label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
section#business_request .business_request_in dl.radio dd input[type=radio]:checked + label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#dc6c30; border-radius:30px;}
section#business_request .business_request_in dl.radio dd .wpcf7-list-item { display: block; margin: 0; }
section#business_request .business_request_in dl.radio dd .wpcf7-list-item label { display: inline; margin: 0; padding: 0;}
section#business_request .business_request_in dl.radio dd .wpcf7-list-item label:before { content: none; }
section#business_request .business_request_in dl.radio dd .wpcf7-list-item-label{ display:inline-block; position:relative; cursor:pointer; margin:0 0 16px 8px; padding:0 0 0 16px; font-size:14px;}
section#business_request .business_request_in dl.radio dd .wpcf7-list-item-label:before{ position:absolute; content:""; top:50%; left:-8px; width:16px; height:16px; margin-top:-8px; background:#9d9178; border-radius:50%;}
section#business_request .business_request_in dl.radio dd input[type=radio] + .wpcf7-list-item-label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
section#business_request .business_request_in dl.radio dd input[type=radio]:checked + .wpcf7-list-item-label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#dc6c30; border-radius:30px;}
section#business_request .business_request_in dl.over dt{ color:#dc6c30;}
section#business_request .business_request_in dl.over{ border-bottom:1px solid #dc6c30;}
section#business_request .business_request_in dl.radio dt{ color:#897c63;}
section#business_request .business_request_in dl.radio{ border-bottom:1px solid #ece2d4;}
section#business_request .business_request_in dl.half_l{ float:left; width:48.5%; margin-right:1.5%;}
section#business_request .business_request_in dl.half_r{ float:right; width:48.5%; margin-left:1.5%;}
section#business_request .business_request_in .submit_btn{ text-align:center;}
section#business_request .business_request_in .recaptcha div{ margin: 0 auto 20px;}
section#business_request .business_request_in input[type=submit]{ width:240px; background:#dc6c30; color:#fff; padding:8px; font-size:18px; border-radius:30px; cursor:pointer;}
@media screen and (max-width:640px){
section#business_request .business_request_in{ padding:40px 15px 20px; margin:0 auto 30px; width:100%;}
section#business_request .business_request_in dl{ margin-bottom:30px; border-bottom:1px solid #ece2d4; transition:0.3s; -webkit-transition:0.3s;}
section#business_request .business_request_in dl dt{ color:#897c63; font-size:16px; transition:0.3s; -webkit-transition:0.3s;}
section#business_request .business_request_in dl dt .super{ color:#dc6c30;}
section#business_request .business_request_in dl dd input,
section#business_request .business_request_in dl dd textarea{	-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:0 !important; font-size:16px; width:100%; padding:5px 0; margin-bottom:5px;}
section#business_request .business_request_in dl.radio{ display:block;}
section#business_request .business_request_in dl.radio dt{ display:block; width:100%; margin-bottom:8px;}
section#business_request .business_request_in dl.radio dd{ display:block;}
section#business_request .business_request_in dl.radio dd label{ margin-bottom:8px; font-size:16px;}
section#business_request .business_request_in dl.over dt{ color:#dc6c30;}
section#business_request .business_request_in dl.over{ border-bottom:1px solid #dc6c30;}
section#business_request .business_request_in dl.radio dt{ color:#897c63;}
section#business_request .business_request_in dl.radio{ border-bottom:1px solid #ece2d4;}
section#business_request .business_request_in dl.half_l{ float:none; width:100%; margin-right:0%;}
section#business_request .business_request_in dl.half_r{ float:none; width:100%; margin-left:0%;}
section#business_request .business_request_in input[type=submit]{ width:240px;}
}

/*trainer*/
#catch.trainer{ background:url(../images/trainer/main.jpg) center center;}
section#trainer_list{
	padding-top: 100px;
}
section#trainer_list ul li{ width:220px; margin:0 0 40px 40px; float:left; background:#fff;}
section#trainer_list ul li:nth-child(4n+1){ margin-left:0;}
section#trainer_list ul li dl dt{ position:relative;}
section#trainer_list ul li dl dt strong{ position:absolute; left:0; bottom:0; display:block; width:100%; background:rgba(78,60,35,0.6); text-align:center; padding:12px 0 9px; font-size:16px; line-height:1em; color:#fff;}
section#trainer_list ul li dl dd{ font-size:13px; padding:20px 30px;}
section#trainer_list ul li dl dd strong{ display:inline-block; margin-bottom:20px;}
section#trainer_list ul li dl dd strong.rank001{ color:#e07f48; border-bottom:2px solid #e07f48;}
section#trainer_list ul li dl dd strong.rank002{ color:#56956a; border-bottom:2px solid #56956a;}
section#trainer_list ul li dl dd strong.rank003{ color:#3f7297; border-bottom:2px solid #3f7297;}
@media print, screen and (min-width:641px){
section#trainer_list ul li a dl{ transition:0.2s; -webkit-transition:0.2s;}
section#trainer_list ul li a:hover dl{ opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
}
@media screen and (max-width:640px){
section#trainer_list{
	padding-top: 50px;
}
section#trainer_list ul{ margin-bottom:30px;}
section#trainer_list ul li{ width:48.5%; margin:0 1.5% 3% 0; float:left;}
section#trainer_list ul li:nth-child(2n){ width:48.5%; margin:0 0 3% 1.5%; float:right;}
section#trainer_list ul li:nth-child(4n+1){ margin:0 1.5% 3% 0;}
section#trainer_list ul li dl dt strong{ padding:6px 0; font-size:15px;}
section#trainer_list ul li dl dd{ font-size:13px; padding:6%;}
section#trainer_list ul li dl dd strong{ margin-bottom:15px;}
}

/*trainer_detail*/
section#trainer_detail .trainer_detail_in{ background:#fff; padding:60px; margin-bottom:60px;}
section#trainer_detail dl.trainer_prof{ display:table; table-layout:fixed; width:100%; background:#f4efe7;}
section#trainer_detail dl.trainer_prof dt{ display:table-cell; vertical-align:middle; width:400px;}
section#trainer_detail dl.trainer_prof dd{ display:table-cell; vertical-align:middle; padding:48px;}
section#trainer_detail dl.trainer_prof dd strong{ font-size:28px; line-height:1em; letter-spacing:0.1em; display:block;}
section#trainer_detail dl.trainer_prof dd span.yomi{ font-size:14px; line-height:1em; letter-spacing:0.1em; display:block; font-family:Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; margin:10px auto 40px;}
section#trainer_detail dl.trainer_prof dd span.rank{ font-size:13px; color:#fff; line-height:1em; padding:5px 15px; border-radius:4px;}
section#trainer_detail dl.trainer_prof dd span.rank001{ background:#e07f48;}
section#trainer_detail dl.trainer_prof dd span.rank002{ background:#56956a;}
section#trainer_detail dl.trainer_prof dd span.rank003{ background:#3f7297;}
section#trainer_detail dl.trainer_prof2{ margin:40px auto 0;}
section#trainer_detail dl.trainer_prof2 dt{ padding:15px 0; margin-bottom:15px; border-bottom:1px solid #ece2d4; color:#998c72; line-height:1em;}
section#trainer_detail dl.trainer_prof2 dd{ margin-bottom:30px;}
@media screen and (max-width:640px){
section#trainer_detail .trainer_detail_in{ background:#fff; padding:4.5%; margin-bottom:30px;}
section#trainer_detail dl.trainer_prof{ display:block; text-align:center;}
section#trainer_detail dl.trainer_prof dt{ display:block; width:100%;}
section#trainer_detail dl.trainer_prof dd{ display:block; padding:20px 3%;}
section#trainer_detail dl.trainer_prof dd strong{ font-size:24px;}
section#trainer_detail dl.trainer_prof dd span.yomi{ font-size:14px; margin:5px auto 20px;}
section#trainer_detail dl.trainer_prof2{ margin:20px auto 0;}
section#trainer_detail dl.trainer_prof2 dt{ padding:10px 0; margin-bottom:10px;}
section#trainer_detail dl.trainer_prof2 dd{ margin-bottom:20px;}
}

/*event*/
#catch.event{ background:url(../images/event/main.jpg) center center;}
section#event_cat{ background:#f4efe7; padding:60px 0;}
section#event_cat ul{ text-align:center; letter-spacing:-1em; font-size:1px; }
section#event_cat ul li{ display:inline-block; letter-spacing:normal; font-size:16px; margin:0 10px; width:180px; background:#fff; border-radius:4px; position:relative;}
section#event_cat ul li span.arrow{ position:absolute; display:inline-block; bottom:-12px; left:0; right:0; margin:auto;}
section#event_cat ul li a{ position:relative; padding:20px 0; position:relative; display:block; z-index:2;}
section#event_cat ul li a span.arrow{ position:absolute; display:inline-block; bottom:-12px; left:0; right:0; margin:auto; opacity: 0.0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#event_cat ul li a dl dt{ position:relative;}
section#event_cat ul li a dl dt span.on{ position:absolute; left:0; right:0; top:0; margin:auto; opacity: 0.0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#event_cat ul li a dl dt img{ height:45px;}
section#event_cat ul li a dl dd{ margin-top:15px;}
section#event_cat ul li a{ border-radius:4px; transition:0.3s; -webkit-transition:0.3s;}
section#event_cat ul li.cat001 a{ background:rgba(224,127,72,0.0);}
section#event_cat ul li.cat002 a{ background:rgba(145,178,196,0.0);}
section#event_cat ul li.cat003 a{ background:rgba(148,187,136,0.0);}
section#event_cat ul li.cat004 a{ background:rgba(232,144,156,0.0);}
section#event_cat ul li.cat005 a{ background:rgba(153,141,114,0.0);}
@media print, screen and (min-width:641px){
section#event_cat ul li a:hover span.arrow,section#event_cat ul li a.active span.arrow{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#event_cat ul li a:hover dl dt span.on,section#event_cat ul li a.active dl dt span.on{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#event_cat ul li.cat001 a:hover,section#event_cat ul li.cat001 a.active{ background:rgba(224,127,72,1.0); color:#fff;}
section#event_cat ul li.cat002 a:hover,section#event_cat ul li.cat002 a.active{ background:rgba(145,178,196,1.0); color:#fff;}
section#event_cat ul li.cat003 a:hover,section#event_cat ul li.cat003 a.active{ background:rgba(148,187,136,1.0); color:#fff;}
section#event_cat ul li.cat004 a:hover,section#event_cat ul li.cat004 a.active{ background:rgba(232,144,156,1.0); color:#fff;}
section#event_cat ul li.cat005 a:hover,section#event_cat ul li.cat005 a.active{ background:rgba(153,141,114,1.0); color:#fff;}
}
@media screen and (max-width:640px){
section#event_cat{ padding:20px 0 30px;}
section#event_cat ul{ text-align:center; letter-spacing:-1em; font-size:1px; padding:0 3%;}
section#event_cat ul li{ margin:0 1px; width:19%;}
section#event_cat ul li a{ padding:5px 0;}
section#event_cat ul li a dl dd{ font-size:8px; letter-spacing:-0.2em; margin-top:5px}
section#event_cat ul li a dl dt img{ height:30px;}
section#event_cat ul li a{ transition:0.3s; -webkit-transition:0.3s;}
}
section#event_list .maincontent{ padding-top:60px; padding-bottom: 60px;}
section#event_list ul li{ background:#fff; margin-bottom:50px;}
section#event_list ul li dl{ display:table; table-layout:fixed; width:100%;}
section#event_list ul li dl dt{ display:table-cell; vertical-align:top; width:320px;}
section#event_list ul li dl dd{ display:table-cell; vertical-align:top; padding:10px 35px;}
section#event_list ul li dl dd strong.cat{ display:inline-block; position:relative; top:-15px; left:-45px; font-size:13px; color:#fff; padding:3px 0; width:100px; text-align:center;}
section#event_list ul li dl dd strong.news_cat{ width: auto; min-width: 100px; padding: 3px 5px; }
section#event_list ul li dl dd strong.cat::after{ content:""; width:10px; height:7px; position:absolute; left:0; bottom:-7px;}
section#event_list ul li dl dd a{ text-align:left; font-size:18px; display:block; max-height:30px}
section#event_list ul li dl dd p{ font-size:13px; margin:30px auto 40px;}
section#event_list ul li dl dd .post_info{ font-size:13px; line-height:16px; border-top:1px solid #ece2d4; padding-top:10px;}
@media screen and (max-width:640px){
section#event_list .maincontent{ padding-top:30px;}
section#event_list ul{ padding:0 3%;}
section#event_list ul li{ margin-bottom:30px;}
section#event_list ul li dl{ display:block;}
section#event_list ul li dl dt{ display:block; width:100%;}
section#event_list ul li dl dt img{ width:100%;}
section#event_list ul li dl dd{ display:block; padding:10px;}
section#event_list ul li dl dd strong.cat{ display:inline-block; position:relative; top:-15px; left:-20px; font-size:13px; color:#fff; padding:3px 0; width:100px; text-align:center;}
section#event_list ul li dl dd strong.cat::after{ content:""; width:10px; height:7px; position:absolute; left:0; bottom:-7px;}
section#event_list ul li dl dd a{ font-size:16px; max-height:100px;}
section#event_list ul li dl dd p{ font-size:13px; margin:10px auto 20px;}
section#event_list ul li dl dd .post_info{ font-size:11px; line-height:16px;}
}
strong.cat.cat001{ background:rgba(224,127,72,1.0);}
strong.cat.cat002{ background:rgba(145,178,196,1.0);}
strong.cat.cat003{ background:rgba(148,187,136,1.0);}
strong.cat.cat004{ background:rgba(232,144,156,1.0);}
strong.cat.cat005{ background:rgba(153,141,114,1.0);}
strong.cat.cat001::after{ background:url(../images/event/cat001_ico.png) center center no-repeat;}
strong.cat.cat002::after{ background:url(../images/event/cat002_ico.png) center center no-repeat;}
strong.cat.cat003::after{ background:url(../images/event/cat003_ico.png) center center no-repeat;}
strong.cat.cat004::after{ background:url(../images/event/cat004_ico.png) center center no-repeat;}
strong.cat.cat005::after{ background:url(../images/event/cat005_ico.png) center center no-repeat;}
.post_info .author{ background:url(../images/event/author_ico.png) left center no-repeat; padding-left:25px;}
.post_info .date{background:url(../images/event/date_ico.png) left center no-repeat; padding-left:25px; float:right; color:#998d72; font-family:Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;}
@media screen and (max-width:640px){
.post_info .author{ padding-left:20px;}
.post_info .date{ padding-left:20px;}
}

/*event_detail*/
section#event_detail .event_detail_in{ background:#fff; border-top:10px solid #f7f3ee; border-bottom:10px solid #f7f3ee; padding:80px 60px; margin-bottom:60px; position:relative;}
section#event_detail .event_detail_in figure{ text-align:left; margin:40px auto;}
section#event_detail .event_detail_in figure:last-child{ margin-bottom:0;}
section#event_detail .event_detail_in strong.cat{ display:inline-block; position:relative; top:-55px; left:-70px; font-size:13px; color:#fff; padding:3px 0; width:100px; text-align:center;}
section#event_detail .event_detail_in strong.news_cat{ width: auto; min-width: 100px; padding: 3px 5px; }
section#event_detail .event_detail_in strong.cat::after{ content:""; width:10px; height:7px; position:absolute; left:0; bottom:-7px;}
section#event_detail .event_detail_in h3{ text-align:center; font-size:24px; margin-bottom:80px;}
section#event_detail .event_detail_in .post_info{ font-size:13px; line-height:16px; border-top:1px solid #ece2d4; border-bottom:1px solid #ece2d4; padding:10px 20px; margin-bottom:50px;}
@media screen and (max-width:640px){
section#event_detail .event_detail_in{ padding:40px 10px 20px; margin:0 auto 30px; width:94%;}
section#event_detail .event_detail_in figure{ margin:20px auto;}
section#event_detail .event_detail_in strong.cat{ top:-15px; left:-20px;}
section#event_detail .event_detail_in h3{ font-size:21px; margin-bottom:20px;}
section#event_detail .event_detail_in .post_info{ font-size:11px; padding:10px; margin-bottom:20px;}
}

/*news*/
section#news_cat{ background:#f4efe7; padding:60px 0; font-size: 16px; text-align: center;}
section#news_cat span{ padding: 0 5px;}
section#news_cat .select_box{ position: relative; display: inline-block; }
section#news_cat select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 0; height: 40px; background: #fff url(../images/news/news_select.png) right 15px center no-repeat; position: relative; z-index: 1; padding: 0 50px 0 20px; border: 1px solid #a39780; border-radius: 0; }
section#news_cat select::-ms-expand { display: none; }


/*lesson*/
#catch.lesson{ background:url(../images/lesson/main.jpg) center center;}
/*switch_nav*/
#course_nav input[type=radio]{ display:none;}
#course_nav_in .course001_box,
#course_nav_in .course002_box,
#course_nav_in .course003_box{ display:none; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
#course001:checked ~ #course_nav_in .course001_box,
#course002:checked ~ #course_nav_in .course002_box,
#course003:checked ~ #course_nav_in .course003_box{
display:block;
animation: fade 0.3s ease 0.0s 1 forwards;
-moz-animation: fade 0.3s ease 0.0s 1 forwards;
-webkit-animation: fade 0.3s ease 0.0s 1 forwards;
}

section#course_nav{ background:#f4efe7;}
section#course_nav ul{ text-align:center; letter-spacing:-1em; font-size:1px;}
section#course_nav ul li{ display:inline-block; letter-spacing:normal; font-size:16px; width:33.3333%; position:relative;}
section#course_nav ul li label{ display:block; color:#998d72; padding:10px; font-size:16px; background:#fff; text-align:center; cursor:pointer; border:1px solid #998d72; transition:0.3s; -webkit-transition:0.3s;}
section#course_nav ul li:nth-child(1) label{ border-right:none;}
section#course_nav ul li:nth-child(3) label{ border-left:none;}
section#course_nav ul li span.arrow{ position:absolute; display:inline-block; bottom:-12px; left:0; right:0; margin:auto; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#course_nav ul li label.over span.arrow{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#course_nav ul li label.over{ background:#222; color:#fff; border-color:#222;}
@media print, screen and (min-width:641px){
section#course_nav ul li label:hover span.arrow{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#course_nav ul li label:hover{ background:#222; color:#fff; border-color:#222;}
}
@media screen and (max-width:640px){
section#course_nav ul li label{ padding:5px; font-size:15px;}
}

section#course_nav #course_nav_in ul{ margin-top:40px;}
section#course_nav #course_nav_in ul li{ width:25%; padding:0 8px;}
section#course_nav #course_nav_in ul li:first-child{ padding:0 16px 0 0;}
section#course_nav #course_nav_in ul li:last-child{ padding:0 0 0 16px;}
section#course_nav #course_nav_in ul li a{ display:block; background:#fff; border-radius:4px; padding:16px; transition:0.3s; -webkit-transition:0.3s;}
section#course_nav #course_nav_in ul li.course001{ color:#e07f48;}
section#course_nav #course_nav_in ul li.course002{ color:#94bb88;}
section#course_nav #course_nav_in ul li.course003{ color:#91b2c4;}
section#course_nav #course_nav_in ul li.course004{ color:#998d72;}
@media print, screen and (min-width:641px){
section#course_nav #course_nav_in ul li.course001:hover a{ background:#e07f48; color:#fff;}
section#course_nav #course_nav_in ul li.course002:hover a{ background:#94bb88; color:#fff;}
section#course_nav #course_nav_in ul li.course003:hover a{ background:#91b2c4; color:#fff;}
section#course_nav #course_nav_in ul li.course004:hover a{ background:#998d72; color:#fff;}
section#course_nav #course_nav_in ul li:hover span.arrow{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
}
@media screen and (max-width:640px){
section#course_nav #course_nav_in ul{ margin-top:20px;}
section#course_nav #course_nav_in ul li{ width:100%; margin:0 0 10px; padding:0;}
section#course_nav #course_nav_in ul li:first-child{ padding:0;}
section#course_nav #course_nav_in ul li:last-child{ padding:0;}
section#course_nav #course_nav_in ul li a{ padding:3%;}
}
section#course_list ul li{ width:220px; margin:0 0 40px 40px; float:left; background:#fff;}
section#course_list ul li:nth-child(4n+1){ margin-left:0;}
section#course_list ul li dd{ font-size:13px;}
section#course_list ul li dd strong{ display:block; text-align:center; padding:5px; color:#fff;}
section#course_list ul li dd strong.course001{ background:#e07f48;}
section#course_list ul li dd strong.course002{ background:#94bb88;}
section#course_list ul li dd strong.course003{ background:#91b2c4;}
section#course_list ul li dd strong.course004{ background:#998d72;}
section#course_list ul li dd .course_info{ padding:14px 20px;}
section#course_list ul li dd .course_info .date{ line-height:26px;}
section#course_list ul li dd .course_info .area{ float:right; color:#998d72; border:1px solid #998d72; padding:2px 10px;}
@media print, screen and (min-width:641px){
section#course_list ul li a dl{ transition:0.2s; -webkit-transition:0.2s;}
section#course_list ul li a:hover dl{ opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
}
@media screen and (max-width:640px){
section#course_list ul{ margin-bottom:30px;}
section#course_list ul li{ width:48.5%; margin:0 1.5% 3% 0; float:left;}
section#course_list ul li:nth-child(2n){ width:48.5%; margin:0 0 3% 1.5%; float:right;}
section#course_list ul li:nth-child(4n+1){ margin:0 1.5% 3% 0;}
section#course_list ul li dd{ font-size:11px;}
section#course_list ul li dd strong{ padding:3% 0;}
section#course_list ul li dd .course_info{ padding:3%; font-size:10px;}
section#course_list ul li dd .course_info .date{ line-height:20px;}
section#course_list ul li dd .course_info .area{ float:right; color:#998d72; border:1px solid #998d72; padding:2px 5px;}
}

section#course_nav { background:#f4efe7; padding:0; font-size: 16px; text-align: center; }
section#course_nav .maincontent { padding: 30px 0; }
section#course_nav .course_nav_a { display: inline-block; margin: 0 auto; text-align: left; }
section#course_nav .course_nav1 { display: inline-block; width: auto; margin: 0 20px 30px 0; }
section#course_nav .course_nav2 { display: inline-block; width: auto; margin: 0 20px 30px 0; }
section#course_nav .course_nav3 { display: inline-block; width: auto; margin: 0 0 30px 0; }
section#course_nav .course_nav4 { float: left; width: 50%; text-align: right; }
section#course_nav .course_nav5 { float: left; width: 50%; text-align: left; }
section#course_nav span{ padding: 0 5px;}
section#course_nav .select_box{ position: relative; display: inline-block; }
section#course_nav select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 5px 0 0; height: 40px; background: #fff url(../images/news/news_select.png) right 15px center no-repeat; position: relative; z-index: 1; padding: 0 50px 0 20px; border: 1px solid #a39780; border-radius: 0; }
section#course_nav select::-ms-expand { display: none; }
section#course_nav input[type=reset] { width: 240px; height: 50px; margin: 0 10px; background: #fff; border: 1px solid #000; border-radius: 25px; }
section#course_nav input[type=submit] { width: 240px; height: 50px; margin: 0 10px; background: #000; color: #fff; border: 1px solid #fff; border-radius: 25px; }
@media screen and (max-width:640px){
section#course_nav { }
section#course_nav .course_nav1 { display: block; margin: 0 20px 10px 0; }
section#course_nav .course_nav2 { margin: 0 0 10px 0; }
section#course_nav .course_nav3 { margin: 0 0 10px; }
section#course_nav input[type=reset] { width: 80%; height: 40px; margin: 0 5px; border-radius: 20px; }
section#course_nav input[type=submit] { width: 80%; height: 40px; margin: 0 5px; border-radius: 20px; }
}

/*
section#course_list3 ul li { margin:0 0 40px; background:#fff; border: 1px solid #ebebeb; }
section#course_list3 .lesson_item { height: auto; }
section#course_list3 .lesson_img { float: left; width: 22%; }
section#course_list3 .lesson_thumb { padding-top: 100%; }
section#course_list3 .lesson_txt { position: relative; float: right; width: 78%; padding-top: 22%; border-right: 1px solid #ebebeb; }
section#course_list3 .lesson_txt1 { position: absolute; top: 0; left: 0; width: 100%; padding-top: 22%; }
section#course_list3 .lesson_course { position: absolute; top: -5%; left: -2%; width: 80%; }
section#course_list3 .lesson_course span { padding: 3px 10px; background: #666; color: #fff; font-size: 14px; }
section#course_list3 .lesson_date { position: absolute; top: 25%; left: 0%; width: 100%; padding: 0 20px; font-size: 18px; }
section#course_list3 .lesson_title { position: absolute; top: 45%; left: 0%; width: 100%; padding: 0 20px; font-size: 18px; }
section#course_list3 .lesson_txt2 { position: absolute; bottom: 0; left: 0; width: 100%; padding-top: 10%; border-top: 1px solid #ebebeb; background: #fbfbfb; }
section#course_list3 .lesson_author { }
section#course_list3 .lesson_author_img { position: absolute; top: 10%; left: 4%; width: 8%; padding-top: 8%; border-radius: 50%; }
section#course_list3 .lesson_author_txt { position: absolute; top: 35%; left: 14%; font-size: 16px; }
section#course_list3 .lesson_location { position: absolute; bottom: 10%; right: 2%; width: 80%; text-align: right; }
section#course_list3 .lesson_location span { padding: 3px 10px; background: #fff; border-radius: 2px; color: #000; font-size: 14px; }
@media screen and (max-width:640px){
section#course_list3 .lesson_course span { font-size: 12px; }
section#course_list3 .lesson_date { font-size: 12px; }
section#course_list3 .lesson_title { font-size: 12px; }
section#course_list3 .lesson_author_txt { font-size: 12px; }
section#course_list3 .lesson_location span { font-size: 12px; }
}
*/

section#course_list3 { background:#fff;}
section#course_list3 .maincontent{ padding-top:60px; padding-bottom: 60px;}
section#course_list3 ul li{ height: auto; background:#fff; margin-bottom:50px; border: 1px solid #ebebeb; }
section#course_list3 ul li dl{ display:table; table-layout:fixed; width:100%;}
/*section#course_list3 ul li dl dt{ display:table-cell; vertical-align:top; width:320px;}*/
section#course_list3 ul li dl dt.dt-none{ display: none; }
/*section#course_list3 ul li dl dt a { display:block; padding-top: 75%; }*/
section#course_list3 ul li dl dd{ display:table-cell; vertical-align:top; background: #fbfbfb; }
section#course_list3 ul li dl dd strong.cat{ display:inline-block; position:relative; top:-15px; left:-45px; font-size:13px; color:#fff; padding:3px 0; width:100px; text-align:center;}
section#course_list3 ul li dl dd strong.lesson_cat{ width: auto; min-width: 100px; padding: 3px 5px; }
section#course_list3 ul li dl dd strong.cat::before{ content:""; width:0; height:0; position:absolute; left:0; bottom:-14px;  border-top: 7px solid #666; border-right: 5px solid #666; border-bottom: 7px solid transparent; border-left: 5px solid transparent; }
section#course_list3 ul li dl dd strong.cat::after{ content:""; width:0; height:0; position:absolute; left:0; bottom:-14px;  border-top: 7px solid #000; border-right: 5px solid #000; border-bottom: 7px solid transparent; border-left: 5px solid transparent; opacity: 0.2; }
section#course_list3 ul li dl dd a{ text-align:left; font-size:18px; display:block; opacity: 0.5; }
section#course_list3 ul li dl dd p{ font-size:13px; margin:30px auto 40px;}
section#course_list3 ul li dl dd .lesson_txt1 { background: #fff; padding:10px 35px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
/*section#course_list3 ul li dl dd .lesson_txt1 a { height: 110px; }*/
section#course_list3 ul li dl dd .lesson_txt1 a { margin-top: -5px; }
section#course_list3 ul li dl dd .lesson_date { margin-bottom: 10px; }
section#course_list3 ul li dl dd .lesson_txt2 { position: relative; padding:10px 35px;  }
section#course_list3 ul li dl dd .lesson_author_img { display: inline-block; width: 64px; height: 64px; margin-right: 20px; border-radius: 32px; vertical-align: middle; }
section#course_list3 ul li dl dd .lesson_author_txt { font-size: 16px; }
section#course_list3 ul li dl dd .lesson_location { position: absolute; bottom: 10%; right: 2%; width: 80%; text-align: right; }
section#course_list3 ul li dl dd .lesson_location span { padding: 3px 10px; background: #fff; border-radius: 2px; color: #000; font-size: 14px; }
@media screen and (max-width:640px){
section#course_list3 .maincontent{ padding-top:30px;}
section#course_list3 ul{ padding:0 3%;}
section#course_list3 ul li{ margin-bottom:30px;}
section#course_list3 ul li dl{ display:block;}
/*section#course_list3 ul li dl dt{ display:block; width:100%;}*/
/*section#course_list3 ul li dl dt img{ width:100%;}*/
section#course_list3 ul li dl dt.dt-none{ display:none; }
section#course_list3 ul li dl dd{ display:block; }
section#course_list3 ul li dl dd strong.cat{ display:inline-block; position:relative; top:-15px; left:-20px; font-size:13px; color:#fff; width:auto; min-height: 0; text-align:center;}
/*section#course_list3 ul li dl dd strong.cat::after{ content:""; width:10px; height:7px; position:absolute; left:0; bottom:-7px;}*/
section#course_list3 ul li dl dd a{ font-size:16px; max-height:100px;}
section#course_list3 ul li dl dd p{ font-size:13px; margin:10px auto 20px;}
section#course_list3 ul li dl dd .lesson_txt1 { padding:10px; }
section#course_list3 ul li dl dd .lesson_txt2 { padding:10px; }
}


/*lesson_detail*/
section#lesson_detail .lesson_detail_in{ background:#fff; border-top:10px solid #f7f3ee; border-bottom:10px solid #f7f3ee; padding:80px 60px; margin-bottom:60px;}
section#lesson_detail .lesson_detail_in h3{ text-align:center; font-size:24px; margin-bottom:60px;}
section#lesson_detail .lesson_detail_in h3.course001{ color:#e07f48;}
section#lesson_detail .lesson_detail_in h3.course002{ color:#94bb88;}
section#lesson_detail .lesson_detail_in h3.course003{ color:#91b2c4;}
section#lesson_detail .lesson_detail_in h3.course004{ color:#998d72;}
@media screen and (max-width:640px){
section#lesson_detail .lesson_detail_in{ padding:40px 10px 20px; margin-bottom:30px;}
section#lesson_detail .lesson_detail_in h3{ font-size:21px; margin-bottom:30px;}
}
section#lesson_detail .lesson_detail_in .lesson_detail_date{ display:table; table-layout:fixed; width:100%;}
section#lesson_detail .lesson_detail_in .lesson_detail_date .lesson_info{ display:table-cell; vertical-align:top;}
section#lesson_detail .lesson_detail_in .lesson_detail_date figure{ display:table-cell; vertical-align:top; width:400px; padding-left:40px; margin:0;}
@media screen and (max-width:640px){
section#lesson_detail .lesson_detail_in .lesson_detail_date{ display:block;}
section#lesson_detail .lesson_detail_in .lesson_detail_date .lesson_info{ display:block; margin-bottom:15px;}
section#lesson_detail .lesson_detail_in .lesson_detail_date figure{ display:block; width:100%; padding:0; margin:0;}
}
section#lesson_detail .lesson_detail_in .lesson_detail_date table{ font-size:13px; border-spacing:0; border-collapse:collapse; width:100%;}
section#lesson_detail .lesson_detail_in .lesson_detail_date table th{ width:120px; text-align:center; vertical-align:top; padding:20px; background:#f7f3ee; color:#998c72; border-bottom:1px solid #ece2d4;}
section#lesson_detail .lesson_detail_in .lesson_detail_date table td{ vertical-align:top; padding:20px; border-bottom:1px solid #ece2d4;}
section#lesson_detail .lesson_detail_in .lesson_detail_date table td a{ text-decoration:underline;}
section#lesson_detail .lesson_detail_in .lesson_detail_date table tr:first-child th,
section#lesson_detail .lesson_detail_in .lesson_detail_date table tr:first-child td{ border-top:1px solid #ece2d4;}
@media screen and (min-width:641px){
section#lesson_detail .lesson_detail_in .lesson_detail_date table td a:hover{ text-decoration:none;}
}
@media screen and (max-width:640px){
section#lesson_detail .lesson_detail_in .lesson_detail_date table th{ width:100%; display:block; padding:3%; border:none; border-top:1px solid #ece2d4;}
section#lesson_detail .lesson_detail_in .lesson_detail_date table td{ width:100%; display:block; padding:3%; border:none;}
section#lesson_detail .lesson_detail_in .lesson_detail_date table tr:first-child td{ border-top:none;}
section#lesson_detail .lesson_detail_in .lesson_detail_date table tr:last-child td{ border-bottom:1px solid #ece2d4;}
}

section#lesson_detail .lesson_detail_in .apply_url{ margin: 20px 0; text-align: center; vertical-align: top; }
section#lesson_detail .lesson_detail_in .apply_url a { display: inline-block; width: 240px; height: 48px; border: 1px solid #00978e; border-radius: 24px; background: #00978e; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 48px; }
section#lesson_detail .lesson_detail_in .apply_url a:hover { background: #fff; color: #00978e;}
section#lesson_detail .lesson_detail_in .apply_url_2 a { width: 200px; margin: 0 10px 20px; }
@media screen and (max-width:640px){
  section#lesson_detail .lesson_detail_in .apply_url_2 a { width: 240px; }
}

section#lesson_detail .lesson_detail_in dl{ margin:40px auto 0;}
section#lesson_detail .lesson_detail_in dl dt{ padding:15px 0; margin-bottom:15px; border-bottom:1px solid #ece2d4; color:#998c72; line-height:1em;}
section#lesson_detail .lesson_detail_in dl dd{ margin-bottom:30px;line-height:1.6;}
@media screen and (max-width:640px){
section#lesson_detail .lesson_detail_in dl{ margin:20px auto 0;}
section#lesson_detail .lesson_detail_in dl dt{ padding:10px 0; margin-bottom:10px;}
section#lesson_detail .lesson_detail_in dl dd{ margin-bottom:20px;}
}
section#lesson_detail .lesson_detail_prof{ display:table; table-layout:fixed; width:100%; padding:40px; background:#f7f3ee;}
section#lesson_detail .lesson_detail_prof figure{ display:table-cell; vertical-align:top; width:290px; padding-right:40px; margin:0;}
section#lesson_detail .lesson_detail_prof dl{ display:table-cell; vertical-align:top;}
@media screen and (max-width:640px){
section#lesson_detail .lesson_detail_prof{ display:block; padding:20px 10px;}
section#lesson_detail .lesson_detail_prof figure{ display:block; width:100%; padding:0;}
section#lesson_detail .lesson_detail_prof figure img{ width:66%;}
section#lesson_detail .lesson_detail_prof dl{ display:block;}
}
section#lesson_detail .lesson_detail_prof dl dt{ margin-bottom:40px; color:#000; padding:0; border:none;}
section#lesson_detail .lesson_detail_prof dl dt span{ font-size:14px; padding:0 0 5px; display:inline-block; min-width:80px; margin-bottom:20px;}
section#lesson_detail .lesson_detail_prof dl dt span.course001{ color:#e07f48; border-bottom:2px solid #e07f48;}
section#lesson_detail .lesson_detail_prof dl dt span.course002{ color:#94bb88; border-bottom:2px solid #94bb88;}
section#lesson_detail .lesson_detail_prof dl dt span.course003{ color:#91b2c4; border-bottom:2px solid #91b2c4;}
section#lesson_detail .lesson_detail_prof dl dt span.course004{ color:#998d72; border-bottom:2px solid #998d72;}
section#lesson_detail .lesson_detail_prof dl dt strong{ display:block; font-size:18px; font-weight:normal; letter-spacing:0.1em;}
@media screen and (max-width:640px){
section#lesson_detail .lesson_detail_prof dl dt{ margin-bottom:20px;}
section#lesson_detail .lesson_detail_prof dl dd{ margin-bottom:0;}
section#lesson_detail .lesson_detail_prof dl dt span{ margin-bottom:10px;}
}



/**********************/
/*トレーナー専用ページ*/
/**********************/
#trainer_nav{ background:#ece2d4; padding:30px 0; text-align:center;}
#trainer_nav_in strong{ display:inline-block; font-size:18px; background:#d28155; color:#fff; padding:6px 30px; margin-bottom:20px;}
#trainer_nav_in ul{ letter-spacing:-1em; font-size:1px;}
#trainer_nav_in ul li{ display:inline-block; letter-spacing:normal; font-size:16px; margin:0 10px;}
#trainer_nav_in ul li a{ display:block; background:#fff; color:#998c72; border-radius:8px; padding:20px; width:320px; box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 3px 1px; -webkit-box-shadow:(0, 0, 0, 0.3) 0px 0px 3px 1px; -moz-box-shadow:(0, 0, 0, 0.3) 0px 0px 3px 1px; transition:0.3s; -webkit-transition:0.3s;}
#trainer_nav_in ul li dl{ background:url(../images/case/nav_trainer_arrow.png) right center no-repeat;}
#trainer_nav_in ul li dl dt{ position:relative; margin-bottom:15px;}
#trainer_nav_in ul li dl dt span.on{ position:absolute; left:0; right:0; top:0; margin:auto; opacity: 0.0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
@media print, screen and (min-width:641px){
#trainer_nav_in ul li a:hover{ background:#998c72; color:#fff;}
#trainer_nav_in ul li a:hover dl dt span.on{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
}
@media screen and (max-width:640px){
#trainer_nav{ padding:20px 0;}
#trainer_nav_in strong{ margin-bottom:0;}
#trainer_nav_in ul{ padding:3%;}
#trainer_nav_in ul li{ display:block; margin:10px auto;}
#trainer_nav_in ul li:last-child{ margin-bottom:0;}
#trainer_nav_in ul li a{ padding:4.5%; width:100%;}
#trainer_nav_in ul li dl{ display:table; table-layout:fixed; width:100%;}
#trainer_nav_in ul li dl dt{ margin:0; display:table-cell; vertical-align:middle; width:50px;}
#trainer_nav_in ul li dl dd{ margin:0; display:table-cell; vertical-align:middle; text-align:left; padding-left:10px;}
}

/*case*/
#catch.case{ background:url(../images/case/main.jpg) center center;}
/*switch_nav*/
#case_nav input[type=radio]{ display:none;}
#case_nav_in .case001_box,
#case_nav_in .case002_box,
#case_nav_in .case003_box{ display:none; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
#case001:checked ~ #case_nav_in .case001_box,
#case002:checked ~ #case_nav_in .case002_box,
#case003:checked ~ #case_nav_in .case003_box{
display:block;
animation: fade 0.3s ease 0.0s 1 forwards;
-moz-animation: fade 0.3s ease 0.0s 1 forwards;
-webkit-animation: fade 0.3s ease 0.0s 1 forwards;
}

section#case_nav{ background:#f4efe7;}
section#case_nav ul{ text-align:center; letter-spacing:-1em; font-size:1px;}
section#case_nav ul li{ display:inline-block; letter-spacing:normal; font-size:16px; width:33.3333%; position:relative;}
section#case_nav ul li label{ display:block; color:#998d72; padding:10px; font-size:16px; background:#fff; text-align:center; cursor:pointer; border:1px solid #998d72; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav ul li:nth-child(1) label{ border-right:none;}
section#case_nav ul li:nth-child(2) label{}
section#case_nav ul li:nth-child(3) label{ border-left:none;}
section#case_nav ul li span.arrow{ position:absolute; display:inline-block; bottom:-12px; left:0; right:0; margin:auto; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav ul li label.over span.arrow{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#case_nav ul li label.over{ background:#222; color:#fff; border-color:#222;}
@media print, screen and (min-width:641px){
section#case_nav ul li label:hover span.arrow{ opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#case_nav ul li label:hover{ background:#222; color:#fff; border-color:#222;}
}
@media screen and (max-width:640px){
section#case_nav ul li label{ padding:5px; font-size:15px;}
}

section#case_nav #case_nav_in .case001_box,
section#case_nav #case_nav_in .case002_box,
section#case_nav #case_nav_in .case003_box{ margin-top:30px;}
section#case_nav .case001_box ul{ text-align:center; letter-spacing:-1em; font-size:1px; }
section#case_nav .case001_box ul li{ display:inline-block; letter-spacing:normal; font-size:16px; margin:0 10px; width:180px; background:#fff; border-radius:4px; position:relative;}
section#case_nav .case001_box ul li a{ position:relative; padding:20px 0; position:relative; display:block; z-index:2;}
section#case_nav .case001_box ul li a span.arrow{ position:absolute; display:inline-block; bottom:-12px; left:0; right:0; margin:auto; opacity: 0.0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav .case001_box ul li a dl dt{ position:relative;}
section#case_nav .case001_box ul li a dl dt img{ height:45px;}
section#case_nav .case001_box ul li a dl dt span.on{ position:absolute; left:0; right:0; top:0; margin:auto; opacity: 0.0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav .case001_box ul li a dl dd{ margin-top:15px;}
section#case_nav .case001_box ul li a{ border-radius:4px; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav .case001_box ul li.cat001 a{ background:rgba(224,127,72,0.0);}
section#case_nav .case001_box ul li.cat002 a{ background:rgba(145,178,196,0.0);}
section#case_nav .case001_box ul li.cat003 a{ background:rgba(148,187,136,0.0);}
section#case_nav .case001_box ul li.cat004 a{ background:rgba(232,144,156,0.0);}
section#case_nav .case001_box ul li.cat005 a{ background:rgba(153,141,114,0.0);}
section#case_nav .case001_box ul li a.active dl dt span.on{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
@media print, screen and (min-width:641px){
section#case_nav .case001_box ul li a:hover span.arrow{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#case_nav .case001_box ul li a:hover dl dt span.on{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#case_nav .case001_box ul li.cat001 a:hover{ background:rgba(224,127,72,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat002 a:hover{ background:rgba(145,178,196,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat003 a:hover{ background:rgba(148,187,136,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat004 a:hover{ background:rgba(232,144,156,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat005 a:hover{ background:rgba(153,141,114,1.0); color:#fff;}
}
@media screen and (max-width:640px){
section#case_nav .case001_box ul{ text-align:center; letter-spacing:-1em; font-size:1px;}
section#case_nav .case001_box ul li{ margin:0 1px; width:19%;}
section#case_nav .case001_box ul li a{ padding:5px 0;}
section#case_nav .case001_box ul li a dl dd{ font-size:8px; letter-spacing:-0.2em; margin-top:5px}
section#case_nav .case001_box ul li a dl dt img{ height:30px;}
section#case_nav .case001_box ul li a{ transition:0.3s; -webkit-transition:0.3s;}
}
section#case_nav .case002_box ul,
section#case_nav .case003_box ul{ text-align:center; letter-spacing:-1em; font-size:1px; }
section#case_nav .case002_box ul li,
section#case_nav .case003_box ul li{ display:inline-block; letter-spacing:normal; font-size:16px; margin:0 10px; width:230px; background:#fff; border-radius:4px; position:relative;}
section#case_nav .case002_box ul li a,
section#case_nav .case003_box ul li a{ position:relative; padding:20px 0; position:relative; display:block; z-index:2;}
section#case_nav .case002_box ul li a span.arrow,
section#case_nav .case003_box ul li a span.arrow{ position:absolute; display:inline-block; bottom:-12px; left:0; right:0; margin:auto; opacity: 0.0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav .case002_box ul li a dl dt,
section#case_nav .case003_box ul li a dl dt{ position:relative;}
section#case_nav .case002_box ul li a dl dt span.on,
section#case_nav .case003_box ul li a dl dt span.on{ position:absolute; left:0; right:0; top:0; margin:auto; opacity: 0.0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav .case002_box ul li a dl dd,
section#case_nav .case003_box ul li a dl dd{ margin-top:15px;}
section#case_nav .case002_box ul li a,
section#case_nav .case003_box ul li a{ border-radius:4px; transition:0.3s; -webkit-transition:0.3s;}
section#case_nav .case002_box ul li a,
section#case_nav .case003_box ul li a{ background:rgba(153,141,114,0.0);}
section#case_nav .case002_box ul li a.active,
section#case_nav .case003_box ul li a.active{ background:rgba(153,141,114,1.0); color:#fff;}
section#case_nav .case002_box ul li a.active dl dt span.on,
section#case_nav .case003_box ul li a.active dl dt span.on{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
@media print, screen and (min-width:641px){
section#case_nav .case002_box ul li a:hover span.arrow,
section#case_nav .case003_box ul li a:hover span.arrow{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
section#case_nav .case002_box ul li a.active span.arrow,
section#case_nav .case003_box ul li a.active span.arrow{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}

section#case_nav .case002_box ul li a:hover dl dt span.on,
section#case_nav .case003_box ul li a:hover dl dt span.on{ margin:auto; opacity:1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}


section#case_nav .case002_box ul li a:hover,
section#case_nav .case003_box ul li a:hover{ background:rgba(153,141,114,1.0); color:#fff;}

}
@media screen and (max-width:640px){
section#case_nav .case002_box ul li,
section#case_nav .case003_box ul li{ font-size:13px; margin:0 1.5% 3% 0; width:48.5%;}
section#case_nav .case002_box ul li:nth-child(2n),
section#case_nav .case003_box ul li:nth-child(2n){ margin:0 0 3% 1.5%;}
section#case_nav .case002_box ul li a,
section#case_nav .case003_box ul li a{ padding:10px 10px 5px;}
section#case_nav .case002_box ul li a dl dd,
section#case_nav .case003_box ul li a dl dd{ margin-top:5px;}
}

section#case_list ul li{ width:300px; margin:0 0 40px 50px; float:left; background:#fff;}
section#case_list ul li:nth-child(3n+1){ margin-left:0;}
section#case_list ul li dl dd{ padding:35px 30px 30px; position:relative; font-size:16px;}
section#case_list ul li dl dd strong.cat{ display:inline-block; position:absolute; top:-8px; left:-10px; font-size:13px; color:#fff; padding:3px 0; width:100px; text-align:center;}
section#case_list ul li dl dd strong.cat::after{ content:""; width:10px; height:7px; position:absolute; left:0; bottom:-7px;}
section#case_list ul li dl dd .case_info{ letter-spacing:-1em; font-size:1px; margin-top:25px;}
section#case_list ul li dl dd .case_info span{ display:inline-block; letter-spacing:normal; vertical-align:middle; background:#f7f3ee; padding:5px 10px; font-size:13px; width:118px;}
section#case_list ul li dl dd .case_info span strong{ display:inline-block; margin-right:10px; color:#998c72;}
section#case_list ul li dl dd .case_info span.time{ margin-right:2px;}
section#case_list ul li dl dd .case_info span.people{ margin-left:2px;}
@media screen and (max-width:640px){
section#case_list ul li{ width:100%; max-width:300px; margin:0 auto 20px; float:none;}
section#case_list ul li:nth-child(3n+1){ margin:0 auto 20px;}
section#case_list ul li dl dd{ padding:30px 10px 20px; font-size:16px;}
section#case_list ul li dl dd .case_info{ margin-top:15px;}
section#case_list ul li dl dd .case_info span{ padding:5px 10px; width:48.5%;}
section#case_list ul li dl dd .case_info span.time{ margin-right:1.5%;}
section#case_list ul li dl dd .case_info span.people{ margin-left:1.5%;}
}

/*member-single*/
section#case_detail .case_detail_in{ background:#fff; border-top:10px solid #f7f3ee; border-bottom:10px solid #f7f3ee; padding:80px 60px; margin-bottom:60px; position:relative;}
section#case_detail .case_detail_in figure{ margin:40px auto;}
section#case_detail .case_detail_in figure:last-child{ margin-bottom:0;}
section#case_detail .case_detail_in strong.cat{ display:inline-block; position:relative; top:-55px; left:-70px; font-size:13px; color:#fff; padding:3px 0; width:100px; text-align:center;}
section#case_detail .case_detail_in strong.cat::after{ content:""; width:10px; height:7px; position:absolute; left:0; bottom:-7px;}
section#case_detail .case_detail_in h3{ text-align:center; font-size:24px; margin-bottom:80px;}
section#case_detail .case_detail_in .post_info{ font-size:13px; line-height:16px; border-top:1px solid #ece2d4; border-bottom:1px solid #ece2d4; padding:10px 20px; margin-bottom:50px;}
section#case_detail .case_detail_in .case_detail_info{ margin:40px auto; letter-spacing:-1em; font-size:1px;}
section#case_detail .case_detail_in .case_detail_info span{ display:inline-block; letter-spacing:normal; vertical-align:middle; background:#f7f3ee; padding:5px 20px; margin:5px auto; font-size:13px; width:100%;line-height: 1.7;}
section#case_detail .case_detail_in .case_detail_info span strong{ display:inline-block; margin-right:30px; color:#998c72;}
section#case_detail .case_detail_in .case_detail_info span.time{ width:435px; margin-right:5px;}
section#case_detail .case_detail_in .case_detail_info span.people{ width:435px; margin-left:5px;}
@media screen and (max-width:640px){
section#case_detail .case_detail_in{ padding:40px 10px 20px; margin:0 auto 30px; width:94%;}
section#case_detail .case_detail_in figure{ margin:20px auto;}
section#case_detail .case_detail_in strong.cat{ top:-15px; left:-20px;}
section#case_detail .case_detail_in h3{ font-size:21px; margin-bottom:20px;}
section#case_detail .case_detail_in .post_info{ font-size:11px; padding:10px; margin-bottom:20px;}
section#case_detail .case_detail_in .case_detail_info{ margin:20px auto;}
section#case_detail .case_detail_in .case_detail_info span{ padding:5px 10px;}
section#case_detail .case_detail_in .case_detail_info span strong{ display:inline-block; margin-right:10px;}
section#case_detail .case_detail_in .case_detail_info span.time{ width:48.5%; margin-right:1.5%;}
section#case_detail .case_detail_in .case_detail_info span.people{ width:48.5%; margin-left:1.5%;}
section#case_detail .case_detail_in .case_detail_info span.place strong,
section#case_detail .case_detail_in .case_detail_info span.purpose strong{ display:block;}
}

section#case_detail .case_detail_in dl{ margin:40px auto 0;}
section#case_detail .case_detail_in dl dt{ padding:15px 0; margin-bottom:15px; border-bottom:1px solid #ece2d4; color:#998c72; line-height:1em;}
section#case_detail .case_detail_in dl dd{ margin-bottom:30px;}
section#case_detail .case_detail_in dl dd:last-child{ margin-bottom:0;}
@media screen and (max-width:640px){
section#case_detail .case_detail_in dl{ margin:20px auto 0;}
section#case_detail .case_detail_in dl dt{ padding:10px 0; margin-bottom:10px;}
section#case_detail .case_detail_in dl dd{ margin-bottom:20px;}
}

/*shop*/
#catch.shop{ background:url(../images/shop/main.jpg) center center;}
section#shop_list .maincontent{ width:980px;}
section#shop_list ul li{ width:300px; margin:0 0 30px 30px; float:left; background:#fff;}
section#shop_list ul li:nth-child(3n+2){ margin-left:0;}
section#shop_list ul li dl dd{ padding:45px 20px 30px; position:relative; font-size:20px; text-align:center;}
section#shop_list ul li dl dd a{ display:block;}
section#shop_list ul li dl dd span.price{ display:block; margin-top:20px; font-size:16px; font-family:Arial, Helvetica, sans-serif;color:#000;}
section#shop_list ul li dl dd strong.cat{ display:inline-block; position:absolute; top:10px; left:-10px; font-size:13px; color:#fff; padding:3px 0; width:100px; text-align:center;}
section#shop_list ul li dl dd strong.cat::after{ content:""; width:10px; height:7px; position:absolute; left:0; bottom:-7px;}
/*
section#shop_list ul li dl dd .product_info{ margin-top:20px; padding-top:20px; border-top:1px solid #ece2d4;}
section#shop_list ul li dl dd .product_info p{ text-align:left; font-size:13px; margin-bottom:0;}
*/
@media screen and (max-width:640px){
section#shop_list .maincontent{ width:94%;}
section#shop_list ul{ width:94%; margin:0 auto;}
section#shop_list ul li{ width:100%; margin:0 auto 20px; float:none;}
section#shop_list ul li:nth-child(3n+1){ margin:0 auto 20px;}
section#shop_list ul li dl dt img{ width:100%;}
section#shop_list ul li dl dd{ padding:45px 10px 20px; font-size:16px;}
section#shop_list ul li dl dd span.price{ margin-top:10px; font-size:14px;}
section#shop_list ul li dl dd .product_info{ margin-top:10px; padding-top:10px;}
}

/*product*/
section#product .product_in{ background:#fff; border-top:10px solid #f7f3ee; border-bottom:10px solid #f7f3ee; padding:80px 60px; margin-bottom:60px; position:relative;}
section#product .product_in dl{ display:table; table-layout:fixed;}
section#product .product_in dl dt{ display:table-cell; vertical-align:top; width:440px;}
section#product .product_in dl dd{ display:table-cell; vertical-align:top; font-size:14px;}
section#product .product_in dl dd ul{ letter-spacing:-1em; font-size:1px; margin-bottom:30px;}
section#product .product_in dl dd ul li{ display:inline-block; letter-spacing:normal; font-size:13px; text-align:center; width:100px; color:#fff; margin-right:10px; border-radius:4px; padding:2px;}
section#product .product_in dl dd ul li.cat001{ background:#e07f48;}
section#product .product_in dl dd ul li.cat002{ background:#91b2c4;}
section#product .product_in dl dd strong{ display:block; font-size:32px; margin-bottom:50px;}
section#product .product_in dl dd .price{ margin-top:60px; font-size:12px; color:#aaa;}
section#product .product_in dl dd .price strong{ color:#92834e; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
section#product .product_in dl dd .price p{ line-height:1.4em;}
section#product .product_in dl dd .form{ background:#f7f3ee; padding:30px 40px; margin-top:20px;}
section#product .product_in dl dd .form a.submit_btn{ background:#d28155; color:#fff; display:block; text-align:center; padding:10px; border-radius:30px; font-size:16px; cursor:pointer;}
section#product .product_in dl dd .form a.submit_btn span{ display:inline-block; vertical-align:middle; margin-right:10px; position:relative; top:-3px;}
section#product .product_in dl dd .form table{ width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; margin-bottom:15px;}
section#product .product_in dl dd .form table th{ font-size:14px; color:#756a55; text-align:left; padding:0 20px 5px 0;}
section#product .product_in dl dd .form table td{ padding:0 20px 5px 0;}
section#product .product_in dl dd .form select{ font-size:16px; width:100%; padding:5px;}
section#product .product_in .share{ border-top:1px solid #ece2d4; margin-top:20px; padding-top:20px;}
section#product .product_in .share ul{ letter-spacing:-1em;}
section#product .product_in .share li{ display:inline-block; letter-spacing:normal; margin-right:20px;}
section#product .product_in .share li:last-child{ margin-right:0;}
@media screen and (max-width:640px){
section#product .product_in{ padding:40px 10px 20px; margin:0 auto 30px; width:100%;}
section#product .product_in dl{ display:block;}
section#product .product_in dl dt{ display:block; width:100%; margin-bottom:20px;}
section#product .product_in dl dd{ display:block;}
section#product .product_in dl dd ul{ margin-bottom:20px;}
section#product .product_in dl dd strong{  font-size:24px; margin-bottom:20px;}
section#product .product_in dl dd .price{ margin-top:20px;}
section#product .product_in dl dd .form{ padding:3% 4.5% 4.5%;}
section#product .product_in dl dd .form a.submit_btn{ padding:10px 5px; font-size:16px;}
section#product .product_in dl dd .form table{ margin-bottom:10px;}
section#product .product_in dl dd .form table th{ padding:0 10px 5px 0;}
section#product .product_in dl dd .form table td{ padding:0 10px 5px 0;}
section#product .product_in .share li{ margin-right:10px;}
}

/*contact & registration*/
#catch.contact{ background:url(../images/contact/main.jpg) center center;}
section#contact .contact_in{ background:#fff; border-top:10px solid #f7f3ee; border-bottom:10px solid #f7f3ee; padding:80px 60px; margin:60px auto; position:relative;}
section#contact .contact_in dl{ position: relative; margin-bottom:30px; border-bottom:1px solid #ece2d4; transition:0.3s; -webkit-transition:0.3s;}
section#contact .contact_in dl:last-child{ margin-bottom:0;}
section#contact .contact_in dl dt{ color:#897c63; font-size:14px; margin-bottom:2px; transition:0.3s; -webkit-transition:0.3s;}
section#contact .contact_in dl dt .super{ color:#dc6c30;}
section#contact .contact_in input,
section#contact .contact_in textarea{	-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:0 !important; background:none; font-size:14px; width:100%; padding:5px 0; margin-bottom:5px;}
section#contact .contact_in dl.radio{ display:table; table-layout:fixed; width:100%;}
section#contact .contact_in dl.radio dt{ display:table-cell; vertical-align:top; width:200px;}
section#contact .contact_in dl.radio dd{ display:table-cell; vertical-align:top;}
section#contact .contact_in dl.radio dd{ display:table-cell; vertical-align:top;}
section#contact .contact_in dl.radio dd input{ display:none;}
section#contact .contact_in dl.radio dd label{ display:inline-block; position:relative; cursor:pointer; margin:0 0 16px 8px; padding:0 0 0 16px; font-size:14px;}
section#contact .contact_in dl.radio dd label:before{ position:absolute; content:""; top:50%; left:-8px; width:16px; height:16px; margin-top:-8px; background:#9d9178; border-radius:50%;}
section#contact .contact_in dl.radio dd input[type=radio] + label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
section#contact .contact_in dl.radio dd input[type=radio]:checked + label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#dc6c30; border-radius:30px;}
section#contact .contact_in dl.radio dd .wpcf7-list-item { display: block; margin: 0; }
section#contact .contact_in dl.radio dd .wpcf7-list-item label { display: inline; margin: 0; padding: 0;}
section#contact .contact_in dl.radio dd .wpcf7-list-item label:before { content: none; }
section#contact .contact_in dl.radio dd .wpcf7-list-item-label{ display:inline-block; position:relative; cursor:pointer; margin:0 0 16px 8px; padding:0 0 0 16px; font-size:14px;}
section#contact .contact_in dl.radio dd .wpcf7-list-item-label:before{ position:absolute; content:""; top:50%; left:-8px; width:16px; height:16px; margin-top:-8px; background:#9d9178; border-radius:50%;}
section#contact .contact_in dl.radio dd input[type=radio] + .wpcf7-list-item-label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
section#contact .contact_in dl.radio dd input[type=radio]:checked + .wpcf7-list-item-label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#dc6c30; border-radius:30px;}

section#contact .contact_in dl.over dt{ color:#dc6c30;}
section#contact .contact_in dl.over{ border-bottom:1px solid #dc6c30;}
section#contact .contact_in dl.radio dt{ color:#897c63;}
section#contact .contact_in dl.radio{ border-bottom:1px solid #ece2d4;}
section#contact .contact_in dl.half_l{ float:left; width:48.5%; margin-right:1.5%;}
section#contact .contact_in dl.half_r{ float:right; width:48.5%; margin-left:1.5%;}
section#contact .contact_in .recaptcha div{ margin: 0 auto 20px;}
section#contact .contact_in .submit_btn{ text-align:center;}
section#contact .contact_in input[type=submit]{ width:240px; background:#dc6c30; color:#fff; padding:8px; font-size:18px; border-radius:30px; cursor:pointer;}

section#contact .contact_in dl.clear{ clear: both; }
section#contact .contact_in dl.checkbox{ padding: 16px 0 16px 0; }
section#contact .contact_in dl.checkbox dt{ font-size: 18px; }
section#contact .contact_in dl.checkbox dd{  }
section#contact .contact_in dl.checkbox input[type=checkbox]{ display: none; }
section#contact .contact_in dl.checkbox input[type=checkbox] + span{ padding-left: 20px; position:relative; margin-right: 20px; }
section#contact .contact_in dl.checkbox input[type=checkbox] + span::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 4px; }
section#contact .contact_in dl.checkbox input[type=checkbox]:checked + span::after{ content: ""; display: block; position: absolute; top: -5px; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #9d9178; border-right: 3px solid #9d9178; }
section#contact .contact_in dl.radio2{ display:table; table-layout:fixed; width:100%; }
section#contact .contact_in dl.radio2 dt{ display:table-cell; vertical-align:top; width:200px;  }
section#contact .contact_in dl.radio2 dd{ display:table-cell; vertical-align:top; }
section#contact .contact_in dl.radio2 dd label { display:block; padding: 0 0 16px 0; }
section#contact .contact_in dl.radio2 input[type=radio]{ display: none; }
section#contact .contact_in dl.radio2 input[type=radio] + span{ padding-left: 20px; position:relative; margin-right: 20px; }
section#contact .contact_in dl.radio2 input[type=radio] + span::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 50%;}
section#contact .contact_in dl.radio2 input[type=radio]:checked + span::after{ content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; background: #9d9178; border-radius: 50%; }
section#contact .contact_in dl.zip { border-bottom: 0; }
section#contact .contact_in dl.zip dd { display: inline-block; border-bottom: 1px solid #ece2d4; }
section#contact .contact_in dl.zip.over dd { display: inline-block; border-bottom: 1px solid #dc6c30; }
section#contact .contact_in dl.zip dd input { width: 4em; }
section#contact .contact_in dl.tel { border-bottom: 0; }
section#contact .contact_in dl.tel dd { display: inline-block; border-bottom: 1px solid #ece2d4; }
section#contact .contact_in dl.tel.over dd { display: inline-block; border-bottom: 1px solid #dc6c30; }
section#contact .contact_in dl.tel dd input { width: 4em; }
section#contact .contact_in dl.date_last { display: none; }
section#contact .contact_in .mw_wp_form .error { position: absolute; }

@media screen and (max-width:640px){
section#contact .contact_in{ padding:40px 15px 20px; margin:0 auto 30px; width:100%;}
section#contact .contact_in dl{ margin-bottom:30px; border-bottom:1px solid #ece2d4; transition:0.3s; -webkit-transition:0.3s;}
section#contact .contact_in dl dt{ color:#897c63; font-size:16px; transition:0.3s; -webkit-transition:0.3s;}
section#contact .contact_in dl dt .super{ color:#dc6c30;}
section#contact .contact_in dl dd input,
section#contact .contact_in dl dd textarea{	-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:0 !important; font-size:16px; width:100%; padding:5px 0; margin-bottom:5px;}
section#contact .contact_in dl.radio{ display:block;}
section#contact .contact_in dl.radio dt{ display:block; width:100%; margin-bottom:8px;}
section#contact .contact_in dl.radio dd{ display:block;}
section#contact .contact_in dl.radio dd label{ margin-bottom:8px; font-size:16px;}
section#contact .contact_in dl.over dt{ color:#dc6c30;}
section#contact .contact_in dl.over{ border-bottom:1px solid #dc6c30;}
section#contact .contact_in dl.radio dt{ color:#897c63;}
section#contact .contact_in dl.radio{ border-bottom:1px solid #ece2d4;}
section#contact .contact_in dl.half_l{ float:none; width:100%; margin-right:0%;}
section#contact .contact_in dl.half_r{ float:none; width:100%; margin-left:0%;}
section#contact .contact_in input[type=submit]{ width:240px;}

section#contact .contact_in dl.radio2{ display:block; }
section#contact .contact_in dl.radio2 dt{ display:block; width:auto; padding: 0 0 16px 0; }
section#contact .contact_in dl.radio2 dd{ display:block; }
section#contact .contact_in dl.zip.over { border-bottom: 0; }
section#contact .contact_in dl.tel.over { border-bottom: 0; }
table.ui-datepicker-calendar tbody { display: table-row-group }

}


/*reg_form*/
#catch.reg_form{ background:url(../images/reg_form/main.jpg) center center;}
ul.reg_form_nav{ letter-spacing:-1em; font-size:1px;}
ul.reg_form_nav li{ display:inline-block; vertical-align:bottom; letter-spacing:normal; text-align:center; margin-right:5px; width:260px;}
ul.reg_form_nav li label{ font-size:16px; padding:14px 0; background:#dc6c30; color:#fff; display:block; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;}
ul.reg_form_nav li label.over{ font-size:18px; padding:20px 0; background:#fff; color:#dc6c30;}
#reg_form_nav_in{ padding:0; margin:0 auto 30px; width:100%;}
/*switch_nav*/
#reg_form input[type=radio].none{ display:none;}
#reg_form_nav_in .reg_form001_box,
#reg_form_nav_in .reg_form001_box{ display:none; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
#reg_form001:checked ~ #reg_form_nav_in .reg_form001_box,
#reg_form002:checked ~ #reg_form_nav_in .reg_form001_box{
display:block;
animation: fade 0.3s ease 0.0s 1 forwards;
-moz-animation: fade 0.3s ease 0.0s 1 forwards;
-webkit-animation: fade 0.3s ease 0.0s 1 forwards;
}
@media screen and (max-width:640px){
ul.reg_form_nav li{ margin:0 1.5%; width:47%;}
ul.reg_form_nav li label{ font-size:13px; padding:10px 0;}
ul.reg_form_nav li label.over{ font-size:15px; padding:15px 0;}
#reg_form_nav_in{ padding:0; margin:0 auto 30px; width:100%;}
}
section#reg_form #reg_form_nav_in .reg_form001_box,
section#reg_form #reg_form_nav_in .reg_form001_box{ background:#fff; border-bottom:10px solid #f7f3ee; padding:80px 60px; margin:0 auto 60px; position:relative;}
section#reg_form #reg_form_nav_in .recipient{ background:#f7f7f7; padding:30px 20px; margin:40px auto 20px;}
section#reg_form #reg_form_nav_in dl{ margin-bottom:30px; border-bottom:1px solid #ece2d4; transition:0.3s; -webkit-transition:0.3s;}
section#reg_form #reg_form_nav_in dl:last-child{ margin-bottom:0;}
section#reg_form #reg_form_nav_in dl dt{ color:#897c63; font-size:14px; margin-bottom:2px; transition:0.3s; -webkit-transition:0.3s;}
section#reg_form #reg_form_nav_in dl dt .super{ color:#dc6c30;}
section#reg_form #reg_form_nav_in input,
section#reg_form #reg_form_nav_in textarea{	-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:0 !important; background:none; font-size:14px; width:100%; padding:5px 0; margin-bottom:5px;}
section#reg_form #reg_form_nav_in dl.radio{ display:table; table-layout:fixed; width:100%;}
section#reg_form #reg_form_nav_in dl.radio dt{ display:table-cell; vertical-align:top; width:200px;}
section#reg_form #reg_form_nav_in dl.radio dd{ display:table-cell; vertical-align:top;}
section#reg_form #reg_form_nav_in dl.radio dd input{ display:none;}
section#reg_form #reg_form_nav_in dl.radio dd label{ display:inline-block; position:relative; cursor:pointer; margin:0 0 16px 8px; padding:0 0 0 16px; font-size:14px;}
section#reg_form #reg_form_nav_in dl.radio dd label:before{ position:absolute; content:""; top:50%; left:-8px; width:16px; height:16px; margin-top:-8px; background:#9d9178; border-radius:50%;}
section#reg_form #reg_form_nav_in dl.radio dd input[type=radio] + label:after{ position:absolute; content:""; top:50%; left:-6px; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
section#reg_form #reg_form_nav_in dl.radio dd input[type=radio]:checked + label:after{ position:absolute; content:""; top:50%; left:-8px; width:16px; height:16px; margin-top:-8px; border-radius:50%; background:#dc6c30; border-radius:30px;}
section#reg_form #reg_form_nav_in dl.over dt{ color:#dc6c30;}
section#reg_form #reg_form_nav_in dl.over{ border-bottom:1px solid #dc6c30;}
section#reg_form #reg_form_nav_in dl.radio dt{ color:#897c63;}
section#reg_form #reg_form_nav_in dl.radio{ border-bottom:1px solid #ece2d4;}
section#reg_form #reg_form_nav_in dl.half_l{ float:left; width:48.5%; margin-right:1.5%;}
section#reg_form #reg_form_nav_in dl.half_r{ float:right; width:48.5%; margin-left:1.5%;}
section#reg_form #reg_form_nav_in .submit_btn{ text-align:center;}
section#reg_form #reg_form_nav_in input[type=submit]{ width:240px; background:#dc6c30; color:#fff; padding:8px; font-size:18px; border-radius:30px; cursor:pointer;}
section#reg_form #reg_form_nav_in .more_btn{ text-align:left; margin:20px auto 40px; padding-bottom:20px; border-bottom:1px solid #ece2d4;}
section#reg_form #reg_form_nav_in .more_btn a{ display:inline-block; width:160px; text-align:center; padding:8px; border-radius:30px; background:#222; color:#fff; font-size:16px;}
section#reg_form #reg_form_nav_in .more_btn a span{ display:inline-block; vertical-align:middle; margin-right:15px; position:relative; top:-9px;}
@media screen and (max-width:640px){
section#reg_form #reg_form_nav_in .reg_form001_box,
section#reg_form #reg_form_nav_in .reg_form001_box{ padding:40px 15px 20px;}
section#reg_form #reg_form_nav_in .recipient{ background:#f7f7f7; padding:20px 15px; margin:20px auto 10px;}
section#reg_form #reg_form_nav_in input,
section#reg_form #reg_form_nav_in textarea{	-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:0 !important; background:none; font-size:16px; width:100%; padding:5px 0; margin-bottom:5px;}
section#reg_form #reg_form_nav_in dl.half_l{ float:none; width:100%; margin-right:0;}
section#reg_form #reg_form_nav_in dl.half_r{ float:none; width:100%; margin-left:0;}
section#reg_form #reg_form_nav_in .more_btn{ margin:15px auto 20px; padding-bottom:15px;}
section#reg_form #reg_form_nav_in dl dt{ font-size:16px;}
}

/*よくある質問*/
#catch.faq{ background:url(../images/faq/main.jpg) center center;}
#faq .maincontent{ padding-bottom:80px;}
#faq{ background:#fff;}
#faq #faq_in{ display:table; table-layout:fixed; width:100%; position:relative;}
#faq #faq_in #faq_nav{ display:table-cell; vertical-align:top; width:240px;}
#faq #faq_in #faq_content{ display:table-cell; vertical-align:top; padding-left:40px; position: relative; }
#faq #faq_in #faq_nav ul li a{ display:block; position:relative; padding:15px 10px;}
#faq #faq_in #faq_nav ul li a:after{ content:""; width:4px; height:6px; background:url(../images/faq/faq_nav_arrow.png) center center no-repeat; position:absolute; right:20px; top:22px;}
@media print, screen and (min-width:641px){
#faq #faq_in #faq_nav.fix ul{ position:fixed; top:0; left:0; right:0; margin:auto; width:1000px;}
#faq #faq_in #faq_nav.fix ul li{ margin-right:760px;}
#faq #faq_in #faq_nav.fix002 ul{ position:absolute !important; bottom:0; left:0; right:0; margin:auto; width:1000px;}
#faq #faq_in #faq_nav.fix002 ul li{ margin-right:760px;}
#faq #faq_in #faq_nav ul li a:hover{ background:#ece2d4;}
}
@media screen and (max-width:640px){
#faq .maincontent{ padding-bottom:20px;}
#faq #faq_in{ display:block;}
#faq #faq_in #faq_nav{ display:block; width:100%; margin-bottom:20px;}
#faq #faq_in #faq_content{ display:block; padding-left:0;}
#faq #faq_in #faq_nav ul{ letter-spacing:-1em; font-size:1px;}
#faq #faq_in #faq_nav ul li{ display:inline-block; letter-spacing:normal; width:50%; padding:0 2px 4px 0;}
#faq #faq_in #faq_nav ul li:nth-child(2n){ padding:0 0 4px 2px;}
#faq #faq_in #faq_nav ul li a{ padding:5px 0; font-size:13px; text-align:center; background:#ece2d4;}
#faq #faq_in #faq_nav ul li a:after{ right:10px; top:20px;}
}
#faq_content h3{ border-left:3px solid #e07f48; padding:10px 15px 5px; font-size:30px; line-height:1em; letter-spacing:0.1em; margin-bottom:20px;}
#faq_content dl{ margin-left:18px; font-size:16px; border-bottom:1px solid #e07f48; padding-bottom:40px; margin-bottom:60px;}
#faq_content dl:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none;}
#faq_content dl dt{ line-height:2em; cursor:pointer; margin-bottom:20px;}
#faq_content dl dd{ line-height:2em; margin-bottom:20px; display:none;}
#faq_content dl span.qa_a,
#faq_content dl span.qa_q{ display:inline-block; margin:5px 10px 5px 0; font-size:20px; border-radius:50%; background:#e07f48; color:#fff; width:36px; height:36px; text-align:center; line-height:1em; padding-top:8px;}
#faq_content dl span.qa_a{ vertical-align:middle; background:#ece2d4; color:#000;}
#faq_content dl span.qa_q{ vertical-align:bottom;}
#faq_content dl dt strong{ position:relative; display:inline-block; transition:0.3s; -webkit-transition:0.3s;}
#faq_content dl dt strong::after{ position:absolute; bottom:0; left:0; content:''; width:0; height:1px; background-color:#e07f48; transition:0.3s; -webkit-transition:0.3s;}
#faq_content dl dt.click strong{ color:#e07f48;}
#faq_content dl dt.click strong::after{ width:100%;}
@media print, screen and (min-width:641px){
#faq_content dl dt:hover strong{ color:#e07f48;}
#faq_content dl dt:hover strong::after{ width:100%;}
}
@media screen and (max-width:640px){
#faq_content h3{ border-left:3px solid #e07f48; padding:10px 10px 5px; font-size:21px; line-height:1.2em; letter-spacing:0em; margin-bottom:10px;}
#faq_content dl{ margin-left:0px; font-size:15px; padding-bottom:20px; margin-bottom:30px;}
#faq_content dl dt{ line-height:1.75em; margin-bottom:10px;}
#faq_content dl dd{ line-height:1.75em; margin-bottom:10px;}
#faq_content dl span.qa_a,
#faq_content dl span.qa_q{ margin:5px 5px 5px 0; font-size:16px; width:28px; height:28px; padding-top:6px;}
#faq_content dl span.qa_a{ vertical-align:middle; background:#ece2d4; color:#000;}
#faq_content dl span.qa_q{ vertical-align:bottom;}
#faq_content dl dt strong{ position:relative; display:inline-block; transition:0.3s; -webkit-transition:0.3s;}
#faq_content dl dt strong::after{ position:absolute; bottom:0; left:0; content:''; width:0; height:1px; background-color:#e07f48; transition:0.3s; -webkit-transition:0.3s;}
#faq_content dl dt.click strong{ color:#e07f48;}
#faq_content dl dt.click strong::after{ width:100%;}
}




/****************/
/*アニメーション*/
/****************/
@keyframes fade{
0% {  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
1% {  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
100% {  opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
}
@-moz-keyframes fade{
0% {  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
1% {  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
100% {  opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
}
@-webkit-keyframes fade{
0% {  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
1% {  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
100% {  opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
}

@media print, screen and (min-width:641px){
.smp{ display:none !important;}
}
@media screen and (max-width:640px){
.pc{ display:none !important;}
}


/****************/
/*CUSTOM*/
/****************/
.dslc-module-front{
    font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif !important;
}
.images-p-right{
	padding-right:30px;
}
.submenu .eff001:hover::after{ width:0%;}
.menu.menu-item a .caret {
    background: url("../images/nav_ico1.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 13px;
    width: 10px;
    margin-left: 6px;
    background-position: bottom;
}
#business_ex .maincontent dl dt {
    padding: 0 0 20px;
}
img.alignnone{
    margin: 0px;
}
.no-t-padding {
    padding-top: 0px !important;
}
p.trainer-title {
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
section#product .product_in dl dd .form .submit_btn span{ display:inline-block; vertical-align:middle; margin-right:10px; position:relative; top:-3px;}
section#voice ul li .voice_txt{ width:1240px; max-width:100%;}
section#voice ul li p {
  width: 755px;
}
.smp_nav002 li{
	display:block;
}
.smp_nav002 .menu.menu-item > a{
	padding:0px;
}
.post-type-archive-product.woocommerce-page ul.products li.first,
.post-type-archive-product.woocommerce ul.products li.first{
    clear: unset !important;
}
div.ajax-msg {
    margin-bottom: 25px;
}
.ajax-load.disable,
.ajax-load.disable:hover{
    background: #bebebe none repeat scroll 0 0;
    border-color: #bebebe;
    cursor: wait;
}

.password-form input[type="submit"]{
	background: #000 none repeat scroll 0 0;
	border: 1px solid #000;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	line-height: 0.5;
	padding: 11px 10px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 77px;
}
.password-form input[type="password"]{
    font-size: 14px;
    height: 35px;
    margin-right: 15px;
    padding: 5px 0;
    width: 200px;
}
a.more.horizontal,#os-share-count{
    display: none !important;
}


.password-form input[type="submit"]:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
}
.password-form{
	text-align: center;
}

.btn.lg a {
    width: 280px;
}
.trainer_prof .wp-post-image {
    height: auto;
    max-width: 100%;
}
/*
#faq_nav > ul {
    position: absolute;
    top: 0;
    width: 240px;
}
*/
#catch{
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content{
  background: #fff none repeat scroll 0 0;
  padding: 100px 0;
}
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message{
  margin: 0 auto;
  max-width: 1000px;

}
div.os-share-counter-widget span, div {
    vertical-align: unset !important;
}
#faq_waypoint002{
	position:relative;
	top:-208px;
}
.single-lesson img.wp-post-image {
    height: auto;
}
section#case_nav .case001_box ul li.cat001 a.active{ background:rgba(224,127,72,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat002 a.active{ background:rgba(145,178,196,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat003 a.active{ background:rgba(148,187,136,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat004 a.active{ background:rgba(232,144,156,1.0); color:#fff;}
section#case_nav .case001_box ul li.cat005 a.active{ background:rgba(153,141,114,1.0); color:#fff;}
/*section#case_nav .case002_box ul li a.active,
section#case_nav .case003_box ul li a.active{ background:rgba(153,141,114,0.0);}*/
.ppl h3 {
	padding-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
}
#customer_details .input-text{
    border-style: solid;
    border-width: 1px;
    font-size: 18px;
    min-height: 35px;
    padding: 5px;
    width: 100%;
}
#customer_details .input-select{
	height: 35px;
    padding: 5px;
}
.circle {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    height: 10px;
    margin: 0px auto 15px;
    visibility: hidden;
    width: 10px;
}
.circle.visible {
    visibility: visible;
}
.woocommerce-checkout .woocommerce-shipping-fields > h3 {
    display: block;
    float: none !important;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
    margin-bottom: 20px;
}
.shop_table.shop_table_responsive tbody{
	width:100%;
	display:block;
}
.feature-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 146px;
	width: 100%;
}
div.wpcf7-validation-errors {
    border: none;
    color: red;
    text-align: center;
}
div.wpcf7-mail-sent-ok {
    border: none;
    text-align: center;
    color: #398f14;
}
.mp-top-0{
	margin-top:0px !important;
	padding-top:0px !important
}
.trainer_detail_in img{
  height: auto;
  max-width: 100%;
}
.woocommerce-message{
  margin: 0px auto 2em !important;
}


@media screen and (min-width:640px){
	section#course_nav #course_nav_in ul li.course001 a.active{ background:#e07f48; color:#fff;}
	section#course_nav #course_nav_in ul li.course002 a.active{ background:#94bb88; color:#fff;}
	section#course_nav #course_nav_in ul li.course003 a.active{ background:#91b2c4; color:#fff;}
	section#course_nav #course_nav_in ul li.course004 a.active{ background:#998d72; color:#fff;}
	.ppl{
        padding-left: 100px;
        padding-right: 100px;
    }
	.feature-image {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 220px;
		width: 100%;
	}
	.shop_image{
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height:380px;
	}
}

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

	.dsk{
		display:none !important;
	}
	.password-form input[type="submit"] {
		margin-top: 15px;
	}
	.product_in .images {
		padding-right: 0px !important;
	}
	#page > header {
		position: fixed !important;
		top: 0 !important;
		z-index: 999 !important;
	}
	#page {
		padding-top: 59px;
	}
	#catch {
		background-size: cover !important;
	}
	/*//COMMEN_IT
	#header #logo h1 {
    	background: rgba(0, 0, 0, 0) url("../images/logo_smp.png") no-repeat scroll center center / 100% auto;
	}
	*/
	#header #logo h1 {
		padding-left: 10px;
		width: 260px;
	}
	#header_in{
		padding: 8px 0px;
	}
	.menu_btn.smp > img {
    	max-width: 26px;
    	padding-top: 10.5px;
	}

	section#course_nav #course_nav_in ul li.course001 a.active{ background:#e07f48; color:#fff;}
	section#course_nav #course_nav_in ul li.course002 a.active{ background:#94bb88; color:#fff;}
	section#course_nav #course_nav_in ul li.course003 a.active{ background:#91b2c4; color:#fff;}
	section#course_nav #course_nav_in ul li.course004 a.active{ background:#998d72; color:#fff;}

	section#voice ul li p {
    	width: 100%;
	}
	section#voice ul li .voice_txt{ width:75%; margin:0 auto;}

	.woocommerce-cart #dslc-theme-content, .woocommerce-checkout #dslc-theme-content {
	  padding: 100px 10px;
	}
	section#voice ul li .voice_txt {
	  margin: 180px auto 0;
	}
	#page.site{
		transform: none !important;
	}
	.slidemenu {
		z-index: 9999 !important;
	}
	.page-template-template-lesson-php .maincontent {
		padding-top: 20px;
	}
  .circle{
    width:101px !important;
  }
  .shop_image{
		display:none;
	}

  #menu-primary-menu li.eff001,
  .smp_nav001 .trans{
    transition: none !important;
    -webkit-transition: none !important;
  }
}
.event_item img {
	min-height: 218px;
}

h2.ttl_trainer_rank_01,h2.ttl_trainer_rank_02,h2.ttl_trainer_rank_03{
	font-size: 24px;	
}
h2.ttl_trainer_rank_01{
	color: #3f7297;
}
h2.ttl_trainer_rank_02{
	color: #e07f48;
}
h2.ttl_trainer_rank_03{
	color: #56956a;
}
h2.ttl_trainer_rank_01::after{
	position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 100px;
    height: 2px;
    background-color: #3f7297;
}
h2.ttl_trainer_rank_02::after{
	position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 100px;
    height: 2px;
    background-color: #e07f48;
}
h2.ttl_trainer_rank_03::after{
	position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 100px;
    height: 2px;
    background-color: #56956a;
}

h2.ttl_trainer_rank{
	font-size: 24px;
}
h2.ttl_trainer_rank::after{
	position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 100px;
		height: 2px;
		background-color: #000;
}
.trainer_rank_name{
	color:#000;
	border-bottom:2px solid #000;
}


/* Points of You® Master認定： #8F8F8F */
.type_master h2.ttl_trainer_rank{
	color: #8F8F8F;
}
.type_master h2.ttl_trainer_rank::after{
	background-color: #8F8F8F;
}
.type_master .trainer_rank_name{
	color: #8F8F8F;
	border-bottom:2px solid #8F8F8F;
}

/* Points of You® Expert認定（アドバンストレーナー）： #0101DF */
.type_advanced_trainer h2.ttl_trainer_rank{
	color: #0101DF;
}
.type_advanced_trainer h2.ttl_trainer_rank::after{
	background-color: #0101DF;
}
.type_advanced_trainer .trainer_rank_name{
	color: #0101DF;
	border-bottom:2px solid #0101DF;
}

/* Points of You® Practitioner認定（トレーナー） ：#DF7401 */
.type_trainer h2.ttl_trainer_rank{
	color: #DF7401;
}
.type_trainer h2.ttl_trainer_rank::after{
	background-color: #DF7401;
}
.type_trainer .trainer_rank_name{
	color: #DF7401;
	border-bottom:2px solid #DF7401;
}

/* Points of You® Explorer認定（エバンジェリスト）：#0B6121 */

.type_evangelist h2.ttl_trainer_rank{
	color: #0B6121;
}
.type_evangelist h2.ttl_trainer_rank::after{
	background-color: #0B6121;
}
.type_evangelist .trainer_rank_name{
	color: #0B6121;
	border-bottom:2px solid #0B6121;
}

.reg_step{
	margin:0 auto 40px;
	padding-bottom: 40px;
	text-align: center;
	border-bottom: 1px solid #f4f4f4;
}
.reg_step.non_border{
	border: none;
}

.reg_step h3{
	margin-bottom: 24px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	position: relative;
	color: #998c72;
}
.reg_step h3 span{
	font-size: 16px;
	line-height: 1;
}
.reg_step .caution{
	font-size: 12px;
	color: #666;
}

.reg_step .bg_w{
	background: #fff;
	padding: 20px;
	text-align: left;
	margin-bottom: 20px;
}

#trainer_nav_in ul li{
	margin-bottom: 20px;
}
#trainer_nav_in ul li a{
	width: 244px;
}
#trainer_nav_in .{
	min-width: 1060px;
}
@media screen and (max-width:640px){
	#trainer_nav_in ul li a{ width: 100%;}
}

/*追加*/
.woocommerce ul.products{
    margin-bottom: 100px;
}
.woocommerce ul.products li.product h3{
    font-size: 0.8em;
    line-height: 2em;
}
.outofstock {
	text-align: right;
}
.soldout {
	font-size: 0.7em;
	line-height: 2em;
	color: #FF0000;
	padding: 5px;
	border: 1px solid #FF0000;
	border-radius: 3px;
}
.cate_title {
    color: #444;
    font-size: 24px;
    display: flex;
    align-items: center;
}
.cate_title:before, .cate_title:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: rgba(68, 68, 68, 0.3);
    display: block;
}
.cate_title:before {
    margin-right: .4em;
}
.cate_title:after {
    margin-left: .4em;
} 
.cate_title_sp{
   display:
}
@media screen and (max-width:640px){
   .cate_title{
       font-size: 18px;
       margin-bottom: 15px;
   }
   .cate_title_sp{
       display: block;
   }
    .section#shop_list ul{
        margin-bottom: 50px;
    }
}
ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
	max-width: 40px;
	padding-left: 3px;
	margin: 0;
}