@charset "UTF-8";

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

/* =====<=====<=====<=====<=====<=====<===== */
/* pankuzu                                   */
/* =====>=====>=====>=====>=====>=====>===== */
.bc {
  width: 95%;
  padding: 20px 0 50px;
  font-size: 12px;
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GENERAL control ->                    */
/* =====>=====>=====>=====>=====>=====>===== */

body {
  min-width: 320px;
}
p {
  font-size: 14px;
}

dl,ol,ul {
  font-size: 14px;
}
.fl {
  float: left;
}
.fx {
  display: block;
}
img {
  width: 100%;
  height: auto;
}
.call a {
  pointer-events: auto;
}
#GNav a.now {
  color: #01a396;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* subpage general control                   */
/* =====>=====>=====>=====>=====>=====>===== */

.sub section {
  padding: 50px 0;
}




/* =====<=====<=====<=====<=====<=====<===== */
/* !<- WRAPPER & INNER control ->            */
/* =====>=====>=====>=====>=====>=====>===== */

.inner {
  width: 95%;
}




/* =====<=====<=====<=====<=====<=====<===== */
/* !<- HEADDING control ->                   */
/* =====>=====>=====>=====>=====>=====>===== */

h1 {
  top: -12px;
  left: 15px;
  font-size: 11px;
}
h2 {
  font-size: 22px;
}
h2+span{
  font-size: 12px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- TOP-HEADER control ->                 */
/* =====>=====>=====>=====>=====>=====>===== */
#TH {padding: 20px 0;}
#TH .fx {
  width: 95%;
  overflow: visible;
}


.hdrLogo {width: 150px; margin: 5px auto 0;}
.hdrLogo img{width: 100%; height: auto }

.ctcBox,.mailmagazine {
  display: none;
}
#TH .ctcBox p,#TH .mailmagazine p {
  margin-top: .5em;
  font-size: 13px;
  line-height: 2;
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GLOBAL-NAV control ->                 */
/* =====>=====>=====>=====>=====>=====>===== */


.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	width: 30px;
	height: 16px;
  position: fixed;
  z-index: 101;
  top: 30px;
  left: 2.5%;
  margin-left: .5%;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
  box-shadow: 0 0 3px #eee;
	background-color: #1466a1;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 7px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
  
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
}
  
  
  
#GNav {
  width: 100%;
  position: fixed;
  top: 0;
  display: none;
  z-index: 100;
  height: 100vh;
  padding-bottom: 0;
  background: #fff;
}
#GNav ul {
  display: block; 
  margin-top: 14vh;
}

#GNav a {
  display: block;
  padding: 1.2em 0;
  color: #1466a1;
}
#GNav li i {display: none;}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- MAIN-VISUAL control ->                */
/* =====>=====>=====>=====>=====>=====>===== */
#MV {
  width: 100%;
  height: 40vh;
}
#MV figure{
  height: 40vh;
}
#MV p {
  width: 95%;
  font-size: 15px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- SUB-VISUAL control ->                 */
/* =====>=====>=====>=====>=====>=====>===== */

#SV {
  height: 20vh;
}
#mailmagazine #SV {
  background-position: 85% top;
}
#contact #SV {
  background-position: center center;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- SECTION control ->                    */
/* =====>=====>=====>=====>=====>=====>===== */

section {padding: 50px 0 }

section header.inner {
  margin: 0 auto 30px;
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- FOOTER control ->                     */
/* =====>=====>=====>=====>=====>=====>===== */

footer {
  padding-top: 45px;
  overflow: visible;
  background: #1466a1;
}
#ftrLogo { 
  padding-bottom: 30px;
  border-bottom:1px solid rgba(255,255,255,.3)
}
#ftrLogo img {
  width: 245px;
  margin: 0 auto;
}
  
