@charset "utf-8";



/* ------------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
------------------------------------------------------------------------------------ */
@font-face {
  font-family: 'design_plus';
  src: url('fonts/design_plus.eot?v=1.5');
  src: url('fonts/design_plus.eot?v=1.5#iefix') format('embedded-opentype'),
       url('fonts/design_plus.woff?v=1.5') format('woff'),
       url('fonts/design_plus.ttf?v=1.5') format('truetype'),
       url('fonts/design_plus.svg?v=1.5#design_plus') format('svg');
  font-weight: normal;
  font-style: normal;
}




/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#333; line-height:1; width:100%; }
.pc .admin-bar { padding-top:33px; }
a { color:#333; text-decoration:none; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
}
.clear { clear:both; }
.hide { display:none; }


/* レイアウト */
#main_contents { background:#fff; width:100%; position:relative; z-index:10; }
#main_col {
  width:1170px; min-width:1170px; margin:50px auto 100px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#left_col { width:820px; float:left; }
#side_col { width:300px; float:right; /*margin:0 0 50px 0;*/ }
.layout2 #left_col { float:right; }
.layout2 #side_col { float:left; }
.pc .no_side_content #left_col { width:auto; float:none; }



/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header {
  height:100px; width:100%; min-width:1260px; position:relative; z-index:20;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#header_inner { height:100px; width:1170px; margin:0 auto; position:relative; }
.pc body.home #header_inner, .pc body.cpt_archive #header_inner { width:auto; }


/* ロゴ */
#logo_text, #logo_image {
  display:inline; position:absolute; left:0; right:0; top:50%; text-align:center;
  -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
#logo_image .logo { }
#logo_image img.pc_logo_image { display:block; margin:0 auto; }
#logo_image img.mobile_logo_image { display:none; }
#logo_text h1 { line-height:1; }
#tagline { margin:5px 0 0; height:1; font-size:14px; font-weight:normal; }
#logo_text a { text-decoration:none; }
.header_fix #header #logo_text, .header_fix #header #logo_image { display:none; }


/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */


/* 固定コンテンツ
#fixed_footer_content {
  position:fixed; bottom:0; left:0; width:100%; height:120px; color:#fff; padding:40px; z-index:9999;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#fixed_footer_content.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#fixed_footer_content a { color:#fff; text-decoration:none; }
#fixed_footer_content .content_left {
  position:absolute; left:40px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
  width:-webkit-calc(100% - 530px); width:-moz-calc(100% - 530px); width:calc(100% - 530px);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#fixed_footer_content .has_image .content_left { width:-webkit-calc(100% - 840px); width:-moz-calc(100% - 840px); width:calc(100% - 840px); }
#fixed_footer_content .button {
  position:absolute; right:55px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
  min-width:300px; height:55px; line-height:55px; text-align:center; display:inline-block; padding:0 40px 0 10px; font-size:16px;
}
#fixed_footer_content .button:after {
  font-family:'design_plus'; content:'\e910'; color:#fff; font-size:14px; display:block; position:absolute; top:1px; right:16px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#fixed_footer_content .image {
  position:absolute; right:55px; max-width:728px;
  top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#fixed_footer_content .image img { width:100%; max-width:100%; height:auto; display:block; }
#fixed_footer_content .close {
  position:absolute; right:5px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
  display:block; width:40px; height:40px; border-radius:100%;
}
#fixed_footer_content span { display:none; }
#fixed_footer_content .close:before {
  font-family:'design_plus'; color:#fff; font-size:20px; display:block;
  content:'\e91a'; position:absolute; top:10px; left:10px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#fixed_footer_content .close:hover { background:rgba(255,255,255,0.1); }
#fixed_footer_content .catch { font-size:21px; margin:0; line-height:1.5; }
#fixed_footer_content .desc { font-size:14px; margin:5px 0 0 0; line-height:2; }
#fixed_footer_content .pr { background:#fff; color:#333; display:inline; font-size:12px; margin:5px 15px 0 0; padding:0 12px; border-radius:2px; height:20px; line-height:20px; float:left; }
#fixed_footer_content .pr1 { display:none; }

#fixed_footer_content .free {
  width:100%; padding-right:100px; position:absolute; left:40px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#fixed_footer_content .post_content p { font-size:14px; margin:0; line-height:1.6; }
 */

/* フッターウィジェット */
#footer_top { width:100%; min-width:1260px; background:#fff; }
#footer_top_inner { width:1170px; padding:50px 0px 20px; margin:0 auto; overflow:hidden; }
#footer_center_widget { width:330px; float:left; }
#footer_right_widget { width:330px; float:right; }
#footer_top .side_widget { margin:0 0 30px 0; }
.footer_headline { font-size:16px; margin:0 0 30px 0; display:none; }


/* 紹介文 */
#footer_info { width:330px; /*float:left; margin:0 88px 0 0;*/ margin:0 auto; overflow:hidden; }
.footer_logo { margin:0 0 30px 0; }
#footer_info .info { margin:0 0 20px 0; }
#footer_info .info p { line-height:2.0; font-size:14px; }
#footer_social_link { left:-10px; position:relative; }


/* フッター下部 */
#footer_bottom {
  width:100%; min-width:1260px; height:59px; line-height:59px; border-top:1px solid #ddd; text-align:center; background:#fff;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}


/* コピーライト */
#copyright { font-size:12px; line-height:59px; }


/* ページ上部へ戻るボタン */
#return_top { display:block; }
#return_top a { display:block; height:60px; width:60px; line-height:60px; text-decoration:none; background:#ccc; z-index:100; position:relative; }
#return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top a:before {
  font-family:'design_plus'; color:#fff; font-size:12px; display:block; position:absolute; width:18px; height:18px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top a:before { content:'\e911'; left:22px; top:2px; }
#return_top {
  position:fixed; right:0px; bottom:0px; z-index:999;
  -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }



