.forsp{display:none;}
.tabmenuforsp{display:none;}
 .forpc{display:block;}
.wrapper,#contents{
 width:96%;
 max-width:980px;
 min-width:670px;
 margin:0 auto;
 }
#contents{
 text-align:center;
 }
#contents .error{
 display:inline-block;
 text-align:left;
 }
#contents form table{
 text-align:left;
 }
#headerbox{
 margin-top:17px;
 display:flex;
 }
#catchcopybox{
 width:680px;
 background-image:url("../img2017/mark.png");
 background-repeat:no-repeat;
 background-position:left center;
 padding:20px 0 20px 82px;
 font-size:14px;
 }
#headerbox #logo{
 width:320px;
 }
#headernavibox{
 flex:1;
 display:flex;
 gap:15px;
 justify-content:end;
 }
#coarhareabanner{
 width:130px;
 }
#coarhareabanner img{
 max-width:100%;
 max-height:48px;
 }
.home_slider {
 max-width:1200px;
}
.wideslider {
 padding-bottom:10px;
}
#section_information{
 margin-top:60px;
 }
#section_information li dt{
 width:100px;
 float:left;
 text-align:center;
 margin-right:35px;
 }
#section_information li dt .date{
 text-align:center;
 margin-bottom:10px;
 }
#section_information li dd{
 margin-left:135px;
 }
#section_information li dd h3{
 margin-bottom:10px;
 }
#section_information li dd p{
font-size:12px;
 line-height:15px;
 }
#section_becomecoach h2{
 margin-top:50px;
 margin-bottom:20px;
 font-size:30px;
 }
#section_becomecoach p{
 width:784px;
 margin:30px auto;
 }
#section_becomecoach li{
 width:33%;
 display:inline-block;
 }
#section_coachmenu li{
 width:320px;
 display:inline-block;
 }
#freeseminarbox{
 margin-top:80px;
 }
#freeseminarbox h3{
 margin-bottom:30px;
 }
#freeseminarbox #schoolmap{
 float:right;
 margin-left:5%;
 width:45%;
 }
#toschoolmap{
 margin-top:50px;
 width:45%;
 padding:25px 25px 15px 25px;
 }
#section_officialpartner li{
 width:23.5%;
 margin-bottom:2%;
 }

#section_whatiscoaching,#section_officialpartner{
 margin-top:100px;
 }
#section_whatiscoaching h2,#section_officialpartner h2{
 font-size: 30px;
 margin-bottom: 20px;
 margin-top: 50px;
 }
#section_whatiscoaching ul{
 margin:20px -2% 20px 0;
 }
#section_whatiscoaching li{
 display:inline-block;
 width:30%;
 margin-right:2%;
 }
#section_whatiscoaching li a{
 padding-top:68px;
 padding-bottom:7px;
 background-position:center 15px;
 background-repeat:no-repeat;
 text-align:center;
}
#section_whatiscoaching li a#topbtn_videoseminar{
 background-position:center 20px;
 }
#section_whatiscoaching li a#topbtn_mailseminar{
 background-position:center 25px;
 }

#section_whatiscoaching li a .punchline{
 text-align:center;
 font-size:16px;
 }
#section_whatiscoaching li a .title{
 text-align:center;
 font-size:14px;
 }
#whatiscoachingbox,#officialpartnerbox{
 margin-bottom:50px;
 }
#section_gcsjournal{
 margin-top: 50px;
 }
#section_gcsjournal #journal h2{
 font-size: 20px;
 margin-bottom: 20px;
 }
#section_gcsjournal #journal{
 width:65%;
 float:left;
 }
#journal li{
 background-position:left 5px;
 }
#journal li dt{
 display:inline-block;
 width:100px;
 vertical-align:top;
 }
#journal li dd{
 display:inline-block;
 width:450px;
 }
#section_gcsjournal #cjournal h2{
 font-size: 20px;
 margin-bottom: 20px;
 }
#section_gcsjournal #cjournal h2 a{
 float:right;
 }
#cjournal li{
 background-position:left 5px;
 }
#cjournal li dt{
 display:inline-block;
 width:100px;
 vertical-align:top;
 }
#cjournal li dd{
 display:inline-block;
 width:450px;
 }
#coachsearch a{
 width:960px;
 }
#coachsearch img{
 width:100%;
 }
#footer{
 margin-top:100px;
 background-color:#eee;
 }
#footernavi{
 margin-top:20px;
// background-image:url("../img2017/icon_icf.png");
// background-repeat:no-repeat;
// background-position:right top;
 }
#footernavi ul{
 list-style:none;
 padding:20px 0;
 border-bottom:1px dotted #333;
 }