footer .ctcBox,
footer .mailmagazine {
  width: 48%;
  display: block;
  margin-top: 30px;
}
footer .ctcBox img,
footer .mailmagazine img {
  width: 100%;
}
.ctcBox+p {
  width: 100%;
  
  display: inline-block;
  padding: 15px 2.5% 30px ;
  border-bottom: 1px solid rgba(255,255,255,.3);
  clear: both;
  font-size: 15px;
  color: #fff;
}
footer .inner {
  width: 100%;
}
footer .ctcBox{
 float: left;
padding-left: 2.5%;
}
footer .mailmagazine{
   float: right;
  padding-right: 2.5%;

}
  
/*===== #ftrNav =====*/
#ftrNav {clear: both;}  
#ftrNav ul {
  padding: 0 ;
}
#ftrNav ul li:last-child {
  text-align: left;
}
#ftrNav ul li:last-child i {
  display: block;
}
#ftrNav ul li:last-child a {
  font-size: inherit;
  line-height: inherit;
}

#ftrNav ul li {
  display: block;
  background: #fff;
}
#ftrNav ul li+li {
  border-top:1px solid rgba(20, 102, 161,.3);
}

#ftrNav ul a {
  display: block;
  padding: .8em 4% .7em;
  color:#1466a1;
  line-height: inherit;
}
#ftrNav i {
  margin-top: .3em;
  float: right;
}


/*===== PAGETOP =====*/
#pagetop img {
  width: 75px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- SPECIAL DECO control ->               */
/* =====>=====>=====>=====>=====>=====>===== */

/*===== { btn } =====*/
.btn {
  width: 300px;
  margin: 50px auto 0;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / index.html ->           */
/* =====>=====>=====>=====>=====>=====>===== */

/*===== #sec01 =====*/
#top #sec01 header { width: 100%; margin-bottom: 20px; }

#top #sec01 .fx {display: block; align-items: center;}
  
#top #sec01 dl {display: block;}
  
#top #sec01 dt {
  margin-right: 0px;
}

/*===== #sec02 =====*/
#top #sec02 header h2 img{ width: 270px; }

#top #sec02 p:nth-of-type(2) br{display: none;}

#top #sec02 figure{margin-top: 65px; display: none;}
  
#top #sec02 ol{ display: block; margin-top: 50px;}
  
#top #sec02 li {
  width: 100%;
  display: block;
  margin-bottom: 1px;
  padding: 1em;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  position: relative
}

#top #sec02 li::after {
	width: 1em;
	height: 0px;
  margin: 0 auto 30px;
  display: block;
  font-size: 30px;
  font-family: FontAwesome;
  content: '\f107';
  color: #fee715;
  }
#top #sec02 li:last-of-type::after{display: none;}

#top #sec02 li:nth-of-type(1) {background: #0c97d8;}
#top #sec02 li:nth-of-type(2) {background: #199fcc;}
#top #sec02 li:nth-of-type(3) {background: #199fcc;}
#top #sec02 li:nth-of-type(4) {background: #18a8b7;}
#top #sec02 li:nth-of-type(5) {background: #18a8b7;}
#top #sec02 li:nth-of-type(6) {background: #12b4a2;}
#top #sec02 li:nth-of-type(7) {color: #fee715; background: #029f8c; }

/*===== #sec03 =====*/
#top #sec03 figure img {margin: 0 auto ; display: none;}
  
#top #sec03 .cntBox{
  display: block;
  margin-bottom: 30px;
  padding: 15px;
  border:1px dotted #1466a1;
  background: rgba(255,255,255,.3)
}
#top #sec03 .cntBox img {
  width: 50px;
  margin-right: 20px;
  margin-bottom: 10px;
  float: left;}
#top #sec03 .cntBox h3{
  margin-top: .8em;
  float: left;
  font-size: 20px;
}
#top #sec03 .cntBox p{clear: both;}

/*===== #sec04 =====*/
#top #sec04 .fx {display: block}
#top #sec04 .profSP {
  width: 42%;
  height: auto;
  display: block;
  float: left;
  margin:0 auto 30px;
}
#top #sec04 .profPC {display: none;}
#top #sec04 .profimg {
  width: 30%;
  margin-left:  20px;
  margin-bottom: 30px;
  clear: both;
  float: left;
}
#top #sec04 .profimg img {width: 100%; height: auto;}