/****************************************  *****************************************/


#seminar_lp {
	width: 100%;
	margin: 0 auto;
}

/* Footer */

#cpt_list_wrap {
    display: none;
}
#footer_top {
	background: #c59b5d;
}
#footer_top_inner {
    width: 100%;
	padding-top: 30px;
}

#footer_top_inner .textwidget h2,
#footer_top_inner .side_widget h3 {
	text-align: center;
	line-height: 1.7;
	font-size: 1.4em;
	margin-bottom: 0.7em;
	color: #fff;
}
.footer_logo {
	margin-bottom: 0px;
}

table#footer_address th {
    width: 25%;
    text-align: left;
    font-weight: normal;
}
table#footer_address th, table#footer_address td {
    line-height: 1.7;
    padding: 0.5em;
    color: #fff;
}
table#footer_address td {
	text-align: left;
}

#footer_center_widget {
	width: 100%;
}
#footer_logo_image {
	margin-bottom: 0.9em;
}
#footer_logo_image h3 {
	text-align: center;
}
#footer_info a {
	color: #fff;
}


/*- sumita tuika -*/
.pc{
  display: block;
}
.sp{
  display: none;
}

#contents_body{
  color: #1A1A1A;
  width: 100%;
  margin: 0 auto;
}
#main_image{
  width: 100%;
  height: 1088px;
  background: url(../img/main-pc.webp) no-repeat center;
}
.inner{
  width: 960px;
  margin: 0 auto;
}
.inner p{
  margin-bottom: 50px;
}
#cbex{
  width: 100%;
  background-color: #f3e7d6;
  margin-bottom: 50px;
  padding: 50px 0;
}

/*.mobile .header_fix #header #logo_text,
.mobile .header_fix #header #logo_image { display:none; }*/

.footer_widget h3{
  color: #fff;
  text-align: center;
  font-size: 120%;
}
.footer_widget h3 br{
  display: none;
}
#semiform{
  width: 650px;
  margin: 30px auto;
  padding: 20px 5% 30px;
  background-color: #ddd;
}
#semiform label{
  display: inline-block;
  vertical-align: middle;
  width: 29%;
  border-top: 1px dotted #ccc;
  padding: 10px 0;
  font-size: 16px;
}
#semiform label.radiobt{
  display: inline-block;
  vertical-align: top;
  width: 33%;
  border: none;
  margin-left: 15px;
}
#semiform label.seminar, #semiform label.address{
    vertical-align: top;
}
#semiform label:nth-child(1){
  border: none;
}
#semiform input{
  padding: 5px;
  width: 70%;
  border: 1px solid #aaa;
}
#semiform input.radio{
    width: 20px;
    margin-left: -20px;
}
#semiform textarea {
  padding: 5px;
  width: 70%;
  min-height: 100px;
  border: 1px solid #aaa;
}
#semiform p{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-top: 1px dotted #ccc;
  padding: 10px 0;
  line-height: 2;
}
#semiform p:first-child{
    border: none;
}
select{
    width: 70%;
}
#semiform p.submit{
  display: block;
  width: 100%;
}
#semiform p.submit button{
  display: block;
  width: 40%;
  margin: 30px auto 0;
  background-color: #595a5a;
  border-radius: 4px;
  border-style:none;
  color: #fff;
  padding: 5px;
  font-size: 130%;
  line-height: 2.2;
}
#semiform p.submit button:hover{
  background-color: #777777;
}
.thanksarea{
  width: 80%;
  height: 500px;
  margin: 0 auto;
  padding: 40px 40px;
  text-align: center;
  line-height: 200%;
}
.seminarname{
  display: none!important;
}

