/* ----------------------------------------------------------------------

 pc style setting

---------------------------------------------------------------------- */
body { margin:0; padding:0;
       /*font-family:"Century Gothic",Arial,sans-serif;*/
       color:#333; min-width:1140px;
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
}

/* layout */
#header_wrap { width:100%; /*min-width:1140px;*/ }
/*#header { width:1140px; height:112px; position:relative; margin:0 auto;}*/

#index_top_wrap { width:100%; min-width:1140px; background:#f2f2f2; }
#index_top { width:1140px; positio:relative; margin:0 auto; padding:10px 0 0; }

#main_contents_wrap { width:100%;  /*min-width:1140px;*/ /*background:#fff url(img/common/background1.gif) repeat-x left top;*/ }
#main_contents {  /*width:1140px; *//*width:1000px;*/  margin:0 auto;}


#main_col {  /*width:800px;*/ width:1060px; /*float:left; padding:50px 0;*/margin:0 auto; padding:50px 0; }
#side_col { /*width:300px;*/width:260px; float:right; padding:50px 0; }
.page-template-page-noside-php #main_col { width:100%; float:none; }
.page-template-page-noside-short-php #main_col, .page-template-page-co-noside-php #main_col
 { width:850px; float:none; margin:0 auto; }


/* headline */
.headline1 { border-bottom:1px solid #ddd; padding:0; margin:0 0 25px 0; font-size:18px; }
.headline1 span { border-bottom:4px solid #ccc; padding:0 0 10px 0; margin:0; display:inline-block; }




/* ----------------------------------------------------------------------
 company info
---------------------------------------------------------------------- */
#company_info { margin:0 0 50px 0; padding:1px 0 0 0; }
#company_info p { margin:0; }
#company_info dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; }
#company_info dt { float:left; width:150px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:12px 10px 10px 0; }
#company_info dd { margin:0 0 0px 150px; line-height:200%; background:#f9f9f9; padding:12px 10px 10px 10px; border-top:1px solid #ddd; }

#company_map { text-align:right; }
#company_map a { color:#333; }
#company_map iframe { width:100%; }
#company_map_desc { padding:20px 0 0; margin-bottom:-30px; }




/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* slider */
#slider { z-index:1; width:1140px; margin:0 0 10px 0; height: 400px; overflow: hidden;}
/*#slider img { width:1140px; height:400px; display:block; }*/

/* top banner */
#index_banner ol { margin:22px 0 22px 0; padding:0; }
#index_banner ol li { list-style-type:none; margin:0; padding:0; float:left; margin:0 22px 0 0; }
#index_banner ol li.num3 { margin:0; }
#index_banner img { display:block; }

/* news */
.news-ttl{ text-align:left;
 margin-left:20px;
 margin-bottom:50px;
 padding-top:20px;
 text-align: left;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
}

#index_news { position:relative; width:1000px; margin:0 auto;}
#index_news:after{ content: ''; display: block; clear: both;}
#index_news_left { width:100px; margin:0;text-align:left;float:left;}
#index_news_right { width:800px; margin:0 auto;float:right;}
#index_news_right:after{ content: ''; display: block; clear: both;}
#index_news ol { margin:0 0 40px 0; padding:0; }
#index_news ol li { list-style-type:none; padding:16px 0px 0px 0px;/*margin:0 0 2px 0; padding:5px; background:#f2f2f2; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; */ background:#fff; font-size:15px; border-bottom:1px dotted #ccc;}
#index_news ol li .date { /*font-size:12px;*/ font-size:14px; /*margin:0 10px 0 0; line-height:100%; background:#999; color:#fff; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;*/ float:left; width:90px; text-align:left;font-weight:bold;}
#index_news ol li .title { float:left; width:550px; line-height:150%; padding:5px 0 0 30px; margin:0; }
#index_news ol li .title a { display:block; text-decoration:none; }

/* archive link */
.index_archive_link a { position:absolute; right:0px; top:5px; font-size:13px; text-decoration:none; }
.index_archive_link a:hover { text-decoration:underline; }

/* index center banner */
#index_center_banner { display:block; margin:0 0 40px 0; }

/* product */
#index_product { position:relative; margin:0 0 10px 0; }
#index_product ol { margin:0 -28px 0 0; padding:0; }
#index_product ol li { list-style-type:none; margin:0 23px 20px 0; padding:0; vertical-align:top; width:248px; display:inline-block; }
#index_product ol li .image { display:block; background:#fff; }
#index_product ol li .image img {
  display:block; width:248px; height:190px; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_product ol li .image:hover img { opacity:0.5; }
#index_product ol li .category { background:#999; color:#fff; padding:0 10px; height:40px; line-height:40px; overflow:hidden; font-size:14px; }
#index_product ol li .category a { text-decoration:none; color:#fff; }
#index_product ol li .category a:hover { text-decoration:underline; }
#index_product ol li .title { font-size:14px; margin:15px 0 5px; }
#index_product ol li .title a { text-decoration:none; }
#index_product ol li .desc { font-size:12px; margin:5px 0 10px; line-height:160%; }

/* blog */
#index_blog { position:relative; margin:0 0 40px 0; }
#index_blog ol { margin:0; padding:0; }
#index_blog ol li { list-style-type:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #aaa; }
#index_blog ol li:last-child { border:none; margin:0; padding:0; }
#index_blog ol li .image { float:left; margin:0 15px 0 0; background:#fff; }
#index_blog ol li .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#index_blog ol li .image:hover img { opacity:0.5; }
#index_blog ol li .date { margin:0; font-size:12px; color:#999; }
#index_blog ol li .title { margin:0; font-size:14px; }

/* footer banner */
#footer_banner li { }
#footer_banner li.num1 { float:left; }
#footer_banner li.num2 { float:right; }
#footer_banner li.num3 { clear:both; padding:30px 0 0 0; }
#footer_banner li img { display:block; }




/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* product */
#product_list { position:relative; margin:0 0 10px 0; }
#product_list { margin:0 -28px 0 0; padding:0; }
#product_list li { list-style-type:none; margin:0 23px 20px 0; padding:0; vertical-align:top; width:248px; display:inline-block; }
#product_list li .image { display:block; background:#fff; }
#product_list li .image img {
  display:block; width:248px; height:190px; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#product_list li .image:hover img { opacity:0.5; }
#product_list li .title { font-size:14px; margin:0 0 10px 0; }
#product_list li .title a {
  text-decoration:none; display:block; padding:10px; background:#999; color:#fff; height:40px; overflow:hidden;
  -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
#product_list li .title a:hover { background:#333; }

/* news */
#news_list { position:relative; }
#news_list { margin:0 0 40px 0; padding:0; }
#news_list li { list-style-type:none; margin:0 0 2px 0; padding:5px; background:#f2f2f2; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#news_list li .date { margin:0 10px 0 0; font-size:12px; line-height:100%; background:#999; color:#fff; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:left; width:70px; text-align:center; }
#news_list li .title { float:left; width:690px; line-height:150%; padding:7px 0; margin:0; }
#news_list li .title a { display:block; text-decoration:none; }

/* blog */
#post_list { margin:0; padding:0; }
#post_list li { border-bottom:1px dotted #aaa; margin:0 0 25px 0; padding:0 0 15px 0; }
#post_list .image { float:right; background:#fff; }
#post_list .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#post_list .image:hover img { opacity:0.5 }
#post_list .info { float:left; width:510px; }
#post_list .no_thumbnail .info { float:none; width:auto; }
#post_list .post_date { font-size:12px; width:54px; height:54px; text-align:center; margin:0 15px 15px 0; line-height:100%; float:left; background:#bbb; position:relative; }
#post_list .date { color:#fff; display:block; position:absolute; top:10px; width:54px; }
#post_list .month { color:#fff; display:block; position:absolute; bottom:10px; width:54px; }
#post_list .title { font-size:16px; line-height:180%; margin:0 0 15px 0; }
#post_list .title a { text-decoration:none; }
#post_list .title a:hover { text-decoration:underline; }
#post_list .desc { clear:both; }
#post_list ul { margin:0; }
#post_list li li { border:none; margin:0 25px 5px 0; padding:0; float:left; font-size:12px; }
#post_list li.meta_category { background:url(img/common/icon_category.png) no-repeat left 3px; padding-left:15px; }
#post_list li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_author { background:url(img/common/icon_author.png) no-repeat left 3px;  padding-left:15px; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post { margin:0 0 10px 0; }

/* title */
#post_title { margin:0 0 25px 0; }
#post_title h2 { margin:0; padding:0; font-size:18px; line-height:160%; }
#post_title .post_date { font-size:12px; width:54px; height:54px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; background:#bbb; position:relative; }
#post_title .date { color:#fff; display:block; position:absolute; top:10px; width:54px; }
#post_title .month { color:#fff; display:block; position:absolute; bottom:10px; width:54px; }


/* post thumbnail */
.post_image { text-align:center; margin:0 0 30px 0; }
.post_image img { margin:0; width:100%; height:auto; }


/* next page */
#post_pagination { margin:0 0 30px 0; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { background:#00a2d9; color:#fff; }


/* meta and bookmark */
#post_meta { border-top:1px dotted #aaa; margin:0 0 20px 0; padding:15px 0; }
#post_meta a { text-decoration: none; }
#post_meta #meta { float:left; width:60%; margin:0; font-size:12px; }
#post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; }
#post_meta #meta li.meta_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_category { background:url(img/common/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; }
#post_meta #meta li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta .bookmark { float:right; margin:0; }
#post_meta .bookmark li { float:left; margin:0 0 0 10px; }


/* related post*/
#related_post { margin:0 0 35px 0; }
#related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; }
#related_post ul { margin:0 -10px 0 0; }
#related_post li { display:inline-block; margin:0 5px 10px 0; vertical-align:top; width:373px; border:1px solid #ccc; padding:10px; }
#related_post .image { float:left; margin:0 15px 0 0; background:#fff; }
#related_post .image img { width:72px; height:72px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#related_post .image:hover img { opacity:0.5; }
#related_post .info { }
#related_post .date { margin:0 0 5px 0; line-height:100%; font-size:12px; color:#999; }
#related_post .title { font-size:14px; margin:0; }
#related_post .title a { text-decoration:none; display:block; }


/* next prev post link */
#previous_next_post { margin:0 0 40px 0; padding:0; border-top:1px solid #ccc; }
#previous_next_post p { margin:0; padding:0; }
#previous_next_post a { text-decoration: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
 }
#previous_post a { margin:0; width:50%; float:left; border-right:1px solid #ccc; line-height:140%; font-size:12px; background:url(img/common/arrow_left.gif) no-repeat left 20px; padding:25px 30px; }
#next_post a { margin:0; left:-1px; position:relative; width:50%; float:right; text-align:right; border-left:1px solid #ccc; line-height:140%; font-size:12px; background:url(img/common/arrow_right.gif) no-repeat right 20px; padding:25px 30px; }




/* ----------------------------------------------------------------------
 product single page
---------------------------------------------------------------------- */
#product_headline a { text-decoration:none; }
#product_headline a:hover { text-decoration:underline; }
.product_title { margin:0 0 20px 0; }

/* slider */
#product_image_slider_wrap { width:770px; background:#f2f2f2; padding:15px; position:relative; margin:0 0 30px 0; }
#product_image_slider_wrap #loader { position:absolute; top:200px; left:350px; }
#product_image_slider { width:575px; height:380px; overflow:hidden; }
#product_image_slider img { width:575px; height:380px; }

/* thumbnail */
.nivo-controlNav { padding:0; margin:0; position:absolute; right:15px; top:15px; }
.nivo-controlNav a { cursor:pointer; margin:0 0 13px 0; display:block; }
.nivo-controlNav a img { display:block; opacity:0.3; }
.nivo-controlNav a.active img, .nivo-controlNav a:hover img { opacity:1; }

/* no slider */
#product_image {  }
#product_image img { display:block; border:15px solid #f2f2f2; margin:0 auto 30px; }

/* bookmark */
.bookmark { margin:0 0 30px 0; }
.bookmark li { float:left; margin:0 10px 0 0; }




/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */

/* logo */
/*
#logo_text { position:absolute; left:0px; top:35px; margin:0; padding:0; font-size:24px; line-height:100%; font-weight:normal; }
#logo_text a { text-decoration:none; display:block; }
#logo_text a:hover { color:#00a2d9; }
#description { position:absolute; left:0px; top:55px; font-weight:normal; font-size:11px; color:#aaa; }
#logo_image { position:absolute; margin:0; padding:0; line-height:100%; }
#logo_image img { display:block; }
*/

/* global menu */
/*.menu_button { display:none; } */
#global_menu{ /*display:none;*/ }
/*#menu-item-85{ display:none !important; }
#menu-item-83{ display:none !important; }
#menu-item-81{ display:none !important; }
#menu-item-84{ display:none !important; }
#menu-item-80{ display:none !important; }
#menu-item-86{ display:none !important; }
#menu-item-82{ display:none !important; }
#menu-item-87{ display:none !important; }
*/

#global_menu { /*margin:0; position:absolute; right:0px; bottom:0px; z-index:999;*/clear:both;display:block; width:1200px; position:relative;z-index:3; } 
/*#global_menu ul ul { display:none; position:absolute; top:63px; left:0px; margin:0; padding:0; border-top:1px solid #ccc; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }  */
#global_menu li { /*float:left; font-size:1%; position:relative;*/
margin-top:12px !important;
 width:198px;
 display:block;
 padding:0;
 margin-bottom:0;padding-bottom:0;
 font-size:15px;
 text-align:center;
 line-height:160%;
 float:left;
 /*color:#0073be;*/   color:#222;
 font-weight:bold;
 border-left:1px solid #ccc;
/* -webkit-transform: skewX(150deg);
 -moz-transform: skewX(150deg);
 transform: skewX(150deg); 
 border-right: 1px solid #222; */ }
