@charset "utf-8";

/* ================================================
TOP用追加ソース
=================================================== */
/***お知らせ下空間　調整***/

@media screen and (max-width: 640px){
#contents .text_recent_post {
    padding: 10px 15px 30px 15px;}
}


/***Ｄおすすめ記事3記事の場合・左右1件表示　下線削除***/
#featured_post .post1{
	border: none;}


#featured_post ul.post2{
	border-top: 1px dotted #999;
	border-bottom:none;}

#featured_post ul.post3 {
    border: none;}


#featured_post ul.post2 {
    padding-bottom:0;}


@media screen and (max-width: 640px){
#recent_post{/**　スマホ下空間調整　**/
    padding-bottom:40px;}

#recent_post{/**　スマホ上空間調整　※錯覚**/
    padding-top:6px;}

#featured_post{/**　スマホ下空間調整　**/
    padding-bottom:30px;}



}





/***********************************

フォント（アイコン）

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

[class^="icon-eisei"], [class*=" icon-eisei"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'eisei' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-eiseieisei:before {
  content: "\e900";
}





/***********************************

以下、通常のcustam.cssにしたいcss

************************************/

/***********************************

全体カラー

************************************/
/*----------------------------------
ヘッダロゴ背景
----------------------------------*/
#header_wrap {
	background:#E8E8E8;}

@media screen and (max-width: 640px) {
body {/*　指定箇所が無いのでbodyに挿入　*/
	background:#E8E8E8;}

}


/*----------------------------------
ヘッダーロゴ　380×145
----------------------------------*/
#logo img{/**　ＰＣロゴ調整　**/
	margin:40px 0 0 0;
	width:50%;}

@media screen and (max-width: 640px){/**　スマホロゴ調整　**/
#logo_sm {
    width:50%;
	margin:0 auto;
    padding:20px 0 0 0;}
}


/*----------------------------------
フッダーロゴ
----------------------------------*/
#footer .footer_logo img {/** フッダーロゴ調整 1 **/
    width: 190px;}

#footer .header_banner{/** フッダーロゴ調整 2 **/
    margin-top:16px;}



/*----------------------------------
サイト説明文部分
----------------------------------*/
#desc_wrap {
	background:#fff;/*説明文背景*/
	/*border-bottom:1px solid #B9B9B9;*/}

#site_description {
    color:#333;/*説明文テキスト*/}

@media screen and (max-width: 640px) {
#header{
	background:#222;/*説明文背景*/}	

.title_text{
	color:#E0E0E0;/*説明文テキスト*/}
}


/*----------------------------------
グローバルメニュー
----------------------------------*/
#menu_wrap {
	background:#111;/*全体背景色*/
	border-color:#999;/*区切り線*/}

#global_menu {
    border-right: 1px solid #999;/*区切り線右*/}

#global_menu li a {
    border-left: 1px solid #999;/*区切り線左*/
	background:#111;/*ボタン背景色*/
	color:#e0e0e0;/*文字色*/
	font-weight: normal;/* ※変更　*/}


#global_menu li a:hover {
    background:#444;/*ボタンロールオーバー色*/
	color:#e0e0e0;/*ボタンロールオーバー文字色*/}


@media screen and (min-width: 641px){
#global_menu {
	height: 48px;/*ロールオーバー隙間調整*/}

#global_menu li a {
	height: 48px;/*ロールオーバー隙間調整*/
    line-height: 48px;/*同上*/}
}



@media screen and (max-width: 640px) {
/**** 折りたたみメニュー ****/

/**** メニューボタン ****/
#header a.menu_button {
	color: #fff;
	border: 1px solid #fff;
	background:#004799;}

#header a.menu_button:hover,
#header a.menu_button:active {
	background:#004799;}


/**** グローバルメニュー ****/

#global_menu li a {
	border-color: #999;
	background: #fff url(./img/arrow4.png) no-repeat 20px;
	color: #000;
	/*font-weight:normal;*/}

#global_menu li a:hover {
	color: #000;
	background: #ECF8FF url(./img/arrow4.png) no-repeat 20px;}

}