#top #sec04 .cntBox header {
  width: 55%;
  margin-top: 20%;
  float: right;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: none}

#top #sec04 .cntBox h3 {
  float: none;
  font-size: 18px;
}
#top #sec04 .cntBox header span {
  width: 100%;
  display: block;
  margin-top: 0px;
  margin-bottom: 10px;
  float: none;
  font-size: 11px;
  text-align: center;
}



#top .cntBox {
  width: 100%;
  margin-bottom: 80px;
  overflow: hidden;
}
#top .cntBox dl {
  width: 55%;
  margin-left: 20px;
  margin-top: 35px;
  float: left;
}


#top #sec04 .fx {justify-content: space-between;}

#top #sec04 .cntBox p {font-size: 13px; clear: both;}
  
#top #sec04 .cntBox:first-of-type p {width: 550px;}

#top #sec04 .cntBox:nth-of-type(2) p br:first-of-type{display: none;}
  

  
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / about.html ->           */
/* =====>=====>=====>=====>=====>=====>===== */

#about #sec01 header h2 img{width: 270px; }
#about #sec01 figure{display: none; margin-top: 65px;}

#about #sec01 ol{ display: block; margin-top: 50px;}
  
#about #sec01 li {
  width: 100%;
  display: block;
  margin-bottom: 1px;
  padding: 1em;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  position: relative
}

#about #sec01 li::after {
	width: 1em;
	height: 0px;
  margin: 0 auto 30px;
  display: block;
  font-size: 30px;
  font-family: FontAwesome;
  content: '\f107';
  color: #fee715;
  }
#about #sec01 li:last-of-type::after{display: none;}

#about #sec01 li:nth-of-type(1) {background: #0c97d8;}
#about #sec01 li:nth-of-type(2) {background: #199fcc;}
#about #sec01 li:nth-of-type(3) {background: #199fcc;}
#about #sec01 li:nth-of-type(4) {background: #18a8b7;}
#about #sec01 li:nth-of-type(5) {background: #18a8b7;}
#about #sec01 li:nth-of-type(6) {background: #12b4a2;}
#about #sec01 li:nth-of-type(7) {color: #fee715; background: #029f8c; }


/****** sec02 ******/
#about #sec02 .cntBox {
  height: 100%;
  display: block;
  padding: 10px 0 0;
}
#about #sec02 {
  padding-top: 45px;
}
#about #sec02 .cntBox .Box {
  width: 100%;
  height: auto;
  margin: auto;
  padding: 50px 2%;
  float: none;
}
#about #sec02 .cntBox:nth-of-type(2n) .Box {
  float: none;
}
#about #sec02 h3 {
  margin-bottom: 15px;
  font-size: 19px;
}
#about #sec02 h3 span {
  display: block;
}

#about #sec02 ul {
  margin: 2em 0;
  font-size: 15px;
}
#about #sec02 .inBox:first-child li {
  height: 130px;
  padding: 1.5em;
}
#about #sec02 .inBox:last-child li {
  width: 100%;
  height: 60px;
  padding: 1em;
  float: left;
  line-height: 2.3;
}
#about #sec02 .inBox:last-child li+li {
  border-top: 1px dotted rgba(20,102,161,.2);
}
#about #sec02 .inBox:first-child li,
#about #sec02 .btn {
  width: 100%;
}
#about #sec02 .inBox:first-child li+li,
#about #sec02 .inBox:first-child li:nth-of-type(n+4) {
  margin-top: 1em;
}
#about #sec02 .inBox:last-child ul {
  overflow: hidden;
}
#about #sec02 .btn {
  margin-top: 35px;
  line-height: 1.8;
}
#about #sec02 .btn br {
  display: block;
}

#about #sec02 .inBox:first-child li span {
  height: 40px;
  font-size: 17px;
  line-height: 2.6;
}
#about #sec02 .cntBox:nth-of-type(2) p br {
  display: none;
}
#about #sec03 .btn {
  width: 95%;
  margin: 0 auto 20px;
  padding: 1em 0;
}
#about #sec03 .btn br {
  display: block;
}



