@charset "utf-8";
/* Theme Name: wilj */
@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700&display=swap');
@import url(/asset/cnt/themes/jwia/css/drawer.min.css);
@import url(/asset/cnt/themes/jwia/css/animate.css);
/* ==========================================================================
   Base
   ========================================================================== */
html {width:100%; font-family: 'Noto Sans JP', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{ margin:0; padding:0; width:100%; background:#fff;font-family: "Noto Serif JP", serif; font-weight: 300; letter-spacing:0.03em; color:#0a0a0a; text-align:center; font-size: 15px; line-height:1.6;}
ol,ul,li,dt,dl,dd,p{list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;font-size: 15px; line-height:1.6; margin: auto;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
img{ border:none; vertical-align:bottom; margin:0; padding:0; max-width: 100%; height:auto;}
a,a:visited,a:active,a:hover{color:#000; text-decoration:none; outline: 0; }a:focus { outline: thin dotted;} .ab a{ display: block;}
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}.cf{ /min-height:1px; /display:inline-block;}.cBoth{clear:both;}
.t8{ font-size:8px; line-height:14px;}.t9{ font-size:9px; line-height:14px;}.t10{ font-size:10px; line-height:14px;}.t11{ font-size:11px; line-height:14px;}.t12{ font-size:12px;}.t13{ font-size:13px;}.t14{ font-size:14px;}.t15{ font-size:15px;}.t16{ font-size:16px;}.t18{ font-size:18px;}.t20{ font-size:20px;}.t21{ font-size:21px;}.t22{ font-size:22px;}.t24{ font-size:24px;}.t26{ font-size:26px;}.t28{ font-size:28px;}.t30{ font-size:30px;}.t32{ font-size:32px;}.t34{ font-size:34px;}.t36{ font-size:36px;}.t38{ font-size:38px;}.t40{ font-size:40px;}.t42{ font-size:42px;}.t46{ font-size:46px;}.t50{ font-size:50px;}.t52{ font-size:52px;}.t54{ font-size:54px;}.t56{ font-size:56px;}.t60{ font-size:60px;}.t70{ font-size:70px;}.t80{ font-size:80px;}
.gray{ color:#999;}.darkGray{ color:#666;}.pink{color: #d87b7b;}.gold{color: #d9b614;}.white{color: #fff;}
.tG1,.tG2,.tG3,.tG3{font-family: 'Noto Sans JP', sans-serif;}
.tG1{font-weight:300;}.tG2{font-weight:500;}.tG3{font-weight:700;}.tG4{font-weight:900;}
.tE1,.tE2,.tE3,.tE4{font-family:"Bodoni Moda", serif;}.tE1{ font-weight: 400;}.tE2{font-weight: 500;}.tE3{font-weight: 600;}.tE4{font-weight: 700;}
.tE1.i,.tE2.i,.tE3.i,.tE4.i{font-style: italic;}
.tM1,.tM2,.tM3,.tM3{font-family: "Noto Serif JP", serif;}
.tM1{font-weight:300;}.tM2{font-weight:500;}.tM3{font-weight:700;}.tM3{font-weight:900;}
h1,h2,h3,h4,h5{ font-family: 'Noto Sans JP', sans-serif; margin:0; font-weight:900;}h1{ line-height: 1.2;}h2,h3,h4,h5{ line-height: 1.4;}
.alignright{float:right;margin:0 0 20px 20px;}.alignleft{float:left;margin:0 20px 20px 0;}.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;}
.taLeft{ width: 100%; text-align:left;}
.taRight{ width: 100%; text-align:right;}
.taCenter{ width: 100%; text-align:center;}
input:not([type=checkbox] ):not([type=image]),textarea,select{color:#231815; font-family:'Roboto', 'Noto Sans JP', sans-serif;font-weight: 300; font-size: 16px; border:1px solid #ccc; padding:15px; margin:5px 0px;box-sizing: border-box;  border-radius: 5px;}
input:not([type=checkbox] ):not([type=image]),textarea{width: 100%;}
.wrap{ width:1000px; margin:auto;}.wrapW{ width:1300px; margin:auto;}.wrapN{ width:800px; margin:auto;}.wrapS{ width:700px; margin:auto;}
div,span,li,section,p,ul,ol{box-sizing: border-box;}
.fade{ display:none;}
.pc{}.tb,.sp{ display:none;}
.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
ul.dot{margin: auto; width: auto; display:inline-block}
ul.dot li{list-style: disc; line-height: 1.4; margin:0 5px 0 20px; text-align: left; width: auto;}
.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}

/* ==========================================================================
   common
   ========================================================================== */
header{ padding:15px 20px 15px 20px; position: absolute; z-index: 5; width: 100%; box-sizing: border-box; }
@media screen and (min-width:768px) {
header .logo{float: left; width:30%; text-align: left;}
header nav{float: right; width:70%; text-align: right; color: #ccc;}
header nav li{line-height: 1; display: inline-block;}
header nav li a,header nav li a:visited{color:#000;}
header nav ul.sub{margin:5px 0 5px 0;}
header nav ul.sub li{margin-left: 20px;}
header nav ul.main li{margin-left: 30px;}
}
footer{background: #f3f2f2; padding:40px 0 15px 0;}
footer nav ul{display: inline-block; vertical-align: top; margin: 0 10px;}
footer nav ul li:not(:last-child){margin-right:35px;}
footer nav ul li:first-child{font-size: 14px; line-height: 1.4; border-bottom:1px solid #999; padding-bottom: 10px; margin-bottom: 15px;}
footer nav ul li:not(:first-child){text-align: left; font-size: 13px;}
footer nav ul li:not(:first-child)::before{ content: "・";}
footer .info{margin-top: 20px;}
footer .info .contactBtn { margin: 20px auto;}
footer .info .contactBtn a{background: #ccc; color: #fff; padding: 15px 30px; box-sizing: border-box; display: inline-block; margin: 0 5px;}
footer .info .logo{display: block;}
footer .info .logo img{width: 350px;}
footer .info .cr{display: inline-block; line-height: 1.5; margin-top: 15px;}
#page-top{position:fixed; bottom:0; right:0;line-height:0; z-index:9999;}
#page-top a{display: block; background:#fff; font-size:30px; padding:20px;}
#page-top a:hover{background:#ccc; color:#fff;}

/* common */
.more_btn{margin-top: 20px;}
.more_btn a,.more_btn a:hover{border: 1px solid #0a0a0a; color: #0a0a0a; padding:6px 25px;  letter-spacing: 0.01em; display: inline-block; border-radius: 30px; line-height: 1.4;}
.more_btn a:before{ content: "\f105 "; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px;}
.more_btn a:hover{background: #d87b7b; border: 0;}
.more_btn.pink a{background: #d87b7b;border: none; color: #fff;}
.snsshare{text-align: center; margin-top: 40px;}

.snsshare ul{background: url(/asset/cont/themes/nlba/img/common/bg_s.png); padding: 20px; display: inline-block;}
.snsshare ul li{display: inline-block; margin: 0 5px; vertical-align: top;}
.snsshare .tag{margin-top: 10px;}
.snsshare .tag a{background: #ccc; color: #fff; padding:3px 12px; border: 0; border-radius: 3px; display: inline-block; margin:0 2px 2px 0;}

.pd{padding: 50px 0;}
.bg{background: #f6f6f6;}
.bg2{background: linear-gradient(to bottom, #efd7d5, #fff,#fff);}
.cTtl{ margin-top: 30px; text-align: center;}
.cTtl .mark{background: url(/asset/cnt/themes/jwia/img/logo_mark.png) no-repeat center center; background-size: auto 100%; height: 80px; margin-bottom: 15px;}
.mTtl{text-align: center; margin-bottom: 40px;}
.mTtl div h2{line-height: 1.1; border-bottom: 1px solid #0a0a0a; padding-bottom: 3px; display: inline-block;}
.mTtl div h3{margin-top: 10px;}
.mainPh{z-index:0;}
.mainPh,.mainPh div,.mainPh ul.bxslider li{width: 100%; height: 800px;}
.mainPh.n,.mainPh.n div,.mainPh.n ul.bxslider li{width: 100%; height: 400px;}

ul.catNav li{display:inline-block;}
ul.catNav li a{display:inline-block; background: #000; color: #fff; padding: 3px 15px; }
ul.li_list li{vertical-align: middle; padding: 20px 0; border-bottom: 1px solid #eaeaea;}
ul.li_list li .date{display: inline-block; float: left; width: 11%; text-align: left;}
ul.li_list li .cat{display: inline-block; float: left; width: 14%; background: #d87b7b; text-align: center; color: #fff; padding: 5px 10px; box-sizing: border-box;}
ul.li_list li h3{display: inline-block; float: right; width: 71%; text-align:left; }
ul.li_member li{ float: left; width: 47%; margin-bottom: 40px;}
ul.li_member li:nth-child(even){float: right;}
ul.li_member li .ph div{width: 230px; height: 230px; border-radius:230px; margin: auto;}
ul.li_member li .txt{text-align: left; line-height: 1.6; margin-top: 20px;}
ul.li_member li .txt h2{font-size: 30px; font-weight: 600; margin-bottom: 10px; text-align: center;}

.wp-pagenavi {clear: both; text-align:center; margin-top:20px; font-family: 'Noto Sans Japanese', sans-serif;}
.wp-pagenavi a, .wp-pagenavi span {}
.wp-pagenavi a:hover, .wp-pagenavi span.current {font-weight: 700;}


.mainPh_ttl{height: 800px; width: 100%; z-index: 1; position: absolute; text-align: left; }
.mainPh_ttl div{display: table-cell; width: 100%; padding:0 0 100px 70px; height: 800px; vertical-align: bottom; }
#top .mainPh ul.bxslider li.p1{background-position: top center; background-size: cover;}
#top .mainPh ul.bxslider li.p2{background-position: top center; background-size: cover;}
#top .about{margin:-50px auto 0 auto; position: absolute; z-index: 5; right:0; left:0; }
#top .about ul li.txt{padding-top:80px;}
.about ul li{float: left; width:55%;}
.about ul li.txt{float: right; width: 40%; text-align: left;}
.about ul li.txt h2{line-height: 1.4; margin:20px auto 15px auto;}
#top .pw{margin: 450px auto 60px auto;}
.pw{background: url("/2025/cnt/themes/jwia/img/top/pw_bg.jpg")  no-repeat top center; }

.service ul li{float: left; width: 33.33%; padding: 0 20px 20px 20px;}
.service ul li .ph{width: 100%; height:250px;}
.service ul li h2{margin: 25px auto 12px auto;}
.service ul li p{text-align: left; padding: 0 15px;}
#top ul.li_ir_top li{float: left; width: 25%;padding: 15px;box-sizing: border-box;}
#top ul.li_ir_top li .ph{width: 100%; height:220px; margin-bottom: 15px; border-radius: 220px;}


#philosophy {line-height: 1.8;}
#mv .txt{float: left; width: 50%; text-align: left;}
#about #mv .ph{float: right; width: 47%;}
#about #mv .mission .txt p{margin-bottom: 20px; display: inline-block; padding-left:2em; text-indent: -2em;}
#about #mv .mission .ph{height: 350px;}
#about #mv .vision{margin-top: 30px;}
#about #mv .vision .txt{float: right; width:50%;}
#about #mv .vision .ph{float: left; width:45%; height:550px;}
#about #sdgs .wrapN{ text-align: left;}
#about #sdgs ul li{float: left; width: 20%; padding: 15px; text-align: left; box-sizing: border-box; font-size: 14px; line-height: 1.5; }
#about #sdgs ul li .ph{margin-bottom:15px;}
#about #director ul:not(:last-child){border-bottom: 1px solid #ccc; margin-bottom: 50px; padding-bottom:50px;}
#about #director ul li.ph{float: left; width:27%; text-align: left;}
#about #director ul li.txt{float: right; width:69%; text-align: left;}
#about #director .txt h3{background: #d87b7b; color: #fff; padding: 6px 20px; margin-bottom: 20px; display: inline-block;}
#about #director .txt h3.director{background: #999;}
#about table.linea th,#about table.linea td{padding: 15px 5px; border-top:1px solid #ccc;}
#about table.linea th{text-align: right; white-space: nowrap;color: #d87b7b;}
#about table.linea td{text-align: left;}
#about #collaborator ul li{float: left; width: 33.33%; padding: 15px; box-sizing: border-box; text-align: left; line-height: 1.4;}
#about #collaborator ul li .ph{margin-bottom: 15px;}
ul.w_voice_list li h3{line-height: 1.4; margin: 20px auto 10px auto; text-align: center;}

#histry {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  display: none; /* 初期状態で非表示 */
}

#histry.show {
  display: block; /* 表示状態に切り替え */
  opacity: 1;
}

#walking #tao ul li{width: 50%; float: left; padding: 20px;}
#walking #tao ul li p{text-align: left;}
#walking #tao ul.tao2 li.ph{float: right;}


#walking #point ul li{float: left; width: 33.33%; padding: 15px; box-sizing: border-box;}
#walking #point ul li h2{ margin: 20px auto 15px auto;}
#walking #point ul li p{display: block;text-align: left;  }
#walking #point ul li p:before{ content: "・"; margin-right:5px;}
#walking #method ul li.ph{float: left; width: 45%;}
#walking #method ul li.txt{float: right; width: 55%; text-align: left; padding:50px 40px; box-sizing: border-box;}
#walking #method ul li.txt h2{margin-bottom: 20px;}
#walking #method ul:nth-of-type(2) li.ph{float: right;}
#walking #method ul:nth-of-type(2) li.txt{float: left;}
#walking #beforeafter ul li{float: left; width: 33.33%; text-align: left; padding: 15px; box-sizing: border-box;}
#walking #beforeafter ul li h2{margin: 20px auto 15px auto; text-align: center; font-size: 20px;}

#service #pw .intro img{width: 300px;}
#service section{display: block; }
#service section.c1{background: url(/asset/cnt/themes/jwia/img/service/pw_ph1.jpg) no-repeat; background-position: top left; background-size: auto 100%; padding: 60px 0;}
#service section.c1 .txt{float: right; width:55%; text-align: left; background:#fff; box-sizing: border-box; padding: 50px; }
#service section .txt h3{line-height: 1.4;}
#service section .txt h2{line-height: 1.4; margin: 5px auto 20px auto;}
#service section.c2{background: url(/asset/cnt/themes/jwia/img/service/pw_ph2.jpg) no-repeat; background-position: top right; background-size: 100% auto; padding-top:350px;}
#service section.c2 .txt{ width: 80%; background: #fff; padding: 50px 60px 0 60px; text-align: left; box-sizing: border-box; margin: auto;}
#service section.c2 .txt .step{border: 2px solid #d9b614; padding: 30px 50px; box-sizing: border-box; }
#service section.c2 .txt .step h3{text-align: center; margin-bottom: 15px; }
#service section.c2 .txt .step ul li{list-style: decimal; line-height: 1.4; margin-bottom: 5px; margin-left: 20px;}
#service section.step ul{margin-top: 20px;}
#service section.step ul li{float:left; width: 25%; padding: 5px; box-sizing: border-box; text-align: left;}
#service section.step ul li h3{margin-top: 15px; text-align: center; color: #d9b614;}
#service section.step ul li p{padding:5px 20px;}
#service ul.c2{margin-top: 30px;}
#service ul.c2 li.ph{float:  left; width: 45%; height: 420px;}
#service ul.c2 li.txt{float: right; width: 50%; text-align: left;}
#service #pw .entry h2{line-height: 1.2;}
#service .entryBtn{ margin-top: 30px;}
#service .entryBtn a{background: #fff; color: #d9b614; padding: 15px 30px; box-sizing: border-box;}
#service .entryBtn a:before{ content: "\f105 "; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px;}
#service #sisei .entryBtn a{background: #929191; color: #fff;}
#instructor ul.li_ir li{float: left; width: 25%; padding: 20px; box-sizing: border-box;}
#instructor ul.li_ir li .ph{width: 200px; height: 200px; margin-bottom: 20px; border-radius:300px;}
#instructor ul.li_ir li h4{margin: 0 auto 5px auto;}
#instructor ul.li_ir li .area span:not(:last-child):after{ content: "、";}
#instructor ul.li_ir.s li{ width: 20%; }
#instructor ul.li_ir.s li .ph{width:150px; height: 150px;}
#instructor .link_btn {margin-top: 10px;}
#instructor .link_btn a{font-size: 16px; background: #ccc; color: #fff; width: 35px; display: inline-block; padding: 5px 5px; border-radius: 30px; text-align: center; margin-right: 3px; display: inline-block; box-sizing: border-box; }
#instructor .link_btn a img{width: 21px; vertical-align: top; margin-top:5px;}
#instructor .link_btn a img.website{width: 18px; margin-top:7px;}
#instructor .search h3,#instructor .search form{display: inline-block; width: auto;}
#instructor.single .ph{float: left; width:25%; text-align: left;}
#instructor.single .ph div{width:250px; height: 250px;border-radius:250px; margin: auto;}
#instructor.single section{float: right; width:70%; text-align: left; display: block;}
#instructor.single section dl dt{display: block; background: #f3f3f3;  padding: 10px 20px;}
#instructor.single section dl dd{display: block; padding:20px 20px 40px 20px;}
#instructor.single section dl dd a{color:#d87b7b; text-decoration: underline; }
#instructor.single section dl dd.lesson ul li{ padding:15px 0;}
#instructor.single section dl dd.lesson ul li:not(:last-child){border-bottom: 1px dotted #ccc;}
#instructor.single section dl dd.lesson ul li b{display:block; margin-bottom: 3px;}
#instructor.single section dl dd.link_btn a{background: #d87b7b; color: #fff;  font-size: 20px; width: 40px; margin-right: 10px; }
.btn_back a{background: #ccc; color: #fff; padding: 10px 30px;}
.btn_back a:before{ content: "\f105 "; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px;}
#instructor.single .lesson_info{ margin-bottom: 50px; padding-bottom:50px; border-bottom: 2px solid #d87b7b;}
#instructor.single .lesson_info table{width: 100%;}
#instructor.single .lesson_info table th,#instructor.single .lesson_info table td{ padding: 20px 0; border-top:1px solid #ccc;}
#instructor.single .lesson_info table th{font-weight: 400; white-space: nowrap; width: 20%;}
#instructor.single .lesson_info table td:not(.link_btn) a{color:#d87b7b; text-decoration: underline; }
#instructor.single .lesson_info table td ul li{ padding:10px 0;}
#instructor.single .lesson_info table td ul li:not(:last-child){border-bottom: 1px dotted #ccc;}
#instructor.single .lesson_info table td ul li b{display:block; margin-bottom: 3px;}
ul.lesson_type li{float: left; width: 20%; padding: 20px; box-sizing: border-box; text-align: left;}
ul.lesson_type li .ph{height: 160px; margin-bottom: 25px;}
ul.lesson_type li h3{margin-top:5px; line-height: 1.4;}
ul.lesson_type li h4{margin: 5px auto 10px auto;}


.col2{padding:80px 0;}
aside{float: left; width: 200px;}
aside ul{margin-top: 10px;}
aside ul li{text-align: left; margin-top: 2px;}
aside ul li a,aside ul li a:hover,aside ul li a:visited{background: #ccc; color: #fff; display: block; padding: 5px 10px; box-sizing: border-box;}
aside ul li a:before{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin:0 10px 0 20px; }
.primary{float: right; width: 750px;}
article{text-align: left; }
article a,article a:visited{color:#7d298f; border-bottom: 1px dotted #7d298f;}
article a:hover{color:#ff0000; border-color:#ff0000;}
article .ph{width: 100%; height: 450px; margin-bottom: 40px;}
article .header{border-bottom: 2px solid #000; padding-bottom: 30px; margin-bottom: 30px; }
article .header h1{line-height: 1.4; margin: 20px auto 0 auto;}
article .header .date{line-height: 1.4; }
article .bg_pg{text-align: center; padding: 50px 30px;}
table.line{border: 1px solid #ccc; }
table.line th,table.line td{border: 1px solid #ccc; padding: 10px 20px;}
table.line th{background: #f3f3f3;}

#contact article{text-align: center; margin: 60px auto;}
article table{margin: auto;}
article table th{text-align: right; padding-right: 20px; white-space: nowrap;}
article table th span{display: inline-block; background: #ccc; color: #fff; padding: 5px 8px; margin-right:5px; font-size: 10px; font-weight: normal;}
article table td:not(.btn){text-align: left;}
article table td.btn{padding-top: 10px; text-align: center;}
article table td.btn input{background:#d87b7b; color: #fff; width: inherit; margin: 0 10px; padding: 10px 30px;}
article table td.btn input:hover{background:#000; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #cc0000; background: #cc0000; color: #fff;}
.wpcf7 form.sent .wpcf7-response-output { border-color: #d87b7b;}
.wpcf7 form .wpcf7-response-output {border-color: #d87b7b; background: #d87b7b; color: #fff;}
.wpcf7-checkbox#block .wpcf7-list-item{display: block; margin: 3px auto;}
.wpcf7-form-control{font-size: 16px;}


/* ==========================================================================
   responsive
   ========================================================================== */
@media screen and (max-width:1400px) {
.wrapW{ width:100%;}
}
@media screen and (max-width:1200px) {
header .logo{width:27%; }header nav{width:73%;}
header nav ul.main li{margin-left: 20px;}
.mainPh,.mainPh div,.mainPh ul.bxslider li,.mainPh_ttl,.mainPh_ttl div{height: 700px;}
.mainPh_ttl div{adding:0 0 50px 50px;}

	
}
@media screen and (max-width:1000px) {
.wrapW,.wrap{ width:100%;}
}
@media screen and (max-width:768px) {
.pc{display:none;}.tb{ display:inline-block;}
input:not([type=checkbox] ){-webkit-appearance: none;border-radius: 0;}
.pc{display:none;}.sp{ display:inline-block;}
.rpsTaLeft{text-align: left;}
.wrapN,.wrapS{ width:100%;}
.wps95{width: 95%; margin: auto;}.wps90{width: 90%; margin: auto;}
.mainPh,.mainPh div,.mainPh ul.bxslider li,.mainPh_ttl,.mainPh_ttl div{height: 500px;}
header{padding: 15px; background-size: auto 100px;}
header .logo{float: none; width:200px; }
header nav ul.main li{color: #ccc; padding: 3px 0;}
header nav ul.main li.logo{ margin: 20px auto; text-align: center;}
header nav ul.main li.logo img{width:250px;}
header nav ul.main li.sns{display: block; margin-top: 20px; }
header nav ul.main li.sns i{margin: 0 10px;}
header nav ul.main li.tb{display: block;}
footer nav ul{display:block; margin:0 auto 30px auto; width: 80%;}
footer .info{margin-top: 50px;}
footer .info .logo img{width: 200px;}

.mainPh_ttl div{padding:0 0 40px 30px;}
.mainPh_ttl div img{width: 250px;}
#top .mainPh ul.bxslider li.p1{background-position: top right; background-size: auto 100%;}
#top .mainPh ul.bxslider li.p2{background-position: top center; background-size: auto 100%;}
#top .about{margin:0; padding: 30px 10px 50px 10px; position:relative; }
#top .about ul li.txt{padding-top:20px;}
#top .pw{margin: 0 auto 60px auto;}

#walking #tao ul li{width: 100%; float: none; padding: 20px;}
#walking #tao ul.tao2 li.ph{float: none;}

.cTtl .mark{height: 50px;}
.about ul li{float: none; width: 100%;}
.about ul li.txt{float: none; width: 100%;  margin: 0; padding:30px 20px 0 20px;box-sizing: border-box; text-align: center; }
.about ul li.txt img{width:80px;}
.about ul li.txt h2,.about ul li.txt .t16{text-align: left;}
.service ul li{float: none; width:100%; }
.service ul li:last-child{margin-top: 15px;}
ul.li_list li {text-align: left;}
ul.li_list li .date{display: inline-block; float: none; width:auto;}
ul.li_list li .cat{display: inline-block; float: none; width:auto; padding: 3px 10px; margin-left:10px;}
ul.li_list li h3{float: none; width: 100%; line-height: 1.4; margin-top: 10px; }
#top ul.li_ir_top li{width:50%;}
#top ul.li_ir_top li .ph{width: 100%; height:180px;}
#top ul.li_ir_top li h3{font-size: 18px;}
#about #mv{padding-top:0; }
#about #mv .txt{float: none; width:90%; margin: 40px auto 0 auto;}
#about #mv .ph{float: none; width: 100%;}
#about #mv .vision .txt{float: none; width:90%;}
#about #mv .vision .ph{float: none; width:100%; height:350px;}
#about table.linea th,#about table.linea td{padding: 15px 5px; display: block;}
#about table.linea th{text-align: left; white-space: nowrap;color: #d87b7b;}
#about table.linea td{text-align: left;}

#about #sdgs ul li{width: 50%;}
#about #director ul li.ph{float: none; width:100%; text-align: center;}
#about #director ul li.ph img{width: 65%;}
#about #director ul li.txt{float: none; width:100%; margin-top: 20px; text-align: center;}
#about #director ul li.txt div{text-align: left;}
#about #collaborator ul li{width: 50%;}
#walking #point ul li{float: none; width: 100%; padding:0 0 25px 0; box-sizing: border-box;}
#walking #point ul li h2{ margin: 20px auto 15px auto;}
#walking #point ul li p{margin-left: 20px;}
#walking #method ul li.ph{float: none; width: 100%; height: 300px;}
#walking #method ul li.txt{float: none; width: 100%; padding:30px 20px; }
#walking #method ul:nth-of-type(2) li.ph,#walking #method ul:nth-of-type(2) li.txt{float: none; }
#walking #beforeafter ul li{float: none; width:100%; padding: 0 0 30px 0;}
#walking #beforeafter ul li .ph{text-align: center;}
#walking #beforeafter ul li .ph img{width: 70%;}
#service section.c1{background-position: top center; background-size:110% auto ; padding:280px 0 0 0;}
#service section.c1 .txt{float: none; width:90%; margin: auto; padding: 30px; }
#service section.c2{ background-position: top center; background-size:120% auto ; padding-top:250px;}
#service section.c2 .txt{ width: 90%; background: #fff; padding:30px 30px 0 30px;}
#service section.step ul li{float:left; width:50%; padding: 5px 5px 20px 5px;}
#service ul.c2 li.ph{float:  none; width: 100%; height:300px;}
#service ul.c2 li.txt{float: none; width:100%; margin:0; padding: 30px 20px 0 20px; box-sizing: border-box;}
#instructor ul.li_ir li,#instructor ul.li_ir.s li{ width:50%; padding: 10px;}
#instructor ul.li_ir li .ph{width: 140px; height:140px;}
#instructor ul.li_ir.s li .ph{width: 100px; height:100px; margin: auto;}
#instructor ul.li_ir li .more_btn{font-size: 13px; margin-top: 15px;}
#instructor ul.li_ir li .area{line-height: 1.4;}
#instructor ul.li_ir li .btn a{width: 100%; padding: 2px; margin:0 0 2px 0; display: block;}
#instructor.single .ph{float: none; width:100%; text-align: center; margin-bottom: 30px;}
#instructor .link_btn {margin-top: 10px;}
#instructor .link_btn a{font-size: 14px;width: 30px;}
#instructor.single section{float: none; width:100%;}
#instructor.single section .name{text-align: center;}
#instructor.single .lesson_info table{width:90%;}
#instructor.single .lesson_info table th,#instructor.single .lesson_info table td{display: block; width: 100%; border: none;  padding:15px;}
#instructor.single .lesson_info table th{background: #f3f3f3;}
#instructor.single .lesson_info .more_btn{width: 100%; text-align: center;}
ul.lesson_type li{float: none; width: 100%; padding: 20px 0; }


article table th{text-align: left; padding-right: 0; display: block;}
article table td{display: block; padding-bottom: 10px;}
article table td.btn{text-align: center;}

.col2{width: 90%; padding: 70px 0; }
aside{float: none; width: 100%; margin-bottom: 30px; }
aside ul li a,aside ul li a:hover,aside ul li a:visited{ font-size: 14px; padding:5px 10px;}
.primary{width: 100%; float: none; }
article .ph{height: 350px;}

}
@media screen and (max-width:640px) {
#page-top a{font-size:20px; padding:12px;}
#top .snstl section{float: none; width:100%; box-sizing: border-box; padding:0 0 30px 0;}
.sptaleft{text-align: left; display: inline-block;}
}