@charset "UTF-8";


/* --------------------------------
	ベース・共通
-------------------------------- */

#main #content { margin-bottom:25px; background:#fff; }
#main #content header { padding:12px 10px; border-top:2px solid #bc3121; font-size:18px; color:#fff; }
#main #content .breadcrumb { display:none }


/* --------------------------------
	メインコンテンツ
-------------------------------- */

/******** 記事 ********/
#main #content section.entry { padding:25px 3.1% 8.2%; font-size:14px; zoom:1; }
.body_index #main #content section.entry { padding:25px 3.1% 6.2%; }
#main #content section.entry h3 { font-size:18px;font-weight:bold; line-height:1.4; }
#main #content section.entry .social { padding:15px 0 0 0; }
#main #content section.entry .social ul li { float:left; margin:0 13px 13px 0; line-height:1; }
#main #content section.entry .social ul li.twitter { float:none; }

/******** 記事本文 ********/
#main #content section.entry .entry_body .figure .border { margin:25px auto 0; border:4px solid #ccc; text-align:center; }
#main #content section.entry .entry_body .figure .border { max-width:592px; }
#main #content section.entry .entry_body .center { margin:25px auto 0; text-align:center; }
#main #content section.entry .entry_body .center img { max-width:600px; }
#main #content section.entry .entry_body .figure .caption { margin-top:10px; font-size:85%; }
#main #content section.entry .entry_body .figure .btn { margin:10px auto 35px; text-align:center; }
#main #content section.entry .entry_body .figure .btn img { max-width:600px; }
#main #content section.entry .entry_body .arw { padding-left:10px; background-position:left center; background-repeat:no-repeat;
background-image:url(../img/arw_r_01_s.png);
background-image:url(../img/arw_r_01_l.png)\9;/*** lte ie8 ***/ 
background-size:6px 7px;
-webkit-background-size:6px 7px;
-moz-background-size:6px 7px;
-ms-background-size:6px 7px;
}
#main #content section.entry .entry_body a { text-decoration:underline; }
#main #content section.entry .entry_body a:hover { text-decoration:none; }
#main #content section.entry .entry_body p,
#main #content section.entry .entry_body ul,
#main #content section.entry .entry_body ol,
#main #content section.entry .entry_body dl,
#main #content section.entry .entry_body table { margin-top:15px; }
#main #content section.entry .entry_body ul { margin-left:1.5em; }
#main #content section.entry .entry_body ul li { list-style-type:disc; }
#main #content section.entry .entry_body dl dt { margin-top:25px; font-weight:bold; font-size:114%; }
#main #content section.entry .entry_body dl:first-child dt:first-child { margin-top:15px; }
#main #content section.entry .entry_body dl dd { margin-top:7px; }
#main #content section.entry .entry_body dl dd > p:first-child,
#main #content section.entry .entry_body dl dd > ul:first-child,
#main #content section.entry .entry_body dl dd > ol:first-child { margin-top:0; }
#main #content section.entry .entry_body .border_01 { margin-top:15px; padding-top:15px; border-top:2px solid #ededed; }
#main #content section.entry .entry_body .border_01 p:first-child,
#main #content section.entry .entry_body .border_01 ul:first-child,
#main #content section.entry .entry_body .border_01 ol:first-child { margin-top:0; }
#main #content section.entry .entry_body .border_01 ul li ~ li,
#main #content section.entry .entry_body .border_01 ol li ~ li { margin-top:10px; }
#main #content section.entry .entry_body .small { margin-top:3px; font-size:85.7%; }
#main #content section.entry .entry_body dl dd.small p { margin-top:3px; }
#main #content section.entry .entry_body .mt0 { margin-top:0; }
#main #content section.entry .entry_body .mt5 { margin-top:5px; }

/******** 申し込みバナー ********/
aside#bnr_apply { margin-bottom:25px; text-align:center; }

/******** コンテンツ一覧  ********/
#main section#contents_list .contents_list_h { margin-bottom:13px; border-left:7px solid #2869eb; }

/******** コンテンツ一覧 扉ページ ********/
#main #content section#contents_index { padding-bottom:0.5%; }
#main #content section#contents_index .contents_list_h { padding:0 0 12px 0; border-bottom:4px solid #2869eb; font-size:18px; font-weight:bold; margin-bottom:10px; }
#main #content section#contents_index article { float:none; position:relative; display:table; width:100%; margin:0; padding:10px 0; border-top:2px solid #ededed; }
#main #content section#contents_index article:first-child { padding:0 0 10px; border:none; }
#main #content section#contents_index article a { display:table; width:100%; text-decoration:none; }
#main #content section#contents_index article a:hover { text-decoration:underline; }
#main #content section#contents_index article .thumbnail { display:table-cell; width:45%; padding-bottom:0; text-align:left; }
#main #content section#contents_index article .item_h { display:table-cell; width:55%; padding:0; vertical-align:middle; }
#main #content section#contents_index article .item_h span { display:block; height:auto; padding:0 10% 0 5%; font-size:12px; font-weight:normal; background-position:right center; 
background-image:url(../img/arw_sr_01_s.png);
background-image:url(../img/arw_sr_01_l.png)\9;/*** lte ie8 ***/ 
background-size:15px;
-webkit-background-size:15px;
-moz-background-size:15px;
-ms-background-size:15px;
}
/*** ie7 ***/
*:first-child+html #main section#contents_index article a { display:block; position:relative;}
*:first-child+html #main section#contents_index .thumbnail { display:inline; }
*:first-child+html #main section#contents_index .thumbnail img { width:45%; }
*:first-child+html #main section#contents_index .item_h { display:block; float:left; position:absolute; top:40%;  }
*:first-child+html #main section#contents_index .item_h span { position:absolute; width:80%; }