#global_menu  li:last-child{
margin-top:12px !important;
 width:198px;
 display:block;
 padding:0;
margin-bottom:0;padding-bottom:0;
 font-size:15px;
 text-align:center;
 line-height:160%;
 float:left;
 /*color:#0073be;*/   color:#222;
 font-weight:bold;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
/* -webkit-transform: skewX(150deg);
 -moz-transform: skewX(150deg);
 transform: skewX(150deg); 
 border-right: 1px solid #222; */
}
#global_menu li a {
/* font-size:14px; text-align:center; text-decoration:none; display:block; height:60px; line-height:60px; padding:0 20px; border-bottom:4px solid #fff;
 -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;*/
 color:#000;
 font-weight:normal;
 text-decoration:none;
 display:block;
 font-weight:bold;
 /*transform: skewX(-150deg);  */
 padding:0 14px;
 margin-bottom:0;
 text-decoration:none !important;
 /*color:#0073be;*/   color:#222;

}
#global_menu ul li a:hover, #global_menu > ul > li.active_menu > a { /*border-bottom:4px solid #aaa; color:#333;*/ color:#3782bd;
 text-decoration:none !important; }
#global_menu ul li a:hover span {  color:#000;
 text-decoration:none !important; }
#global_menu ul ul {  background:#dbeefd;}
#global_menu ul ul li { float:none; height:auto; /*line-height:26px; */padding:10px 0; margin:0; text-align:center; border-bottom:1px solid #ccc;}
#global_menu ul ul li:last-child { float:none; height:auto; /*line-height:26px; */padding:10px 0; margin:0; text-align:center; border-bottom:1px solid #ccc;}
#global_menu ul ul li a { /* background:#dbeefd;font-size:12px; position:relative; padding:10px 20px 8px; width:150px; height:auto; line-height:180%; margin:0 0 -1px 0; text-align:left; border:1px solid #ccc; background:#fff;*/ }
#global_menu ul ul a:hover { /*border-bottom:1px solid #ccc; *background:#e2e2e2;*/ }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top { z-index:999; position:fixed; right:0px; bottom:25px; margin:0; display:block; width:69px; height:69px; text-indent:-9999px; background:url(/web/wp-content/uploads/pagetop_off.png) no-repeat center; }
#return_top:hover { }