#footernavi ul li{
 display:inline-block;
 border-right:1px solid #333;
 line-height:14px;
 margin:0;
 }
#footernavi ul li:last-child{
 border:none;
 }
#footernavi ul li a{
 display:inline-block;
 font-size:12px;
 text-decoration:none;
 color:#333;
 padding:0 5px;
 }
#footer #copyright{
 text-align:center;
 margin:50px 0 100px 0;
 }
#mainbox h1,#contents h1{
 margin-top:50px;
 }
#mainbox h2{
 font-size:20px;
 font-weight:normal;
 padding-bottom:10px;
 margin-bottom:30px;
 }
#mainbox table th,#mainbox table td,#contents table th,#contents table td{
 padding:10px 20px;
 }
#prof{
 overflow:hidden;
 width:960px;
 margin-bottom:1em;
 }
#profimage{
 text-align:center;
 float:left;
 width:250px;
 }
#proftxt{
 float:right;
 width:700px;
 }
#flexprof{
 display:flex;
 }
#flexprof #profimage{
 float: none;
 width:250px;
 }
#flexprof #proftxt{
 float: none;
 width:450px;
 }
#flexprof #icf{
 flex: 1;
 }
ul.sessionbutton{
 display:flex;
 flex-wrap: wrap;
 }
ul.sessionbutton li{
 width:calc(50% - 10px);
 margin-right:10px;
 }
#breadcrumbbox ul{
 float:right;
 }
#breadcrumbbox li{
 padding:10px 0;
 }
#mainbox table.proftable{
 width:100%;
 margin-top:0;
 }
.proftable th{
 width:30%;
 vertical-align:top;
 }
.proftable tr{
 border-bottom:1px dotted #999;
 }
.keywordtable th{
 width:20%;
 }

#mainbox .cover .img{
 float:left;
 width:48%;
 }
#mainbox .cover .catch2{
 float:right;
 width:50%;
 }
#mainbox .area .img{
 float:right;
 width:52%;
 }
#mainbox .area .catch2{
 float:left;
 width:40%;
 overflow:hidden;
 }
#mainbox .area .catch2 li{
 margin-bottom:1em;
 }
#mainbox .school .schoolimg{
 float:left;
 width:48%;
 }
#mainbox .school .catch2{
 float:right;
 width:50%;
 }
dl.map dd li{
 width:48%;
 display:inline-block;
 }
#mainbox .cover,#mainbox .area,#mainbox .cover,#mainbox .school{
 overflow:hidden;
 width:100%;
 margin-top:2em;
 }
#mainbox #tabcontents{
 margin-top:2em;
 }
#mainbox #tabcontents .tabmenu{
 display:flex;
 gap:3px;
 }
#mainbox #tabcontents .tabmenu li{
 font-size:0.9em;
 list-style: none;
 }
#mainbox #tabcontents .tabmenu li a,#mainbox #tabcontents .tabmenuforsp li a{
 padding:5px;
 text-align:center;
 }
#mainbox #tabcontents .tabsection{
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-top-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
 -moz-border-bottom-left-radius: 5px;
 padding:2em;
 }
#mainbox #tabcontents .tabbox{
 padding:0 2em 2em 2em;
 }
#mainbox #tabcontents h2{
 margin-top:2em;
 }
#mainbox #tabcontents h3{
 margin-top:1em;
 }
#mainbox #tabcontents .profbox h3{
 margin-top:0;
 line-height:1em;
 margin-bottom:10px;
 }
#mainbox table.application th{
 width:20%;
 }
#mainbox table.list tr{
 width:49%;
 display:inline-block;
 }
#mainbox table.list div.description{
 margin-left:125px;
 min-width:320px;
 }
#mainbox table.list .searchimage{
 width:120px;
 }
#mainbox table.list .searchimage img{
 width:120px;
 }
ul.check.withimg{
 background-image:url("../img2017/icon_search.png");
 background-repeat:no-repeat;
 background-position:right top;
 padding-right:380px;
 }
p.confirm{
 text-align:center;
 margin:2em 0;
 }
.profbox{
 display:flex;
 }
.profbox .img{
 width:90px;
 }
.profbox .text{
 flex: 1;
 }
ul.schedule2 li{
 position:relative;
 }
ul.schedule2 li span{
 vertical-align:top;
 }
#mainbox ul.thumbmenu{
 margin-left:4%;
 }
ul.thumbmenu li{
 width:32%;
 display:inline-block;
 border:1px solid #ccc;
 margin-bottom:1em;
 }
@media screen and (max-width: 960px) {
 ul.thumbmenu li{
  width:49%;
  }
}

