@charset 'UTF-8';

strong { font-weight:bold; }
p strong { font-weight:bold; }
em { font-style:oblique; }
hr { border:1px dotted #999; outline: 0; border-collapse:collapse; margin:1em 0; }

section { padding:15px; }

/* ページタイトル */
#PageTitle {  }
#PageTitle h1 {}

#date { display:none; }

/* 見出し　本文 */
main h1, main h2, main h3, main h4, main h5, main h6, main p { clear:both;}
main h1 { font-size:30px; margin:0 0 15px; padding:0; background-image: url(h1bg.jpg); color:#FFFFFF; padding:30px 20px; width:99%; clear:both;}
main .ct02 h1 { font-size:30px; margin:0 0 15px; padding:0; background-image: url(h1_1bg.jpg); color:#FFFFFF; padding:30px 20px; width:99%; clear:both;}
main .ct03 h1 { font-size:30px; margin:0 0 15px; padding:0; background-image: url(h1_2bg.jpg); color:#FFFFFF; padding:30px 20px; width:99%; clear:both;}
main .ct04 h1 { font-size:30px; margin:0 0 15px; padding:0; background-image: url(h1_3bg.jpg); color:#FFFFFF; padding:30px 20px; width:99%; clear:both;}
main .ct05 h1 { font-size:30px; margin:0 0 15px; padding:0; background-image: url(h1_4bg.jpg); color:#FFFFFF; padding:30px 20px; width:99%; clear:both;}
main .ct06 h1 { font-size:30px; margin:0 0 15px; padding:0; background-image: url(h1_3bg.jpg); color:#FFFFFF; padding:30px 20px; width:99%; clear:both;}
main .ct07 h1 { font-size:30px; margin:0 0 15px; padding:0; background-image: url(h1bg.jpg); color:#FFFFFF; padding:30px 20px; width:99%; clear:both;}

h2 { font-size:22px; border-bottom:2px #8FCBFF solid; border-left:6px #8FCBFF solid; color: #008CE1; width:99%;background: linear-gradient( #FFFFFF, #D3EBFF);clear:both; padding:0 0 0 6px; margin: 0 0 10px}
h3 { font-size:16px; border-bottom:1px #8EB1BF solid; color: #008CE1; border-top:1px #E9E9E9 solid; width:99%; background: linear-gradient(#FFFFFF, #E1E1E1); padding:2px 8px;clear:both; margin:20px 0 10px;clear:both;}
h4 { font-size:16px; color: #295E8B; border-bottom:1px dotted #A4A4A4; padding:4px; margin:0;width:99%; }
h5 { font-size:18px; clear:both; font-weight:bold; margin:0 auto}
h6 { font-size:14px; clear:both;}
p { margin:0 auto; line-height:1.6; margin: 2px 10px;}
.clear {clear:both;}

.menu_l { background-image:url(../images/1565247826.gif); background-repeat:no-repeat;  width:100%; height:190px; display:block;background-size: contain; text-align:center; padding:10px 20px; text-align:left; text-decoration:none;}
.menu_l a { color:#000000; text-decoration:none;}
.menu_l a:hover {opacity: 0.7; text-decoration:none;} 
.menu_l h2 { text-align:center; color:#008cd6; margin:0; padding:0; background: none; border:none;}
.menu_l h2 a {color:#008cd6}

.menu_l_2 { background-image:url(../images/w02_1.gif); background-repeat:no-repeat;  width:100%; height:190px; display:block;background-size: contain; text-align:center; padding:10px 20px; text-align:left; text-decoration:none;}
.menu_l_2 a { color:#000000; text-decoration:none;}
.menu_l_2 a:hover {opacity: 0.7; text-decoration:none;} 
.menu_l_2 h2 { text-align:center; color: #F1474A; margin:0; padding:0; background: none; border:none;}
.menu_l_2 h2 a {color:#F1474A}

.menu_l_3 { background-image:url(../images/w03_1.gif); background-repeat:no-repeat;  width:100%; height:190px; display:block;background-size: contain; text-align:center; padding:10px 20px; text-align:left; text-decoration:none;}
.menu_l_3 a { color:#000000; text-decoration:none;}
.menu_l_3 a:hover {opacity: 0.7; text-decoration:none;} 
.menu_l_3 h2 { text-align:center; color: #35BA19; margin:0; padding:0; background: none; border:none;}
.menu_l_3 h2 a {color:#35BA19}

.menu_l_4 { background-image:url(../images/w04_1.gif); background-repeat:no-repeat;  width:100%; height:190px; display:block;background-size: contain; text-align:center; padding:10px 20px; text-align:left; text-decoration:none;}
.menu_l_4 a { color:#000000; text-decoration:none;}
.menu_l_4 a:hover {opacity: 0.7; text-decoration:none;} 
.menu_l_4 h2 { text-align:center; color: #FF9D22; margin:0; padding:0; background: none; border:none;}
.menu_l_4 h2 a {color:#FF9D22}

.menu_l_5 { background-image:url(../images/w05_1.gif); background-repeat:no-repeat;  width:100%; height:190px; display:block;background-size: contain; text-align:center; padding:10px 20px; text-align:left; text-decoration:none;}
.menu_l_5 a { color:#000000; text-decoration:none;}
.menu_l_5 a:hover {opacity: 0.7; text-decoration:none;} 
.menu_l_5 h2 { text-align:center; color: #FF67C7; margin:0; padding:0; background: none; border:none;}
.menu_l_5 h2 a {color:#FF67C7}

.menu_l2 { background-image:url(../images/w04_2.gif); background-repeat:no-repeat;  width:100%; height:160px; display:block;background-size: contain; text-align:center; padding:10px 20px; text-align:left; text-decoration:none;}
.menu_l2 a { color:#000000; text-decoration:none;}
.menu_l2 a:hover {opacity: 0.7; text-decoration:none;} 
.menu_l2 h2 { text-align:center; color: #FF9D22; margin:0; padding:0;background: none;border:none;}
.menu_l2 h2 a {color: #FF9D22}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 57%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 98%;
  height: 90%;
}

#acd-check1 { display: none;}
#acd-check2 { display: none;}
#acd-check3 { display: none;}
#acd-check4 { display: none;}
#acd-check5 { display: none;}
#acd-check6 { display: none;}
#acd-check7 { display: none;}
#acd-check8 { display: none;}
#acd-check9 { display: none;}
#acd-check10 { display: none;}
#acd-check11 { display: none;}
#acd-check12 { display: none;}
#acd-check13 { display: none;}
#acd-check14 { display: none;}
#acd-check15 { display: none;}

.acd-check { display: none;
}
.acd-label {
    background: #0068b7;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 11px;
    position: relative;
}
.acd-label:after {
    background: #00479d;
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    height: 44px;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: bold;  /* 何故か指定しないと一部のアイコンが表示されない模様 */
}
.acd-content{
    border: 1px solid #333;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	margin: 0 auto 8px;
	width: 98%;
}
.acd-check:checked + .acd-label:after{
    content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

/* ニュース　タブ切り替え */

.tab_menu {
	display: flex;
	width: 100%;
	margin: 0 0 1em;
}
.tab_menu li{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 0 8px;
	margin: 0 1px 0 0;
	list-style: none;
	cursor: pointer;
	color: #fff;
	background: #71d08a;
	font-size: 125%;
}
.tab_menu li:last-child {
	margin-right: 0;
}
.tab_menu li.selected {
	background: #24a547;
}
.tab_menu li:hover {
	background: #24a547;
}
.tab_menu li img {
	display: inline-block;
	padding: 0 5px 2px 0;
}
.select_menu_container {
	text-align: center;
}
.select_menu {
	padding: 10px;
	margin: 0 auto 0.8em;
	cursor: pointer;
	font-size: 125%;
	border-radius: 0;
	outline: none;
}
.tab_panel {
	overflow: hidden;
	height: 0;
	opacity: 0;
}
.tab_panel.is-show {
	overflow: visible;
	height: auto;
	opacity: 1;
	transition: opacity .4s ease-in-out;
}
@media screen and (min-width: 641px) {
	.select_menu_container {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.tab_menu {
		display: none;
	}
}





/* リンク */
a { color:#03c; text-decoration:none; }
a:hover { text-decoration:underline; opacity: 0.6; }
a img { border:none; }

/*リンク追加*/
.pdf {background: url(./icon_img01.gif) no-repeat left 3px;
padding: 0 0 0 30px;
display: block;
}

.word {padding: 0 0 0 30px;
display: block;
	background: url(./icon_img02.gif) no-repeat left top;
}

.xls {padding: 0 0 0 30px;
display: block;
	background: url(./icon_img07.gif) no-repeat left 3px;
}


/* テーブル */
.head_r_in table { margin:0; padding:0; border:none; width:100%}
.head_r_in table th { margin:0; padding:0; border:none; width:100%}
.head_r_in table th td { margin:0; padding:0; border:none; width:100%}

table { margin:1em 10px; border:solid 1px #999; border-collapse:collapse; width:95%; }
th { background-color: #E3EBFF; color: #003576; border:solid 1px #999; padding:4px; text-align:center; }
th h3 {color:#003576;}
.table01 {background-color: #3C86F3; color: #FFFFFF;}
th a {color:#003576;}
td { color:#333; border:solid 1px #999; padding:4px; text-align:center }
.text_left {text-align: left;}
.width01 {
	width: 60px;
}

.width02 {
	width: 110px;
}

.width03 {
	width: 20px;
}

main .ta_no { border:none;}
main .ta_no th { border:none; background:none; text-align:left;}
main .ta_no td { border:none; background:none; text-align:left;}

.gBg02 { background-color: #F2F9FF;}

/* リスト */
main ul { margin:10px 2em; list-style-image: url(icon04.gif);clear:both;}
main ul li { text-align:left}

main ol { margin:0.5em 2em; }
main ol li {  }

main dl	{ margin:0.5em 1em; }
main dt	{ font-weight:bold; }
main dd	{ margin:0 1em 0 2em; }

.block01 { padding:0.5em; margin:1em 10px; background-color:#eee; }
.block02 { padding:0.5em; margin:1em 10px; border:1px solid #ccc; }
.block03 { padding:0.5em; margin:1em 10px; border:1px dotted #666; }

.list_s_n { list-style:none; margin-left:8px}
.subList { margin-left:20px; text-indent:-18px;}
.lsde { list-style:decimal}

.L { text-align:left; }
.R { text-align:right; }
.C { text-align:center; }

#page_top { text-align:right; margin:1em; }

/* ページ切り替え */
#page { text-align:center; margin:1em; }

/* 更新情報 */
#topics h2#new { font-size:13px; margin:5px 0 0; padding:0.5em; }

#new { margin:0 0 2em; }
#new iframe{ width:760px; height:300px; }

.list_deci { list-style-type:decimal;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:14px; line-height:1.9; }
.list_disc { list-style:disc;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:14px; line-height:1.9}
.list_circle { list-style:circle;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:14px; line-height:1.9}

/*------------------------------------------------------------
	バナー横スクロール
------------------------------------------------------------*/
.horizontal-list { list-style:none; margin:0 0 0 5%}

    .item { float:left; margin:4px; width:30%;}
	.item img { width:99%}

/*------------------------------------------------------------
	各都道府県の宅建協会
------------------------------------------------------------*/
#zenkoku_link .list {
	margin: 0 15px 0 0;
}

#zenkoku_link .list li {
	padding: 0;
	width: 15%;
	float: left;
	margin: 0 0 5px 5px;
	background: url(/img/common/icon/icon03.gif) no-repeat left 3px;
}

/*------------------------------------------------------------
	お役立ちサイト集
------------------------------------------------------------*/
#kaiin_link .list {
	margin: 20px 30px 0 30px;
}

#kaiin_link .list li {
	padding: 0 0 5px 0;
	width: 45%;
	float: left;
	margin-bottom: 5px;
}

.list2 li {padding: 0 0 5px 0;
	width: 47%;
	float: left;
	margin-bottom: 5px;}
	
	.list3 li {padding: 0 4px 5px 0;
	width: 31%;
	float: left;
	margin-bottom: 5px;}
	
	.list4 li {padding: 0 0 5px 0;
	width: 23%;
	float: left;
	margin-bottom: 5px;}

.todokede {text-align:center; display:block; color:#000; background-color:#ffdce1;padding:4px; font-size:14px; font-weight: normal; float:left; border: 3px solid #e4e4e4;
border-radius:20px;         /* CSS3 */
-moz-border-radius:20px;    /* Firefox */
-webkit-border-radius:20px; /* Safari,Chrome */}

	
	
	/*------------------------------------------------------------
	関連団体について
------------------------------------------------------------*/
dl {
	border: 5px solid #CCCCCC;
    margin: 10px 0 30px;
    padding: 15px 15px 5px;
}

dt {
    clear: both;
    float: left;
}

dd {
    background: url(/img/miyatakken/kan_img01.gif) no-repeat left bottom;
    margin-bottom: 10px;
    padding: 0 0 10px 150px;
}

dd.none {
	background: none;
	margin-bottom: 0px;
}
	
.box {border: 5px solid #CCCCCC;margin-bottom: 30px;padding: 13px 42px 10px; width:99%}

.bo1 {text-align:center;color:#FFF; background-color: #5594FF; margin:0 auto;float: none;
border-radius:13px;         /* CSS3 */
-moz-border-radius:13px;    /* Firefox */
-webkit-border-radius:13px; /* Safari,Chrome */}
.bo1 a {color:#FFF; text-decoration: none; display:block;padding:2px;  }
.bo1:hover { background-color: #8EB4FF;text-decoration: none;}
.kaityou { background-position: top;background-image: url(kaityou.jpg); width:99%; padding:30px; background-repeat:no-repeat; margin:10px 0 0;}

h3.topicsH3 {
	margin-bottom: 10px;
}
.topics {
	border: 1px solid #CCCCCC;
	padding: 15px;
	height:300px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: 30px;
}
	*html .branch .topics {
		height: 180px;
	}
.topics .section {
	background: url(/img/common/dotline.png) repeat-x left bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 1.6em;
}
.topics .left {
	width: 110px;
}
.topics .right {
	width: 520px;
}
.topics .cap {
	font-weight: bold;
	font-size: 1.22em;}
	
	.topics .section { border-bottom:1px dotted #4B4B4B;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 1.6em;
	 clear:both;
}

.topics .left { float:left;
	width:18%;
}
.topics .right {float:left;
	width: 80%;
}

/* 会員検索 */
#searchform label { display:inline-block; width:220px; margin:0.5em; }
.btn { text-align:center; }
#s_list div { margin:2em 0.5em; padding:0.5em; border:1px solid #ccc; }
#s_list h2 {}
br.pc { display:none; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { font-size:14px; padding:0.5em;
margin:0.5em; border-radius:3px; clear:both; box-shadow: inset 1px 3px 8px -6px rgba(0,0,0,0.5); border:1px solid #ccc; }
button, input[type=button], input[type=submit], input[type=reset] { font-size:16px; background-color:#36a; margin:1em; padding:0.5em 3em; color:#fff; border:solid 1px #ccc; border-radius:6px; font-weight:bold; -webkit-appearance: none; }
button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color:#47a; }

.pc { display:block}
.sp { display: none}
.tac { text-align:center; margin:auto}


@media only screen and (max-width:960px) { 
#container { width:100%; max-width: 1000px; }
.menu_l {height:210px;padding:6px 15px;background-image:url(../images/1565247826.gif); }
.menu_l h2 { text-align:center; color:#008cd6; margin:0; font-size:16px;}

.menu_l_2 {height:210px;padding:6px 15px;}
.menu_l_2 h2 { text-align:center;margin:0; font-size:16px;}

.menu_l_3 {height:210px;padding:6px 15px;}
.menu_l_3 h2 { text-align:center;margin:0; font-size:16px;}

.menu_l_4 {height:210px;padding:6px 15px;}
.menu_l_4 h2 { text-align:center;margin:0; font-size:16px;}

.menu_l_5 {height:210px;padding:6px 15px;}
.menu_l_5 h2 { text-align:center;margin:0; font-size:16px;}

.menu_l2 {height:270px;padding:6px 15px;background-image:url(../images/1565247826.gif); }
.menu_l2 h2 { text-align:center; color:#008cd6; margin:0; font-size:16px;}

.pc { display:none}
.sp { display:block }
}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:600px) {
.list3 li {width: 45%;}
.list4 li {width: 45%;}

.menu_l {height:200px;background-image:url(../images/1565247826.gif); height:170px; line-height:1.4;}
.menu_l p { margin:0}
.menu_l2 {height:190px;background-image:url(../images/w04_1.gif); height:170px; line-height:1.4;}
.menu_l2 p { margin:0}

.box {border: 5px solid #CCCCCC;margin-bottom: 30px;padding: 13px 10px 10px; width:99%}
	
.youtube {
  width: 100%;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
	
	}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:500px) { 
main h1 {width:100%;}
br.pc { display:block; }

.list2 li {width: 98%;float: none;}
.list3 li {width: 98%;float: none;}
.list4 li {width: 98%;float: none;}

.menu_l {height:140px; line-height:1.3; font-size:13px}
.menu_l h2 {font-size:14px;}

.menu_l {height:140px; line-height:1.3; font-size:13px}
.menu_l h2 {font-size:14px;}

.menu_l_2 {height:140px; line-height:1.3; font-size:13px}
.menu_l_2 h2 {font-size:14px;}

.menu_l_3 {height:140px; line-height:1.3; font-size:13px}
.menu_l_3 h2 {font-size:14px;}

.menu_l_4 {height:140px; line-height:1.3; font-size:13px}
.menu_l_4 h2 {font-size:14px;}

.menu_l_5 {height:140px; line-height:1.3; font-size:13px}
.menu_l_5 h2 {font-size:14px;}


.menu_l2 {height:140px; line-height:1.3; font-size:13px}
.menu_l2 h2 {font-size:14px;}

/*------------------------------------------------------------
	バナー横スクロール
------------------------------------------------------------*/
.horizontal-list { list-style:none;}

    .item { float: none; margin:4px auto; width:80%;}
	.item img { width:99%}


}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
.menu_l { background-image:url(../images/1565241281.gif); background-repeat:no-repeat;  width:99%; height:156px; display:block;background-size: contain; text-align:center; padding:10px 20px 0 10px; text-align:left; text-decoration:none;}

.menu_l_2 { background-image:url(../images/w02_2.gif); background-repeat:no-repeat;  width:99%; height:156px; display:block;background-size: contain; text-align:center; padding:10px 20px 0 10px; text-align:left; text-decoration:none;horizontal-list}

.menu_l_3 { background-image:url(../images/w03_2.gif); background-repeat:no-repeat;  width:99%; height:156px; display:block;background-size: contain; text-align:center; padding:10px 20px 0 10px; text-align:left; text-decoration:none;}

.menu_l_4 { background-image:url(../images/w04_2.gif); background-repeat:no-repeat;  width:99%; height:156px; display:block;background-size: contain; text-align:center; padding:10px 20px 0 10px; text-align:left; text-decoration:none;}

.menu_l_5 { background-image:url(../images/w05_2.gif); background-repeat:no-repeat;  width:99%; height:156px; display:block;background-size: contain; text-align:center; padding:10px 20px 0 10px; text-align:left; text-decoration:none;}

.menu_l2 { background-image:url(../images/1565241281.gif); background-repeat:no-repeat;  width:99%; height:156px; display:block;background-size: contain; text-align:center; padding:10px 20px 0 10px; text-align:left; text-decoration:none;}
	

	
}


/*------------------------------------------------------------
	フォーム
------------------------------------------------------------*/

form { margin:1em 0.2em; }

fieldset { margin:1em 0; padding:2em; border:1px solid #999; border-radius:5px; }
legend { font-size:16px; padding:0.5em; }
legend span { color:#c00; margin: 0 0.3em; }

label { margin:0.5em; }
label span { color:#c00; margin: 0 0.3em; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { font-size:16px; padding:0.3em;
margin:0.5em; border-radius:3px; clear:both; box-shadow: inset 1px 3px 8px -6px rgba(0,0,0,0.5); border:1px solid #ccc; }

input[type=checkbox], input[type=radio]{ display:inline; clear:none; margin:0 0.5em; }

button, input[type=button], input[type=submit], input[type=reset] { font-size:14px; background-color:#36a; margin:1em; padding:0.5em 1em; color:#fff; border:solid 1px #ccc; border-radius:6px; font-weight:bold; -webkit-appearance: none; }

button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color:#47a; }

input:focus { border:solid 1px #abc; }
textarea { width:80%; }

.radioUl, .checkUl { list-style-type: none; }
.must { color:#c00; }