/* basic setting */
#footer { clear:both; width:100%; min-width:1140px; background:#253b49; }
#footer_inner { width:1140px; margin:0 auto; position:relative; font-size:11px; padding-top:50px; }
#footer a { }
#footer a:hover { }
/*#footer li { line-height:170%; margin:0 0 10px 0; padding:0; } */

/* widget area */
#footer_widget { position:relative; }
.footer_widget { margin:0 41px 40px 0; width:350px; display:inline-block; vertical-align:top; overflow:hidden; }
.footer_widget.right_widget { margin-right:0; }
.footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { }
.footer_widget img { height:auto; max-width:100%; width:auto; }

/* copyright */
/*
#copyright { width:100%; min-width:1140px; clear:both; color:#fff; background:#999; margin:0; }
#copyright_inner { width:1140px; height:50px; margin:0 auto; positiion:relative; font-size:11px; }
#copyright a { text-decoration:none; color:#fff; }
#copyright a:hover { text-decoration:underline; }
*/

/* menu */
#footer_menu { margin:23px 0 0 0; float:left; }
#footer_menu li { float:left; margin:0; line-height:100%; }
#footer_menu li a { text-decoration:none; border-right:1px solid #aaa; margin:0 0 0 0; padding:0 10px 0 10px; }
#footer_menu li:last-child a { border:none; }

/* sns link */
/*#social_link { margin:11px 0 0 15px; float:right; }
#social_link li { display:inline-block; margin:0; position:relative; }
#social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:24px; height:24px; position:relative;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
  background: #fff;
  border-radius: 100%;
}
#social_link li:before {
  font-family:'design_plus'; color:#999; font-size:14px; display:block; position:absolute; top:5px; left:5px;
  width:17px; height:17px; line-height:17px; z-index: 999;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#social_link li.twitter:before { content:'\e904'; }
#social_link li.facebook:before { content:'\e902'; }
#social_link li.insta:before { content:'\ea92'; }
#social_link li.pint:before { content:'\e905'; }
#social_link li.flickr:before { content:'\eaa4'; }
#social_link li.tumblr:before { content:'\eab9'; }
#social_link li.rss:before { content:'\e90b'; }
#social_link li.twitter:hover:before { color:#16b9dc; }
#social_link li.facebook:hover:before { color:#3B5998; }
#social_link li.insta:hover:before { color:#8a3ab9; }
#social_link li.rss:hover:before { color:#ffcc00; }
#social_link li.pint:hover:before { color:#cb2027; }
#social_link li.flickr:hover:before { color:#ff0084; }
#social_link li.tumblr:hover:before { color:#34526f; }*/

#social_link { margin:11px 0 0 15px; padding:0; text-align:center; float: right; }
#social_link li { display:block; margin:0 0 0 5px; position:relative; background: #fff; border-radius: 100%; float: left; }
#social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:24px; height:24px; position:relative;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
#social_link li:before {
  font-family:'design_plus'; color:#000; font-size:12px; display:block; position:absolute; top:5px; left:4px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#social_link li.twitter:before { content:'\e904'; }
#social_link li.facebook:before { content:'\e902'; }
#social_link li.insta:before { content:'\ea92'; }
#social_link li.pint:before { content:'\e905'; }
#social_link li.flickr:before { content:'\eaa4'; }
#social_link li.tumblr:before { content:'\eab9'; }
#social_link li.rss:before { content:'\e90b'; }
#social_link li.twitter:hover:before { color:#16b9dc; }
#social_link li.facebook:hover:before { color:#3B5998; }
#social_link li.insta:hover:before { color:#8a3ab9; }
#social_link li.rss:hover:before { color:#ffcc00; }
#social_link li.pint:hover:before { color:#cb2027; }
#social_link li.flickr:hover:before { color:#ff0084; }
#social_link li.tumblr:hover:before { color:#34526f; }


/* copyright */
/*
#copyright p { margin:13px 0 0 0; float:right; font-size:12px; }
*/

