@charset "UTF-8";

/*子テーマ用「base.css」*/

/*
# =================================================================
# フォント設定
# =================================================================
*/

body,
input,
textarea {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #353535;
    font-size: 1.4rem;
}
body a {
    color: #505050;
}
body a:hover,
body a:active,
body a:focus {
    color: #e16826;
}

.keni-section h1 a:hover, .keni-section h1 a:active, .keni-section h1 a:focus, .keni-section h3 a:hover, .keni-section h3 a:active, .keni-section h3 a:focus, .keni-section h4 a:hover, .keni-section h4 a:active, .keni-section h4 a:focus, .keni-section h5 a:hover, .keni-section h5 a:active, .keni-section h5 a:focus, .keni-section h6 a:hover, .keni-section h6 a:active, .keni-section h6 a:focus{
    color: #e16826!important;
}
.en{  font-family: Century Gothic, sans-serif;}

/*
# =================================================================
# エリアごとのデザイン
# =================================================================
*/
body{ background: #f5f5f5;}
.keni-section_wrap{background: transparent;}

/*
# ヘッダー
*/
.keni-header_wrap{
  background-image: none!important;
  padding-top: 0;
  border-bottom: solid #f5f5f5 1px;
}
.keni-header .site-title img, .keni-header_col1 .site-title img{max-height: 32px; width: auto; display: block}
.site-title{
  max-width: 250px;
  height: 48px;
}
.fixed{
	position: fixed;
	top: 0;
	z-index: 60;
	width: 100%;
}
.keni-gnav_btn{
  top: 0;
  background: #fc7369;
  background: -moz-linear-gradient(left, #ff9a3d 0%, #fc7369 100%);
  background: -webkit-gradient(linear, left center, right center, from(#ff9a3d), to(#fc7369));
  background: -webkit-linear-gradient(left, #ff9a3d 0%, #fc7369 100%);
  background: -o-linear-gradient(left, #ff9a3d 0%, #fc7369 100%);
  background: linear-gradient(to right, #ff9a3d 0%, #fc7369 100%);
  color: #fff;
}
.keni-gnav_btn_icon-open,.keni-gnav_btn_icon-open::before, .keni-gnav_btn_icon-open::after{background: #fff;}


.keni-gnav_inner{top:50px;}

.keni-gnav_inner li a{color: #505050;}
/*
# =================================================================
# サイドバー
# =================================================================
*/

.keni-sub {
  padding: 20px;
  background: #fffbf6;
}
.keni-sub .keni-section_wrap {
  margin: 0 0 20px;
  background: #ffff;
}
.keni-sub .widget.widget_media_image {
  padding: 0;
}
.keni-sub .widget.widget_media_image img {
  display: block;
  margin: 0 auto 20px;
}
.search-box input[type=search],
.search-box input[type=text] {
    border: 1px solid #eaeaea;
}

.page-content .search-box {
  padding: 15px 0;
}

.widget_recent_entries .keni-section ul li a::before,
.widget_recent_comments .keni-section ul li::before,
.widget_archive .keni-section>ul li a::before,
.widget_categories .keni-section>ul li a::before,
.widget_pages .keni-section>ul li a::before,
.widget_nav_menu .keni-section ul li a::before,
.widget_rss .keni-section>ul li a::before,
.widget_meta .keni-section>ul li a::before {
  border-left-color: #3f3c3c;
}


/*ランキング部分*/

.list_widget_recent_entries_img.custom-rankking>li {
  margin-bottom: 20px;
  padding: 10px;
  counter-increment: num;
  position: relative;
  max-width: inherit;
  height: auto;
  background: #fff;
}

.list_widget_recent_entries_img.custom-rankking .custom-figure,
.ul-recent .custom-figure {
    position: relative;
    margin: 0 auto 20px;
    max-width: 300px;
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking>li::before {
    content: none;
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking>li .custom-figure::before {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    border-width: 20px;
    border-style: solid;
    border-color: #80cbc4;
    border-right-color: transparent;
    border-bottom-color: transparent;
    content: '';
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking>li .custom-figure::after {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 5px;
    content: counter(num);
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking>li:nth-child(1) .custom-figure::before {
    border-color: #f9a825;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking>li:nth-child(2) .custom-figure::before {
    border-color: #bdbdbd;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking>li:nth-child(3) .custom-figure::before {
    border-color: #8d6e63;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking .widget_recent_entries_img_entry_title,
.keni-sub ul.ul-recent li .widget_recent_entries_img_entry_title {
    margin-bottom: 0;
    height: auto;
    background: none;
    font-size: 1.6rem;
    line-height: 1.8em;
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking .widget_recent_entries_img_entry_title a,
.keni-sub ul.ul-recent li .widget_recent_entries_img_entry_title a {
    display: block;
    padding: 0;
    color: #505050;
    font-weight: 900;
    text-decoration: none;
}

.custom-rankking .entry_status,
.keni-sub .entry_status {
    display: block;
    margin: 0 0 10px;
}

.custom-rankking .entry_status ul,
.keni-sub ul.ul-recent .entry_status ul {
    display: inline-block;
    vertical-align: middle;
}

.custom-rankking .entry_status>.entry_date {}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking .entry_status li.entry_category_item,
.keni-sub ul.ul-recent .entry_status li.entry_category_item {
    margin: 0 5px 0 0;
    padding: .25em 1em;
    border-radius: 4px;
    background: #f7701b;
		
}

.custom-html-widget .list_widget_recent_entries_img.custom-rankking .entry_status li.entry_category_item a,
.keni-sub ul.ul-recent .entry_status li.entry_category_item a {
    color: #fff;
    text-decoration: none;
    font-weight: 900;
}

.keni-sub ul.ul-recent,
.custom-html-widget ol.list_widget_recent_entries_img.custom-rankking {
    margin: 10px -20px -20px;
    padding: 0;
}

.keni-sub ul.ul-recent>li {
    margin-bottom: 20px;
    padding: 10px;
    list-style: none;
    background: #fff;
}

.keni-sub ul.ul-recent li .entry_status .entry_category_item,
.keni-sub ul.ul-recent li .case_category a,
.keni-sub ul.ul-recent li .case_category a:hover {
  display: inline-block;
  padding: .25em 1em;
}

.blog-wrap ul.blog_cat,
.case-archive ul.blog_cat {
  max-width: 1200px;
  margin: 40px auto 0;
  padding: 0 20px;
  text-align: center;
}

.blog-wrap ul.blog_cat li,
.case-archive ul.blog_cat li {
  display: inline-flex;
  margin: 0 10px 10px 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  font-size: 1.4rem;
}

.blog-wrap ul.blog_cat li a,
.case-archive ul.blog_cat li a {
  padding: .5em 1em;
  background: #fff;
  border: solid #ff9a3d 1px;
  border-radius: 6px;
  color: #ff9a3d;
  text-decoration: none;
}

.blog-wrap ul.blog_cat li a:hover,
.blog-wrap ul.blog_cat li a:focus,
.case-archive ul.blog_cat li a:hover,
.case-archive ul.blog_cat li a:focus {
  background: #ff9a3d;
  color: #fff;
}

ul.side-taxonomy {
    margin: 0 -20px;
    padding: 20px 20px 0;
    background: #fff;
}

ul.side-taxonomy li {
  display: inline-block;
  margin: 0 10px 20px 0;
  padding: 0;
}

ul.side-taxonomy li a {
  background: #ebf4ff;
  border-radius: 10px;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #0071bd;
  font-weight: 900;
}

ul.side-taxonomy li a:hover,
ul.side-taxonomy li a:focus {
  background: #ff9a3d;
  color: #fff;
}

.col2 .blog-wrap .behind-article-area .keni-section_wrap.keni-section_wrap_style02 {
    padding: 0;
}

.keni-gnav_inner .m-menu li:last-child {
    display: block!important;
}
.keni-sub .keni-section .sub-section_title {
  background: #ff9a3d;
  margin-bottom: 0;
  color: #fff;
}

.keni-sub .widget.widget_media_image{
  background: transparent;
}
.keni-sub .widget.widget_media_image img{
  max-width: inherit;
  width: 100%;
  height: auto;
}

/*
# =================================================================
# 固定ページ共通
# =================================================================
*/
.page .article-header{
  position: relative;
  margin: -30px -20px 0;
  padding: 100px 0;
  text-align: center;
  background: url("images/hv_bg.jpg") no-repeat;
  background-size: 100% auto;
}
.page .article-header:after{content: ''; left: 0; top: 0; position: absolute; background-color: rgba(43,43,43,0.4);  width: 100%; height: 100%;}
.page .article-header h1.entry_title{position: relative; padding: 0; font-size: 3rem; color: #fff; letter-spacing: .5em; z-index: 2; left: 0.5em; line-height: 1.0;}
.keni-section h1:first-child{margin: 0 0 10px;}
.page .article-header span.en{position: relative; font-family: Century Gothic, sans-serif; color: #fff; z-index: 2;}
.ph-hv{position: relative; margin: 20px -20px 0; padding: 50px 40px 60px; background:  #fff ; background-size: 100% auto;}
.ph-hv-in{}
.ph-hv:before{position: absolute; top: 0; right: 0; content: ''; background: url("images/p-h-top-sp.png") no-repeat top left; width: 100%; height: 60px; }
.ph-hv:after{position: absolute; bottom: 0; right: 0; content: ''; background: url("images/p-h-bottom-sp.png") no-repeat bottom left; width: 100%; height: 60px;  background-size: 100% auto; }
.ph-hv.custom-blue:before{position: absolute; top: 0; right: 0; content: ''; background: url("images/p-h-top-blue-sp.png") no-repeat top left; width: 100%; height: 60px; }
.ph-hv.custom-blue:after{position: absolute; bottom: 0; right: 0; content: ''; background: url("images/p-h-bottom-blue-sp.png") no-repeat bottom left; width: 100%; height: 60px;  background-size: 100% auto; }
.ph-hv.custom-green:before{position: absolute; top: 0; right: 0; content: ''; background: url("images/p-h-top-green-sp.png") no-repeat top left; width: 100%; height: 60px; }
.ph-hv.custom-green:after{position: absolute; bottom: 0; right: 0; content: ''; background: url("images/p-h-bottom-green-sp.png") no-repeat bottom left; width: 100%; height: 60px;  background-size: 100% auto; }
.ph-hv.custom-pink:before{position: absolute; top: 0; right: 0; content: ''; background: url("images/p-h-top-pink-sp.png") no-repeat top left; width: 100%; height: 60px; }
.ph-hv.custom-pink:after{position: absolute; bottom: 0; right: 0; content: ''; background: url("images/p-h-bottom-pink-sp.png") no-repeat bottom left; width: 100%; height: 60px;  background-size: 100% auto; }
.hv-img{position: relative; z-index: 2; margin: 0 -50px -80px; background: url("images/p-h-bg-sp.png") center center no-repeat; background-size: 100% auto;}
p.hv-description{font-size: 1.4rem; line-height: 1.5;}
/*
# =================================================================
# フッター
# =================================================================
*/

.keni-footer_outer{padding: 0 0 20px;}
.keni-footer{background: #fffbf6;}
.keni-footer .keni-section_wrap{margin-bottom: 10px;}
.keni-footer-cont .widget_nav_menu .keni-section ul li{
  border-bottom: 0;
}
.keni-footer-cont .widget_nav_menu .keni-section ul li a{
  padding: 10px;
  font-weight: 900;
  color: #505050;
}
.keni-footer-cont .widget_nav_menu .keni-section ul li a::before{
  content: none;
}
.keni-footer-cont .widget_nav_menu .keni-section ul li.f-home a::before{
  position: relative;
  font-family:'Font Awesome 5 Free'!important;
  content: "\f015";
  padding: 0 10px 0 0;
  font-weight:900;
  line-height: 1;
  top: 0;
  left: 0;
  border: 0;
}
.f-flex{
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	text-align: left;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fff;
	margin: 0;
  padding: 30px 20px 0;
	border: 0;
}
.f-flex .conts{
	position: relative;
	width : 100% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 1) ;
	width : calc(100% / 1) ;
	margin: 0 0 10px;
	padding: 0;
}
.f-flex .conts:nth-child(1) img{max-height: 30px; width: auto;}
.f-flex .conts:last-child{
  margin-bottom: 0;
}
.keni-footer_outer .footer-menu{margin: 0;}
.keni-footer_outer .footer-menu li a{
  padding: 10px 0;
  border-bottom: 0;
  text-align: center;
  font-weight: 900;
  color: #e16826;
}
.keni-footer_outer .footer-menu li a:hover{text-decoration: underline;}
.keni-copyright_wrap{
  border: 0;
  padding: 0;
}
/*
# =================================================================
# 見出し
# =================================================================
*/
.keni-section h1{
	background-image: none!important;
}
.archive_title{
	padding: 10px;
	background-image: none!important;
	background-color: #f7701b;
	color: #fff;
}
.keni-section h2{
	position: relative;
  background: transparent;
  color: #353535;
  font-size: 2.2rem;
}
.keni-section h2:before {
	position: relative;
  content: "◆";
}
.keni-section h2.banner-h2{
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.1);
  text-align: center;
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
}
.keni-section h2.banner-h2:before,.keni-section h2.banner-h2-blue:before{
	content: none;
}
.keni-section h2.banner-h2-blue{
  margin: 0 0 20px;
  padding: 0;
  background: transparent;
  color: #f7701b;
  font-size: 2rem;
  text-decoration: none;
}
.ph-hv h2{margin: 0 0 10px; padding: 0; font-size: 1.4rem; line-height: 1.5; font-weight: normal;}
.ph-hv h2:before{content: none}
.ph-hv .ph-en{margin-bottom: 20px; font-size: 3rem;}
.ph-hv .ph-en:first-letter{color: #ff9a3d;}
.ph-hv.custom-blue .ph-en:first-letter{color: #3087d1;}
.ph-hv.custom-green .ph-en:first-letter{color: #11b878;}
.ph-hv.custom-pink .ph-en:first-letter{color: #ef6da1;}
h3.blog-h3{
  margin: 0;
  padding: 0;
  border: 0;
  color: #353535;
  font-size: 1.8rem;
}
/*
# =================================================================
# 独自設定
# =================================================================
*/
.custom-section#sec-03{
  margin-bottom: 30px;
}
.custom-in{
  padding: 20px;
  background: #fff;
  border-radius: 10px;
}
.custom-flex{
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	text-align: left;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: inherit;
	margin: 0 0 30px;
  padding: 0;
	border: 0;
}
.custom-flex .conts{
	position: relative;
	width : 100% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 1) ;
	width : calc(100% / 1) ;
	margin: 0 0 60px;
	padding: 0;
}
.custom-flex .conts:last-child{margin-bottom: 0;}
.custom-flex .conts.s-01,.custom-flex .conts.s-05{
  background: url("images/s-01-bg.png") no-repeat left bottom;
  background-size: 100% auto;
  border-radius: 10px;
  color: #fff;
}
.custom-flex .conts.s-01-01{background-color: #1e7dcd; margin: 40px 0 60px;}
.custom-flex .conts.s-01-02{background-color: #06b572;}
.custom-flex .conts.s-01-03{background-color: #e66b66;}
.custom-flex .conts.s-05-01{background-color: #06b572; margin: 40px 0 30px;}
.custom-flex .conts.s-05-02{background-color: #1e7dcd; margin: 0 0 30px;}
.custom-flex .conts.s-05-03{background-color: #e66b66; margin: 0 0 30px;}
.custom-flex .conts.s-05-04{background-color: #f9a825; margin: 0;}
.description{padding: 0 20px 20px; position: relative;}
p.custom-thumbnail{
  margin: -40px 0 20px;
  text-align: center;
}

p.custom-thumbnail-l{
  margin: 0 auto 20px;
  padding-top: 20px;
  text-align: center;
}
.custom-flex .conts.s-05 p.custom-thumbnail{margin-top: 0;}
.custom-flex .conts.s-05-01 p.custom-thumbnail,.custom-flex .conts.s-05-03 p.custom-thumbnail,.custom-flex .conts.s-05-04 p.custom-thumbnail{padding-left: 20px;}
.custom-flex .conts.s-02{margin-bottom: 30px;  border-radius: 10px;}
.custom-flex .conts.s-02-01{
  position: relative;
  background-: #ffd49d;
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #ffd49d 100%);
  background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(50%, #ffffff), to(#ffd49d));
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #ffd49d 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #ffd49d 100%);
  background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ffd49d 100%);
}
.custom-flex .conts.s-02-02{position: relative; background: #fff;}
.custom-flex .conts.s-02-01:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("images/s-02-01-bg.png") no-repeat;
  background-size: cover;
  border-radius: 10px;
}
.custom-flex .conts.s-02-02:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("images/s-02-02-bg.png") no-repeat left top;
  background-size: cover;
}
.custom-thumbnail-l{position: relative; z-index: 2;}
.blog-wrap ul.blog_cat{
  max-width: 1200px;
  margin: 20px auto 0;
  padding: 0;
  text-align: center;
}
.blog-wrap ul.blog_cat li{
  display: inline-flex;
  margin: 0 10px 10px 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  font-size: 1.2rem;
}

.blog-wrap ul.blog_cat li a{
  padding: .25em 1em;
  background: #fff;
  border: solid #ff9a3d 1px;
  border-radius: 6px;
  color: #ff9a3d;
  text-decoration: none;
}

.blog-wrap ul.blog_cat li a:hover,
.blog-wrap ul.blog_cat li a:focus{
  background: #ff9a3d;
  color: #fff;
}
.qa-list dt{margin-bottom: 10px;  color: #f7701b;}
.qa-list dd{background: #fafafa; padding: 10px 10px 20px 40px; color: #238ebf; font-size:0.9em; line-height: 1.5;}
.qa-list dt::before{ top:5px; border-radius: 50%; background: #f7701b;}
.qa-list dd::before{ top:15px; border-radius: 50%; background: #238ebf;}

ul.func-list{margin: 0; padding: 0;}
ul.func-list li.conts{
  list-style: none;
  margin-bottom: 10px;
  width: 48%;
  width: -webkit-calc(100% / 2.08);
  width: calc(100% / 2.08);
  font-size: 0.8em;
  text-align: center;
}
ul.func-list li.conts a {
  position: relative;
  display: block;
  padding: 0.25em 1em;
  background: #fff;
  border: solid #ff9a3d 1px;
  border-radius: 6px;
  color: #ff9a3d;
  text-decoration: none;
}


ul.func-list li.conts a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f013';
  font-weight: 900;
  padding-right: 5px;
}

/*記事トップ*/
ul.post-ul{
  margin: 0;
  padding: 0;
}
ul.post-ul>li{
  list-style: none;
  padding: 10px;
}
ul.post-ul>li:nth-child(even){
  background: #fafafa;
}
ul.post-ul>li .entry_status{
  display: inline-block;
}
/*一覧ページ*/
.entry-list .entry_thumb img{border: 2px solid #fff;}
.ently_read-more{margin-bottom: 0;}
.ently_read-more .btn{
	background:#f7701b;
	border: 0;
	color: #fff!important;
}
.ently_read-more .btn:hover{opacity: 0.7;}
.icon_arrow_s_right:before{color: #fff;}

/*個別ページ*/
.single .keni-main .keni-section_wrap.article_wrap{background: #fff;}

@media (min-width: 768px) {
  /*レイアウト*/
  .col2 .keni-main,.col2 .keni-sub{
    float: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  /*グローバルナビ*/
  .keni-gnav_inner > ul{width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
  .keni-gnav_inner > ul>li{text-align: center; }
  .keni-gnav_inner li a{border-bottom: 0;}
  .keni-gnav_inner li a:hover, .keni-gnav_inner li a:active, .keni-gnav_inner li a:focus{border-bottom: 0; text-decoration: underline;}
  /*メインビジュアル*/
  .keni-mv_wrap{
    padding: 0 0 0 60px;
    background: url("images/hv-pc-parts.png") no-repeat #fff;
    background-size: 60px auto;
  }
  /*サイドバー*/
  .col2 .keni-sub{
    width: 100%;
    padding: 60px 50px;
  }
  /*フッター*/
  .keni-footer-cont_wrap{
    padding: 40px;
  }
  .f-flex{
    padding: 40px 40px 20px;
  }
  .f-flex .conts {
    width: 48%;
    width: -webkit-calc(100% / 2.08);
    width: calc(100% / 2.08);
    margin: 0 0 10px;
  }
  .f-flex .conts:nth-child(3){margin-bottom: 0;}
  .keni-footer_outer .footer-menu li{
    width: 48%;
    width: -webkit-calc(100% / 2.08);
    width: calc(100% / 2.08);
  }
  /*カスタム設定*/
  #sec-01 .custom-flex{ margin-top: 20px;  }
  #sec-01 .custom-flex .conts{
    width: 48%;
    width: -webkit-calc(100% / 2.08);
    width: calc(100% / 2.08);
  }
  #sec-01 p.custom-thumbnail img{height: 120px; width: auto;}
  .custom-flex .conts.s-01-01{ margin-top: 0;}
  .custom-flex .conts.s-02-01{display: table;}
  .custom-flex .conts.s-02-01 p.custom-thumbnail-l,.custom-flex .conts.s-02-01 .description,.custom-flex .conts.s-02-02 p.custom-thumbnail-l,.custom-flex .conts.s-02-02 .description{
    display: table-cell;
    vertical-align: middle;
    padding: 40px 20px;
  }
  .custom-flex .conts.s-02-01 p.custom-thumbnail-l,.custom-flex .conts.s-02-02 p.custom-thumbnail-l{width: 38%;}
  .custom-flex .conts.s-02-02{margin-bottom: 0;}
  
  #sec-05 .custom-flex .conts{
    width: 48%;
    width: -webkit-calc(100% / 2.08);
    width: calc(100% / 2.08);
  }
  .custom-flex .conts.s-05-01,.custom-flex .conts.s-05-02{margin-top: 40px;}
  .custom-flex .conts.s-05-04{margin-bottom: 30px;}
  .custom-flex .conts.s-05 p.custom-thumbnail{height: 70%;}
  /*見出し*/
  .keni-section h2.banner-h2{
    font-size: 1.6rem;
  }
  /*固定ページ共通*/
  .page .article-header{margin: -50px -50px 0;}
  .page .article-header h1.entry_title{font-size: 3.6rem;}
  .page .article-header span.en{font-size: 2.2rem;}
  .ph-hv{margin: 40px -50px 0; padding: 80px 60px 90px; background: url("images/p-h-bg.png") no-repeat right 70% #fff; background-size: 60% auto;}
  .ph-hv:before,.ph-hv:after{height: 90px!important;}
  .ph-hv:before{background-position: top right!important;}
  .ph-hv:after{background-position: bottom right!important;}
  p.hv-description{width: 50%;}
  .hv-img{position: absolute; bottom: -40px; right: 0; width: 50%; margin: 0; background: none;}
}

@media (min-width: 920px) {
	.keni-header .site-title, .keni-header_col1 .site-title{
		padding: 15px 20px;
	}
	.keni-header .site-title img, .keni-header_col1 .site-title img{
		display: block;
		height: 30px;
		width: auto;
	}
  .col2 .keni-main {
    float: left;
    width: 100%;
    margin-right: -300px;
    padding-right: 300px;
  }
  .col2 .keni-sub {
    float: right;
    width: 300px;
    margin-top: 30px;
    padding: 40px 20px;
  }
  .keni-main .keni-section_wrap{padding: 30px 20px;}
	.keni-main .keni-section_wrap.keni-section_wrap_style02{margin-bottom: 0; padding: 10px 20px;}
  /*メインビジュアル*/
  .keni-mv_wrap{
    padding: 0 0 0 20px;
    background: url("images/hv-pc-parts.png") no-repeat #fff;
    background-size: 20px auto;
  }
  .keni-mv_wide .keni-mv{
    margin: 0 0 0 auto;
  }
  /*サイドバー*/
  /*カスタム設定*/
  
  
  /*見出し*/
  .keni-section h2.banner-h2{
    margin: 0 -10px 20px;
    font-size: 1.4rem;
  }
  .keni-section h2.banner-h2-blue{
    font-size: 3rem;
  }
  
  /*固定ページ共通*/
  .page .keni-main_outer.sub-page{position: relative; padding-top: 280px;}
  .page .keni-main_outer.sub-page .keni-main_inner{padding-top: 30px;}
  .page .article-header{position: absolute; top:0; left: 0; width: 100%; height: 280px; margin: 0; background: url(images/hv_bg_l.png) no-repeat; background-size: cover;}
  
  /*固定ページ*/
  .custom-flex.front-pos .conts.s-05-01, .custom-flex.front-pos .conts.s-05-02{
    margin-top: -30px;
  }
  .custom-flex .conts.s-05 p.custom-thumbnail{height: 65%;}
  .custom-flex .conts.s-05-03,.custom-flex .conts.s-05-04{margin-bottom: 0;}
  
  .ph-hv{margin: -30px 0 60px; padding: 70px 30px;}
  .ph-hv:before, .ph-hv:after{height: 100px!important;}
  .hv-img{bottom: inherit; top: 25%; width: 48%;}
}

@media (min-width: 1200px) {
  .page .keni-main_outer.sub-page .keni-main_inner{padding-top: 20px;}
	.col2 .keni-sub{margin-top: 20px;}
  .col2 .keni-header_outer,.col2 .keni-footer_outer{
    max-width: 100%;
  }
  .col2 .keni-footer_inner,.f-flex{max-width: 1200px; margin: 0 auto;}
	.keni-main_wrap{padding-top: 80px!important; position: relative;}
	.front.keni-main_wrap{padding-top: 0!important;}
  /*ヘッダー*/
  .keni-header_wrap{
    position: fixed;
    width: 100%;
    height: 80px;
    background: #fff;
    z-index: 20;
  }
  .keni-header .site-title, .keni-header_col1 .site-title{
    padding: 25px 0 25px 45px ;
  }
  .keni-header .site-title img, .keni-header_col1 .site-title img{
    height: 30px;
    width: auto;
    display: block;
  }
  /*メインビジュアル*/
  .keni-mv_wrap{
    margin-top: 80px;
    padding: 0 0 0 30px;
    background: url("images/hv-pc-parts.png") no-repeat #fff;
    background-size: 30px auto;
  }
  /*グローバルナビ*/
  .keni-gnav_wrap{
    position: fixed;
    z-index: 25;
    top: 0;
    right: 0;
    border: 0;
  }
  .keni-gnav_inner > ul{
    width: auto;
    border: 0;
  }
  .keni-gnav_inner li{
    line-height: 80px;
		font-size: 1.8rem;
  }
  .keni-gnav_inner li.contact-navi>a{
    background: #fc7369;
    background: -moz-linear-gradient(left, #ff9a3d 0%, #fc7369 100%);
    background: -webkit-gradient(linear, left center, right center, from(#ff9a3d), to(#fc7369));
    background: -webkit-linear-gradient(left, #ff9a3d 0%, #fc7369 100%);
    background: -o-linear-gradient(left, #ff9a3d 0%, #fc7369 100%);
    background: linear-gradient(to right, #ff9a3d 0%, #fc7369 100%);
    color: #fff;
  }
  .keni-gnav_inner li.contact-navi>a::before {
    position: relative;
    font-family: 'Font Awesome 5 Free'!important;
    content: "\f0e0";
    padding: 0 10px 0 0;
    font-weight: 900;
    line-height: 1;
    top: 0;
    left: 0;
    border: 0;
}
  .keni-gnav_inner li>a{display: block; padding: 0 25px; font-weight: 900;}
  .keni-footer_outer .footer-menu li{width: auto; padding: 0 20px 0 0 ; font-size: 0.9em;}
  .keni-footer-cont_wrap > .keni-footer-cont {
    width: 19%;
    margin-right: 1.5%;
  }
  .keni-footer-cont_wrap > .keni-footer-cont:last-child{
    margin: 0;
  }
  /*カスタム設定*/
  #sec-01 .custom-flex .conts{
    width: 32%;
    width: -webkit-calc(100% / 3.125);
    width: calc(100% / 3.125);
    margin-bottom: 0;
  }
  .qa-list dt{padding: 10px 0 10px 60px;}
  .qa-list dd{padding: 20px 0 20px 60px;}
  .qa-list dt::before{top: 10px; left: 10px;}
  .qa-list dd::before{top: 20px; left: 10px;}
	/*見出し*/
	.keni-section h2.banner-h2-blue{ font-size: 3.6rem;}
	.archive_title{margin: 0 30px 20px;}
  /*固定ページ*/
  .page .keni-main_outer.sub-page{position: initial; padding-top: 360px;}
  .page .article-header{top: 80px; height: 360px; padding-top: 150px;}
  .custom-flex .conts.s-05 p.custom-thumbnail{height: 75%;}
  .keni-section .custom-flex .conts.s-05 h2.banner-h2{margin: 0 0 20px;}
  
  .ph-hv{margin: -30px 0 60px; padding: 100px 30px;}
  .ph-hv:before, .ph-hv:after{height: 120px!important;}
  .hv-img{bottom: inherit; top: 10%; width: 48%;}
}

@media (min-width: 1600px) {
  .keni-header_wrap{height: 90px; }
  .keni-header .site-title, .keni-header_col1 .site-title{height: 90px; padding: 25px 0 0 45px;}
  .keni-header .site-title img, .keni-header_col1 .site-title img{ height: 40px; max-height: 50px; }
  .keni-gnav_inner li{line-height: 90px; }
  .keni-mv_wrap{ margin-top: 90px; }
	.keni-main_wrap{padding-top: 100px!important;}
	.front.keni-main_wrap{padding-top:0!important;}
  
  /*固定ページ*/
  .page .keni-main_outer.sub-page{position: initial; padding-top: 540px;}
  .page .article-header{top: 90px; height: 540px; padding-top: 230px;}
}