/****** sec03 ******/
#about #sec03 .cntBox {
  height: auto;
  display: block;
  background: none;
}
#about #sec03 .cntBox:nth-of-type(2),
#about #sec03 .cntBox:nth-of-type(3),
#about #sec03 .cntBox:nth-of-type(4),
#about #sec03 .cntBox:nth-of-type(5),
#about #sec03 .cntBox:nth-of-type(6),
#about #sec03 .cntBox:nth-of-type(7) {
  background: none;
}
#about #sec03 .Box img {
  width: 100%;
}

#about #sec03 {
  padding-top: 0;
}
#about #sec03 figure {
  display: block;
}
#about #sec03 .cntBox .Box {
  width: 100%;
  padding: 10px 10px 50px;
  float: none;
}
#about #sec03 .cntBox:nth-of-type(2n) .Box {
  float: none;
}

#about #sec03 h3 {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.7;
}
#about #sec03 h3 span {
  width: 1.5em;
  display: block;
  margin-top: 0;
  font-size: 2.3em;
}
#about #sec03 p {
  font-size: 14px;
}
#about #sec03 p+p {
  margin-top: .7em;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / seminar.html ->         */
/* =====>=====>=====>=====>=====>=====>===== */
#seminar .submit-controle {
  margin-top: 40px;
}

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / personal.html ->        */
/* =====>=====>=====>=====>=====>=====>===== */
#personal #sec01 p {
  text-align: left;
}
#personal #sec01 p:first-of-type {
  margin-bottom: 30px;
}

#personal #sec01 .cntBox {
  padding-right: 0;
  padding-bottom: 10px;
}
#personal #sec01 .cntBox span.num {
  width: 100%;
  height: 40px;
  margin-right: 0;
  padding: .4em 0;
  font-size: 20px;
}
#personal #sec01 .cntBox p {
  padding: 0 10px;
  font-size: 14px;
}
#personal #sec01 .cntBox p .cr br {
  display: block!important;
}
#personal #sec01 .cntBox p:first-of-type {
  margin-top: 50px;
}
#personal #sec01 .cntBox p+p {
  margin-top: 1em;
}
#personal #sec01 .cntBox:nth-of-type(1) p:first-of-type {
  margin-top: 55px;
}
#personal #sec01 .cntBox:nth-of-type(3) p:first-of-type {
  margin-top: 50px;
}
#personal #sec01 .cntBox p:first-of-type {
  margin-top: 55px;
}
#personal #sec01 .cntBox:nth-of-type(1) p br:first-child,
#personal #sec01 .cntBox:nth-of-type(2) p:nth-of-type(2) br:nth-of-type(1),
#personal #sec01 .cntBox:nth-of-type(2) p:nth-of-type(2) br:nth-of-type(2),
#personal #sec01 .cntBox:nth-of-type(3) p:nth-of-type(3) br:nth-of-type(2),
#personal #sec01 .cntBox:nth-of-type(3) p:nth-of-type(3) br {
  display: none;
}
#personal #sec01 h3,
#training h3 {
  margin-top: 50px;
  font-size: 18px;
}

#personal #sec01 table,
#personal #sec01 tbody,
#personal #sec01 tr,
#personal #sec01 th,
#personal #sec01 td {
  display: block;
}
#personal #sec01 table {
  margin: 20px 0;
}
#personal #sec02 tr+tr {
  border-top: 0;
}
#personal #sec02 dl dt {
  padding-top: 1.2em;
  line-height: 2;
}
#personal #sec01 th {
  padding: 1.5em 0 0;
  font-size: 15px;
  padding-left: 1em;
}
#personal #sec01 td {
  padding: 1em 1em 1.5em;
  font-size: 14px;
  line-height: 1.8;
}
#personal #sec01 td:nth-of-type(1) {
  display: none;
}
#personal #sec01 td br {
  display: block;
}
#personal #sec01 ul {
  font-size: 11px;
}
#personal #sec01 li {
  padding-left: 1em;
  text-indent: -1em;
}
#personal #sec01 li+li {
  margin-top: 0.5em;
}