/* add code */
footer{background:#fff;}
.box-contact-wrap{ background:#1394d7;}
.box-contact{
 position: relative;
 overflow: hidden;
 display:block;
 height:314px;
 margin:0 auto;
 margin-top:0;
 background:url(/web/wp-content/uploads/btm_contact_bg.jpg) no-repeat center;
 text-align:center;
}
.box-contact:after{ content: '';
 display: block;
 clear: both;
} 
.box-contact-in{ width:1000px; margin:0 auto;padding-top:46px;padding-bottom:20px; }
.box-contact-in:after{ content: ''; display: block; clear: both;}
.box-contact-ttl{font-size:28px; color:#fff;font-weight:bold;}
.box-contact-ttl span{padding-left:30px;font-size:16px; color:#fff;font-weight:normal;}
.box-contact-left{width:476px;text-align:left;float:left;color:#fff;}
.box-contact-left p{color:#fff;}
.box-contact-right{width:476px;float:right;}
.box-contact-right img{margin-bottom:20px;}

#foot{width:100%;margin:0 auto;padding:0;}
#foot:after{ content: ''; display: block; clear: both;}

.foot-navi-box{width:100%;margin:0 auto;margin-bottom:30px;padding:0; overflow: hidden; float:right;}
.foot-navi-box:after{ content: ''; display: block; clear: both;}
.foot-navi{margin:0 auto;padding:0;padding-bottom:0px;text-align:center;}
.foot-navi:after{ content: ''; display: block; clear: both;}
.foot-navi ul{  position: relative; }
.foot-navi ul li{position: relative; list-style:none;line-height:180%;}
.foot-navi li{font-size:13px;text-align:left;padding:0 10px; float:left;}
.foot-navi li:last-child{font-size:13px;text-align:left;padding:0 10px; float:left;}
.foot-navi li a {color:#fff; text-decoration:none;}
.foot-navi li a:hover {color:#666;}

.foot-company{display:block;margin:0; padding:0;font-weight:bold; font-size:15px;text-align:left;color:#fff;}
.address{font-size:13px;padding:0 !important;margin:0 !important;text-align:left;line-height:130%;color:#fff;}

.copyright-box{clear:both;display:block;padding-top:40px;padding-bottom:20px; }
.copyright{padding-top:12px; padding-bottom:12px; font-size:10px;text-align:left;color:#999;}

.pc-none{display:none;}



/* ============================================================== */
/*header*/
/* ============================================================== */

#header { width:100%; height:130px; margin:0 auto; text-align:left; position: fixed; top: 0; z-index:1;  background:#fff; }
#header:after { content: ''; display: block; clear: both;}
#header div { width: 1200px; margin: 0px auto; position: relative;}
#header #logo { display:block; position:relative;width:360px; margin:0;padding:0;float:left;z-index:2;}
#logo h1{ margin:10px 0 0 0;padding:0;}

#header #head-contact{  z-index:4;width:420px; height:32px;margin-top:10px; margin-right:0; margin-bottom:0;float:right;}
#header #head-contact li{ display:inline-block;width:100px; margin-top:10px;margin-right:10px;padding-right:14px;float:left;border-right:1px solid #ccc;text-align:center;font-size:90%;}
#header #head-contact li:last-child{ display:inline-block;width:140px; margin-top:10px;margin-left:6px;float:right;text-align:center;font-size:90%;border-right:none;}
#header #head-contact li a{text-decoration:none;background:#f0f3f5;padding:3px 20px;}
#header #head-contact img{ vertical-align:middle;}

#header.scrolled {
 transition-property: background-color;
 transition-duration: 1s;
 background-color: #fff;
}



#header ul#header-menu { clear:both;display:block; width:1200px; position:relative;z-index:3;}

#header ul#header-menu li{
margin-top:12px !important;
 width:198px;
 display:block;
 padding:0;
 margin-bottom:0;padding-bottom:0;
 font-size:15px;
 text-align:center;
 line-height:160%;
 float:left;
 /*color:#0073be;*/   color:#222;
 font-weight:bold;
 border-left:1px solid #ccc;
/* -webkit-transform: skewX(150deg);
 -moz-transform: skewX(150deg);
 transform: skewX(150deg); 
 border-right: 1px solid #222; */
}
#header ul#header-menu li:last-child{
margin-top:12px !important;
 width:198px;
 display:block;
 padding:0;
margin-bottom:0;padding-bottom:0;
 font-size:15px;
 text-align:center;
 line-height:160%;
 float:left;
 /*color:#0073be;*/   color:#222;
 font-weight:bold;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
/* -webkit-transform: skewX(150deg);
 -moz-transform: skewX(150deg);
 transform: skewX(150deg); 
 border-right: 1px solid #222; */
}

#header ul#header-menu li a{
 color:#000;
 font-weight:normal;
 text-decoration:none;
 display:block;
 font-weight:bold;
 /*transform: skewX(-150deg);  */
 padding:0 14px;
 margin-bottom:0;
 text-decoration:none !important;
 /*color:#0073be;*/   color:#222;
}
#header ul#header-menu li a /*span*/{
 font-size:100% !important; 
 color:#222;
 font-weight:bold !important;
 text-decoration:none !important;
}
#header ul#header-menu li a:hover{
 color:#3782bd;
 text-decoration:none !important;
}
#header ul#header-menu li a:hover span{
 color:#000;
 text-decoration:none !important;
}

#header ul#header-menu ul.sub{
 background:#dbeefd;
}


/* ============================================================== */
/*navi*/
/* ============================================================== */

.spnaviOpen{
  display:none;
}
ul.drop-menu{
  display:none;
}


/* ============================================================== */
/*title*/
/* ============================================================== */

.ttl{
 font-weight: bold;
 font-size: 20pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
}

h2 {
 font-weight: bold;
 font-size: 20pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
}
h2 span{
 font-weight: bold;
 font-size: 9pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
}


h2.ttl-h2 {
 font-weight: bold;
 font-size: 24pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#0074be;
 /*font-family: "ＭＳ Ｐ明朝"; */
 /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
}
h2.ttl-h2 span{
 font-weight: bold;
 font-size: 11pt;
 margin-top:0 !important;
 padding-top:0 !important;
 text-align: center;
 position: relative;
 color:#222;
 letter-spacing:0.5px;
 font-family: arial;
}
h2.ttl-h2:before {
 content: '';
 position: absolute;
 bottom: -25px;
 display: block;
 width: 86px;
 height:12px;
 left: 46%;
 background:url(/web/wp-content/uploads/ttl_under.jpg) no-repeat;
}


h2.h2-left {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:30px;
 padding: 10pt 0 0 0;
 text-align: left;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
}
h2.h2-left span{
 font-weight: normal;
 font-size: 12pt;
 margin-left:20px;
 padding:0 0 0 20px;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:1px;
 border-left:1px solid #ccc;
/*
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
}

h2.bt-line {
 font-weight: normal;
 font-size: 24pt;
 margin-bottom:30px;
 padding: 10pt 0 20pt 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
 border-bottom:5px double #fedfea;
}

h3 {
  font-weight: normal;
  font-size: 16pt;
  margin-top:30px;
  margin-bottom:25px;
  padding: 0 0 0 16px;
  position: relative;
  text-align:left;
  line-height:180%;
 /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  border-left:8px solid #0072be;
}
/*
h3 {
  font-weight: normal;
  font-size: 18pt;
  margin-top:20px;
  margin-bottom:25px;
  padding: 10pt 0 2pt 0;
  position: relative;
  text-align:left;
  line-height:180%;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border-bottom:3px double #ccc;
}
h3 span{
  font-weight: normal;
  font-size: 20pt;
  text-align:center;
  color:#666;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
*/
/*
h3.title{
  font-weight: normal;
  text-align: left;
  font-size: 18pt;
  line-height: 0.8em;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-bottom:10px;
  position: relative;
  color: #333;
  line-height:140%;
  border-bottom:3px double #00a0e8;
}
*/

h3.title {
  clear:both;
  position: relative;
  display: block;
  margin:0 auto;
  margin-top:50px;
  margin-bottom:30px;
  padding: 0 65px;
  color:#eb5d97;
  text-align:center !important;
  /*font-family: "ＭＳ Ｐ明朝";*/
/*
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
  font-size: 20pt;
}
h3.title:before, h3.title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  margin:0 auto;
  width: 42px;
  height: 1px;
  background-color: #eb5d97;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  text-align:center !important;
}

h3.title:before {
  /*left:0;*/
  margin-left:-90px;
}
h3.title:after {
  /*right: 0;*/ 
  margin-left:50px;
}

h3.title02 {
  color: #ea5d96;/*文字色*/
  margin-top:50px;
  margin-bottom:10px;
  padding: 0.3em 0;/*上下の余白*/
  font-size:160%;
  text-align:left;
  border-top: solid 1px #ea5d96;/*上線*/
}
h4 {
  color: #232938;
  font-weight:bold;
  font-size:120%;
  text-align:left;
}


/* ============================================================== */
/*home*/
/* ============================================================== */

.box{ width:100%; margin:0 auto; padding:40px 0 40px 0; overflow:hidden;}
.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:1060px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;}
.box-in00{ width:1060px; margin:0 auto; padding-bottom:0px;text-align:left; overflow:hidden;}

.home-company-left{width:450px;margin-top:60px;float:left;}
.home-company-left p{padding-left:30px;border-left:1px solid #3b5998;font-size:110%;} 
.home-company-right{width:440px;float:right;}
.home-company-right-in img{box-shadow: -10px 10px #ccc;}

.home-btn{ margin-top:40px;}

.home-service{ width:100%;margin:0 auto; margin-top:30px; margin-bottom:30px;padding-top:50px; background:url(/web/wp-content/uploads/dot_bg.jpg) repeat-x;}
.home-service:after{ content: ''; display: block; clear: both;}
.home-service-left{width:480px;float:left;}
.home-service-right{width:480px;float:right;}
.home-ttl{color:#395998; font-size:22px;font-weight:bold; text-align:center; margin-top:25px; margin-bottom:15px;}

.home-bnr{ max-width:100%;margin:0 auto; margin-top:30px; margin-bottom:30px;}
.home-bnr:after{ content: ''; display: block; clear: both;}
.home-bnr img{ display:block; text-align:center !important;}

.img-center{ display:block; margin-left:auto; margin-right:auto;}


.main-contents {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 background:#dbdfe3;
 padding-top:110px;
}
.main-image {
 display: block;
 margin: 0 auto;
 height:auto;
 text-align:center;
/*max-width: 1200px;*/
 width: 100%;
 overflow: hidden;
}

.main-image .bx-viewport {
  overflow: visible !important;
}
.main-contents-sp{display:none;}

.main-contents02 {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 background:#0d5993;
}
.main-image02 {
 margin: 0 auto;
 padding-top:110px;
 text-align:center;
 max-width: 1112px;
 overflow-x: visible;
}

.main-contents-sp02 {
 display: none;
}

h2.headline1{display:none;}
h2.headline1 span{display:none;}

#bread_crumb{display:none;}


/* ============================================================== */
/*company*/
/* ============================================================== */

.company-table {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ccc;
}
.company-table th{
 width:20%;
 margin:0;
 padding:23px 0 23px 10px;
 font-size:92%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 background:#f2f2f2;
}

.company-table td{
 padding:23px 0 23px 18px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}
.company-table .no-line{
 border:none;
}
.company-table td.bordernone{
 border:none;
}



.history-table {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ccc;
}
.history-table th{
 width:20%;
 margin:0;
 padding:23px 0 23px 10px;
 font-size:92%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:top;
}

.history-table td{
 padding:23px 0 23px 18px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}
.history-table .no-line{
 border:none;
}
.history-table td.bordernone{
 border:none;
}


/* ============================================================== */
/*contact*/
/* ============================================================== */


.contact-box {
 width:1000px;
 margin:0 auto;
 text-align:left;
}

.red{ color:#ff0000;}
.com{ font-weight:bold;}
.komemark{
 color:#ff0000;
}
.contact-table {
 width: 96%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
 border-top:1px solid #ccc;
}
.contact-table th{
 width:30%;
 margin:0;
 padding:24px 0 24px 5px;
 font-size:100%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:middle;
}
.contact-table td{
 padding:24px 0 24px 18px;
 border:none;
 border-bottom:1px solid #ccc;
 font-size:100%;
}
.contact-table td.bordernone{
 border:none;
}

.contact-table .size1{
 width:96%;
}
.contact-table .size2{
 width:50%;
}
.contact-table .size3{
 width:96%;
 height:250px;
}
.contact-table .size4{
 width:100px;
}
.contact-table .size4{
 width:100px;
}
.contact-table .size5{
 width:100px;
}
.contact-table .size6{
 width:120px;
}

.contact-table input{
 height:30px;
 vertical-align:middle;
}
.contact-table select{
 margin-bottom:15px;
 height:30px;
 vertical-align:middle;
}
.contact-box button{
 padding:15px 20px 15px 20px;
}
.contact-table radio,checkbox{
 vertical-align:middle;
}


.contact-table-conf {
 width: 80%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
}
.contact-table-conf th{
 width:30%;
 margin:0;
 padding:24px 0 24px 0;
 font-size:88%;
 text-align:left;
 border-bottom:1px solid #ccc;
}
.contact-table-conf td{
 padding:24px 0 24px 18px;
 border-bottom:1px solid #ccc;
}
.contact-table-conf td.bordernone{
 border:none;
}



/* ============================================================== */
/* service */
/* ============================================================== */

.service-left{width:400px;float:left;}
.service-left p{text-align:left;} 
.service-right{width:540px;float:right;}
.service-right p {margin-top:0 !important; padding-top:0 !important;}
.service-ttl{color:#0063b1; font-size:130%; font-weight:bold;margin-bottom:0 !important; padding-bottom:0 !important;}

.komari-box{width:100%; height:462px;margin:0 auto;margin-top:30px;margin-bottom:30px; padding:20px;background:url(/web/wp-content/uploads/komari_bg.jpg) repeat-x; }

.komari-box-in{width:1000px;margin:0 auto; margin-top:20px;margin-bottom:20px;padding:40px 0;background:#fff; }
.komari-box-in ul{width:900px;margin:0 auto;padding:0; list-style-type: none;}
.komari-box-in li{text-align:left; margin-left:40px;padding:16px 0 16px 22px;border-bottom:1px solid #ccc; /*list-style-type: disc;*/ background:url(/web/wp-content/uploads/list_bg.jpg) 0 23px no-repeat; }

.ttl-komari{
 margin:10px 0;padding:0 50px 10px 50px;font-size:16pt;display: flex; align-items: center;color:#0063b1;}
.ttl-komari:before,
.ttl-komari:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #0063b1;
}
.ttl-komari:before { margin-right: 1rem;}
.ttl-komari:after { margin-left: 1rem;}


.float-box{
 width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:30px;
 text-align:right;
}

.float-box02{
 width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
 border-bottom:1px dashed #aaa;
/*
 border-bottom:3px double #ccc;
*/
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}


.ttl-box{ display:block;width:100%; height:auto;margin:0 auto; padding-top:30px; background:#f0f9fe;}

.ttl-box img{ display:block;width:100%; height:auto;margin:0 auto; padding:0; padding-bottom:-10px;}

.ttl-box-sp{display:none;}



/* ============================================================== */
/* recruit */
/* ============================================================== */

.recruit-table {
 display:block;
 width: 900px;
 margin:0 auto;
 margin-top:0;
 margin-bottom:30px;
 margin-left:20px !imporant;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.recruit-table th{
 width:250px;
 margin:0;
 padding:23px 0 23px 10px;
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 background:#fff;
}

.recruit-table td{
 width:200px;
 padding:23px 0 23px 18px;
 font-size:100%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}
.recruit-table .no-line{
 border:none;
}
.recruit-table td.bordernone{
 border:none;
}


.recruit-box{width:100%; height:300px;margin:0 auto;padding:20px;background:url(/web/wp-content/uploads/recruit_bg.jpg) repeat-x; }

.recruit-box-in{width:1000px;margin:0 auto; margin-top:20px;margin-bottom:20px;padding:40px 0;background:#fff; }
.recruit-box-in ul{width:900px;margin:0 auto;padding:0; list-style-type: none;}
.recruit-box-in li{text-align:left; margin-left:20px !important;padding:16px 0 16px 22px;border-bottom:1px solid #ccc; /*list-style-type: disc;*/ background:url(/web/wp-content/uploads/list_bg.jpg) 0 23px no-repeat; }





.p-anima-6__item {
  display: inline-block;
  position: relative;
  /*background:#000;*/
}
.p-anima-6__item::before {
  content: "";
  display: block;
  background-color: #253b49;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
 /*clip-path: polygon(0 0, 100% 0, 100% 150%, 0% 100%); */
}
.p-anima-6__item::after {
  content: "";
  display: block;
  background-color: #253b49;
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
}


/*
.p-anima-6.__anima::before {
  animation: anima_bg_6 0.9s ease-out 1 forwards;
}

.p-anima-6__fadein {
  opacity: 0;
}
.p-anima-6.__anima .p-anima-6__fadein {
  animation: anima_fadein_6 0.9s ease-out 0.5s 1 forwards;
}
*/

.p-anima-6.__anima .p-anima-6__item::before {
  animation: anima_bg_6 0.9s ease-out 1 forwards;
}

.p-anima-6__item:nth-of-type(2)::before {
  animation-delay: 0.3s !important;
}

.p-anima-6__item span {
  position: relative;
  z-index: 1;
  opacity: 0;
  background:#253b49;
  padding:10px 20px;
}
.p-anima-6.__anima .p-anima-6__item span {
  animation: anima_fadein_6 0.5s ease-out 0.9s 1 forwards;
}

.p-anima-6 __anima{/*margin-bottom:20px !important;*/  background:#253b49;}

@keyframes anima_fadein_6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anima_bg_6 {
  0% {
    left: 0;
    right: 100%;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}
/*

@keyframes anima_bg_6 {
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
}
@keyframes anima_fadein_6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
`/


body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /*height: 100vh;*/
}
/*
button {
  margin-top: 40px;
}
*/
/*
.p-mv {
  display: flex;
  align-items: center;
  background-image: url(../images/main.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 40px;
  height: 480px;
  position: relative;
}
*/

.p-mv::before {
  content: "";
  display: block;
  /*background-color: rgba(51, 51, 51, 0.5); */ 
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-mv__title {
  display:inline-block;
  /*margin-bottom:20px; */
  padding:10px 20px 10px 20px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  position: absolute;
  top:250px;
  left:40%;
  z-index: 1;
  color:#fff;
  text-align:left;
  letter-spacing:2px;
  /*background:#000;*/
}




#news_wrap{width:850px;margin:0 auto;margin-top:150px;}

#news_wrap h2{text-align:left;}



.box-home-work{width:100%; height:520px;margin:0 auto;margin-top:30px;margin-bottom:30px; background:url(/web/wp-content/uploads/works_bg.jpg) repeat-x; }
.box-home-work:after { content: ''; display: block; clear: both;}
.box-home-work-ttl{width:880px;margin:0 auto;padding:0;margin-bottom:0 !important;padding-bottom:0 !important;}
/*.box-home-work-ttl:after { content: ''; display: block; clear: both;} */
.box-home-work-ttl-left{width:172px; float:left;margin-left:70px;}
.box-home-work-ttl-right{width:370px; float:right;}
.box-home-work-in{background:#fff;clear:both;width:998px; margin:0 auto; padding:0; border:1px solid #232938;overflow:hidden;margin-top:0 !important;padding-top:0 !important;}
.box-home-work-in:after { content: ''; display: block; clear: both;}
.box-home-work-in-left{width:360px;float:left;margin-top:70px;margin-left:40px;}
.box-home-work-in-right{width:480px;float:right;margin-top:30px;margin-bottom:40px;}

.home-recruit{width:1000px; margin:0 auto;padding-top:30px !important;}
.home-recruit-sp{display:none;}

a:hover{color:#232938;}


.workTable{
 width:480px;
 margin:0 0 25px 0;
 border:none;
}
.workTable td{
 padding:12px 0 12px 0;
 font-size:90%;
 border:none;
 border-bottom:1px dotted #aaa;
 vertical-align:top;
}
.workTable .leftArea{
 width:100px;
 padding:12px 0 12px 2px;
 font-size:90%;
 border-bottom:1px dotted #aaa;
 vertical-align:top;
}

.work-list{clear:both;width:1000px;margin:0 auto; margin-bottom:30px;}
.work-list:after { content: ''; display: block; clear: both;}
.work-list ul{clear:both;width:1000px;margin:0 auto;}
.work-list li{width:320px;list-style-type:none; float:left;margin-left:0 !important;padding:0;margin-right:18px;}
.work-list li:last-child{width:320px;list-style-type:none; float:left;margin-right:0;}


/*------ スライダーの横幅 ------*/
.home-slide{
  width:80%;
  margin:0 auto;
}

/*------ スライダー画像 ------*/
.home-slide img{
	width:100%;
}

/*-------- 高さ調整 ----------*/
.home-slide .slick-slide{
	height:auto!important;
}

/*---------- 矢印 ----------*/
.home-slide .slick-next{
    right:-30px!important;
}
.home-slide .slick-prev{
    left:-30px!important;
}
.home-slide .slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
    color:#666!important;
}
/*
.home-slide .slick-arrow:before{
    font-size: 30px!important;
    color:#fff!important;
} 


.home-slide .slick-arrow:before{
	content:""!important;
}

.home-slide .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
  }

.home-slide .slick-next:before{
    background: url(/web/wp-content/uploads/arrow_r.jpg)!important;
    background-size: contain!important;
  }

.home-slide  .slick-prev:before{
    background: url(/web/wp-content/uploads/arrow_l.jpg)!important;
    background-size: contain!important;
  }
*/


.ex-box{width:980px;margin:0 auto;border:8px solid #edddbb; overflow:hidden;} 
.ex-box-in{width:940px;margin:0 auto;margin-top:10px;margin-left:10px;}
.ex-table {
 display:block;
 width: 900px;
 margin:0 auto;
 margin-top:0;
 margin-bottom:30px;
 margin-left:20px !imporant;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.ex-table th{
 width:250px;
 margin:0;
 padding:23px 0 23px 10px;
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 background:#fff;
}

.ex-table td{
 width:200px;
 padding:23px 0 23px 18px;
 font-size:100%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}
.ex-table .no-line{
 border:none;
}
.ex-table td.bordernone{
 border:none;
}

#news_wrap{width:850px;margin:0 auto;margin-top:150px;}

#news_wrap h2{text-align:left;}




.home-reform-box{width:100%;margin:0 auto; margin-top:30px; margin-bottom:30px;background:url(/web/wp-content/uploads/dot_bg.jpg) repeat-x;}
.home-box3{margin:0 auto; width:1060px;}
.home-box3:after { content: ''; display: block; clear: both;}
.home-box3 li{width:336px;list-style-type:none; float:left;margin-left:0 !important;padding:0;margin-right:18px;}
.home-box3 li:last-child{width:336px;list-style-type:none; float:left;margin-right:0;}

.home-number{margin-top:20px;margin-bottom:10px;font-weight:bold; color:#82756f; font-size:130% !important;}
.home-number img{vertical-align:middle;margin-right:20px;}

.home-feat-wrap{width:100%; background:#f7f5f0;}
.home-feat-wrap:after { content: ''; display: block; clear: both;}
.home-feat-box{width:1060px; margin:0 auto; margin-bottom:10px;}
.home-feat-box:after { content: ''; display: block; clear: both;}
.home-feat-left{width:660px; float:left;}
.home-feat-right{width:326px; float:right;}

.foot-sns-box{width:1060px;margin:0 auto;margin-bottom:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.foot-sns{width:800px;margin:0 auto;margin-top:20px;}
.foot-sns:after { content: ''; display: block; clear: both;}
.foot-sns-left {width:510px;float:left; font-size:13px;}
.foot-sns-right {width:200px;float:right;}
.foot-sns li{float:left;margin-right:20px;}


.top-box{width:1060px; margin:0 auto; margin-bottom:10px;background:url(/web/wp-content/uploads/top_box_bg.jpg) no-repeat;}
.top-box:after { content: ''; display: block; clear: both;}

.home-about-box{width:1100px; margin:0 auto; margin-bottom:30px;}
.home-about-box:after { content: ''; display: block; clear: both;}
.home-about-left{width:532px; float:left;margin-right:40px;}
.home-about-right{width:508px; float:right;background:url(/web/wp-content/uploads/home_about_bg.jpg) no-repeat;}


.home-course-box{width:100%;margin:0 auto;padding:0;}
.home-course-box02{width:100%;margin:0 auto;padding:0;margin-top:-10px;background:#0074be;}
.home-course-left{width:240px;float:left;margin-top:60px;}
.home-course-right{width:700px;float:right;margin-top:60px;}
.ttl-wh{font-size:180%; color:#fff; font-weight:bold;margin-top:0px;}
.home-course-right p{color:#fff;}

.home-voice-box{width:100%; background:#f2f5f5;}


.home-ttl{ position: relative; line-height:100%;
  display: inline-block;
  margin-bottom: 2em;font-weight:bold; font-size:180%; color:#222;}
.home-ttl span{ margin:0;padding:0;font-weight:normal; font-size:50%; color:#0072BE;letter-spacing:1px;}

.home-ttl03{ position: relative; line-height:100%;
  display: inline-block;
  margin-bottom: 1.5em;font-weight:bold; font-size:220%; color:#fff;letter-spacing:1px;}
.home-ttl03 span{ margin:0;padding:0;font-weight:normal; font-size:50%; letter-spacing:1px;color:#fff;}

.home-voice01{width:306px; float:left; margin-right:40px;margin-top:20px;}
.home-voice-txt{width:100%; text-align:left;border-left:1px solid #3f96ce;}
.home-voice-ttl{color:#222;font-weight:bold;padding-left:5px;}
.home-voice-txt p{line-height:140%;color:#0072be;font-weight:bold;padding-left:5px;}

.home-voice02{width:306px; float:left; margin-right:40px;margin-top:10px;}

.home-voice03{width:306px; float:left; margin-right:0px;}

.home-intro-box{width:100%; margin:0 auto; backgrond:url(/web/wp-content/uploads/dot_bg.jpg) repeat-x;}
.home-intro-left{width:500px;float:left; text-align:left;margin-top:30px;}
.home-intro-right{width:500px;float:right; text-align:left; margin-top:30px;}


.home-cafe-left{width:500px;float:left; text-align:left;margin-top:30px;}
.home-cafe-right{width:500px;float:right; text-align:left; margin-top:30px;}

.home-ttl02{ position: relative; line-height:100%;
  display: inline-block;
  margin-bottom: 2em;font-weight:bold; font-size:180%; color:#222;}
.home-ttl02 span{ margin:0;padding:0;font-weight:normal; font-size:50%; color:#0072BE;letter-spacing:1px;}
.home-ttl02:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 1px;
  /*left: 50%; */
  /*-webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
  background-color: #0074be;
  border-radius: 1px;
}

footer { clear:both; width:100%; background:#253b49; }
#foot{width:1060px; margin:0 auto;}
#foot:after { content: ''; display: block; clear: both;}

#foot-left{width:400px;float:left; text-align:left; margin-top:30px;}
#foot-left .address a{color:#fff;text-decoration:none;}
#foot-left .address a:hover{color:#fff;text-decoration:none;}

#foot-right{width:500px;float:right; text-align:left;font-size:13px;margin-top:30px;}

/*#global_menu li{display:none;}*/


.btm-contact{ background: url(/web/wp-content/uploads/foot_contact_bg.jpg) no-repeat center/cover;padding-top: 30px; height:360px;}
.btm-contact-in{ max-width:1090px;width:96%;margin:0 auto; overflow:hidden; padding-top:30px;padding-bottom:30px;}

.btm-contact-left{ width:48%;margin:0 auto;padding-bottom:10px;float:left; }
.btm-contact-right{ width:48%;margin:0 auto;float:right; border-left:1px solid #ccc;margin-left:20px;}

.ttl-copy{text-align:center; font-weight:bold; font-size:140%;}
.ttl-copy span{font-weight:bold; text-align:center;font-size:160%;color:#0072be;}
.teacher-box{width:100%;padding:30px 0; background:#dbeefd;}

/* ============================================================== */
/*faq*/
/* ============================================================== */

.faqBox{
 width:900px;
 margin:0 auto;
 padding-top:15px;
 padding-bottom:25px !important;
 margin-bottom:50px;
 clear:both;
 position:relative;
 border-bottom:1px dashed #ccc;
}

.faqQ{
 display:block;
 background: url(/web/wp-content/uploads/q.jpg) no-repeat 0 0px;
 padding-top:8px !important;
 padding-bottom:12px !important;
 padding-left:70px !important;
 margin-bottom:15px;
 font-size:100%;
 color:#222 !important;
 text-align:left;
}
.faqA{
 display:block;
 background: url(/web/wp-content/uploads/a.jpg) no-repeat 0 0px;
 padding-top:10px;
 padding-bottom:5px;
 padding-left:70px  !important;
 font-size:100%;
 color:#222  !important;
 text-align:left;
 line-height:140%;
}

.price-ttl-table02 {
 width:400px;
 border-collapse: collapse;
 text-align: left;
 font-size: 18px;
 margin: 40px 0px 20px 0px;
 border:none !important;
}
.price-ttl-table02 th {
 color: #fff;
 background: #005faf;
 font-size: 25px;
 font-weight: bold;
 padding: 20px 0px 20px 38px;
 border:none !important;
}


.camp-table {
 width:90%;           
 border-collapse: collapse;
 text-align: left;
 margin: 20px 0px 20px 0px;
 border:none !important;
}
.camp-table th {
 width: 10%;
 color: #fff;
 background: #0072be;
 font-size: 120%;
 font-weight: bold;
 padding: 20px;
 border:none !important;
 text-align:center;
}
.camp-table td {
 font-size: 100%;
 font-weight: normal;
 color: #222;
 position: relative;
 border:none !important;
 background: #fff;
}
.camp-table td span{
 font-size: 120%;
 font-weight: bold;
}
                       
.price-box{display:inline-block;border:3px solid #0072be;margin:0 auto; }
.price-box p{text-align:left;margin:0;padding:15px 25px 10px 25px;}


/* ============================================================== */
/*flow*/
/* ============================================================== */

.flow-table {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.flow-table th{
 width:20%;
 margin:0;
 padding:23px 0 23px 10px;
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border:none;
 background:none;
}

.flow-table td{
 padding:23px 0 23px 18px;
 font-size:100%;
 line-height:190%;
 text-align:left;
 border:none;
}
.flow-table .no-line{
 border:none;
}
.flow-table td.bordernone{
 border:none;
}


.price-table { 
 width: 100%;
 margin-top:20px;
 margin-bottom:70px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #01479d; 
 border-left:1px solid #01479d; 
}
.price-table th{
 width:30%;
 margin:0; 
 padding:12px 0 9px 12px; 
 font-size:100%;
 font-weight:normal;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.price-table td{ 
 padding:12px 0 9px 12px; 
 font-size:100%;
 line-height:130%;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff; 
}
.price-table td.bordernone{
 border:none; 
}
.price-table .toparea{
 margin:0; 
 padding:12px 0 9px 12px; 
 font-size:100%;
 font-weight:normal;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
}

.price-wrap{width:100%; margin:0 auto;padding-bottom:30px; border-bottom:1px dashed #aaa;}
.price-wrap:after { content: ''; display: block; clear: both;}
.price-left{width:520px;float:left; text-align:left; margin-top:10px;}
.price-right{width:520px;float:right; text-align:left;margin-top:10px;}
.price-ex-wrap{}
.price-ex-wrap img{width:60%; height:auto;}

.course-box{width:100%; margin:0 auto;}
.course-box:after { content: ''; display: block; clear: both;}
.course-box-left{width:55%;float:left; text-align:left; margin-top:10px;}
.course-box-right{width:40%;float:right; text-align:left;margin-top:10px;}



.top-campaign-box{width:100%; margin:0 auto;}
.top-campaign-box:after { content: ''; display: block; clear: both;}
.top-campaign-ttl-top{border-top:5px solid #277cad;border-bottom:5px solid #277cad;color:#277cad;font-size:190%;padding:64px 0;font-weight:700;text-align:center;}
.top-campaign-left{width:40%;float:left; text-align:left; margin-top:20px;}
.top-campaign-right{width:55%;float:right; text-align:left;margin-top:20px;text-align:left;}
.top-campaign-ttl{background:#277cad;color:#fff;font-size:130%;font-weight:bold;text-align:center;padding:5px 5px 5px 5px;}
.top-campaign-ttl span{font-size:150%;}
.top-campaign-right p{color:#277cad;font-size:110%;font-weight:bold;text-align;left;padding-top:10px;}


.flex-contents{display:block;}
.flex-contents:after { content: ''; display: block; clear: both;}

.child_content_section {
 width:48%; float:left;
  margin-bottom: 50px;
}
.child_content_section:last-child {
 width:48%; float:right;
  margin-bottom: 50px;
}


/*
h4 {
  font-size: 120% !important;
  margin-bottom: 0px;
  padding: 10px 12px;
  color:#fff;
  background: #663300;
  text-align:center;
}*/

/*
h4 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
 text-align:center;
}

h4:before, h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

h4:before {
  left:0;
}
h4:after {
  right: 0;
} */


h4 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  text-align:center;
  font-size:120%;
}
h4:before, h4:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
h4:before {
  left: 7px;
}
h4:after {
  right: 7px;
}

.cafe-table {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.cafe-table th{
 width:60%;
 margin:0;
 padding:8px 0 8px 10px;
 font-size:88%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 background:#fff;
}

.cafe-table td{
 padding:8px 0 8px 10px;
 font-size:88%;
 line-height:130%;
 text-align:right;
 border:none;
 border-bottom:1px solid #ccc;
}
.cafe-table .no-line{
 border:none;
}
.cafe-table td.bordernone{
 border:none;
}


.cafe-table02 {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.cafe-table02 th{
 width:60%;
 margin:0;
 padding:8px 0 8px 10px;
 font-size:88%;
 font-weight:bold;
 text-align:left;
 border:none;
 background:#fff;
 border-bottom:1px solid #ccc;
}

.cafe-table02 td{
 padding:8px 0 8px 10px;
 font-size:88%;
 line-height:130%;
 text-align:right;
 border:none;
 border-bottom:1px solid #ccc;
}
.cafe-table02 .no-line{
 border:none;
}
.cafe-table02 td.bordernone{
 border:none;
}





.cafe-table03 {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.cafe-table03 th{
 width:55%;
 margin:0;
 padding:12px 0 12px 10px;
 font-size:88%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 background:#fff;
 line-height:250%;
}

.cafe-table03 td{
 padding:8px 0 8px 10px;
 font-size:84%;
 text-align:center;
 border:none;
 border-bottom:1px solid #ccc;
}
.cafe-table03 .no-line{
 border:none;
}
.cafe-table03 td.bordernone{
 border:none;
}

.hissu{background:#ff0000;padding:2px 4px;color:#fff;text-align:center;
font-size:80% !important; margin-left:10px;}


.cafe-box{margin:0 auto;text-align:center;padding-top:100px;}
.cafe-ttl{margin:0 auto;text-align:center;margin-bottom:30px;}
.cafe-menu-box{width:1000px; margin:0 auto; margin-bottom:30px;}
.cafe-menu-box:after{ content: ''; display: block; clear: both;}

.cafe-menu-left{width:495px; float:left; }
.cafe-menu-right{width:495px; float:right; }

.cafe-open{margin:0 auto;text-align:center;}       

.home-news-ttl{font-weight:bold;font-size:140%; border:none;margin:0; padding:11px 0 0 0;}


.home-top-box{width:100%; margin:0 auto; margin-top:20px;margin-bottom:20px;}
.home-top-box:after { content: ''; display: block; clear: both;}
/*.home-top-box-ttl{width:100%; background:#277cad;color:#fff;font-size:190%;padding:20px 0;font-weight:700;text-align:center;}
.home-top-box-ttl span{display:inline-block;background:#ffe62f;color:#133a71;padding:5px 15px;font-weight:700;text-align:center;font-size:70% !important;} */

.home-top-box-ttl{width:100%; color:#277cad;font-size:260%;padding:20px 0;font-weight:900;text-align:center;}
.home-top-box-ttl img{vertical-align:middle; margin-right:30px;}

.home-top-left{width:40%;float:left; text-align:left; margin-bottom:20px;}
.home-top-left img{width:94%;margin-top:20px;}
.home-top-right{width:55%;float:right; text-align:left;margin-top:20px;text-align:left;}
.home-top-right-ttl{background:url(http://sugawara-juku.com/web/wp-content/uploads/home_check02.jpg) 0 6px no-repeat;color:#222;font-size:1.6em !important;font-weight:bold;text-align:left;padding-left:40px;}
.home-top-right-ttl span{color:#ff7b00;}
.home-top-right p{line-height:140%;font-size:110% !important;text-align;left;padding-top:10px;}

.cl-box-wrap{width:100%; margin:0 auto;padding:10px 0; background:#e4f2fb; }
.cl-box{width:96%; margin:0 auto; margin-top:10px;margin-bottom:10px;}
.cl-box:after{ content: ''; display: block; clear: both;}
.cl-box-left{ padding:10px;width:47%;float:left;background:#fff;
font-weight:bold;font-size:130%;margin-bottom:0;padding-bottom:10px;}
.cl-box-left span{ font-size:75%;color:#222;font-weight:normal;margin-top:0 !important;padding-top:0 !important;/*padding-left:20px;*/line-height:110% !important;}
.cl-box-right{ padding:10px;width:47%;float:right;background:#fff;
font-weight:bold;font-size:130%;margin-bottom:0;padding-bottom:10px;}
.cl-box-right span{ font-size:75%;color:#222;font-weight:normal;margin-top:0 !important;padding-top:0 !important;/*padding-left:20px;*/line-height:110% !important;}


.feat-table{width:100%; margin:0 auto;}
.feat-table td{padding:10px 10px;border:none;text-align:left;background:#fff;border-bottom:1px dashed #aaa;}
.feat-table th{width:10%; margin:0 auto;padding:10px 10px 10px 5px;border:none;background:#fff;border-bottom:1px dashed #aaa;}

.ttl-box-el{width:100%;margin:0 auto;background:#e4f2fb;margin-bottom:30px;}
.ttl-box-el:after{ content: ''; display: block; clear: both;}
.ttl-box-left{width:60%;float:left;}
.ttl-box-right{width:40%;float:right;}
.ttl-box-left-ttl{color:#0072be; font-size:140%;padding-top:80px;padding-left:30px;font-weight:bold;}
.ttl-box-left-ttl span{color:#0072be; background:#fff;display:inline-block;border-radius:30px;padding:5px 10px;margin-left:30px;}
.ttl-box-left p{color:#222;text-align:left;padding-top:20px;padding-left:30px;}

.box-feat-wrap{width:100%;margin:0 auto; background:#f2f2f2;padding-top:10px;padding-bottom:10px;}
.box-feat-wrap:after{ content: ''; display: block; clear: both;}
.box-feat-in{display: block;width:90%;margin:0 auto;padding-top:20px; }

.camp-box{width:100%; margin:0 auto; margin-bottom:30px !important;background:#0072be;margin-bottom:30px;}
.camp-box-in{padding:10px 0; text-align:center;color:#fff;font-size:180%;
 font-weight:bold;}

.course-ttl01{font-size:190%; line-height:120% !important; font-weight:700; text-align:center; color:#0072be;padding-top:30px !important;padding-bottom:20px !important;}

.course-ttl02{font-size:190%;font-weight:bold;text-align:center;padding-top:40px;line-height:120% !important;padding-top:30px !important;padding-bottom:20px !important;}