/*----------------------------------
電話番号・お問い合わせ
----------------------------------*/
.header_banner .banner_row .barb_text_banner {
   border: 2px solid #C3C3C3;}/*枠線*/  

.header_banner .banner_row .barb_text_banner .fa {/* アイコン隙間調整 */
    margin-right: -0.15em;}


@media screen and (min-width: 641px){
#header .header_banner {
   margin-top:10px; /*住所が3行の場合　*/}


/******  ボタンの高さ調節 ******/
.header_banner .banner_row .barb_text_banner {
    line-height: 40px;}

.header_banner .banner_row > div {
    height: 40px;}


}


@media screen and (max-width: 640px){
.header_banner > div {
	 border: 1px solid #444;} /*枠線　*/

}





/*----------------------------------
イメージロールオーバー
----------------------------------*/
/** index　メインビジュアル1枚でロールオーバー（リンク）なし**/　
#recommend_gallery a:hover img,
.rs-slider > li > a:hover img{
	opacity: 1.0;
	cursor: default;}



/*----------------------------------
ピックアップ
----------------------------------*/
#index_pickup .headline1 {/*ピックアップヘッダ*/
    color: #ccc;
    background:#222;}



/*----------------------------------
ページタイトルヘッダー　※下層も含む
----------------------------------*/
#main_col .headline1 {
	letter-spacing: .9px;
	width: 94%;
}
#main_col .headline1,
.headline2,
.headline3{
    background:#fff;
    color: #000;}

#main_col .headline1,
.headline2{
	border-left:5px solid #004799;
	border-bottom:1px solid #888;}

.headline3{
	margin-top:40px;/*このサイトのみの調整*/
	border-left:5px solid #CA6C6C;
	border-bottom:1px solid #888;
	border-top:none;}



@media screen and (max-width: 640px) {
#main_col .headline1,
.headline2,
.headline3{/*トップ・他　調整*/
	border-left:none;/*左線の削除*/}

#main_col .headline1,
.headline2,
.headline3{
	border-left:none;/*左線の削除*/}


.headline3{
	margin-top:20px;/*このサイトのみの調整*/}

}


/*----------------------------------
サイドナビ
----------------------------------*/
@media screen and (max-width: 640px) {
#side_col{/*　スマホでサイドナビを表示しない場合　*/
	display:none;}
}

/*----------------------------------
フッダー
----------------------------------*/
#footer_wrap {
   background:#E8E8E8;/*フッダー背景色*/}
   
#footer {
    color: #333;/*フッダーテキストカラー*/}

#footer li a,
#footer li a:visited {
    color: #333;
	border-bottom: 1px dotted #666;}

#footer li a:hover{
    color: #999;}

#copyright {
    background:#111;/*コピーライト背景*/
    color: #E0E0E0;/*コピーライトテキスト*/}

#copyright a {
    color: #E0E0E0;/*コピーライトリンクテキスト*/}



/*----------------------------------
テキストリンクカラー
----------------------------------*/
a, a:visited {
    color:#3F7985;}

a:hover {
    color:#24434A;}

/*----------------------------------
ページナビ
----------------------------------*/
.page_navi a{/*** テキスト、ボタン色 **/
	color:#fff;
	background: #333;}

.page_navi a:hover{/*** ロールオーバーボタン色 **/
	background:#990000;}

/*----------------------------------
ページナビ※
----------------------------------*/
#previous_next_post {
    margin:20px 15px 0 15px;
    padding: 0;}

.page_navi p.back {/*トップページに戻る*/
	/*display:none;*/
}



/*----------------------------------
講演会のご案内 トップサムネイルテキストタイトル
----------------------------------*/

@media screen and (min-width: 641px){
#recent_post .title {
	text-align:center;
}

}



/***********************************

下層レイアウト

************************************/

/*----------------------------------
下層段落枠　※変更不可
----------------------------------*/
@media only screen and (min-width:641px) {
#under{
	overflow:hidden;
	margin:0 0 -40px 0;}/*下層の空調整*/
}


@media only screen and (max-width:640px) {
#under{
	overflow:hidden;
	margin:10px 0 0 0;}/*下層の空調整*/
}

.under_contents{
	width:100%;
	margin:0 0 /*50px*/40px 0;
	clear:both;
	overflow:hidden;
	line-height:1.7;}


p{/*下層　汎用*/
    margin: 0;
	padding:0;
    line-height:1.7;}



/*----------------------------------
テーブル設定　※変更不可　色とthの％は変更又は上書き可
----------------------------------*/
/*** table 元スタイル打消し ****/
.post table {
	border:none;
	margin:0;}

.post td,
.post th { 
	border:none;
	padding:0;}

.post th { 
   background:#eee;
   font-weight:/*normal*/bold;}

@media only screen and (max-width:480px) {
tbody tr{
	display:table-row;/******/
	margin-bottom:0;}

tbody th,
tbody td{
	display: table-cell;
	list-style-type:none;
	border: none;}
}


/*******  テーブル再設定　*******/
.under_contents table{
	width:100%;
	border-collapse:inherit;
	border-spacing:0;
	border-top:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;}

.under_contents table td,
.under_contents table th{ 
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	padding:10px;
	/*white-space: nowrap;*/}

.under_contents table th{ 
	width:30%;}

.under_contents table td span{
	padding:0 20px 0 0;}


@media only screen and (max-width:480px) {
.under_contents table{
	font-size:12px;
	line-height:1.7;}

.under_contents table td span{
	display:block;}

}


/*----------------------------------
テーブル設定　レスポンシブ基本ソース
----------------------------------*/
/**** 
レスポンシブしたいtableの外側に
<div class="ph_responsive">を入れてください
****/

@media only screen and (max-width:640px) {
.ph_responsive{
	margin:0 0 -20px 0;}

.ph_responsive table{
	border:none;}

.ph_responsive table th,
.ph_responsive table td {
	width:100%;
	display:inline-block;
	border-right:none;
	text-align:left;}

.ph_responsive table th{
	border-bottom:2px dotted #888;
	font-size:14px;
	color:#444;
	padding:5px 0 0 0;
	font-weight:bold;
	background:#eee;}

.ph_responsive table th:before {/*** アイコンが必要な場合　***/
	content: "\f0ab";
	font-family: FontAwesome;
	font-size:16px;
	color:#004799;
	padding:0 5px 0 8px;
	font-weight:normal;
	}

.ph_responsive table td {
	font-size:14px;
	border-bottom:none;
	padding:10px 0 20px 0;}

}

/*----------------------------------
リンクテキスト複数行の行間
----------------------------------*/
#post_list .title,
#related_post .title,
#featured_post .post1 .title,
#featured_post ul.post2 li .title,
#featured_post2 .post1 .title,
#featured_post2 li .title {
	line-height:1.6;}




/***********************************

ここからページレイアウト雛形

************************************/

/*----------------------------------
固定ページ 下層hタイトル　必要に応じてh4の追加など
----------------------------------*/
/*h3装飾*/
.under_contents h3{
    color:#004799;
	margin:0 0 10px 0;
	font-size:16px;
	padding-left: 2.3rem;
    text-indent: -2.4rem;
	line-height:1.4;}

.under_contents h3:after{
	content:"";
	display:block;
	height:3px;
	width:auto;
	background-size: 2px 3px, 100% 2px;
	background-image:
	linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), 
	linear-gradient(90deg, #006FDD, #00AEE8, #006FDD);
	margin:3px 0 0 -36px;}

.under_contents h3:before{
	content: "\e900";
	font-family: 'eisei';
	position:relative;
	top:2px;
	font-size:26px;
	padding:0 8px 0 4px;
	font-weight:normal;}
	

/*h4装飾*/
.under_contents h4{
	font-size:14px;
	color:#444;
	border-left:5px solid #68AEE2;
	padding:4px 0 4px 10px;
	margin:0 0 5px 0;}


/*ul 打ち消し*/
.under_contents ul {
    margin:0;
	clear:both;}

.post .under_contents li {
    line-height:1.7;
	background: url(./img/bullet1.gif) no-repeat left 9px;}

.under_contents li.space {
    margin:7px 0 0 0;}


/*汎用スペース*/
.space_top5{
	padding-top:5px;}

.space_top10{
	padding-top:10px;}

.space_top15{
	padding-top:15px;}

.space_top20{
	padding-top:20px;}

.space_top30{
	padding-top:30px;}
	
.space_top40{
	padding-top:40px;}


.space_bottom5{
	padding-bottom:5px;}

.space_bottom10{
	padding-bottom:10px;}

.space_bottom15{
	padding-bottom:15px;}

.space_bottom20{
	padding-bottom:20px;}
	
.space_bottom30{
	padding-bottom:30px;}
	
.space_bottom40{
	padding-bottom:40px;}



/*　PC改行なし　*/
@media only screen and (min-width:641px) {
br.pc_none{
	display: none;}
}


/*　スマホ改行なし　*/
@media only screen and (max-width:640px) {
br.ph_none{
	display: none;}
}


/*_blankリンク汎用*/
a.linkico:after{
	content: "\f08e";
	font-family: FontAwesome;
	padding:0 0 0 0;}

/*テキストインデント汎用*/
.indent p{
	padding-left:1em;
	text-indent:-1em;}

.indent p img{
	margin-top:5px;}



/*----------------------------------
ボタン
----------------------------------*/
.button{
	width: 50%;
	font-size:16px;
    letter-spacing: .15rem;
    display: block;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    line-height: 41px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;}


.button.button-primary{
	color:#fff;
	background:#0070CA;}
 
.button.button-primary:hover {
	color:#fff;
	background:#4C9BDA;}

@media only screen and (max-width:640px) {
.button {
    width: 85%;}

}

/*----------------------------------
NEW アイコン
----------------------------------*/
.text_recent_post a {
	display: inline-flex;
	align-items: center;
}

.headline1 {
	display: inline-flex;
	width: 100%;
	align-items: center;
}

.new-icon {
	margin-left: 6px;
	transform: rotate(-10deg);
	height: 1.25em;
	width: auto;
}

.text_recent_post .new-icon {
	transform: rotate(-10deg) translateY(-3px);
}

/*----------------------------------
講演会のご案内
----------------------------------*/

/*Ｃ画像2列＋テキスト*/

/*Ｄ左画像＋右テキスト*/

.koushi_name{
	font-size:16px;
	font-weight:bold;
	border-top:2px solid #4093D0;
	border-bottom:2px solid #4093D0;
	padding:8px 0 7px 0;
	margin:0 0 15px 0;}

.subtitle{
	position: relative;
	content:"";
	display:block;
	width:100%;
	margin:20px 0 10px 0;
	font-size:16px;
	font-weight:bold;}

.subtitle span{
	font-size:16px;
	color:#4093D0;}

.subtitle:before{
	content: "\f0eb";
	font-size:16px;
	font-family: FontAwesome;
	color:#FE9C25;
	padding:0 8px 0 3px;}


.subtitle:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 2px;
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #FE9C25 2px, #FE9C25 6px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #FE9C25 2px, #FE9C25 6px);}

/*講師紹介*/

.lecture_theme {
	margin-top: 10px;
	padding-bottom: 3em;
}

/*受講者の声*/
div.koe{
    margin-top:-20px;}

div.koe p{
    padding:16px;
    margin:30px 0 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:1px solid #B9D5EC;
	background-color: #E3F1FB;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 5px 5px;}

div.koe p span:before{
	content: "\f27b";
	font-size:16px;
	font-family: FontAwesome;
	/*color:#254E89;*/
	padding:0 3px 0 0;}


div.koe p span{
	margin:5px 0 0 0;
	display:block;
	text-align:right;
	color:#254E89;
	line-height:1.0;}

.koe_next{
	padding:20px 0 0 0;
	text-align:right;}


/*----------------------------------
講演実績
----------------------------------*/
/* リンクのボタン */
.kouenlink{
	width: 20%;
	padding:0 0 10px 0;
	float:left;}

.button_s{
	width: 96%;
	font-size:14px;
    letter-spacing: .15rem;
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;
	border:1px solid #64A5D9;}
	

.button_s.button-primary{
	color:#333;
	background:#E1F2FF;}
 
.button_s.button-primary:hover {
	color:#333;
	background:#D2ECFF;}

@media only screen and (max-width:640px) {
.kouenlink{
	width: 50%;}

.button_s {
    width: 95%;}

.button_s.button-primary:hover {/* スマホでhover色が残るので元の色を指定 */
	color:#333;
	background:#E1F2FF;}

}



/*----------------------------------
組合概要
----------------------------------*/
.table_in{
    padding:16px;
    margin:5px 0 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:1px solid #B9D5EC;
	background: #E3F1FB;}



/*----------------------------------
ごあいさつ
----------------------------------*/
div.aisatu p strong{
	color:#006899;}



/*----------------------------------
まいど1号について
----------------------------------*/


/*----------------------------------
宇宙ロボット（投稿）
----------------------------------*/
.readtxt{
    color: #006899;
	font-weight:bold;}

/* メリット */	
.under_contents .merit {
    background:#E3F1FB;
    padding:8px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.under_contents .merit ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color:#FE9C25;
    padding: 0 5px 0 0;}

.under_contents .merit ul li {
    padding: 0;
	line-height:1.5;
    margin: 10px 0;
    list-style-type: none;
	background:none; 
    list-style-position:inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;}



@media only screen and (min-width:641px) {/*  SP展開図の非表示　*/
.sp{
	display:none;}	
}


@media only screen and (max-width:640px) {/* PC展開図の非表示　*/
.pc{
	display:none;}
}


/*期待できる効果*/
div.kouka{
    margin-top:-20px;}

div.kouka p{
    padding:16px;
    margin:10px 0 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:1px solid #DBD18C;
	background:#F9FAE7;}

div.kouka p span:before{
	content: "\f201";
	font-size:16px;
	font-family: FontAwesome;
	padding:0 5px 0 0;
	font-weight:normal;}


div.kouka p span{
	color:#DA572C;
	font-weight:bold;}



/*----------------------------------
まいど1号について
----------------------------------*/
.under_contents .maido_parts table th{ 
	width:20%;}

#content .post .maido_parts table th img{ 
	padding-bottom:0;}

.parts_name{
	color:#c00;}

.under_contents .maido_parts table td span {
    padding: 0 10px 0 0;}
	
under_txt_01,
.under_txt_02,
.last_txt{
	font-size:12px;
	text-align:center;
	display:block;}

.under_txt_01:first-letter,
.under_txt_02:first-letter,
.last_txt:first-letter{
  color:#006699;}

.under_txt_01 {
    margin:8px 0 0 0;}

.under_txt_02{
	margin:-10px 0 0 0;}
	
.last_txt{
	margin:-10px 0 0 0;}


@media only screen and (max-width:640px) {
.under_contents .maido_parts table td span {
    display:inline;}

.under_contents .maido_parts table th{ 
	padding:5px;}

.under_txt_01 {
    margin:5px 0 20px 0;}

.img_margin{
	margin-top:-20px;}

.under_txt_02{
	margin:-5px 0 20px 0;}

.last_txt{
	margin:-5px 0 0 0;}

}



/*----------------------------------
賛助会員募集　組合員募集
----------------------------------*/
/*募集資格など*/
div.bosyuu {
    padding:16px;
    margin:10px 0 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:1px solid #DBD18C;
	background:#F9FAE7;}

div.kiyaku span{
	font-weight:bold;}


div.kiyaku span:before{
	content: "\f13a";
	font-size:16px;
	font-family: FontAwesome;
	padding:0 5px 0 0;
	font-weight:normal;
	color:#0066FF;
	font-weight:normal;}



/*----------------------------------
プロジェクトメンバー募集
----------------------------------*/	
.failure{
	margin:10px 0 0 0;
	background:#FDFBE3;
	border: 1px solid #D5C199;
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	overflow:hidden;}


.failure .failure_title{
	color:#AB534B;
	font-size:15px;
	font-weight:bold;
	margin:0 0 5px 0;}

.failure .failure_title span{
	font-size:16px;
	font-family: Century Gothic;
	background:#990000;
	color:#fff;
	margin:0 8px 0 0;
	padding:2px 6px;
	line-height:1.0;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}


#content .post .failure img{
	float:left;
	margin:0;
	padding:0 0 0 0;}

#content .post .failure .txt{
	float:right;
	text-align: justify;
	margin:0;}


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

.failure{
	padding:15px;}

#content .post .failure img{
	width:20%;}

#content .post .failure .txt{
	width:78%;}

}


@media only screen and (max-width:640px) {
.failure{
	padding:10px;}


#content .post .failure img{
	width:40%;}

#content .post .failure .txt{
	width:56%;}

}

/*
@media only screen and (max-width:640px) {
#content .post .nagare img{
	margin:0;
	padding:0 0 10px 0;}

#content .post .nagare .txt{
	margin:0;}

}

*/

/*----------------------------------
講演会の依頼
----------------------------------*/
@media only screen and (min-width:481px) {
.irai_bt img{
	width:225px;}
}

@media only screen and (max-width:480px) {
.irai_bt img{
	width:100%;}

}



/*----------------------------------
まいど1号絵本
----------------------------------*/

/*Ｄ左画像＋右テキスト ※絵本用*/
.column_wrap_02_ehon{
	clear:both;
	overflow:hidden;}	

.column_wrap_02_ehon .leftimg{
	float:left;
	width:39%;
	padding:0;}	

.column_wrap_02_ehon .righttxt{
	float:right;
	width:58%;}	

@media only screen and (min-width:641px) {
#content .post .column_wrap_02_ehon .leftimg img{
	padding-bottom:0;}	

#content .post .column_wrap_01 .imgspace_left{
	padding-bottom:0;}

#content .post .column_wrap_01 .imgspace_right{
	padding-bottom:0;}

}	

@media only screen and (max-width:640px) {
.column_wrap_02_ehon .leftimg,
.column_wrap_02_ehon .righttxt{
	float:none;
	width:100%;}

#content .post .column_wrap_01 .imgspace_left{
	padding-bottom:10px;}

#content .post .column_wrap_01 .imgspace_right{
	padding-bottom:0;}

}




/*----------------------------------
組合員紹介
----------------------------------*/	
.under_contents .member table th{ 
	background:#fff;}

.under_contents .member table th{ 
	border-right:none;}

.under_contents .member table th{
	vertical-align:top;}


#content .post .under_contents .member table th img{ 
	padding-bottom:0;}

.yakusyoku{
	color:#069;}

#content .post .under_contents .member table td span {
	display: block;
	margin-top: 5px;
	line-height: 1.6;
}

@media only screen and (max-width:480px) {

.under_contents .member table th {
    padding-right:0;
	width:36%;
}



}


/*----------------------------------
サイトマップ
----------------------------------*/
ul.sitemap li{
    margin: 0 0 10px 0;}
	
ul.sitemap li.top_padding{
    margin: 30px 0 10px 0;}

ul.sitemap ol {
    margin: 0 0 10px 5px;
    padding: 0;}

ul.sitemap ol li{
    margin: 0 0 5px 0;
	list-style-type: none;}






/*----------------------------------
Ａテキスト　Ｂ画像1列＋テキスト
----------------------------------*/

/*　下層　汎用　pタグ使用　*/



/*----------------------------------
Ｃ画像2列＋テキスト
----------------------------------*/
.column_wrap_01{
	clear:both;
	overflow:hidden;}	

.column_wrap_01 .left,
.column_wrap_01 .right{
	width:49%;}

.column_wrap_01 .left{
	float:left;}

.column_wrap_01 .right{
	float:right;}


@media only screen and (max-width:640px) {
.column_wrap_01 .left,
.column_wrap_01 .right{
	width:100%;
	float:none;}

}


/*----------------------------------
Ｄ左画像＋右テキスト
----------------------------------*/
.column_wrap_02{
	clear:both;
	overflow:hidden;}	

.column_wrap_02 .leftimg{
	float:left;
	width:49%;
	padding:0;}	

.column_wrap_02 .righttxt{
	float:right;
	width:48%;}	

@media only screen and (min-width:641px) {
#content .post .column_wrap_02 .leftimg img{
	padding-bottom:0;}	
}	

@media only screen and (max-width:640px) {
.column_wrap_02 .leftimg,
.column_wrap_02 .righttxt{
	float:none;
	width:100%;}

}


/*----------------------------------
Ｅ左テキスト＋右画像
----------------------------------*/
.column_wrap_03{
	clear:both;
	overflow:hidden;}

.column_wrap_03 .lefttxt{
	float:left;
	width:48%;}	

.column_wrap_03 .rightimg{
	float:right;
	width:49%;
	padding:0;}

@media only screen and (min-width:641px) {
#content .post .column_wrap_03 .rightimg img{
	padding-bottom:0;}	
}