/***** sec02 *****/
#seminar #sec02 .lead,
#personal #sec02 .lead,
#training .lead,
#mailmagazine .lead {
  font-size: 13px;
}
#seminar #sec02 .lead br:nth-of-type(2),
#training #sec02 .lead br:nth-of-type(2),
#personal #sec02 .lead br:nth-of-type(2) {
  display: none;
}
#seminar #sec02 .lead img,
#personal #sec02 .lead img,
#mailmagazine .lead img,
#contact .lead img {
  width: 130px;
}
#seminar #sec02 table,#seminar #sec02 tbody,
#seminar #sec02 tr,#seminar #sec02 th,#seminar #sec02 td,
#personal #sec02 table,#personal #sec02 tbody,
#personal #sec02 tr,#personal #sec02 th,#personal #sec02 td,
#personal #sec02 dl,
#training table,#training tbody,
#training tr,#training th,#training td,
#training caption,
#mailmagazine table,#mailmagazine tbody,
#mailmagazine tr,#mailmagazine th,#mailmagazine td,
#mailmagazine caption,
#contact table,#contact tbody,
#contact tr,#contact th,#contact td {
  display: block;
}
#personal #sec02 dt {
  font-size: 16px;
}
#seminar #sec02 table+p,
#personal #sec02 dl+p,
#personal #sec02 table+p {
  padding-left: 1em;
  font-size: 11px;
  text-indent: -1em;
}
#seminar #sec02 table,
#seminar #sec02 p+table,
#personal #sec02 table,
#personal #sec02 p+dl,
#personal #sec02 p+table,
#mailmagazine table,
#contact table,
#training.check table {
  margin-top: 30px;
}
#seminar #sec02 td,
#personal #sec02 td,
#personal #sec02 dd,
#mailmagazine table td,
#contact table td {
  padding: 1em;
  font-size: 14px;
}
#seminar #sec02 th,
#personal #sec02 th,
#personal #sec02 dt,
#training table th,
#mailmagazine table th,
#contact table th {
  width: 100%;
  padding: 1em;
  font-size: 15px;
}
#personal #sec02 dd,
#training table td,
#contact table td {
  padding: 1em .5em;
}
dd select {
  font-size: 10px;
}
input[type="checkbox"],
input[type="radio"] {
  width: 18px;
  height: 18px;
}
#seminar #sec02 textarea,
#personal #sec02 textarea,
#training textarea,
#contact textarea {
  height: 150px;
}
#seminar #sec02 input.post,
#personal #sec02 input.post,
#training input.post {
  width: 50%;
}
#seminar #sec02 input.num,
#personal #sec02 input.num {
  width: 2em;
}
#seminar #sec02 input.num,
#seminar #sec02 select.num,
#personal #sec02 input.num,
#personal #sec02 select.num {
  margin: 0 .3em;
}
#seminar #sec02 select.num+.num,
#personal #sec02 select.num+.num {
  margin-left: .5em;
}
#seminar #sec02 select.num:nth-of-type(n+4),
#personal #sec02 select.num:nth-of-type(n+4) {
  margin-top: 1em;
}
#seminar #sec02 input.num:nth-of-type(1),
#personal #sec02 input.num:nth-of-type(1) {
  margin-left: 0;
}
.app label {
  padding-left: 30px;
  text-indent: -30px;
}
.app td span:first-child {
  padding-left: .5em;
}
.app td {
  overflow: hidden;
}
.app select {
  font-size: 10px;
}
.app label br,
.app td span br {
  display: block;
}
.app label+label,
.app textarea {
  margin-top: .5em;
}
#seminar .app input[type="checkbox"]+span {
  padding-left: .5em;
}
.app tr:nth-last-of-type(1) td span,
.app tr:nth-last-of-type(3) td span {
  padding-left: 0;
}
#personal .app tr:nth-last-of-type(2) td span {
  padding-left: 0;
}
.app tr:nth-last-of-type(2) td span {
  padding-left: .7em;
}
#seminar #sec02 input[type="text"],
#seminar #sec02 select,
#personal #sec02 input[type="text"],
#personal #sec02 select,
#training input[type="text"],
#mailmagazine input[type="text"],
#contact input[type="text"] {
  height: 3em;
}