ul.thumbmenu li .img{
 text-align:center;
 margin:10px;
 background-color:#ddd;
 }
ul.thumbmenu li .img a{
 overflow:hidden;
 display:block;
 height:150px;
 }
ul.thumbmenu li .img img{
 max-width:100%;
 height:150px;
 }
ul.thumbmenu li .title{
 text-align:center;
 font-size:0.9em;
 }
div.sub{
 width:90%;
 margin:0 auto;
 }
section#fb-like{
 margin:10px auto;
 width:500px;
 }
section#fb-like div.box{
 display:flex;
 align-items:flex-end;
 }
section#fb-like div.box iframe{
 margin:0 5px 1px 5px;
 }
section#fb-like div.box div.fb_iframe_widget{
 margin-bottom:-7px;
 margin-left:-7px;
 }
ul.flex2 li{
 width:48%;
 margin:0 5px;
 }
ul.flex3 li{
 width:31%;
 margin:0 5px;
 }
ul.flex4 li{
 width:23%;
 margin:0 5px;
 }
ul.autowidth li{
 flex-basis:320px;
 margin:0 5px;
 }
ul.autowidth li.text{
 flex-basis:600px;
 }
ul.flex li li{
 width:100%;
 }
div.flexform{
 display:flex;
 align-items: flex-start;
 gap:10px;
 }
div.flexform table.classinfo{
 width:410px;
 }
div.flexform table.classinfo th{
 width:110px;
 }
#mainbox .flexform table th{
 text-align:left;
 padding:10px;
 }
#mainbox .flexform table td{
 text-align:left;
 padding:10px;
 }
#mainbox table tbody.req th{
 width:180px;
 }
#mainbox table tbody.any th{
 width:180px;
 }

@media screen and (max-width: 960px) {
 ul.flex{
  display:block;
  height:auto;
  padding:10px;
  width:100%;
  margin:0 auto;
  background-color:#fff;
  }
 ul.flex li{
  display:block;
  width:auto;
  height:auto;
  margin:1em 0;
  }
 ul.flex li img{
  max-width:100%;
  }
 ul.flex.autowidth li.img{
  text-align:center;
  }
 ul.flex.autowidth li.text .readmore{
  text-align:center;
  }
}
body.learn_taiken #aside_topbtn{
 display:none;
 }
body.learn_taiken #headernavi{
 display:none;
 }
#header #pmark{
 display:none;
 }
body.learn_taiken #header #coarhareabanner{
 display:none;
 }
body.learn_taiken #header #pmark{
 display:block;
 }
body.learn_taiken #header #pmark img{
 max-height:66px;
 }
body.learn_taiken #menubox_global{
 display:none;
 }
body.learn_taiken #breadcrumb{
 display:none;
 }
body.learn_taiken #mainbox h1{
 margin-top:0;
 }
body.learn_taiken #footernavi{
 display:none;
 }
body.learn_taiken #footer #copyright{
 margin:10px;
 }
body.learn_taiken #copyright a{
 display:none;
 }
body.learn_taiken #copyright br{
 display:none;
 }
ul.schedule li, ul.schedule2 li, ul.schedule2b li, ul.schedule3 li, ul.schedule3b li{
 align-items: flex-start;
 justify-content: space-between;
 display:flex;
 gap:10px;
 }
ul.schedule3 li span.eventtitle{
 margin-left:0;
 }
ul.schedule li span.eventplace, ul.schedule2 li span.eventplace, ul.schedule3 li span.eventplace, ul.schedule3b li span.eventplace{
 margin-left:0;
 }
ul.schedule li span.listteacher, ul.schedule2 li span.listteacher, ul.schedule3 li span.listteacher, ul.schedule3b li span.listteacher{
 margin-left:0;
 }
li > span.datecolumn > span{
 width:160px;
 display:block;
 }
ul.schedule3 li > span.datecolumn >span.listdate{
 width:160px;
 display:block;
 }
ul.schedule3 li > span.liststatus{
 white-space: nowrap;
 }
#mainbox .newtab ul.flexmenu{
 margin-left:calc(20px + 1em);
 }
 p.modelcaselink{
  width:50%;
 }
.global_drop_wrapper h2{
 display:flex;
 align-items:center;
 }
.megamenuclose{
 border:none;
 background-color:transparent;
 color:#fff;
 display:inline-block;
 cursor:pointer;
 margin-left:30px;
 }
.megamenuclose span{
 display:flex;
 align-items:center;
 }
.megamenuclose span.mark{
 border:1px solid #fff;
 display:flex;
 align-items:center;
 justify-content:center;
 width:30px;
 height:30px;
 margin-right:6px;
 }