@media only screen and (max-width:640px) {
.column_wrap_03 .lefttxt,
.column_wrap_03 .rightimg{
	float:none;
	width:100%;}

}


/*----------------------------------
Ｆ左画像＋右テキスト回り込み
----------------------------------*/
@media only screen and (min-width:641px) {
#content .post .around_right img{
	float:left;
	margin:0 18px 0 0;
	padding:0;
	width:49%;}
}

@media only screen and (max-width:640px) {
.around_right img{
	margin:0 0 0 0;
	float:none;
	width:100%;}


}



/*----------------------------------
Ｇ左テキスト回り込み＋右画像
----------------------------------*/
@media only screen and (min-width:641px) {
#content .post .around_left img{
	float:right;
	margin:0 0 0 18px;
	padding:0;
	width:49%;}
}

@media only screen and (max-width:640px) {
.around_left img{
	margin:0 0 0 0;
	float:none;
	width:100%;}


}
/*----------------------------------
お知らせ：column
----------------------------------*/
h2.info_ul {
    border-bottom: 2px solid;
	text-align: center;
	margin-bottom: 1.3rem;
}
h3.info_dul {
	text-align: center;
	border-bottom: double 5px #FFC778;
    max-width: 480px;
	width: 100%;
    margin: auto auto 2.3rem;
    padding-bottom: .2rem;
}
.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
	margin-bottom: 0;
}
.p-group {
	margin-top: 1rem;
}
.p-group p {
	margin-bottom: 1rem;
}
p.mt-double {
	margin-top: 3rem;
}
.two-column>div>div {
	padding-bottom: 1rem;
}
.two-column img {
	display: block;
	text-align: center;
	padding: 0 !important;
	margin: auto;
}
.two-column .img-vtl img {
	max-width: 270px;
}