.info label+label,
.pay label+label {
  margin-top: .5em;
}
.pay label+label {
  margin-left: 0;
}
.pay label {
  display: block;
}
#seminar #sec02 .info input.num,
#personal #sec02 .info input.num {
  width: 3.3em;
}
#seminar #sec02 .pay input.num,
#personal #sec02 .pay input.num {
  width: 4em;
}
.submit {
  display: block;
  margin-top: 45px;
}
button {
  width: 250px;
  margin: .5em;
  font-size: 16px;
}
button:last-child {
  margin-right: 0;
}

button+button {
  margin-left: 0;
}
.cr {
  margin-top: .8em;
  font-size: 11px;
}
.lead .cr {
  font-size: 13px;
}

#seminar #sec02 form+div,
#personal #sec02 form+dl {
  margin-top: 45px;
  padding: 20px 10px;
}
#personal #sec02 form+dl dt,
#seminar #sec02 form+div p {
  width: 100%;
  padding: 0 0 1.5em;
  text-align: left;
  color: inherit;
  font-size: 15px;
  background: transparent;
}
#seminar #sec02 form+div p {
  padding-bottom: 1em;
}
#seminar #sec02 form+div p {
  font-size: 13px;
}
#seminar #sec02 form+div span {
  margin-bottom: 15px;
}
  #seminar #sec02 form+div dl {
    margin-top: 10px;
  }
#personal #sec02 form+dl dd {
  padding: 0 0 1.5em 1.5em;
  font-size: 13px;
  text-indent: -1.5em;
}
#seminar #sec02 form+div dl,
#personal #sec02 form+dl dd:last-child {
  padding-bottom: 0;
}

#seminar p img,
#personal #sec02 p img,
#mailmagazine p img,
#training p img,
#contact p img {
  width: 130px;
}
#seminar .send .submit,
#personal .send .submit,
#training.check .submit {
  width: 100%;
  display: block;
  margin: 45px auto 0;
}
#seminar .send button,
#personal .send button,
#training.check button,
#training .send button:last-child,
#contact.check button,
#contact .send button:last-child {
  width: 250px;
  display: inline-block;
  margin: .5em;
}
#seminar .send button:first-child a,
#personal .send button:first-child a {
  color: #1466a1;
  margin: 0;
}
#seminar .send button:last-child,
#personal .send button:last-child {
  width: 250px;
  margin: .5em auto;
  padding: 1em 0;
}
.thanks p {
  font-size: 13px;
  text-align: center;
}
#seminar #sec02 table.app td>span:first-child {
  margin-bottom: .5em;
  padding-left: 1em;
  font-size: 14px;
  text-indent: -1em;
}
#seminar #sec02 table.app td .lt,
#seminar #sec02 table.app td label .cr {
  display: inline;
}
#seminar #sec02 table.app td label+label {
  margin-top: 1em;
}
#seminar #sec02 table.app td label>span {
  display: block;
  text-indent: -1.6em;
}
#seminar #sec02 table.app td span {
  font-size: 14px;
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / training.html ->        */
/* =====>=====>=====>=====>=====>=====>===== */
#training .cntBox:first-of-type,
#training .cntBox+.cntBox {
  margin-top: 0;
}
#training .cntBox header {
  margin-bottom: 20px;
}
#training .inBox {
  margin-bottom: 14px;
}
#training section ul {
  display: block;
}
#training section li {
  width: 100%;
  height: auto;
  padding: 2em 1em 1.8em;
  text-align: left;
  overflow: hidden;
}
#training section li+li,
#training section li:nth-of-type(n+5) {
  margin-top: 1em;
}
#training section li+li {
  margin-left: 0;
}
#training section li:last-child {
  padding: 0;
  padding-top: 1em;
  font-size: 14px;
  background: none;
}
#training section li:last-child br {
  display: none;
}
#training caption br {
  display: block;
}
#training section li img {
  width: 50px;
  margin: -5px 1em 0 0;
  float: left;
}
#training p+p {
  margin-top: 1.5em;
}
#training .cntBox+.cntBox p {
  padding: 1em;
}
#training caption,
#mailmagazine caption {
  padding: 1em 1em .5em 2em;
  font-size: 15px;
  text-indent: -1em;
}
#training tr+tr,
#mailmagazine tr+tr,
#seminar #sec02 tr+tr,
#contact tr+tr {
  border-top: 0;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / seminar.html ->         */
