@charset "UTF-8";
/*
0.トップ .toppage
1.CLJとは .aboutpage
  --選ばれる理由 .greeting
  --アドヴァイザリーボードの紹介 .advisoryboard
  --理事の紹介 .director
2.事業内容 .businesspage
  --個人向け事業 .personal
  --団体･法人向け事業 .corporation
  --学生向け事業 .student
3.会員募集 .memberpage
  --入会案内(個人会員) .member_personal
  --入会案内(団体･法人会員) .member_corporation
  --入会案内(学生会員) .member_student
  --入会金･年会費の支払方法 .payment
4.お問い合わせ .contact
5.プライバシーポリシー .privacy
6.活動実績(ブログ) .blog
*/
/* reset etc */
/* リセットスタイル */
body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva,sans-serif;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block;
}

html, body, div, ul, ol, li, dl, dt, dd, form, p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

ul li {
  list-style-type: none;
  /* マーカーを消す */
}

img {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

/* layout */
#wrapper, #footerWrap, #footerBottom, #breadcrumb {
  margin: auto;
}

#header .inner {
  width: 960px;
  margin: 0 auto;
}

#wrapper {
  overflow: hidden;
}

body {
  font-size: 14px;
}

#header {
  max-width: none;
}

#wrap {
  overflow: hidden;
  max-width: 960px;
}

#main {
  float: right;
  width: 708px;
}

#side {
  float: left;
  width: 220px;
}
#side #sideFix {
  width: 100%;
}
#side #sideFix .side-widget {
  width: 100%;
  box-sizing: border-box;
}

/* 共通 */
a:link, a:visited, a:active {
  color: #4d4d4d;
  text-decoration: none;
}
a:hover {
  color: #e47c7b;
}

.alpha01 {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.alpha01:hover {
  opacity: 0.7;
}

body {
  background-color: #fff6f3;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
}

section {
  padding: 30px 0;
  width: 100%;
}

section:after {
  content: '';
  display: block;
  clear: both;
}

.inner {
  width: 960px;
  margin: 0 auto;
}

.sticky.stuck {
  position: fixed;
}

#header.sticky {
  padding: 10px 0 0;
}

#header {
  width: 100%;
  height: 85px;
  border-bottom: 5px solid #ffafba;
  overflow: hidden;
  zoom: 1;
  padding-top: 10px;
  line-height: 100% !important;
  background-color: #fff6f3;
  z-index: 100;
  position: absolute;
  top: 0;
}
#header h1 {
  font-weight: 15.5px;
  font-weight: bold;
  margin-bottom: 10px;
}
#header .catchcopy {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 130%;
}
#header #logo {
  float: left;
}
#header #nav {
  float: right;
  margin-top: 20px;
}
#header #nav li {
  float: left;
  margin-left: 15px;
  font-weight: bold;
}
#header #nav li a:before {
  content: '>';
  padding-right: 5px;
  font-size: 16px;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #8c8b8b;
}
#header #nav li a:hover {
  color: #4d4d4d;
}
#header #nav li a:hover:before {
  color: #db5252;
}

#wrapper {
  margin-top: 115px;
}

#contact {
  background-color: #fff6f3;
  padding: 50px 0 0;
}
#contact .inner {
  width: 874px;
  background-color: #FFF;
  background-image: url(../images/logo_clj02.png);
  background-position: 35px 50px;
  background-repeat: no-repeat;
  border: 3px solid #e2e1e1;
  margin: 0 auto;
  padding: 25px 0;
  position: relative;
}
#contact .inner h2 {
  position: absolute;
  top: -30px;
  left: -10px;
}
#contact .inner .adress p {
  margin: 0 0 10px 210px;
}
#contact .inner .adress p:first-child {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

#footer .inner {
  margin-top: 70px;
  position: relative;
}
#footer .inner #gotoprivacy {
  position: absolute;
  right: 10px;
  top: -23px;
  padding: 0 0 5px 20px;
  display: inline-block;
}
#footer .inner #gotoprivacy:before {
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #e47c7b;
  position: absolute;
  top: 5px;
  left: 0;
}
#footer .inner #btn_pagetop {
  position: absolute;
  right: -71px;
  top: -41px;
}
#footer .copylight {
  background-color: #fdd1d1;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.nav01 {
  margin-bottom: 30px;
}
.nav01 ul {
  overflow: hidden;
  text-align: center;
}
.nav01 ul li {
  display: inline-block;
  border: 2px solid #f9e3dc;
  text-align: center;
  margin: 0 5px;
}
.nav01 ul li a {
  background-color: #FFF;
  padding: 3px 15px;
  display: block;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.nav01 ul li a:hover {
  background-color: #e47c7b;
  color: #fff;
}
.nav01 ul .current a {
  background-color: #e47c7b;
  color: #fff;
}

.bg_title01, .bg_title02 {
  width: 695px;
  height: 40px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  background-color: #f9e3dc;
  text-align: center;
}
.bg_title01 img, .bg_title02 img {
  padding-top: 11px;
  display: inline-block;
}

.bg_title02 {
  height: 70px;
  border-radius: 10px;
}
.bg_title02 img {
  padding-top: 15px;
}

.bg_title_town {
  width: 700px;
  height: 54px;
  background: url(../images/bg_title_town.png) right top no-repeat;
  text-align: center;
  margin-bottom: 50px;
}
.bg_title_town img {
  padding-top: 18px;
}

p.error {
  font-size: 12px;
  color: #e60012;
}

.form_wrap.error input,
.form_wrap.error textarea,
.form_wrap.checkbox.error .form_cont > div {
  background-color: #FFEFEF !important;
}

/* 0.トップページ .toppage
*********************************************/
#visual {
  height: 400px;
  position: relative;
  z-index: 1;
  margin-top: 30px;
}
#visual #visual .inner {
  position: relative;
}
#visual .inner img {
  padding: 92px 0 0 308px;
}
#visual #slide {
  width: 1100px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  margin-left: -550px;
}
#visual .bx-controls.bx-has-pager {
  text-align: center;
  overflow: hidden;
  zoom: 1;
  padding-top: 15px;
}
#visual .bx-pager .bx-pager-item {
  display: inline-block;
}
#visual .bx-pager a {
  display: block;
  width: 15px;
  height: 15px;
  color: #ffffff !important;
  background-color: #999999;
  margin: 0 12px;
  border-radius: 15px 15px 15px 15px;
  text-indent: -9999px;
  font-size: 9px;
}
#visual .bx-pager a:hover,
#visual .bx-pager a.active {
  background-position: 0 100%;
  background-color: #db5252;
}

