@charset "UTF-8";

/*
# =================================================================
# リセットCSS（sanitize.css）
# =================================================================
*/

/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}*,::after,::before{background-repeat: no-repeat;box-sizing: inherit}::after,::before{text-decoration: inherit;vertical-align: inherit}html{box-sizing: border-box;cursor: default;font-family: sans-serif;line-height: 1.5;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}h1{font-size: 2em;margin: .67em 0}code,kbd,pre,samp{font-family: monospace;font-size: 1em}hr{height: 0;overflow: visible}nav ol,nav ul{list-style: none}abbr[title]{border-bottom: 1px dotted;text-decoration: none}b,strong{font-weight: inherit;font-weight: bolder}dfn{font-style: italic}mark{background-color: #ff0;color: #000}progress{vertical-align: baseline}small,sub,sup{font-size: 83.3333%}sub,sup{line-height: 0;position: relative;vertical-align: baseline}sub{bottom: -.25em}sup{top: -.5em}::-moz-selection{background-color: #b3d4fc;color: #000;text-shadow: none}::selection{background-color: #b3d4fc;color: #000;text-shadow: none}audio,canvas,iframe,img,svg,video{vertical-align: middle}img{border-style: none}svg{fill: currentColor}svg:not(:root){overflow: hidden}a{background-color: transparent;-webkit-text-decoration-skip: objects}:hover{outline-width: 0}table{border-collapse: collapse;border-spacing: 0}button,input,select,textarea{background-color: transparent;border-style: none;color: inherit;font-size: 1em;margin: 0}button,input{overflow: visible}button,select{text-transform: none}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance: button}::-moz-focus-inner{border-style: none;padding: 0}:-moz-focusring{outline: 1px dotted ButtonText}fieldset{border: 1px solid silver;margin: 0 2px;padding: .35em .625em .75em}legend{display: table;max-width: 100%;padding: 0;white-space: normal}textarea{overflow: auto;resize: vertical}[type=checkbox],[type=radio]{padding: 0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height: auto}[type=search]{-webkit-appearance: textfield;outline-offset: -2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance: none}::-webkit-input-placeholder{color: inherit;opacity: .54}::-webkit-file-upload-button{-webkit-appearance: button;font: inherit}[aria-busy=true]{cursor: progress}[aria-controls]{cursor: pointer}[aria-disabled]{cursor: default}[tabindex],a,area,button,input,label,select,textarea{-ms-touch-action: manipulation;touch-action: manipulation}[hidden][aria-hidden=false]{clip: rect(0,0,0,0);display: inherit;position: absolute}[hidden][aria-hidden="false"]:focus{clip: auto}


/*
# =================================================================
# テーマの基本色
# =================================================================
*/
/*基本色1*/
.color01{
	color: #008f76;
}

/*基本色2*/
.color02{
	color: #f7eead;
}

/*基本色3*/
.color03{
	color: #f0f6e3;
}

/*基本色4*/
.color04{
	color: #f5f3f2;
}

/*基本色5*/
.color05{
	color: #e8f7f7;
}

/*基本色6*/
.color06{
	color: #d1eff0;
}


/*
# =================================================================
# Webフォント
# =================================================================
*/

/*
# "Oswald" is lisenced under the SIL Open Font License 1.1
# https://fonts.google.com/specimen/Oswald
# http://scripts.sil.org/OFL_web
*/
.toc-area_inner li::before,
.widget .cast-box_sub .cast-box_sub_title span{
	font-family: 'Oswald', serif;
}

.site-title{
	font-family:'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}

@font-face {
	font-family: 'keni8-icons';
	src: url('../fonts/keni8-icons.eot?ds3ffr');
	src: url('../fonts/keni8-icons.eot?ds3ffr#iefix') format('embedded-opentype'),
		url('../fonts/keni8-icons.ttf?ds3ffr') format('truetype'),
		url('../fonts/keni8-icons.woff?ds3ffr') format('woff'),
		url('../fonts/keni8-icons.svg?ds3ffr#keni8-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

blockquote::before,
blockquote::after,
.keni-gnav_cont .keni-gnav-child_btn_icon-open > .keni-gnav-child_btn::before,
.keni-gnav_cont .keni-gnav-child_btn_icon-close > .keni-gnav-child_btn::before,
.keni-slider-pager_prev::before,
.keni-slider-pager_next::before,
.keni-breadcrumb-list li:first-child::before,
.keni-breadcrumb-list li::after,
.toc-area_btn_open::before,
.toc-area_btn_close::before,
.check-list li::before,
.accordion-list dt::after,
.link-next a::before,
.link-back a::before,
.page-nav .page-nav_next a::after,
.page-nav .page-nav_prev a::before,
.commentlist .children li::before,
.form-login .form-login_title::before,
.contact-box_tel::before,
.page-top a::before,
.tagcloud a::before{
	font-family: 'keni8-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*
# =================================================================
# 基本設定
# =================================================================
*/

html{
	font-size: 62.5%;
}

a,
button{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

address,caption,cite,code,dfn,var,h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
	background: #d1eff0;
}

q::before,q::after{
	content: '';
	content: none;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

caption{
	text-align: left;
}

p{
	margin: 0 0 1.5em;
    line-height: 2.0;
}

figure{
	margin: 1em 0;
}

input,
select,
textarea{
	margin: 0;
	max-width: 100%;
	padding: .2em;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	font-size: 1em;
}

textarea{
	width: 100%;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

caption{
	text-align: left;
}

body{
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6em;
}

body,
input,
textarea{
	font-family:'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}


/*埋め込み要素のはみ出しを防止*/
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

embed, iframe, object, video{
	max-width: 100%;
}


/*デスクトップとモバイルで表示を振り分け*/
.show-sp{
	display: block!important;
}

.show-sp02{
	display: inline!important;
}

.show-pc,
.show-pc02{
	display: none!important;
}


/*
# リストの基本設定
*/
ul,ol{
	margin: 1em 0 1.5em 1.5em;
	padding-left: 0;
}

ul > li,
ol > li{
	margin-bottom: .5em;
}

ul > li:last-child,
ol > li:last-child{
	margin-bottom: 0;
}

dd{
	margin-left: 0;
	padding-left: 1em;
}


/*横並びリスト*/
.inline{
	margin: 1em 0; padding: 0;
}

.inline li{
	display: inline;
	list-style-type: none;
}


/*マーカー無しのリスト*/
.none{
	margin: 1em 0; padding: 0;
}

.none li{
	list-style-type: none;
}


/*
# テーブルの基本設定
*/

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
}

th,td{
	padding: .5em .75em;
	font-size: 1.4rem;
	vertical-align: top;
}

.keni-main th,
.keni-main td{
	line-height: 1.5;
}

th{
	border: 1px solid #05a5ab;
	background-color: #05a5ab;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

td{
	border: 1px solid #ddd;
}

tbody th{
	background: #f7f7f7;
	border: 1px solid #ddd;
	color: #505050;
	text-align: center;
}


/*テーブルへの装飾をリセット*/
.table_no-style table{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

.table_no-style th,
.table_no-style td{
	padding: 0;
	background: transparent;
	border: 0;
}

.table_no-style thead th{
	background-color: transparent;
}


/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}


/*テーブルリスト*/
.table-list thead{
	display: none;
}

.table-list{
	border-top: 1px solid #ddd;
}

.table-list tr,
.table-list th,
.table-list td{
	display: block;
}

.table-list td{
	border-top: 0; 
}

.table-list tbody td::before{
	display: inline-block;
	width: 6.5em;
	content: attr(data-th)": ";
}


/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
.table-block,
.table-block thead,
.table-block tbody,
.table-block tfoot,
.table-block tr,
.table-block th,
.table-block td{
	display: block;
}

.table-block{
	border-top: 1px solid #ddd;
}

.table-block th,
.table-block td{
	box-sizing: border-box;
}

.table-block td,
.table-block th{
	border-top: 0;
}

.table-block th{
	text-align: left;
}

.table-scroll::before{
	content: "※スクロールできます。"
}


/*
# =================================================================
# フォントの色
# =================================================================
*/

/*フォントの基本色*/
body{
	color: #000;
}


/*リンクの基本色*/
a{
	color: #0329ce;
}

a:hover,
a:active,
a:focus{
	color: #00858a;
}


/*
# =================================================================
# レイアウト
# =================================================================
*/

body{
	background-color: #fff; /*サイトの背景色*/
}

.keni-container,
.keni-mv_wrap{
	overflow: hidden;
}

.keni-sub,
.keni-footer_outer{
	padding: 20px 0;
}

.keni-section_wrap{
	margin: 0;
	padding: 60px 15px;
	background: #fff;
}

.keni-section_outer{
	margin: 10px 0;
	padding: 20px;
	background-color: #fff;
}

.keni-section_outer .keni-section_wrap{
	margin: 0;
}

.keni-sub .keni-section_wrap,
.keni-footer .keni-section_wrap{
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0 20px 20px;
}

.keni-sub .widget,
.keni-footer .widget{
	padding-top: 20px;
}

.section_wrap-wide{
	padding: 60px 0;
	background: transparent;
}

.section_wrap-wide .keni-section{
	padding: 0 15px;
}

.keni-section_wrap .keni-section_wrap{
	padding: 10px 0;
}


/*メインコンテンツとサブコンテンツの背景色*/
.keni-main{
	background: transparent;
}

.keni-sub{
	background: transparent;
}

.keni-main_inner{
	padding: 0;
}

.keni-sep-conts_wrap{
	margin-bottom: 10px;
}

.keni-sep-conts{
	padding: 10px;
}


/*
# =================================================================
# エリアごとのデザイン
# =================================================================
*/


/*
# ヘッダー
*/

.fixed{
	position: fixed;
	top: 0;
	z-index: 60;
	width: 100%;
}

.keni-header_wrap{
	padding-top: 4px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#05a5ab 25%, #05a5ab 50%,
		#fff 50%, #fff 75%,
		#05a5ab 75%, #05a5ab
	);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-color: #fff; /*ヘッダーの背景色*/
}

.keni-header{
	padding-right: 50px;
}

.no-gn .keni-header{
	padding-right: 0;
}


/*
# メインコンテンツの文字サイズや行間の設定
*/
.keni-main{
	letter-spacing: .025em;
	font-size: 1.6rem;
	line-height: 2.0em;
}


/*
# サブコンテンツの文字サイズや行間の設定
*/
.keni-main .free-area,
.keni-sub{
	font-size: 1.4rem;
	line-height: 1.8em;
}


/*
# =================================================================
# 見出しのデザイン
# =================================================================
*/

h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	font-weight: bold;
	font-size: 100%;
	font-family: inherit;
}

.keni-section h1{
	margin: 40px 0 10px;
	font-size: 2.0rem;
    line-height: 1.3;
}

.keni-section h1:first-child{
	margin: 0 0 20px;
}


h2{
	color: #000;
	font-size: 2.6rem;
    line-height: 1.3;
}

h3{
	color: #000;
	font-size: 2.4rem;
    line-height: 1.3;
}

h4{
	color: #000;
	font-size: 2.0rem;
    line-height: 1.3;
}

h5{
	color: #000;
	font-size: 1.8rem;
    line-height: 1.3;
}

h6{
	color: #000;
	font-size: 1.6rem;
    line-height: 1.3;
}

/*見出しのリンク色*/
.keni-section h1 a,
.keni-section h3 a,
.keni-section h4 a,
.keni-section h5 a,
.keni-section h6 a{
	color: #505050;
}

.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: #00858a;
}

.keni-section h2 a{
	color: #fff;
}

.keni-section h2 a:hover,
.keni-section h2 a:active,
.keni-section h2 a:focus{
	color: #505050;
}


/*見出しタグの装飾をリセット*/
.title_no-style,
.keni-section .title_no-style{
	line-height: 1.0;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	outline: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	color: #333;
	font-weight: normal;
	font-size: 100%;
}

.title_no-style::before,
.keni-section .title_no-style::before,
.title_no-style::after,
.keni-section .title_no-style::after{
	position: static;
	width: auto;
	height: auto;
	content: none;
}


/*ボタン*/
.btn{
	display: inline-block;
	position: relative;
	margin-bottom: 1em;
	padding: 1em 2em;
	border: 0;
	border-radius: 8px;
	box-shadow: 2px 2px 0px #e9e9e9;
	background: #aaa;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
	text-decoration: none;
}

.btn span{
	vertical-align: top;
}

.dir-arw_r .icon_arrow_s_right{
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	font-size: 12px;
	line-height: 1.0;
}

.dir-arw_l .icon_arrow_s_left{
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -6px;
	font-size: 12px;
	line-height: 1.0;
}

.btn:hover,
.btn:active,
.btn:focus{
	box-shadow: none;
	cursor: pointer;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}


/*灰色*/
.btn_gray{
	background: #666;
	color: #fff;
}


/*青緑*/
.btn_bluegreen{
	background: #07cbd2;
	color: #fff;
}


/*橙*/
.btn_orange{
	background: #e69400;
	color: #fff;
}

.btn_gray:hover,
.btn_gray:active,
.btn_gray:focus,
.btn_bluegreen:hover,
.btn_bluegreen:active,
.btn_bluegreen:focus,
.btn_orange:hover,
.btn_orange:active,
.btn_orange:focus{
	color: #fff;
}

.btn_style01{
	background-color: #fff;
	border: 1px solid #00858a;
	color: #00858a;
	font-weight: bold;
}

.btn_style02{
	border: 1px solid #00858a;
	background-color: #f7f7f7;
	color: #00858a;
	font-weight: bold;
}

.btn_style03{
	background: #05a5ab;
	color: #fff;
}

.btn_style03:hover,
.btn_style03:active,
.btn_style03:focus{
	color: #fff;
}

.btn-detail{
	margin: 15px 0;
	text-align: center;
}

.btn-detail .btn{
	width: 100%;
}

.keni-header_cont .btn,
.keni-footer-panel .btn{
	margin-bottom: 0;
	padding: .5em;
}

.btn-area .btn-area_r,
.btn-area .btn-area_l{
	max-width: 49%;
}

.btn-area .btn-area_r{
	float: right;
}

.btn-area .btn-area_l{
	float: left;
}

.keni-footer-panel .utility-menu_item span{
	display: block;
}


/*
# フッター
*/
.keni-footer_wrap{
	background: #fff;
	font-size: 1.6rem;
	line-height: 1.3em;
}


/* フッターコンテンツ */
.keni-footer-cont_wrap{
	overflow: hidden;
}

.keni-footer-cont{
	margin-left: 0;
	width: auto;
}


/*
# フッターパネル
*/
.keni-footer-panel_wrap{
	z-index: 80;
	width: 100%;
	background: rgba(0,143,118,0.85);
}

.keni-footer-panel{
	position: relative;
	min-height: 43px;
	padding: 0;
}

.keni-footer-panel ul{
	display: table;
	width: 100%;
	margin: 0;
	table-layout: fixed;
}

.keni-footer-panel li{
	display: table-cell;
	font-size: 1.2rem;
    color: #fff;
	text-align: center;
}

.keni-footer-panel li a{
	display: block;
	padding: 5px;
	color: #fff;
	text-decoration: none;
}

.keni-footer-panel li span::before{
	font-size: 16px;
}

.fixed-bottom{
	position: fixed;
	bottom: 0;
}

.keni-footer-panel_sns{
	display: none;
	position: absolute;
	bottom: 100%;
	background-color: #f7f7f7;
}

.keni-footer-panel_sns .sns-btn_wrap{
	padding: 5px 0;
	border-top: 1px solid #e8e8e8;
}

.fn-footer-panel {
	position: fixed;
	left: 0;
	bottom: -60px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.fn-footer-panel.is-active {
	bottom: 0;
}

.btn_share{
	cursor: pointer;
}

/*コピーライト*/
.keni-copyright_wrap{
	padding: 15px;
    color: #000;
    text-align: center;
}


/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 90;
	margin-bottom: 0;
	background-color: #333;
	line-height: 1.0;
}

.page-top a{
	display: block;
	padding: 19px 20px;
	text-align: center;
}

.page-top a::before{
	display: inline-block;
	content: "\e906";
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}


/*回り込みの解除*/
.keni-main_outer::after,
.keni-header_inner::after,
.keni-gnav_inner::after,
.page-nav::after,
.nav-links::after,
.btn-area::after,
.item-box::after,
.item-box02::after,
.item-box03_col_wrap::after,
.btn-detail_wrap::after,
.clearfix::after,
.voice-float::after{
	display: block;
	content: " ";
	clear: both;
}


/*
# =================================================================
# カスタマイズ
# =================================================================
*/

.pc{
    display: none;
}

.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-box.content-bw {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-box.content-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-box.align-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-box.align-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-box.align-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-box.row-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}

.keni-header_wrap{
	padding-top: 0;
	background: none;
}

.top-bar{
    padding: 15px;
}

.top-logo{
    max-width: 160px;
    margin: 0 auto;
    text-align: center;
}

.top-logo a{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.top-logo a:hover,
.top-logo a:active,
.top-logo a:focus{
    opacity: 0.7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.keni-header_inner{
    background: #f0f6e3;
    width: 100%;
    margin: 0 auto;
}

.keni-header_inner .main-title{
    margin: 0 auto;
    text-align: center;
}

.top-btn-conts{
    padding: 0 15px 30px;
    background: #f0f6e3;
}

.btn1, .btn2{
    margin: 0 auto 15px;
    text-align: center;
}

.btn1 a, .btn2 a{
    display: block;
    text-decoration: none;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    background: linear-gradient(0deg, #d6680f 0%, #e6a600 100%);
    border-radius: 8px;
    line-height: 1;
}

.btn2 a{
    background: linear-gradient(0deg, #3d9739 0%, #9ebd3a 100%);
}

.btn1 a picture, .btn2 a picture{
    filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.4)); 
}

.btn1 a:hover,
.btn1 a:active,
.btn1 a:focus{
    background: linear-gradient(0deg, #d23a18 0%, #f08300 100%);
    -webkit-transition: 0.3s;
	transition: 0.3s;
}

.btn2 a:hover,
.btn2 a:active,
.btn2 a:focus{
    background: linear-gradient(0deg, #008d3f 0%, #5cb531 100%);
    -webkit-transition: 0.3s;
	transition: 0.3s;
}

.keni-section h2.sec-title{
    margin: 0 auto 35px;
    text-align: center;
}

.keni-section h2.sec-title.sec-title1{
    max-width: 314px;
    margin: 0 auto 25px;
}

.about-conts p{
    font-family: 'Noto Serif JP',"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.6;
}

.about-conts .site-setsumei{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 auto 10px;
    text-align: center;
}

.yajirushi{
    width: 106px;
    margin: 0 auto 20px;
    text-align: center;
}

.keisai-info{
    margin: 0 auto 20px;
    border: 3px solid #004386;
}

.keisai-info-title{
    background: #004386;
    padding: 5px 15px;
}

.keni-section .keisai-info h3{
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    padding: 2px 0 2px 35px;
    background: url(../images/icon/maru.svg) left 0 no-repeat;
    background-size: 26px 26px;
    margin: 0 auto;
    max-width: 230px;
}

.jyogai-info{
    margin: 0 auto 50px;
    border: 3px solid #884a85;
}

.jyogai-info-title{
    background: #884a85;
    padding: 5px 15px;
}

.keni-section .jyogai-info h3{
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    padding: 2px 0 2px 35px;
    background: url(../images/icon/batsu.svg) left 0 no-repeat;
    background-size: 26px 26px;
    margin: 0 auto;
    max-width: 230px;
}

.keisai-info-in, .jyogai-info-in{
    padding: 20px;
}

.keisai-info ul,
.jyogai-info ul{
    margin-top: 0;
    margin-bottom: 0;
}

.keisai-info ul li,
.jyogai-info ul li{
    font-family: 'Noto Serif JP',"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
}

.keisai-info ul li:last-child,
.jyogai-info ul li:last-child{
    margin-bottom: 0;
}

.about-conts .sarani{
    margin: 0 auto 10px;
    text-align: center;
    max-width: 124px; 
}

.keni-section h4.support-title{
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 auto 15px;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0.03em;
}

.section_wrap-wide.hosyou-conts{
    background: #f5f3f2;
}

.sec-title2{
    max-width: 347px;
}

.hosyou-conts p{
    font-family: 'Noto Serif JP',"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.6;
}

.hosyou-conts .hosyou-text{
    margin: 0 auto 15px;
}

.dantai-img{
    margin: 0 auto 25px;
    max-width: 332px;
}

.keni-section h3.dantai-name{
    font-size: 2.0rem;
    font-weight: 700;
    color: #008f76;
    line-height: 1;
    padding: 0 0 5px;
    border-bottom: 2px solid #008f76;
    margin: 0 auto 10px;
    text-align: center;    
}

.section_wrap-wide.btn-conts{
    padding: 30px 0;
    background: url(../images/btn_back_sp.jpg) center no-repeat;
    background-size: cover;
}

.sec-title3{
    max-width: 270px;
}

.voice-block{
    border: 2px solid #008f76;
    padding: 20px;
    margin: 0 auto 20px;
    position: relative;
}

.voice-block p{
    font-family: 'Noto Serif JP',"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.6;
}

.voice-block .place{
    position: absolute;
    top: -1px;
    right: 0;
    font-family:'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    background: #008f76;
    padding: 5px 5px 5px 20px;
    text-align: right;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15px 100%);
}

.voice-block .voice-name{
    font-family:'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}

.section_wrap-wide.point-conts{
    background: #f0f6e3;
}

.sec-title4{
    max-width: 253px;
}

.keni-section h3.sec-subtitle{
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 auto 45px;
    text-align: center;
    position: relative;
}

.keni-section h3.sec-subtitle:before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px; /*下線の上下位置調整*/
    display: inline-block;
    width: 40px; /*下線の幅*/
    height: 4px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #008f76; /*下線の色*/
}

.knowledge-conts.flex-box{
    max-width: 657px;
    margin: 0 auto 70px;
}

.knowledge-conts.flex-box > .col{
    height: 150px;
    width: 47.8%;
    margin: 0 4.4% 4.4% 0;
    overflow: hidden;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
    position: relative;
}

.knowledge-conts.flex-box > .col:nth-child(2n){
    margin-right: 0;
}

.knowledge-conts.flex-box > .col:last-child{
    margin: 0;
}

.knowledge-img{
    height: 100%;
    width: 100%;
}

.knowledge-img1{
    background: url(../images/knowledge_img1.jpg) center no-repeat;
    background-size: cover;
}

.knowledge-img2{
    background: url(../images/knowledge_img2.jpg) center no-repeat;
    background-size: cover;
}

.knowledge-img3{
    background: url(../images/knowledge_img3.jpg) center no-repeat;
    background-size: cover;
}

.knowledge-img4{
    background: url(../images/knowledge_img4.jpg) center no-repeat;
    background-size: cover;
}

.knowledge-img5{
    background: url(../images/knowledge_img5.jpg) center no-repeat;
    background-size: cover;
}

.knowledge-text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    background: rgba(0,143,118,0.85);
    padding: 5px;
    text-align: center;
    margin: auto;
}

.knowledge-conts.flex-box > .col a:hover .knowledge-img{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.knowledge-conts.flex-box > .col a .knowledge-img{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.keni-section h4.point-title{
    font-size: 2.0rem;
    font-weight: 700;
    color: #008f76;
    line-height: 1;
    margin: 0 auto 20px;
    text-align: center;
}

.point-flex.flex-box{
    margin: 0 auto 40px;
}

.point-flex.flex-box > .col{
    display: table;
    margin-bottom: 15px;
}

.point-flex.flex-box > .col:last-child{
    margin-bottom: 0;
}

.point-flex.flex-box > .col p{
    display: table-cell;
    vertical-align: middle;
}

.point-num{
    width: 58px;
}

.point-text{
    font-family: 'Noto Serif JP',"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 10px;
}

.keni-footer_outer{
	padding: 0;
}

.keni-footer_inner{
    padding: 25px 15px 10px;
}

.footer-logo{
    max-width: 160px;
    margin: 0 auto 25px;
    text-align: center;
}

.footer-logo a{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.footer-logo a:hover,
.footer-logo a:active,
.footer-logo a:focus{
    opacity: 0.7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.footer-menu{
    margin: 0 auto 25px;
    text-align: center;
    max-width: 600px;
}

.footer-menu li{
    display: inline-block;
    list-style: none;
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 0 10px;
    padding: 0 10px;
    border-right: 1px solid #000;
}

.footer-menu li:first-child{
    border-left: 1px solid #000;
}

.footer-menu li a{
    text-decoration: none;
    color: #000;
}

.footer-menu li a:hover,
.footer-menu li a:active,
.footer-menu li a:focus{
    color: #008f76;
}

.bnr-conts.flex-box{
    margin: 0 auto;
    max-width: 266px;
}

.bnr-conts.flex-box > .col{
    width: 48.1%;
    margin: 0 0 3.8%;
}

.bnr-conts.flex-box > .col:nth-child(n+3){
    margin-bottom: 0;
}

.bnr-conts.flex-box > .col a{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.bnr-conts.flex-box > .col a:hover,
.bnr-conts.flex-box > .col a:active,
.bnr-conts.flex-box > .col a:focus{
    opacity: 0.7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}











@media only screen and (max-width : 768px){
.keni-header_wrap.fixed {
   position: absolute!important;
   top: 0;
}
}

@media (min-width : 480px){
    
    .keni-section h2.sec-title.sec-title1{
        max-width: 449px;
    }
    
    .about-conts .sarani{
        max-width: 177px;
    }
    
    .sec-title2{
        max-width: 495px;
    }
    
    .dantai-img{
        max-width: 474px;
    }
    
    .sec-title3{
        max-width: 385px;
    }
    
    .sec-title4{
        max-width: 361px;
    }
    
    .knowledge-conts.flex-box > .col{
        height: 200px;
    }
    
    
    
    
    
    
    

}/*横幅480px以上*/




@media (min-width : 768px){

	/*デスクトップとモバイルで表示を振り分け*/
	.show-sp,
	.show-sp02{
		display: none!important;
	}

	.show-pc{
		display: block!important;
	}

	.show-pc02{
		display: inline!important;
	}

	.keni-main .keni-section_wrap{
		padding: 100px 40px;
	}
	
	.keni-main .keni-section_wrap.widget{
		padding: 20px;
	}
	
	.keni-main .section_wrap-wide,
	.keni-main .keni-section_wrap_style02{
		padding: 100px 0;
	}

	.keni-main .keni-section h1{
		margin: 40px -40px 30px;
		padding: 30px 40px 0;
		font-size: 2.4rem;
	}

	.keni-section_outer{
		margin-bottom: 40px;
	}

	.keni-section_outer .keni-section_wrap{
		margin: 0;
	}

	.keni-section h1:first-child{
		margin: -30px -40px 30px;
	}

	h2{ font-size: 2.1rem; 	}

	h3{ font-size: 2.0rem; }

	h4{ font-size: 2.0rem; }

	h5{ font-size: 2rem; }

	/*
	# 1カラムのレイアウト
	*/
	.col1 .keni-header_outer,
	.col1 .keni-gnav_outer,
	.col1 .keni-mv_outer,
	.col1 .catch-area,
	.col1 .archive_title_wrap,
	.col1 .keni-breadcrumb-list_outer,
	.col1 .keni-footer_outer,
	.col1 .keni-copyright,
	.col1 .keni-section_wrap,
	.col1 .keni-sep-conts_outer,
	.col1 .keni-footer-panel_outer{
		max-width: 1080px;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .keni-sub{
		padding: 10px 0;
	}

	.col1 .keni-main_outer,
	.col1 .section_wrap-wide{
		width: 100%;
		max-width: none;
	}

	.col1 .keni-section_wrap,
	.col1 .section_wrap-wide,
	.col1 .section_wrap-wide .keni-section{
		margin-right: auto;
		margin-left: auto;
	}
	
	.col1 .keni-section_wrap{
		max-width: 1080px;
	}
	
	.col1 .section_wrap-wide{
		max-width: none;
	}

	.col1 .section_wrap-wide .keni-section{
        max-width: 1080px;
		padding: 0 40px;
	}
	

	.col1 .keni-lp .keni-header_outer,
	.col1 .keni-lp .keni-gnav_outer,
	.col1 .keni-lp .keni-mv_outer,
	.col1 .keni-lp .catch-area{
		max-width: none;
	}

	/*
	# 「メインコンテンツ（.keni-main）」と「サブコンテンツ（.keni-sub）」
	# 「メインコンテンツの幅」は「メインの幅（初期設定では1200px）」から「サブの幅＋余白（初期設定では320px）」を引いたもの
	*/

	

	.keni-header{
		padding-right: 0;
	}

	.keni-header_col1 .keni-header_cont{
		margin-right: 0;
	}
	
	.catch-area_inner{
		padding: 30px;
	}

	.catch-area .catch_main{
		margin-bottom: 10px;
		font-size: 3rem;
	}

	.catch-area .catch_sub{
		margin-bottom: 10px;
		font-size: 2.0rem;
	}
	
	.keni-slider-pager a i{
		font-size: 25px
	}

	.keni-slider-nav a{
		width: 15px;
		height: 15px;
		border-radius: 50%;
	}

	/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/

	.table-list thead{
		display: table-header-group;
	}

	.table-list tr{
		display: table-row;
	}

	.table-list th,
	.table-list td{
		display: table-cell;
	}

	.table-list tbody td::before{
		display: none;
		width: auto;
	}


	/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/

	.table-block{
		display: table;
	}

	.table-block tbody{
		display: table-row-group;
	}

	.table-block tr{
		display: table-row;
	}

	.table-block th,
	.table-block td{
		display: table-cell;
	}

	.table-block th{
		width: 25%;
	}

	.table-block::after{
		display: none;
	}

	.table-scroll::before{
		content: "";
	}

	
	/*
	# ヘッダー
	*/
	.fixed{
		position: static;
		width: 100%;
	}

	.keni-container{
		padding-top: 0!important;
	}

	.keni-header .site-title,
	.keni-header_col1 .site-title{
		float: left;
		max-width: 50%;
		padding: 10px;
		font-size: 3.5rem;
	}

	.keni-header_cont,
	.keni-header_col1 .keni-header_cont{
		float: right;
		max-width: 50%;
		background-color: transparent;
	}

	.fixed .keni-header_col1 .keni-header_cont{
		display: block;
	}
	
	.keni-header_cont .btn{
		margin-top: 10px;
		padding: 10px 30px;
	}

	.keni-gnav_btn{
		display: none;
	}


	/*メインビジュアルキャッチ*/
	.col1 .catch-area,
	.col2 .catch-area{
		width: 100%;
		margin: 50px auto;
	}
	
	.col1 .catch-area_c,
	.col2 .catch-area_c{
		width: 50%;
	}
	
	.col1 .keni-lp .catch-area_c,
	.col2 .keni-lp .catch-area_c{
		width: 100%;
	}
	
	.catch-area_l .catch-area_inner{
		margin-right: 50%;
	}
	
	.catch-area_r .catch-area_inner{
		margin-left: 50%;
	}
	
	.catch-area .catch_main{
		font-size: 3.5rem;
	}

	profile-box-desc{
		overflow: hidden;
	}
	
	.keni-section_wrap{
		margin-bottom: 0;
	}
	
	.error404 .keni-main .keni-section_wrap{
		margin-bottom: 10px;
	}

	.article_wrap{
		margin-bottom: 20px;
	}

	.col1 .archive_title{
		margin-right: auto;
		margin-left: auto;
	}

	blockquote{
		margin-right: 24px;
		margin-left: 24px;
		padding: 35px 40px;
	}
	
	blockquote::before,
	blockquote::after{
		font-size: 28px;
	}


	/*
	# フッター
	*/

	/* フッターコンテンツ */
	.keni-footer-cont{
		float: left;
	}

	.keni-footer-cont::after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}
	
	.keni-footer .keni-section_wrap{
		margin: 0;
		margin-bottom: 30px;
	}
	
	.keni-footer .keni-footer_col1 .keni-section_wrap{
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.keni-footer .keni-section_wrap:last-child{
		margin-bottom: 0;
	}

	.keni-footer-cont_wrap > .keni-footer-cont{
		width: 32%;
		margin-right: 2%;
	}
	
	.keni-footer_col1 > .keni-footer-cont{
		width: 100%;
		margin-right: 0;
	}

	.keni-footer_col2 > .keni-footer-cont{
		width: 48%;
		margin-right: 4%;
	}
	
	.keni-footer-cont_wrap > .keni-footer-cont:nth-child(3n){
		margin-right: 0;
	}

	.keni-footer_col2 > .keni-footer-cont:nth-child(2n){
		margin-right: 0;
	}

	.keni-footer-cont{
		border: 0;
	}

	.keni-footer-cont:first-child{
		margin-left: 0;
	}


	/*
	# フッターパネル
	*/
	.keni-footer-panel_wrap{
		display: none;
	}


    
    .pc{
        display: block;
    }
        
    .sp{
        display: none;
    }
    
    
    
    .top-bar{
        max-width: 1080px;
        margin: 0 auto;
        padding: 20px 40px;
    }
    
    .top-logo{
        width: 48%;
        max-width: 200px;
        margin: 0;
        text-align: left;
    }
    
    .top-tel{
        width: 48%;
        max-width: 244px;
        margin: 0;
        text-align: right;
    }
    
    .top-btn-conts{
        padding: 0 40px 80px;
    }
    
    .btn1, .btn2{
        margin: 0 auto 25px;
    }
    
    .btn1 a, .btn2 a{
        max-width: 710px;
        padding: 25px;
    }
    
    .keni-section h2.sec-title{
        margin: 0 auto 50px;
    }
    
    .keni-section h2.sec-title.sec-title1{
        max-width: 921px;
        margin: 0 auto 40px;
    }
    
    .about-conts .site-setsumei{
        font-size: 2.8rem;
        margin: 0 auto 15px;
    }
    
    .yajirushi{
        width: 152px;
        margin: 0 auto 40px;
    }
    
    .keisai-info{
        margin: 0 auto 40px;
    }
    
    .keisai-info-title, .jyogai-info-title{
        padding: 10px 15px;
    }
    
    .keni-section .keisai-info h3,
    .keni-section .jyogai-info h3{
        font-size: 3.6rem;
        padding: 2px 0 2px 50px;
        background-position: left 0;
        background-size: 40px 40px;
        max-width: 345px;
    }
    
    .jyogai-info{
        margin: 0 auto 80px;
        position: relative;
    }
    
    .keisai-info-in, .jyogai-info-in{
        padding: 25px;
    }
    
    .jyogai-img{
        position: absolute;
        right: 5px;
        bottom: 0;
        width: 24.8%;
        max-width: 248px;
    }
    
    .jyogai-info ul{
        width: 70%;
    }
    
    .keisai-info ul li,
    .jyogai-info ul li{
        font-size: 2.7rem;
        margin-bottom: 12px;
        
    }
    
    .about-conts .sarani{
        max-width: 220px; 
    }
    
    .keni-section h4.support-title{
        font-size: 3.6rem;
        line-height: 1.3;
        margin: 0 auto 30px;
    }
    
    .sec-title2{
        max-width: 761px;
    }
    
    .hosyou-conts p{
        font-size: 2.0rem;
        line-height: 1.8;
    }
    
    .hosyou-conts .hosyou-text{
        margin: 0 auto 30px;
        text-align: center;
    }
    
    .dantai-img{
        margin: 0 auto 40px;
        max-width: 593px;
    }
    
    .keni-section h3.dantai-name{
        font-size: 2.6rem;
        padding: 0 0 10px;
        margin: 0 auto 20px;
        max-width: 560px;
    }
    
    .hosyou-conts .dantai-text{
        line-height: 1.6;
        margin: 0 auto;
        text-align: center;
    }
    
    .section_wrap-wide.btn-conts{
        padding: 60px 0;
        background: url(../images/btn_back_pc.jpg) center no-repeat;
        background-size: cover;
    }
    
    .sec-title3{
        max-width: 712px;
    }
    
    .voice-block{
        padding: 30px 25px 25px;
        margin: 0 auto 30px;
        position: relative;
    }
    
    .voice-block p{
        font-size: 2.0rem;
    }
    
    .voice-block .place{
        position: absolute;
        top: -1px;
        right: -1px;
        font-size: 2.4rem;
        padding: 5px 10px 5px 25px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20px 100%);
    }
    
    .voice-block .voice-name{
        font-size: 2.6rem;
    }
    
    .keni-section h2.sec-title.sec-title4{
        max-width: 901px;
        margin: 0 auto 70px;
    }
    
    .keni-section h3.sec-subtitle{
        font-size: 3.8rem;
        margin: 0 auto 60px;
        position: relative;
    }
    
    .keni-section h3.sec-subtitle:before{
        content: '';
        position: absolute;
        left: 50%;
        bottom: -15px; /*下線の上下位置調整*/
        display: inline-block;
        width: 60px; /*下線の幅*/
        height: 5px; /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*位置調整*/
        background-color: #008f76; /*下線の色*/
    }
    
    .knowledge-conts.flex-box{
        max-width: 1000px;
        margin: 0 auto 120px;
    }
    
    .knowledge-conts.flex-box > .col,
    .knowledge-conts.flex-box > .col:nth-child(2n),
    .knowledge-conts.flex-box > .col:last-child{
        height: 250px;
        width: 31.3%;
        margin: 0 3.05% 3.05% 0;
    }
    
    .knowledge-conts.flex-box > .col:nth-child(3n),
    .knowledge-conts.flex-box > .col:last-child{
        margin-right: 0;
    }
    
    .knowledge-conts.flex-box > .col:nth-child(n+4){
        margin-bottom: 0;
    }
    
    .knowledge-text{
        font-size: 2.6rem;
        padding: 8px;
    }
    
    .keni-section h4.point-title{
        font-size: 3.0rem;
        margin: 0 auto 40px;
    }

    .point-flex.flex-box{
        margin: 0 auto 70px;
    }
    
    .point-flex.flex-box > .col{
        width: 48%;
        margin-bottom: 40px;
    }
    
    .point-num{
        width: 84px;
    }
    
    .point-text{
        font-size: 2.0rem;
    }
        
    .keni-footer_inner{
        padding: 50px 40px 10px;
    }
    
    .footer-logo{
        max-width: 200px;
        margin: 0 auto 50px;
    }

    .footer-menu{
        margin: 0 auto 35px;
        max-width: 880px;
    }
    
    .footer-menu li{
        font-size: 1.6rem;
        margin: 0 0 15px;
    }
    
    .bnr-conts.flex-box{
        max-width: 691px;
    }
    
    .bnr-conts.flex-box > .col{
        width: 22.9%;
        margin: 0;
    }   
     
    
    
    

}/*横幅768px以上*/



@media (min-width : 1080px){

	.keni-footer-cont_wrap{
		padding: 0;
	}
	
	
    /*コピーライト*/
	.keni-copyright{
		padding: 0;
	}
    
    

}/*横幅1080px以上*/

/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.8.0 on 2018-12-13 19:14:10
----------------------------------------------------------------------*/