/* =====>=====>=====>=====>=====>=====>===== */
#seminar #sec01 p {
  margin-bottom: 30px;
}
#seminar #sec01 .cntBox {
  width: 100%;
  padding: 10px;
}
#seminar #sec01 dl {
  display: block;
}
#seminar #sec01 dt,
#seminar #sec01 dd {
  width: 100%;
  padding: 1em;
}
#seminar #sec01 dt {
  font-size: 15px;
  padding-bottom: 0;
}

#training table th,
#contact table th {
  padding-left: 1em;
}
#training th span,
#contact th span {
  font-size: 10px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / contact.html ->         */
/* =====>=====>=====>=====>=====>=====>===== */

#contact .lead {
  text-align: left;
  font-size: 13px;
}
#mailmagazine .lead br,
#contact .lead br {
  display: none;
}
#contact td span {
  padding-left: 1em;
  font-size: 11px;
  text-indent: -1em;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / policy.html ->          */
/* =====>=====>=====>=====>=====>=====>===== */

#privacy table,
#privacy tbody,
#privacy tr,
#privacy th,
#privacy td {
  display: block;
  background: rgba(255,255,255,.2);
}
#privacy #sec01 {
  font-size: 13px;
}
  #privacy table {
    border: 0;
  }
#privacy tr+tr {
  border-top: 0;
}
#privacy table th,
#privacy table td {
  padding: 1em;
}
#privacy table th {
  width: 100%;
  text-align: left;
}
#privacy table td {
  padding-bottom: 1.5em;
}
#privacy section header:not(.inner) {
  margin: 50px 0 10px;
  padding-bottom: .5em;
}
#privacy section .cntBox:nth-of-type(1) header {
  margin-top: 20px;
}
#privacy h3 {
  font-size: 16px;
  line-height: 1.5;
}
#privacy h3 br {
  display: block;
}
#privacy section li+li {
  margin-top: .5em;
}
#privacy section li ul,
#privacy section dd ul,
#privacy section li {
  font-size: 13px;
}
#privacy section dl {
  width: 100%;
  margin: 30px auto 0;
  font-size: 13px;
}
#privacy section dt {
  font-size: 14px;
}
#privacy section dd {
  padding-left: 1em;
  text-indent: -1em;
}
#privacy .box {
  width: 95%;
  text-indent: 0;
}
#privacy .box img {
  width: 150px;
}
#privacy section dl dd,
#privacy section dl:nth-of-type(5) dd ul,
#privacy section dl:nth-last-of-type(1) dd ul,
#privacy section dl:nth-last-of-type(2) dd ul {
  padding-left: 0;
  text-indent: 0;
}
#privacy section dl:nth-last-of-type(1) dd ul,
#privacy section dl:nth-last-of-type(2) dd ul,
#privacy section p {
  font-size: 13px;
}
#privacy section dl:nth-of-type(3) dd li br:last-child,
#privacy .cntBox:nth-of-type(2) ul:nth-of-type(1) li:nth-of-type(2) br:last-child {
  display: none;
}
#privacy .cntBox:nth-of-type(2) ul:nth-of-type(1) li:nth-of-type(2) br:nth-of-type(2) {
  display: block;
}
#privacy section dl:nth-of-type(5) dd,
#privacy section dl:nth-of-type(4) dd:nth-of-type(2) {
  padding-left: 1em;
  text-indent: -1em;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / policy.html ->          */
/* =====>=====>=====>=====>=====>=====>===== */

#mailmagazine caption {
  margin-bottom: 0;
  padding-bottom: 1em;
}
  
}