.toppage {
  background-color: #fff6f3;
  padding-top: 0;
}
.toppage .about {
  background-color: #fff;
  text-align: center;
  padding-bottom: 80px;
}
.toppage .about h2 {
  padding: 30px;
}
.toppage .about p {
  font-weight: bold;
}
.toppage #icon_message {
  background: url(../images/bg_about_town.jpg) center bottom repeat-x #fff6f3;
}
.toppage #icon_message .inner {
  width: 625px;
  margin: 0 auto;
}
.toppage #icon_message .inner:after {
  content: '';
  display: block;
  clear: both;
}
.toppage #icon_message .inner > div {
  margin: 0 auto;
  position: relative;
  float: left;
}
.toppage #icon_message .inner > div .btn {
  cursor: pointer;
}
.toppage #icon_message .inner > div .copy {
  position: absolute;
  top: -60px;
  display: none;
  text-align: center;
  padding: 10px 20px;
  color: #fff;
  background-color: #e46d47;
  border-radius: 10px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 145%;
}
.toppage #icon_message .inner > div.no01 {
  padding-bottom: 0;
  background-color: transparent;
}
.toppage #icon_message .inner > div.no01 .copy {
  display: block;
}
.toppage #tab {
  background-color: #fff6f3;
}
.toppage #tab #tab_btn {
  width: 930px;
  margin: 0 auto;
  padding-top: 70px;
}
.toppage #tab #tab_btn ul {
  text-align: center;
  margin-left: 87px;
}
.toppage #tab #tab_btn ul:after {
  content: '';
  display: block;
  clear: both;
}
.toppage #tab #tab_btn ul li {
  width: 194px;
  height: 36px;
  position: relative;
  border-width: 3px;
  border-style: solid;
  border-bottom: none;
  cursor: pointer;
  background-color: #fff;
  float: left;
  margin-right: 120px;
}
.toppage #tab #tab_btn ul li:before {
  position: absolute;
  bottom: -8px;
}
.toppage #tab #tab_btn ul .no01 {
  border-color: #dcebdf;
}
.toppage #tab #tab_btn ul .no01:before {
  content: url(../images/icon_person.png);
  left: -87px;
}
.toppage #tab #tab_btn ul .no02 {
  border-color: #dce6eb;
}
.toppage #tab #tab_btn ul .no02:before {
  content: url(../images/icon_corporation.png);
  left: -67px;
}
.toppage #tab #tab_btn ul .no03 {
  border-color: #eceebd;
  margin-right: 0;
}
.toppage #tab #tab_btn ul .no03:before {
  content: url(../images/icon_student.png);
  left: -43px;
}
.toppage #tab #tab_cont .tab_panel {
  padding: 20px;
  display: none;
  position: relative;
}
.toppage #tab #tab_cont .tab_panel .inner {
  width: 700px;
  padding: 40px 112px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
}
.toppage #tab #tab_cont .tab_panel .inner:before {
  content: '';
  width: 194px;
  position: absolute;
  background-color: #fff;
  height: 20px;
  top: -20px;
}
.toppage #tab #tab_cont .tab_panel .inner h2 + p {
  height: 153px;
  padding: 0 20px;
  line-height: 140%;
}
.toppage #tab #tab_cont .tab_panel.no01 {
  background-color: #dcebdf;
}
.toppage #tab #tab_cont .tab_panel.no01 .inner:before {
  left: 87px;
}
.toppage #tab #tab_cont .tab_panel.no02 {
  background-color: #dce6eb;
}
.toppage #tab #tab_cont .tab_panel.no02 .inner:before {
  left: 407px;
}
.toppage #tab #tab_cont .tab_panel.no03 {
  background-color: #eceebd;
}
.toppage #tab #tab_cont .tab_panel.no03 .inner:before {
  left: 727px;
}
.toppage #tab #tab_cont .tab_panel.current {
  display: block;
}

.news.toppage {
  background-color: #ffafba;
  margin-top: 70px;
}
.news.toppage .inner {
  padding: 80px 0 50px;
  position: relative;
}
.news.toppage .inner:after {
  content: '';
  display: block;
  clear: both;
}
.news.toppage .inner h2 {
  position: absolute;
  top: -55px;
  left: 80px;
}
.news.toppage .inner #facebook {
  width: 800px;
/*  height: 600px;　*/
 height: 1000px; 
  margin: 0 auto;
  background-color: #FFF;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
}
.news.toppage .inner #facebook .fb-page {
  width: 450px;
  float: left;
}
.news.toppage .inner #facebook .banner {
  width: 290px;
  height: 100%;
  float: right;
  position: relative;
  overflow-y: auto;
  z-index: 1;
}
.news.toppage .inner #facebook .banner:after {
  content: '';
  position: absolute;
  top: 10%;
  left: 20%;
  z-index: -1;
  background: url(../images/logo_clj02.png) center center no-repeat;
  background-size: contain;
  width: 60%;
  height: 80%;
  opacity: 0.2;
}
.news.toppage .inner #facebook .banner a {
  opacity: 1;
  transition: opacity 0.5S ease;
  display: block;
  margin-bottom: 10px;
}
.news.toppage .inner #facebook .banner a:hover {
  opacity: 0.5;
}
.news.toppage .inner #facebook .banner img {
  max-width: 100%;
  height: auto;
}
.news.toppage .inner #btn_pagetop {
  position: absolute;
  right: -71px;
  top: -41px;
}

/* 1.CLJとは .aboutpage
*********************************************/
.aboutpage {
  margin-top: 40px;
}
.aboutpage .about.visual {
  background-image: url(../images/bg_about_town.jpg);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-color: #fff;
}
.aboutpage .about.visual .inner {
  background: url(../images/img_about01_171214.jpg) right 30px no-repeat;
  padding: 30px 0 100px;
}
.aboutpage .about.visual .inner h1 {
  margin-bottom: 50px;
}
.aboutpage .box {
  margin-top: 50px;
}
.aboutpage .box .inner {
  width: 700px;
}
.aboutpage .box01 h2 + p {
  text-align: center;
  line-height: 210%;
}
.aboutpage .box01 h2 + p span {
  position: relative;
}
.aboutpage .box01 h2 + p span:after {
  content: '';
  width: 90%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 5%;
}
.aboutpage .box01 h2 + p .bd01:after {
  background-color: #e4c87b;
}
.aboutpage .box01 h2 + p .bd02:after {
  background-color: #e47c7b;
}
.aboutpage .box01 h3 {
  position: relative;
  margin-bottom: 20px;
  margin-top: 30px;
}
.aboutpage .box01 h3:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 300px;
  height: 2px;
  background-color: #e47c7b;
}
.aboutpage .box01 h2 + p + h3:after {
  background-color: #e4c87b;
}
.aboutpage .box02 .box_jigyo {
  overflow: hidden;
  margin-bottom: 50px;
  margin-left: 100px;
}
.aboutpage .box02 .box_jigyo h3 {
  float: left;
}
.aboutpage .box02 .box_jigyo p {
  margin-left: 154px;
}
.aboutpage .box03 p {
  text-align: center;
}
.aboutpage .box04 {
  overflow: hidden;
}
.aboutpage .box04 .history {
  float: left;
}
.aboutpage .box04 .history dl {
  overflow: hidden;
  line-height: 100%;
}
.aboutpage .box04 .history dl dt {
  float: left;
  width: 100px;
  text-align: right;
  padding-bottom: 5px;
  position: relative;
}
.aboutpage .box04 .history dl dt:first-child:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  position: absolute;
  right: -31px;
  top: 2px;
  z-index: 2;
}
.aboutpage .box04 .history dl dt:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #e47c7b;
  position: absolute;
  right: -31px;
  top: 2px;
  z-index: 2;
}
.aboutpage .box04 .history dl dt:first-child:after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #e47c7b;
  position: absolute;
  right: -33px;
  top: 0;
  z-index: 1;
}
.aboutpage .box04 .history dl dd {
  margin-left: 125px;
  border-left: 2px solid #e47c7b;
  padding-bottom: 5px;
  padding-left: 17px;
  position: relative;
  text-indent: -7px;
}
.aboutpage .box04 .history dl dd strong {
  font-weight: normal;
  color: #e47c7b;
}
.aboutpage .box04 .history dl dd:last-of-type:before {
  content: '';
  width: 1.5em;
  height: 0.5em;
  background-color: #fff6f3;
  padding-bottom: 5px;
  margin-top: 0.5em;
  margin-left: -1.5em;
  display: inline-block;
  float: left;
}
.aboutpage .box04 .history dl + p {
  margin-top: 50px;
}
.aboutpage .box04 .photo {
  float: right;
  text-align: center;
  font-size: 12px;
}
.aboutpage .box04 .photo .caption {
  margin-bottom: 20px;
}