@media screen and (min-width:768px) {

/* --------------------------------
	ベース・共通
-------------------------------- */

#main { padding-bottom:30px; }
#main #content header { padding:25px 30px 20px; background:#fff; font-size:210%; }
#main section, #main aside { padding:0; }
#main #content .breadcrumb { display:block; padding:18px 30px 0; }
#main #content .breadcrumb span { padding:0 10px; }


/* --------------------------------
	メインコンテンツ
-------------------------------- */

#main section h2{ padding:2px 0 2px 12px; line-height:1; }
#main aside h2 { line-height:1; }

/******** 記事 ********/
#main #content section.entry { padding:30px 30px 40px 30px; }
.body_index #main #content section.entry { padding:30px; }
#main #content section.entry h3 { font-size:171%; }
#main #content section.entry .social { padding:15px 0 20px 0; }
#main #content section.entry .social ul li { margin:0 13px 0 0; }
#main #content section.entry .social ul li.twitter { float:left; width:105px; overflow:hidden; }

/******** 記事本文 ********/
#main #content section.entry .entry_body { background:#fff; }
#main #content section.entry .entry_body .border_img { width:592px; margin:15px auto 0; }
#main #content section.entry .entry_body .figure { width:600px; margin:0 auto; }
#main #content section.entry .entry_body .arw { background-image:url(../img/arw_r_01_l.png); background-size:auto; }
#main #content section.entry .entry_body .border_01 { padding:15px; border:2px solid #ededed; }
#main #content section.entry .hatebu { position:relative; zoom:1; }
#main #content section.entry .entry_body .bnr_setup_guide { text-align: center; }

/******** コンテンツ一覧 ********/
#main section#content_list { margin-bottom:0; padding:0; }

/******** コンテンツ一覧 扉ページ ********/
#main #content section#contents_index { padding:10px 30px 30px; }
#main #content section#contents_index .contents_list_h { margin-bottom:0; }
#main #content section#contents_index .inner { width:690px; margin-right:-10px; }
#main #content section#contents_index article { width:220px; padding:12px 10px 0 0; border:none; }
#main #content section#contents_index article:first-child { padding:12px 10px 0 0; }
#main #content section#contents_index article a { display:block; width:220px; text-decoration:none; }
#main #content section#contents_index article a:hover { text-decoration:none; }
#main #content section#contents_index article .thumbnail { float:none; display:inline; width:220px; }
#main #content section#contents_index article .thumbnail img { width:220px; }
#main #content section#contents_index article .item_h { float:none; display:block; width:95%; padding-top:8px; }
#main #content section#contents_index article .item_h span { height:4.2em; padding:0 10px 0 20px; background-position:left 0.2em; font-size:14px; background-image:url(../img/arw_sr_01_l.png); background-size:auto; }

/*** ie7 ***/
*:first-child+html #main section#contents_index article a { display:block; position:relative; }
*:first-child+html #main section#contents_index .thumbnail { display:block; float:none; }
*:first-child+html #main section#contents_index .item_h { display:block; float:none; position:static; }
*:first-child+html #main section#contents_index .item_h span { position:static; }



/* --------------------------------
	サイド
-------------------------------- */

#side aside { margin:0 0 20px; padding:10px 0; background:#fff; }
#side aside a { text-decoration:none; }


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

#footer .social { display:none; }
#footer .copyright { border-top:none }

/******** トップへ戻る  ********/
.pagetop { position:absolute; bottom:0; right:0; }

}




.btn-area--procedure {
    margin-top: 36px;
}

/* btn-wrap--xl-m-flex */
@media screen and (min-width: 415px) {
  .btn-wrap--xl-m-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 414px) {
  .btn-wrap--xl-m-flex .primary-btn + .primary-btn {
    margin-top: 12px;
    margin-left: 0;
  }
}

/* primary-btn */
.primary-btn {
  width: 100%;
  font-weight: bold;
}
.primary-btn a:link,
.primary-btn a:visited{
	text-decoration: none;
	color:#fff;
}
@media screen and (min-width: 768px){
.primary-btn a:link,
.primary-btn a:visited {
    text-decoration: none;
	color:#fff;
}
	}
.primary-btn + .primary-btn {
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .primary-btn + .primary-btn {
    margin-left: 20px;
  }
}
@media screen and (max-width: 414px) {
  .primary-btn + .primary-btn {
    margin-left: 8px;
  }
}
.primary-btn__inner {
  /*botton reset*/
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  /*style*/
  position: relative;
  display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
  display : inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  background-color: #003e70;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  transition: all .3s;
}
@media screen and (max-width: 1279px) {
  .primary-btn__inner {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 414px) {
  .primary-btn__inner {
    height: 48px;
  }
}

.primary-btn__inner::after {
  position: absolute;
  top: 50%;
  right: 22px;
  content: "";
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url(img/ic_arrow_right.svg) no-repeat;
  background-size: 9px 15px;
  transform: translate(0,-50%);
}
@media screen and (max-width: 414px) {
  .primary-btn__inner::after {
    width: 7px;
    height: 12px;
    background-size: 7px 12px;
  }
}

.primary-btn__inner:hover {
  opacity: .7;
}
.emea{
	text-align: center;
}
.emea_txt{
	font-size: 1.4rem;
	padding: 44px 0 0;
}
.emea_sub-txt{
	    padding: 24px 0 42px;
}
@media screen and (max-width: 414px) {
.emea_txt{
	padding: 0 0 0;
}
}
@media screen and (min-width: 768px){
.sp {
    display: none;
}

}