@charset "utf-8";

/*
# =================================================================
# 個人の適応
# =================================================================
*/

/*（★）状態確認用*/
/*a {color:blue;}*/

/*ADD 2021.1.20 kishida*/
/*----------------------------*/
/*パンくず*/
/*----------------------------*/
.keni-breadcrumb-list_wrap {
    background-color: #ecaf52;
	padding: 5px;
}

/*ADD 2021.1.20 kishida*/
/*----------------------------*/
/*サイドメニューの色*/
/*----------------------------*/
.keni-section .sub-section_title {
	background: #ecaf52;
}


/*見出し*/
.keni-section h2 {
    background: url("../img/h2_orange.png") no-repeat left center;
	background-size: 16px;
}
h3 {
	border-color:#F39800;
}

/*----------------------------*/
/*リンク*/
/*----------------------------*/
.keni-main a[target=_blank][rel=noopener] {
	background: none;
}
.keni-main a[target=_blank][rel=noopener]::after {
    font-family: "FontAwesome";
    content: '\f08e';
	margin-left: 5px;
	font-size: 1em;
}
.keni-main a[target=_blank][type="application/msword"]::after {
    font-family: "FontAwesome";
    content: '\f1c2';
	margin-left: 5px;
	color: #2B579A;
}
.keni-main a[target=_blank][type="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"]::after {
    font-family: "FontAwesome";
    content: '\f1c3';
	margin-left: 5px;
	color: #008000;
}

/****************************************/
/*出力データ基本設定
/****************************************/
/*PG制御用ラジオボタン*/
.newsitem {
	display: none;
}

/*大カテゴリ*/
.mk-news {
	display: none;
}

/*Newマーク*/
.newmk {	
	 margin-left: 10px;
}






/****************************************/
/*サブページ共通で使用
/****************************************/
/*事例用（外枠）*/
.example {
    /*枠の高さを揃えるための指定*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/*事例用（セル）*/
.example .col {
    padding: 10px;
    border: 1px #ddd solid;
    text-align: center;
}
/*事例用コメント*/
.example .col p {
    text-align: left;
    margin: 10px 0;
    line-height: 140%;
}
/*画像*/
.example img {
    margin-bottom: 10px;
}

/*画像の外枠なし*/
.border_n{
	border-style:none!important;
}

/*シングルカラム*/
.col-example {
    padding: 20px;
    border: 1px #ddd solid;
    margin-bottom: 30px;
}
.col-example p {
    margin: 10px 0;
    line-height: 140%;
}
.col-example img {
    margin-bottom: 10px;
}
.col-example_30 {
    margin-bottom: 0px;
}

/*------------------------*/
/*余白調整*/
/*------------------------*/
.mb-0 {
    margin-bottom: 0px;
}



/***************************************/
/*表紙
/***************************************/
/*メインナビ*/
#navi-menu {}
#navi-menu .col {
    text-align: center;
    padding: 10px;
    border: 1px #ddd solid;
}
#navi-menu .col .in-ttl {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
#navi-menu .col img {
    width: 100%;
    max-width: 100px;
}


/*知ろう*/
#navi-study {}
#navi-study .col {}
#navi-study .col p {}

/*行動しよう*/
#navi-action {}
#navi-action .col {}
#navi-action .col p {}

/*参加しよう*/
#navi-together {}
#navi-together .col {}
#navi-together .col p {}






/***************************************/
/*知ろう
/***************************************/



/***************************************/
/*アプリ紹介ページ
/***************************************/

/*h2の画像削除*/
.keni-section .no-img{
	background: none;
	padding: 0;
}
/*h2両端の線*/
.line {
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: center; /* 水平中心 */
	margin-bottom: 20px;
}
.line:before, .line:after {
	border-top: 7px solid #ecaf52;
	content: "";
	width: 3em; /* 線の長さ */
	border-radius: 20px;
	top:-2px;
}
.line:before {
	margin-right: 1em; /* 文字の右隣 */
}
.line:after {
	margin-left: 1em; /* 文字の左隣 */
}


.app_link{
	list-style-type: none;
}
.sm_dl_btn{
	display: flex;
    flex-flow: column;
    margin-bottom: 20px;
}
.dl_btn_a,.dl_btn_g{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #639432;
    border-radius: 5px;
    padding: 5px;
    margin-top: 20px;
}
.dl_btn_a img,.dl_btn_g img{
    align-items: center;
}
.f_graphic{
	margin-top: 20px;
}

/* Youtubeアスペクト比 */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/***************************************/
/*知ろう
/***************************************/
/*適応事例*/
.casebox {
	margin: 0 auto;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

/*関連サイト*/
blockquote {
	font-size: 1.3rem;
	line-height: 2;
	padding: 20px 25px;
}
blockquote h5{
	font-size: 1.3rem;
	color: #555;
	font-weight: normal;
}
.relation h5{
    font-size: 1.8rem;
    color: #505050;	
}
/****************************/
/*レスポンシブ
/****************************/
@media (min-width: 480px) {

}

@media (min-width: 768px) {}

@media (min-width: 920px) {
    
.sm_dl_btn{
    flex-flow: row;
	justify-content: space-between;
	margin: 20px 0;
}    
.dl_btn_a,.dl_btn_g{
    width: 49%;
    margin-top: 0;
}   
}

@media (min-width: 1400px) {}

@media (max-width: 768px) {}

@media only screen and (max-width: 768px) {
    .pc {
		display: none !important;
	}
    .sp {
		display: block !important;
	}
}