/* --選ばれる理由 .greeting *********************************************/
.greeting .inner {
  width: 700px;
  margin: 0 auto;
  line-height: 165%;
}
.greeting .inner .greet {
  overflow: hidden;
  display: inline-block;
}
.greeting .inner .greet img {
  float: left;
  padding: 0 20px 20px 0;
}
.greeting .inner .greet p {
  margin-top: 15px;
}
.greeting .inner .greet img + p {
  margin-top: 0;
}
.greeting .inner .signature {
  margin-top: 20px;
  clear: left;
  text-align: right;
  display: block;
}

/* --アドヴァイザリーボードの紹介 .advisoryboard *********************************************/
.advisoryboard .inner, .director .inner {
  width: 700px;
  margin: 0 auto;
  line-height: 165%;
}
.advisoryboard .inner .aboutcont, .director .inner .aboutcont {
  margin-top: 40px;
  overflow: hidden;
}
.advisoryboard .inner .aboutcont .photo, .director .inner .aboutcont .photo {
  width: 170px;
  margin-right: 20px;
}
.advisoryboard .inner .aboutcont .photo img, .director .inner .aboutcont .photo img {
  width: 162px;
  height: auto;
  border: 4px solid #e2e1e1;
}
.advisoryboard .inner .aboutcont .cont, .director .inner .aboutcont .cont {
  width: 510px;
}
.advisoryboard .inner .aboutcont .cont h2, .director .inner .aboutcont .cont h2 {
  border-bottom: 4px solid #f9e3dc;
  font-size: 20px;
  padding-top: 5px;
  margin-bottom: 10px;
}
.advisoryboard .inner .aboutcont .cont h2 + p, .director .inner .aboutcont .cont h2 + p {
  font-weight: bold;
  line-height: 200%;
}
.advisoryboard .inner .aboutcont .cont h3, .director .inner .aboutcont .cont h3 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}
.advisoryboard .inner .aboutcont .cont a:hover, .director .inner .aboutcont .cont a:hover {
  color: #db5252;
}

/* --理事の紹介 .director *********************************************/
.director .cont h2 span {
  margin-left: 10px;
  font-size: 14px;
}

/* 2.事業内容 .businesspage
*********************************************/
.businesspage {
  margin-top: 40px;
  line-height: 140%;
}
.businesspage h1 {
  width: 700px;
  padding-bottom: 460px;
  margin: 0 auto;
  text-align: center;
}
.businesspage .inner {
  width: 700px;
  margin: 0 auto;
}
.businesspage .inner .box {
  margin-top: 50px;
}
.businesspage .inner .box .inner {
  width: 650px;
  padding: 0 25px;
}
.businesspage .btn_tomenber {
  text-align: center;
  margin-top: 50px;
}

/* --個人向け事業 .personal *********************************************/
.businesspage > .personal {
  background: url(../images/photo_personal_main.jpg) center 74px no-repeat;
}
.businesspage > .personal h1 {
  padding-bottom: 500px;
}
.businesspage > .personal .stitle {
  position: relative;
  margin-bottom: 20px;
  margin-top: 30px;
}
.businesspage > .personal .stitle:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 300px;
  height: 2px;
  background-color: #e47c7b;
}
.businesspage > .personal .stitle.no01:after {
  background-color: #e4c87b;
}
.businesspage > .personal .box01 {
  text-align: center;
}
.businesspage > .personal .box01 div {
  margin-bottom: 30px;
}
.businesspage > .personal .box01 div img {
  margin: 0 10px;
}
.businesspage > .personal .box02 {
  background: url(../images/photo_personal02.jpg) right 70px no-repeat;
}
.businesspage > .personal .box02 p {
  width: 400px;
}
.businesspage > .personal .box02 p strong {
  color: #e46d47;
  font-size: 16px;
}
.businesspage > .personal .box04 {
  background: url(../images/photo_personal04.png) right 70px no-repeat;
}
.businesspage > .personal .box04 p {
  width: 400px;
}
.businesspage > .personal .box04 .bura {
  margin-left: 1em;
  text-indent: -1em;
}
.businesspage > .personal .box05 h3 {
  text-align: center;
  margin-bottom: 30px;
}
.businesspage > .personal .box05 li {
  margin-bottom: 15px;
  font-weight: bold;
  overflow: hidden;
}
.businesspage > .personal .box05 li span {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #e47c7b;
  color: #fff;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  float: left;
}
.businesspage > .personal .box05 li p {
  margin-left: 25px;
  font-weight: normal;
}