/*画像、動画したのキャプション*/
.img-cap {
	margin-top: .5rem;
	font-size: .8rem;
	text-align: center;
}
.img-cap::before {
	content: "※";
}
/*トップページ部分のキャプション*/
#featured_post .info .excerpt {
	margin-bottom: .7rem;
}
#featured_post .info .cap-sp,
#featured_post .info .cap-pc {
	font-size: .8rem;
}
#featured_post .info .cap-pc::before,
#featured_post .info .cap-sp::before {
	content: "※";
}
#featured_post .post1 .maido-link {
	margin-top: 7px;
}
/*セリフ部分*/
.lines-chairman {
	font-size: 15px;
    color: #2020d4;
}
.lines-expert {
	font-size: 15px;
    color: #2020d4;
}
/*セリフの人物*/
.expert-column {	
    display: grid;
    grid-template-columns: 220px auto;
	gap: 1.5rem;
	margin: 1.5rem auto;
	font-size: 15px;
    color: #2020d4;
}
.expert-column img {
    display: block;
    text-align: center;
    padding: 0 !important;
    margin: 1rem auto 0;
    max-width: 220px;
    width: 100%;
}
@media only screen and (max-width:500px) {
	.expert-column {
        grid-template-columns: 1fr;
		gap: 1rem;
	}
}
.center-img {
	width: 100%;
	text-align: center;
}
.center-img img {
	max-width: 400px;
	width: 100%;
	margin-top: 1rem;
}
@media only screen and (min-width:641px) {
	#featured_post .info .cap-sp {
		display: none;
	}
	#featured_post .info .cap-pc {
		margin-top: .7rem;
		text-align: left;
	}
}
@media only screen and (max-width:640px) {
	#featured_post .info .cap-pc {
		display: none;
	}
	#featured_post .info .cap-sp {
		margin-top: -.5rem;
		margin-bottom: 1rem;
		text-align: center;
	}
}
.one-mp4 {
	text-align: center;
	margin: 1.5rem auto;
	padding-bottom: .5rem;
    border-bottom: 4px dotted #CA6C6C;
    width: 100%;
    max-width: 360px;
}
.one-mp4 span {
	font-weight: bold;	
	font-size: 16px;
    color: #000;
    border-bottom: 4px dotted #CA6C6C;
    margin-bottom: .5rem;
    display: inline-block;
    width: 100%;
    max-width: 360px;
}
.one-img {
	text-align: center;
	margin-top: 1.5rem;
}
.one-img img {
	max-width: 500px;
	width: 100%;
	padding-bottom: 0 !important;
}
@media only screen and (min-width:641px) {
	.txt-top-pd {
		padding-top: 3.5rem;
	}
}
@media only screen and (max-width:640px) {
    .two-column {
        grid-template-columns: 1fr;
    }
	.two-column .div-1 {
		order: 1;
	}
	.two-column .div-2 {
		order: 2;
	}
}