.applicationform{
    margin-bottom: 30px;
    height: 1840px;
}
.bnarea{
  text-align: center;
  line-height: 1.3;
  margin-bottom: 30px;
}
.bnarea img{
  margin-bottom: 30px;
}
.input-field small{
  font-size: 80%;
  line-height: 1.3;
}

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

  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  img{
    max-width: 100%;
  }

  #main_image{
    width: 100%;
    height: auto;
    background: none;
  }
  .inner{
    width: 100%;
    margin: 0 auto;
  }
  .inner p{
    margin-bottom: 30px;
  }
  #cbex{
    margin-bottom: 30px;
    padding: 0 0;
  }
  #cbex{
    width: 100%;
    margin-bottom: 30px;
  }

  .footer_widget h3 {
    font-size: 3.3vw;
      line-height: 1.5;
  }
  .footer_widget h3 br{
    display: block;
  }
  #semiform{
      width: 96%;
      margin: 15px auto;
      padding: 2%;
      background-color: #ddd;
  }
  #semiform label{
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      border-top: 1px dotted #ccc;
      padding: 0px 0;
      font-size: 3.5vw;
  }
  #semiform label.radiobt{
      display: inline-block;
      width: 100%;
      border: none;
      margin-left: 15px;
  }
  #semiform label.address{
      vertical-align: top;
  }
  #semiform p{
    padding: 10px 0 15px;
    line-height: 1.5;
  }
  select{
      width: 100%;
      font-size: 3.5vw;
  }
  #semiform input{
      width: 100%;
  }
  #semiform textarea{
      width: 100%;
  }
  #semiform p.submit button{
    width: 50%;
    margin: 10px auto 0;
  }
  .thanksarea{
      width: 90%;
      height: 270px;
      margin: 0 auto;
      padding: 30px 5%;
      text-align: center;
      line-height: 200%;
  }
  .applicationform{
      margin-bottom: 20px;
      height: 1840px;
  }

  #footer_center_widget {
      width: 100%;
  }
  #header {
      height: 57px;
      width: 100%;
      min-width: inherit;
      right: 0px;
      top: 0px;
      right: 0;
      z-index: 100;
      margin: 0;
  }
  #header_inner {
      height: 56px;
      width: 100%;
      min-width: inherit;
      margin: 0;
      padding: 0;
      background: #fff;
      border-bottom: 1px solid #ddd;
  }
  #logo_image {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
  }
  #logo_image img.pc_logo_image {
      display: none;
  }
  #logo_image img.mobile_logo_image {
      display: block;
      margin: 0 auto;
  }
  #contents_body{
  width: 100%;
  }

  #header_sp{
    display: inherit;
    width: 100%;
  }
  #header_sp img{
    width: 100%;
  }

  #footer_top {
      width: auto;
      min-width: inherit;
      padding: 0;
  }
  #footer_top_inner {
      width: auto;
      padding: 30px 10px 0px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
  }
  #footer_bottom {
      width: 100%;
      min-width: inherit;
      height: 49px;
      line-height: 49px;
  }
  table#footer_address th, table#footer_address td {
      line-height: 1.7;
      padding: 0.5em;
      color: #fff;
      font-size: 3.6vw;
  }
  .bnarea{
    font-size: 3vw;
    margin-bottom: 30px;
  }
  .bnarea img{
    width: 90%;
    margin-bottom: 20px;
  }
  .input-field small{
    font-size: 2.8vw;
  }
}