/* --団体･法人向け事業 .corporation *********************************************/
.businesspage > .corporation {
  background: url(../images/photo_corporation_main.jpg) center 74px no-repeat;
}
.businesspage > .corporation .box03 {
  background: url(../images/photo_corporation03.jpg) right 70px no-repeat;
}
.businesspage > .corporation .box03 p {
  width: 400px;
}
.businesspage > .corporation .box03 p strong {
  font-size: 16px;
}
.businesspage > .corporation .box03 .bura {
  margin-left: 1em;
  text-indent: -1em;
}
.businesspage > .corporation .box05 .inner {
  position: relative;
  z-index: 1;
}
.businesspage > .corporation .box05 .inner:after {
  content: url(../images/bg_corporation05.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.businesspage > .corporation .box05 .inner .problems {
  padding-top: 45px;
  margin-left: 265px;
}
.businesspage > .corporation .box05 .inner .problems p {
  position: relative;
}
.businesspage > .corporation .box05 .inner .problems p:before {
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #e47c7b;
  position: absolute;
  top: 3px;
  left: -20px;
}
.businesspage > .corporation .box05 .inner .problems + p {
  margin-top: 70px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.businesspage > .corporation .box06 {
  margin-top: 50px;
}
.businesspage > .corporation .box06 h3 {
  text-align: center;
  margin-bottom: 30px;
}
.businesspage > .corporation .lecture {
  width: 820px;
  padding: 30px;
  margin: 30px auto 0;
  background-color: #fff;
}
.businesspage > .corporation .lecture ul {
  float: left;
  width: 530px;
}
.businesspage > .corporation .lecture ul li {
  margin-bottom: 15px;
  font-weight: bold;
  overflow: hidden;
}
.businesspage > .corporation .lecture ul li span {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #e47c7b;
  color: #fff;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  float: left;
}
.businesspage > .corporation .lecture ul li p {
  margin-left: 25px;
  font-weight: normal;
}
.businesspage > .corporation .lecture .photo {
  float: right;
  width: 252px;
}
.businesspage > .corporation .lecture .photo div {
  text-align: center;
  margin-bottom: 20px;
}
.businesspage > .corporation .lecture .photo div:first-child {
  margin-bottom: 50px;
}

/* --学生向け事業 .student *********************************************/
.businesspage > .student {
  background: url(../images/photo_student_main.jpg) center 74px no-repeat;
}
.businesspage > .student .box02 h3 {
  text-align: center;
  margin-bottom: 30px;
}
.businesspage > .student .box02 li {
  margin-bottom: 15px;
  font-weight: bold;
  overflow: hidden;
}
.businesspage > .student .box02 li span {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #e47c7b;
  color: #fff;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  float: left;
}
.businesspage > .student .box02 li p {
  margin-left: 25px;
  font-weight: normal;
}

/* 3.会員募集 .memberpage
*********************************************/
.memberpage {
  width: 920px;
  margin: 30px auto 0;
}
.memberpage h1 {
  margin: 0 auto 40px;
}
.memberpage h1 + h2, .memberpage h1 + h2 + p {
  text-align: center;
  margin-bottom: 20px;
}
.memberpage #membernav.tab_btn_member {
  width: 440px;
  margin: 0 auto;
}
.memberpage #membernav.tab_btn_member ul {
  width: 450px;
  margin-left: -10px;
  overflow: hidden;
}
.memberpage #membernav.tab_btn_member ul li {
  float: left;
  margin-left: 10px;
  text-align: center;
}
.memberpage #membernav.tab_btn_member ul li a {
  width: 140px;
  height: 30px;
  display: block;
}
.memberpage #membernav.tab_btn_member ul .personal a {
  background-color: #dcebdf;
}
.memberpage #membernav.tab_btn_member ul .corporation a {
  background-color: #dce6eb;
}
.memberpage #membernav.tab_btn_member ul .student a {
  background-color: #eceebd;
}
.memberpage .tab_area_member {
  border-width: 5px;
  border-style: solid;
  border-radius: 15px;
  padding: 50px 37px;
  background-color: #fff;
}
.memberpage .tab_area_member .privilege {
  width: 700px;
  margin: 0 auto;
}
.memberpage .tab_area_member .privilege .now {
  vertical-align: bottom;
  padding-left: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.memberpage .tab_area_member .privilege p {
  line-height: 215%;
}
.memberpage .tab_area_member .privilege .price {
  width: 460px;
  margin: 40px auto 0;
  text-align: center;
  overflow: hidden;
}
.memberpage .tab_area_member .privilege .price .bg_title01, .memberpage .tab_area_member .privilege .price .bg_title02 {
  width: 220px;
  margin-bottom: 0;
}
.memberpage .tab_area_member .privilege .price p {
  font-size: 30px;
  font-weight: bold;
}
.memberpage .tab_area_member .privilege .price p span {
  font-size: 20px;
}
.memberpage .tab_area_member .privilege .step {
  padding: 15px 25px 35px;
  border: 6px solid #f9e3dc;
  margin-top: 30px;
}
.memberpage .tab_area_member .privilege .step h4 {
  text-align: center;
  margin-bottom: 20px;
}
.memberpage .tab_area_member .formarea {
  width: 698px;
  border: 8px solid #e2e1e1;
  padding: 15px 63px 40px;
  margin: 100px auto 0;
}
.memberpage .tab_area_member .formarea h3 + p {
  position: relative;
  margin: 15px 0 0 20px;
}
.memberpage .tab_area_member .formarea h3 + p:before {
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #e47c7b;
  position: absolute;
  top: 3px;
  left: -20px;
}
.memberpage .tab_area_member .formarea form {
  padding: 20px 40px 0;
}
.memberpage .tab_area_member .formarea form .form_wrap {
  margin-top: 30px;
}
.memberpage .tab_area_member .formarea form .form_wrap .form_title label {
  font-size: 15px;
  font-weight: bold;
}
.memberpage .tab_area_member .formarea form .form_wrap .form_title span {
  font-size: 13px;
  line-height: 100%;
  color: #fff;
  background-color: #e60012;
  padding: 2px 3px;
  border-radius: 4px;
  margin-left: 10px;
}
.memberpage .tab_area_member .formarea form .form_wrap .form_cont {
  margin-top: 10px;
}
.memberpage .tab_area_member .formarea form .form_wrap .form_cont input[type='text'] {
  width: 230px;
  padding: 5px;
  border: 3px solid #e2e1e1;
  font-size: 16px;
}
.memberpage .tab_area_member .formarea form .form_wrap .form_cont #Email, .memberpage .tab_area_member .formarea form .form_wrap .form_cont #adress01, .memberpage .tab_area_member .formarea form .form_wrap .form_cont #adress02, .memberpage .tab_area_member .formarea form .form_wrap .form_cont #facebook, .memberpage .tab_area_member .formarea form .form_wrap .form_cont #lineID, .memberpage .tab_area_member .formarea form .form_wrap .form_cont #what {
  width: 460px;
}
.memberpage .tab_area_member .formarea form .form_wrap .form_cont #reason {
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  border: 3px solid #e2e1e1;
  font-size: 16px;
}
.memberpage .tab_area_member .formarea form .checkbox .form_cont {
  overflow: hidden;
}
.memberpage .tab_area_member .formarea form .checkbox .form_cont > div {
  float: left;
  margin-right: 15px;
  font-size: 15px;
  font-weight: bold;
}
.memberpage .tab_area_member .formarea form .how ul {
  overflow: hidden;
}
.memberpage .tab_area_member .formarea form .how ul li {
  float: left;
  margin-right: 15px;
}
.memberpage .tab_area_member .formarea form .text_agree {
  margin-top: 30px;
  font-size: 15px;
  font-weight: bold;
}
.memberpage .tab_area_member .formarea form .submit {
  width: 262px;
  height: 42px;
  margin: 0 auto;
}
.memberpage .tab_area_member .formarea form .submit button {
  width: 262px;
  height: 42px;
  border: none;
  background: url(../images/btn_confirm.gif) center top no-repeat;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  opacity: 1.0;
  background-color: #fff;
}
.memberpage .tab_area_member .formarea form .submit button:hover {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.7;
}
.memberpage .tab_area_member .formarea form .disabled {
  background-color: #000;
}
.memberpage .tab_area_member .formarea form .disabled button {
  opacity: 0.7;
}

/* --入会案内(個人会員) .page_member_personal *********************************************/
.page_member_personal .tab_member_personal {
  border-color: #dcebdf;
  position: relative;
}
.page_member_personal .tab_member_personal:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 70px 0 70px;
  border-color: #dcebdf transparent transparent transparent;
  position: absolute;
  left: 255px;
  top: 0;
  z-index: 100;
}
.page_member_personal .tab_member_personal .privilege h3 + div {
  padding-bottom: 25px;
  margin-left: 70px;
  background: url(../images/bg_member_personal01.jpg) 330px 2.2em no-repeat;
}

/* --入会案内(法人･団体会員) .page_member_corporation *********************************************/
.page_member_corporation .tab_member_corporation {
  border-color: #dce6eb;
  position: relative;
}
.page_member_corporation .tab_member_corporation:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 70px 0 70px;
  border-color: #dce6eb transparent transparent transparent;
  position: absolute;
  left: 405px;
  top: 0;
  z-index: 100;
}
.page_member_corporation .tab_member_corporation .privilege h3 {
  text-align: center;
  margin-bottom: 30px;
}
.page_member_corporation .tab_member_corporation .privilege h3 + .bg_title01, .page_member_corporation .tab_member_corporation .privilege h3 + .bg_title02 {
  width: 600px;
  margin-bottom: 30px;
}
.page_member_corporation .tab_member_corporation .privilege h3 + .bg_title01 + div, .page_member_corporation .tab_member_corporation .privilege h3 + .bg_title02 + div {
  width: 620px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
.page_member_corporation .tab_member_corporation .privilege h3 + .bg_title01 + div p, .page_member_corporation .tab_member_corporation .privilege h3 + .bg_title02 + div p {
  padding-left: 1em;
  text-indent: -1em;
}
.page_member_corporation .tab_member_corporation .privilege .box {
  position: relative;
  padding: 20px 0;
}
.page_member_corporation .tab_member_corporation .privilege .box:before, .page_member_corporation .tab_member_corporation .privilege .box:after {
  position: absolute;
}
.page_member_corporation .tab_member_corporation .privilege .box p {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
}
.page_member_corporation .tab_member_corporation .privilege .box .price p {
  width: 220px;
}
.page_member_corporation .tab_member_corporation .privilege .gold:before {
  content: url(../images/flame_gold_top.png);
  top: 0;
  left: 50%;
  margin-left: -320px;
}
.page_member_corporation .tab_member_corporation .privilege .gold:after {
  content: url(../images/flame_gold_bottom.png);
  bottom: 0;
  left: 50%;
  margin-left: -320px;
}
.page_member_corporation .tab_member_corporation .privilege .premium {
  margin-top: 75px;
}
.page_member_corporation .tab_member_corporation .privilege .premium:before {
  content: url(../images/flame_premium_top.png);
  top: 0;
  left: 50%;
  margin-left: -320px;
}
.page_member_corporation .tab_member_corporation .privilege .premium:after {
  content: url(../images/flame_premium_bottom.png);
  bottom: 0;
  left: 50%;
  margin-left: -320px;
}

/* --入会案内(学生会員) .page_member_student *********************************************/
.page_member_student .tab_member_student {
  border-color: #eceebd;
  position: relative;
}
.page_member_student .tab_member_student:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 70px 0 70px;
  border-color: #eceebd transparent transparent transparent;
  position: absolute;
  left: 555px;
  top: 0;
  z-index: 100;
}
.page_member_student .tab_member_student .privilege h3 + div {
  margin-left: 145px;
}

/* --入会金･年会費の支払方法 .payment *********************************************/
.payment .inner {
  width: 700px;
}
.payment .inner .bg_title01, .payment .inner .bg_title02 {
  width: 208px;
}
.payment .inner .price_payment {
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
}
.payment .inner .price_payment .box {
  width: 208px;
  height: 100px;
  box-sizing: border-box;
  border: 6px solid;
  background-color: #fff;
  vertical-align: top;
  float: left;
  margin-left: 17px;
  margin-bottom: 30px;
}
.payment .inner .price_payment .box h3 {
  height: 24px;
}
.payment .inner .price_payment .box p {
  line-height: 140%;
}
.payment .inner .price_payment .personal {
  border-color: #dcebdf;
  margin-left: 1px;
}
.payment .inner .price_payment .personal h3 {
  background-color: #dcebdf;
  margin-bottom: 13px;
}
.payment .inner .price_payment .corporation {
  border-color: #dce6eb;
}
.payment .inner .price_payment .corporation h3 {
  background-color: #dce6eb;
  margin-bottom: 2px;
}
.payment .inner .price_payment .student {
  border-color: #eceebd;
}
.payment .inner .price_payment .student h3 {
  background-color: #eceebd;
  margin-bottom: 13px;
}
.payment .inner .price_payment .student + p {
  clear: both;
  margin: 0 auto 30px;
}
.payment .inner .price_payment + p {
  text-align: center;
  margin: 0 auto 20px;
}
.payment .inner .banktransfer {
  padding-left: 34px;
  margin-bottom: 30px;
}
.payment .inner .banktransfer h3 {
  border-left: 6px solid #e47c7b;
  padding: 3px 0 3px 10px;
  margin-bottom: 20px;
  font-size: 18px;
}
.payment .inner .banktransfer p {
  margin-left: 10px;
}

/* 4.お問い合わせ .contact
*********************************************/
.contact {
  width: 824px;
  padding-top: 30px;
  padding-bottom: 20px;
  border: 8px solid #e2e1e1;
  background-color: #fff;
  margin: 40px auto 20px;
}
.contact .inner {
  width: 696px;
  margin: 0 auto;
}
.contact .inner h1 + p {
  position: relative;
  margin: 15px 0 50px 20px;
}
.contact .inner h1 + p:before {
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #e47c7b;
  position: absolute;
  top: 3px;
  left: -20px;
}
.contact .inner .form_wrap {
  overflow: hidden;
  margin-bottom: 30px;
}
.contact .inner .form_wrap .form_title {
  float: left;
  width: 135px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}
.contact .inner .form_wrap .form_cont {
  margin-left: 155px;
  overflow: hidden;
}
.contact .inner .form_wrap .form_cont .inputwrap {
  position: relative;
  float: left;
}
.contact .inner .form_wrap .form_cont .inputwrap input[type='text'] {
  width: 350px;
  padding: 5px;
  border: 3px solid #e2e1e1;
  font-size: 16px;
  display: block;
}
.contact .inner .form_wrap .form_cont .inputwrap span {
  font-size: 13px;
  line-height: 130%;
  color: #fff;
  background-color: #e60012;
  padding: 2px 3px;
  border-radius: 4px;
  position: absolute;
  left: 325px;
  top: 6px;
  display: block;
}
.contact .inner .form_wrap .form_cont textarea, .contact .inner .form_wrap .form_cont #content {
  border: 3px solid #e2e1e1;
  box-sizing: border-box;
  font-size: 16px;
  padding: 5px;
  width: 100%;
  height: 20em;
}
.contact .inner .radio .form_cont > div {
  float: left;
  margin-right: 15px;
}
.contact .inner .submit {
  width: 262px;
  height: 42px;
  margin: 50px auto 0;
}
.contact .inner .submit button {
  width: 262px;
  height: 42px;
  border: none;
  background: url(../images/btn_submit.gif) center top no-repeat;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  opacity: 1.0;
  background-color: #fff;
}
.contact .inner .submit button:hover {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.7;
}

/* 5.プライバシーポリシー .privacy
*********************************************/
.privacy {
  margin-top: 40px;
}
.privacy .inner {
  width: 700px;
}
.privacy .inner h1 + p {
  margin-bottom: 40px;
}
.privacy .inner .box {
  margin-bottom: 30px;
  padding: 0 20px;
}
.privacy .inner .box h2 {
  position: relative;
  margin: 10px 0;
  padding: 0 0 5px 20px;
  border-bottom: 1px solid #e2e1e1;
}
.privacy .inner .box h2:before {
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #e47c7b;
  position: absolute;
  top: 5px;
  left: 0;
}
.privacy .inner .box ul {
  margin-left: 2em;
  margin-bottom: 30px;
}
.privacy .inner .box ul li {
  margin-left: 1em;
  text-indent: -1em;
}

/* 6.活動実績(ブログ) .achievements
*********************************************/
.bg_title02.achievements {
  margin-top: 40px;
}

.post h1.pageTitle, .post h1.entry-title {
  position: relative;
  border-bottom: 4px solid #f9e3dc;
  padding: 0 0 3px 30px;
  margin-bottom: 30px;
  font-size: 18px;
}
.post h1.pageTitle:before, .post h1.entry-title:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: block;
  background-color: #e47c7b;
  position: absolute;
  left: 0;
  top: 0;
}
.post h1.pageTitle:after, .post h1.entry-title:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: block;
  background-color: #fff;
  position: absolute;
  left: 4px;
  top: 4px;
}

.hentry .postmetadata {
  overflow: hidden;
  float: none;
  padding: 0 0 15px;
  margin-top: -20px;
}
.hentry .postmetadata span {
  float: right;
  font-size: 14px;
  font-weight: bold;
}

.navigation {
  border-top: none;
}

.hentry {
  margin-bottom: 100px;
}

.side-widget {
  margin-top: 20px;
}
.side-widget .widget-title {
  position: relative;
  border-bottom: 4px solid #f9e3dc;
  padding: 0 0 3px 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.side-widget li {
  position: relative;
  padding: 0 0 3px 15px;
}
.side-widget li:before {
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #e47c7b;
  position: absolute;
  top: 5px;
  left: 0;
}

.thanks .inner {
  width: 500px;
  border: 6px solid #e2e1e1;
  margin: 100px auto;
  background-color: #fff;
  padding: 50px;
  text-align: center;
}
.thanks .inner h1 {
  padding-bottom: 10px;
  border-bottom: 4px solid #f9e3dc;
  margin-bottom: 30px;
  font-size: 28px;
}
.thanks .inner h1 + p {
  font-size: 16px;
}
.thanks .inner .gotohome {
  position: relative;
  margin: 10px 0;
  padding: 0 0 5px 20px;
  display: inline-block;
}
.thanks .inner .gotohome:before {
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #e47c7b;
  position: absolute;
  top: 5px;
  left: 0;
}

/* ※etc */
/* 文字サイズ */
.font10-115 {
  font-size: 10px !important;
  line-height: 115% !important;
}

.font10-125 {
  font-size: 10px !important;
  line-height: 125% !important;
}

.font10-150 {
  font-size: 10px !important;
  line-height: 150% !important;
}

.font12-115 {
  font-size: 12px !important;
  line-height: 115% !important;
}

.font12-125 {
  font-size: 12px !important;
  line-height: 125% !important;
}

.font12-150 {
  font-size: 12px !important;
  line-height: 150% !important;
}

.font12-175 {
  font-size: 12px !important;
  line-height: 175% !important;
}

.font14-115 {
  font-size: 14px !important;
  line-height: 115% !important;
}

.font14-125 {
  font-size: 14px !important;
  line-height: 125% !important;
}

.font14-140 {
  font-size: 14px !important;
  line-height: 140% !important;
}

.font14-150 {
  font-size: 14px !important;
  line-height: 150% !important;
}

.font14-175 {
  font-size: 14px !important;
  line-height: 175% !important;
}

.font14-200 {
  font-size: 14px !important;
  line-height: 200% !important;
}

.font14-225 {
  font-size: 14px !important;
  line-height: 225% !important;
}

.font14-250 {
  font-size: 14px !important;
  line-height: 250% !important;
}

.font16-115 {
  font-size: 16px !important;
  line-height: 115% !important;
}

.font16-125 {
  font-size: 16px !important;
  line-height: 125% !important;
}

.font16-150 {
  font-size: 16px !important;
  line-height: 150% !important;
}

.font16-160 {
  font-size: 16px !important;
  line-height: 160% !important;
}

.font18-115 {
  font-size: 18px !important;
  line-height: 115% !important;
}

.font18-125 {
  font-size: 18px !important;
  line-height: 125% !important;
}

.font18-150 {
  font-size: 18px !important;
  line-height: 150% !important;
}

.font20-115 {
  font-size: 20px !important;
  line-height: 115% !important;
}

.font20-125 {
  font-size: 20px !important;
  line-height: 125% !important;
}

.font20-150 {
  font-size: 20px !important;
  line-height: 150% !important;
}

.font28-150 {
  font-size: 28px !important;
  line-height: 150% !important;
}

.font_b {
  font-weight: bold !important;
}

.font_n {
  font-weight: normal !important;
}

/* テーブル基本文字サイズ */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

/* 文字間 */
.letterspace_m1 {
  letter-spacing: -1px;
}

.letterspace_m2 {
  letter-spacing: -2px;
}

/* テキスト位置 */
.t_aln_l {
  text-align: left !important;
}

.t_aln_c {
  text-align: center !important;
}

.t_aln_r {
  text-align: right !important;
}

.v_aln_t {
  vertical-align: top !important;
}

.v_aln_m {
  vertical-align: middle !important;
}

.v_aln_b {
  vertical-align: bottom !important;
}

/* フロートクリア */
.fl_l {
  float: left !important;
}

.fl_r {
  float: right !important;
}

.cl_b {
  clear: both !important;
}

/* クリアフィックス */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* ボックス中央寄せ */
.b_center {
  margin-left: auto;
  margin-right: auto;
}

.burasagari {
  text-indent: -1em;
  margin-left: 1em;
}

.burasagari_20px {
  text-indent: -20px;
  margin-left: 20px;
}

/* マージン */
.mg_3 {
  margin: 3px !important;
}

.mg_5 {
  margin: 5px !important;
}

.mg_l5 {
  margin-left: 5px !important;
}

.mg_l10 {
  margin-left: 10px !important;
}

.mg_l15 {
  margin-left: 15px !important;
}

.mg_l20 {
  margin-left: 20px !important;
}

.mg_l25 {
  margin-left: 25px !important;
}

.mg_l30 {
  margin-left: 30px !important;
}

.mg_l40 {
  margin-left: 40px !important;
}

.mg_l1e {
  margin-left: 1em !important;
}

.mg_r5 {
  margin-right: 5px !important;
}

.mg_r10 {
  margin-right: 10px !important;
}

.mg_r15 {
  margin-right: 15px !important;
}

.mg_r20 {
  margin-right: 20px !important;
}

.mg_r25 {
  margin-right: 25px !important;
}

.mg_r30 {
  margin-right: 30px !important;
}

.mg_r40 {
  margin-right: 40px !important;
}

.mg_t5 {
  margin-top: 5px !important;
}

.mg_t10 {
  margin-top: 10px !important;
}

.mg_t15 {
  margin-top: 15px !important;
}

.mg_t20 {
  margin-top: 20px !important;
}

.mg_t25 {
  margin-top: 25px !important;
}

.mg_t30 {
  margin-top: 30px !important;
}

.mg_b5 {
  margin-bottom: 5px !important;
}

.mg_b10 {
  margin-bottom: 10px !important;
}

.mg_b15 {
  margin-bottom: 15px !important;
}

.mg_b20 {
  margin-bottom: 20px !important;
}

.mg_b25 {
  margin-bottom: 25px !important;
}

.mg_b30 {
  margin-bottom: 30px !important;
}

.mg_b40 {
  margin-bottom: 40px !important;
}

.mg_b300 {
  margin-bottom: 300px !important;
}

.mg_l_m1 {
  margin-left: -1px !important;
}

.mg_l_m2 {
  margin-left: -2px !important;
}

.mg_l_m3 {
  margin-left: -4px !important;
}

.mg_l_m4 {
  margin-left: -4px !important;
}

.mg_l_m5 {
  margin-left: -5px !important;
}

.mg_l_m10 {
  margin-left: -10px !important;
}

.mg_l_m15 {
  margin-left: -15px !important;
}

.mg_l_m20 {
  margin-left: -20px !important;
}

.mg_l_m25 {
  margin-left: -25px !important;
}

.mg_l_m30 {
  margin-left: -30px !important;
}

.mg_l_m40 {
  margin-left: -40px !important;
}

.mg_l_m1e {
  margin-left: -1em !important;
}

.mg_r_m1 {
  margin-right: -1px !important;
}

.mg_r_m2 {
  margin-right: -2px !important;
}

.mg_r_m3 {
  margin-right: -3px !important;
}

.mg_r_m4 {
  margin-right: -4px !important;
}

.mg_r_m5 {
  margin-right: -5px !important;
}

.mg_r_m10 {
  margin-right: -10px !important;
}

.mg_r_m15 {
  margin-right: -15px !important;
}

.mg_r_m20 {
  margin-right: -20px !important;
}

.mg_r_m25 {
  margin-right: -25px !important;
}

.mg_r_m30 {
  margin-right: -30px !important;
}

.mg_t_m1 {
  margin-top: -1px !important;
}

.mg_t_m2 {
  margin-top: -2px !important;
}

.mg_t_m3 {
  margin-top: -3px !important;
}

.mg_t_m4 {
  margin-top: -4px !important;
}

.mg_t_m5 {
  margin-top: -5px !important;
}

.mg_t_m10 {
  margin-top: -10px !important;
}

.mg_t_m15 {
  margin-top: -15px !important;
}

.mg_t_m20 {
  margin-top: -20px !important;
}

.mg_t_m25 {
  margin-top: -25px !important;
}

.mg_t_m30 {
  margin-top: -30px !important;
}

.mg_b_m1 {
  margin-bottom: -1px !important;
}

.mg_b_m2 {
  margin-bottom: -2px !important;
}

.mg_b_m3 {
  margin-bottom: -3px !important;
}

.mg_b_m4 {
  margin-bottom: -4px !important;
}

.mg_b_m5 {
  margin-bottom: -5px !important;
}

.mg_b_m10 {
  margin-bottom: -10px !important;
}

.mg_b_m15 {
  margin-bottom: -15px !important;
}

.mg_b_m20 {
  margin-bottom: -20px !important;
}

.mg_b_m25 {
  margin-bottom: -25px !important;
}

.mg_b_m30 {
  margin-bottom: -30px !important;
}

.mg_b_m40 {
  margin-bottom: -40px !important;
}

.mg_b_m300 {
  margin-bottom: -300px !important;
}

/* パディング */
.pd_3 {
  padding: 3px !important;
}

.pd_5 {
  padding: 5px !important;
}

.pd_l5 {
  padding-left: 5px !important;
}

.pd_l10 {
  padding-left: 10px !important;
}

.pd_l15 {
  padding-left: 15px !important;
}

.pd_l20 {
  padding-left: 20px !important;
}

.pd_l25 {
  padding-left: 25px !important;
}

.pd_l30 {
  padding-left: 30px !important;
}

.pd_r5 {
  padding-right: 5px !important;
}

.pd_r10 {
  padding-right: 10px !important;
}

.pd_r15 {
  padding-right: 15px !important;
}

.pd_r20 {
  padding-right: 20px !important;
}

.pd_r25 {
  padding-right: 25px !important;
}

.pd_r30 {
  padding-right: 30px !important;
}

.pd_r40 {
  padding-right: 40px !important;
}

.pd_r50 {
  padding-right: 50px !important;
}

.pd_t5 {
  padding-top: 5px !important;
}

.pd_t10 {
  padding-top: 10px !important;
}

.pd_t15 {
  padding-top: 15px !important;
}

.pd_t20 {
  padding-top: 20px !important;
}

.pd_t25 {
  padding-top: 25px !important;
}

.pd_t30 {
  padding-top: 30px !important;
}

.pd_t35 {
  padding-top: 35px !important;
}

.pd_t50 {
  padding-top: 50px !important;
}

.pd_b5 {
  padding-bottom: 5px !important;
}

.pd_b10 {
  padding-bottom: 10px !important;
}

.pd_b15 {
  padding-bottom: 15px !important;
}

.pd_b20 {
  padding-bottom: 20px !important;
}

.pd_b25 {
  padding-bottom: 25px !important;
}

.pd_b30 {
  padding-bottom: 30px !important;
}

.pd_b40 {
  padding-bottom: 40px !important;
}

.pd_b300 {
  padding-bottom: 300px !important;
}

/* コンテンツ幅 */
.w5 {
  width: 5px  !important;
}

.w10 {
  width: 10px  !important;
}

.w15 {
  width: 15px  !important;
}

.w20 {
  width: 20px  !important;
}

.w25 {
  width: 25px  !important;
}

.w30 {
  width: 30px  !important;
}

.w35 {
  width: 35px  !important;
}

.w40 {
  width: 40px  !important;
}

.w45 {
  width: 45px  !important;
}

.w50 {
  width: 50px  !important;
}

.w55 {
  width: 55px  !important;
}

.w60 {
  width: 60px  !important;
}

.w65 {
  width: 65px  !important;
}

.w70 {
  width: 70px  !important;
}

.w75 {
  width: 75px  !important;
}

.w80 {
  width: 80px  !important;
}

.w85 {
  width: 85px  !important;
}

.w90 {
  width: 90px  !important;
}

.w95 {
  width: 95px  !important;
}

.w100 {
  width: 100px  !important;
}

.w105 {
  width: 105px  !important;
}

.w110 {
  width: 110px  !important;
}

.w115 {
  width: 115px  !important;
}

.w120 {
  width: 120px  !important;
}

.w125 {
  width: 125px  !important;
}

.w130 {
  width: 130px  !important;
}

.w135 {
  width: 135px  !important;
}

.w140 {
  width: 140px  !important;
}

.w145 {
  width: 145px  !important;
}

.w150 {
  width: 150px  !important;
}

.w155 {
  width: 155px  !important;
}

.w160 {
  width: 160px  !important;
}

.w165 {
  width: 165px  !important;
}

.w170 {
  width: 170px  !important;
}

.w175 {
  width: 175px  !important;
}

.w180 {
  width: 180px  !important;
}

.w185 {
  width: 185px  !important;
}

.w190 {
  width: 190px  !important;
}

.w195 {
  width: 195px  !important;
}

.w200 {
  width: 200px  !important;
}

.w205 {
  width: 205px  !important;
}

.w210 {
  width: 210px  !important;
}

.w215 {
  width: 215px  !important;
}

.w220 {
  width: 220px  !important;
}

.w225 {
  width: 225px  !important;
}

.w230 {
  width: 230px  !important;
}

.w235 {
  width: 235px  !important;
}

.w240 {
  width: 240px  !important;
}

.w245 {
  width: 245px  !important;
}

.w250 {
  width: 250px  !important;
}

.w255 {
  width: 255px  !important;
}

.w260 {
  width: 260px  !important;
}

.w265 {
  width: 265px  !important;
}

.w270 {
  width: 270px  !important;
}

.w275 {
  width: 275px  !important;
}

.w280 {
  width: 280px  !important;
}

.w285 {
  width: 285px  !important;
}

.w290 {
  width: 290px  !important;
}

.w295 {
  width: 295px  !important;
}

.w300 {
  width: 300px  !important;
}

.w305 {
  width: 305px  !important;
}

.w310 {
  width: 310px  !important;
}

.w315 {
  width: 315px  !important;
}

.w320 {
  width: 320px  !important;
}

.w325 {
  width: 325px  !important;
}

.w330 {
  width: 330px  !important;
}

.w335 {
  width: 335px  !important;
}

.w340 {
  width: 340px  !important;
}

.w345 {
  width: 345px  !important;
}

.w350 {
  width: 350px  !important;
}

.w355 {
  width: 355px  !important;
}

.w360 {
  width: 360px  !important;
}

.w365 {
  width: 365px  !important;
}

.w370 {
  width: 370px  !important;
}

.w375 {
  width: 375px  !important;
}

.w380 {
  width: 380px  !important;
}

.w385 {
  width: 385px  !important;
}

.w390 {
  width: 390px  !important;
}

.w395 {
  width: 395px  !important;
}

.w400 {
  width: 400px  !important;
}

.w405 {
  width: 405px  !important;
}

.w410 {
  width: 410px  !important;
}

.w415 {
  width: 415px  !important;
}

.w420 {
  width: 420px  !important;
}

.w425 {
  width: 425px  !important;
}

.w430 {
  width: 430px  !important;
}

.w435 {
  width: 435px  !important;
}

.w440 {
  width: 440px  !important;
}

.w445 {
  width: 445px  !important;
}

.w450 {
  width: 450px  !important;
}

.w455 {
  width: 455px  !important;
}

.w460 {
  width: 460px  !important;
}

.w465 {
  width: 465px  !important;
}

.w470 {
  width: 470px  !important;
}

.w475 {
  width: 475px  !important;
}

.w480 {
  width: 480px  !important;
}

.w485 {
  width: 485px  !important;
}

.w490 {
  width: 490px  !important;
}

.w495 {
  width: 495px  !important;
}

.w500 {
  width: 500px  !important;
}

.w505 {
  width: 505px  !important;
}

.w510 {
  width: 510px  !important;
}

.w515 {
  width: 515px  !important;
}

.w520 {
  width: 520px  !important;
}

.w525 {
  width: 525px  !important;
}

.w530 {
  width: 530px  !important;
}

.w535 {
  width: 535px  !important;
}

.w540 {
  width: 540px  !important;
}

.w545 {
  width: 545px  !important;
}

.w550 {
  width: 550px  !important;
}

.w555 {
  width: 555px  !important;
}

.w560 {
  width: 560px  !important;
}

.w565 {
  width: 565px  !important;
}

.w570 {
  width: 570px  !important;
}

.w575 {
  width: 575px  !important;
}

.w580 {
  width: 580px  !important;
}

.w585 {
  width: 585px  !important;
}

.w590 {
  width: 590px  !important;
}

.w595 {
  width: 595px  !important;
}

.w600 {
  width: 600px  !important;
}

.w605 {
  width: 605px  !important;
}

.w610 {
  width: 610px  !important;
}

.w615 {
  width: 615px  !important;
}

.w620 {
  width: 620px  !important;
}

.w625 {
  width: 625px  !important;
}

.w630 {
  width: 630px  !important;
}

.w635 {
  width: 635px  !important;
}

.w640 {
  width: 640px  !important;
}

.w645 {
  width: 645px  !important;
}

.w650 {
  width: 650px  !important;
}

.w655 {
  width: 655px  !important;
}

.w660 {
  width: 660px  !important;
}

.w665 {
  width: 665px  !important;
}

.w670 {
  width: 670px  !important;
}

.w675 {
  width: 675px  !important;
}

.w680 {
  width: 680px  !important;
}

.w685 {
  width: 685px  !important;
}

.w690 {
  width: 690px  !important;
}

.w695 {
  width: 695px  !important;
}

.w700 {
  width: 700px  !important;
}

.w705 {
  width: 705px  !important;
}

.w710 {
  width: 710px  !important;
}

.w715 {
  width: 715px  !important;
}

.w720 {
  width: 720px  !important;
}

.w725 {
  width: 725px  !important;
}

.w730 {
  width: 730px  !important;
}

.w735 {
  width: 735px  !important;
}

.w740 {
  width: 740px  !important;
}

.w745 {
  width: 745px  !important;
}

.w750 {
  width: 750px  !important;
}

.w755 {
  width: 755px  !important;
}

.w760 {
  width: 760px  !important;
}

.w765 {
  width: 765px  !important;
}

.w770 {
  width: 770px  !important;
}

.w775 {
  width: 775px  !important;
}

.w780 {
  width: 780px  !important;
}

.w785 {
  width: 785px  !important;
}

.w790 {
  width: 790px  !important;
}

.w795 {
  width: 795px  !important;
}

.w800 {
  width: 800px  !important;
}

.w805 {
  width: 805px  !important;
}

.w810 {
  width: 810px  !important;
}

.w815 {
  width: 815px  !important;
}

.w820 {
  width: 820px  !important;
}

.w825 {
  width: 825px  !important;
}

.w830 {
  width: 830px  !important;
}

.w835 {
  width: 835px  !important;
}

.w840 {
  width: 840px  !important;
}

.w845 {
  width: 845px  !important;
}

.w850 {
  width: 850px  !important;
}

.w855 {
  width: 855px  !important;
}

.w860 {
  width: 860px  !important;
}

.w865 {
  width: 865px  !important;
}

.w870 {
  width: 870px  !important;
}

.w875 {
  width: 875px  !important;
}

.w880 {
  width: 880px  !important;
}

.w885 {
  width: 885px  !important;
}

.w890 {
  width: 890px  !important;
}

.w895 {
  width: 895px  !important;
}

.w900 {
  width: 900px  !important;
}

.w905 {
  width: 905px  !important;
}

.w910 {
  width: 910px  !important;
}

.w915 {
  width: 915px  !important;
}

.w920 {
  width: 920px  !important;
}

.w925 {
  width: 925px  !important;
}

.w930 {
  width: 930px  !important;
}

.w935 {
  width: 935px  !important;
}

.w940 {
  width: 940px  !important;
}

.w945 {
  width: 945px  !important;
}

.w950 {
  width: 950px  !important;
}

.w955 {
  width: 955px  !important;
}

.w960 {
  width: 960px  !important;
}

.w965 {
  width: 965px  !important;
}

.w970 {
  width: 970px  !important;
}

.w975 {
  width: 975px  !important;
}

.w980 {
  width: 980px  !important;
}

.w985 {
  width: 985px  !important;
}

.w990 {
  width: 990px  !important;
}

.w995 {
  width: 995px  !important;
}

.w1000 {
  width: 1000px  !important;
}

.w_100p {
  width: 100%  !important;
}