@charset "utf-8";

/*/--------------------------------------------------------------------------/*/
/* ===== 共通 ===== */
/*/--------------------------------------------------------------------------/*/

/*/-- レスポンシブ画面表示切り替え --/*/

/*/-- PC画面用 --/*/
/* ▼表示領域が425px以上の場合 */
@media screen and (min-width: 501px) {
   .sp{ display: none !important; }  /* spを非表示 */
   .pc{ display: block !important; } /* pcを表示 */
}

/*/-- スマホ画面 --/*/
/* ▼表示領域が425px未満の場合 */
@media screen and (max-width: 500px) {
   .sp{ display: block !important; } /* spを表示 */
   .pc{ display: none !important; }  /* pcを非表示 */
}

.fixed{
	overflow:hidden;
}

:where(:root) {
text-spacing-trim: trim-start;
text-autospace: normal;
line-break: strict;
}

/*/--------------------------------------------------------------------------/*/
/* ===== CLEARFIX ===== */
/*/--------------------------------------------------------------------------/*/

body:after,
#header:after,
#header .right_col:after,
#global ul:after,
#content:after,
section:after,
#primary:after,
#primary .tab:after,
article:after,
.entry_content ul:after,
.topic_path p:after,
#secondary:after,
#pickup:after,
#license:after,
#inquiry:after,
#footer:after,
#footer div:after,
#primary #jicchi:after{
content:"";
display:block;
clear:both;

}


/*/--------------------------------------------------------------------------/*/
/* ===== HTML,BODY ===== */
/*/--------------------------------------------------------------------------/*/

html{
margin:0;
}

body{
color:#434343;
line-height:1.6;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-rendering:optimizeLegibility;
}

a:link,
a:visited{
text-decoration:none;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

select,
input[type='text'],
input[type='password'],
textarea{
border:1px solid #CCC;
padding:3px;
}

label,
input[type='radio'],
input[type='checkbox']{
cursor:pointer;
}

img{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select: none;
}

.left_col{
float:left;
}

.right_col{
float:right;
}

input#menuflg{
display: none;
}

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

.left_col{
float:none;
}

.right_col{
float:none;
}

}

/*/--------------------------------------------------------------------------/*/
/* ===== HEADER ===== */
/*/--------------------------------------------------------------------------/*/

#header{
position:relative;
overflow:hidden;
width:1000px;
padding:20px 0 0 0;
margin:0 auto;
}

#header .left_col,
#header .right_col{
padding:0 0 17px 0;
}

#header .left_col{
width:370px;
}

#header .right_col{
width:350px;
}

#header .center_col{
float:left;
width:225px;
}

#header .center_col p{
background:url(../images/common/header-kaijo.jpg) no-repeat;
width:225px;
height:125px;
margin-top:-10px;
text-indent:-9999px;
}

#header .right_col{
padding:30px 0 10px 0;
}

#header #name,
#header #name a{
display:block;
width:360px;
height:85px;
margin:0 0 10px 0;
}

#header #name{
margin-top:-10px;
}

#header #name a{
background:url(../images/common/header-name-02.gif) no-repeat;
text-indent:-9999px;
}

#header #catch{
font-size:87.5%;
}

#header #catch img{
vertical-align:-40%;
}

#header #catch span{
display:inline-block;
background-color:#EE6F44;
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
width:360px;
padding:1px 0;
font-weight:bold;
text-align:center;
}

#header #catch span span{
display:inline;
width:auto;
padding:0 4px 0 0;
font-size:125%;
}

#header .right_col p{
text-align:right;
}

#header .right_col .name{
padding:0 0 5px 0;
font-size:87.5%;
font-weight:bold;
}

#header .right_col .supp{
font-size:75%;
}

#header .right_col .request{
color:#F33;
font-size:87.5%;
font-weight:bold;
}

#header address{
background:url(../images/common/header-tel.gif) right no-repeat;
height:24px;
margin:0 0 5px 0;
text-indent:-9999px;
}

#header ul{
position:absolute;
z-index:1000;
top:0;
right:0;
clear:both;
text-align:right;
font-size:81.25%;
}

#header ul li{
display:inline;
}

#header ul a,
.menu ul a{
display:inline-block;
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
padding:6px 16px 5px 16px;
}

#header .career a:link,
#header .career a:visited,
.menu .career a:link,
.menu .career a:visited{
background:#FDC44F;
}
#header .career a:hover,
.menu .career a:hover{
background:#EDA41F;
}

#header .contact a:link,
#header .contact a:visited,
.menu .contact a:link,
.menu .contact a:visited{
background:#5EBABA;
}
#header .contact a:hover,
.menu .contact a:hover{
background:#2E8A8A;
}

#header .entry a:link,
#header .entry a:visited,
.menu .entry a:link,
.menu .entry a:visited{
background:#AB69D6;
}
#header .entry a:hover,
.menu .entry a:hover{
background:#8B49A6;
}


#header.sample{
padding-top: 40px;
}

#header.sample .right_col{
width: 370px;
padding-top: 10px;
}

#header.sample .card{
display: flex;
align-items: center;
justify-content: right;
border: 1px dotted #ccc;
margin-top: 10px;
padding:9px 9px 7px 7px;
line-height: 1.4;
font-size: 75%;
}

#header.sample .card span:first-child{
margin-right: 0.5em;
}

#header.sample .card img{
width: 70px;
}


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

#header{
width:100%;
padding:20px 10px 10px;
background-color: #FFF;
box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.4);
box-sizing: border-box;
overflow:visible;
position: fixed;
z-index: 1100;
}

#header .left_col{
width:80%;
position:absolute;
top:50%;
left:2%;	
z-index:1100;
transform:translateY(-45%);
}

#header .left_col,
#header .right_col{
padding: 0;
}

#header #name,
#header #name a{
color: #333;
width:100%;
height: auto;
}

#header #name{
font-size: 5vw;
}

#header #name .logo{
color: #FFF;
padding: 5px;
margin-right: 0.5em;
background-color: #333;
}

#header #name small{
margin-right: 0.5em;
}
	
#header #name a{
background-image: none;
text-indent: inherit;
}

#header #catch{
width: 100%;
font-size: 3vw;
}

#header #catch img{
width: 22%;
vertical-align:inherit;
}

#header #catch span{
width:100%;
display: flex;
align-items: center;
justify-content: center;
}

/* ===== ハンバーガーメニューボタン ===== */



.nav_btn{
	width:30px;
	height: 30px;
	position:fixed;
	top:42px;
	right:5%;	
	z-index:1100;
	display:flex;
	flex-direction:column;
	align-items:center;
	transform:translateY(-50%);
}

.n_button {
    display:block;
    width:30px;
    height:22px;
    cursor:pointer;
}

.n_button .bar {
    display:block;
    height:2px;
    background-color:#333;
    transition:all 0.5s;
    transform-origin:0 0;
}

.n_button .bar1 {
}

.n_button .bar2 {
	margin:8px 0;
}

.n_button .bar3 {
}


input:checked + label .n_button .bar1 {
	transform:translateX(20%) rotate(44deg);
}

input:checked + label .n_button .bar2 {
    opacity:0;
	margin:5px 0 12px;
}

input:checked + label .n_button .bar3 {
    transform:translateX(15%) rotate(-46deg);
}

div.menu{
    width:100%;
    height:100%;
	padding:20px 10px 10px;
    transition:all 0.5s;
    position:fixed;
    top:0;
    right:-100%;
    z-index:1000;
    background-color:#FFF;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	overflow: auto;
	 -webkit-overflow-scrolling: touch;
}

   
input:checked + label + div.menu{
    right:0;
}

div.menu_title{
	margin-top: 12px;
}

#nav_menu .nav_list{
	position: inherit;
	list-style: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#nav_menu .nav_list li{
	color:#333;
	font-size:3vw;
	line-height:1em;
	text-align: center;
	width: 50%;
	border-top: #333 2px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	box-sizing: border-box;
	cursor:pointer;
	position: relative;
}

#nav_menu .nav_list li a{
	display: inline-block;
	color:#333;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

#nav_menu .nav_list li:after{
	content: "";
	position: absolute;
	top:50%;
	right: 2.5%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background-image: url("../images/common/nav-arrow.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#nav_menu .nav_list li:nth-child(2),
#nav_menu .nav_list li:nth-child(4),
#nav_menu .nav_list li:nth-child(6),
#nav_menu .nav_list li:nth-child(8),
#nav_menu .nav_list li:nth-child(10),
#nav_menu .nav_list li:nth-child(12),
#nav_menu .nav_list li:nth-child(15),
#nav_menu .nav_list li:nth-child(17){
	border-left: none;
}

#nav_menu .nav_list .home:after,
#nav_menu .nav_list .fees:after,
#nav_menu .nav_list .schedule:after,
#nav_menu .nav_list .q_and_a:after{
	right: 5%;
}


/*/-- kenchiku --/*/

#nav_menu .nav_list .kenchiku{
	color: #E74C3C;
	border-top: #E74C3C 2px solid;
}

#nav_menu .nav_list .kenchiku:after{
	right: 5%;
	background-image: url("../images/common/arrow-red-m.gif");
}

#nav_menu .nav_list .kenchiku a{
	color: #E74C3C;
}


/*/-- denki --/*/

#nav_menu .nav_list .denki{
	color: #2055A8;
	border-top: #2055A8 2px solid;
}

#nav_menu .nav_list .denki:after{
	right: 5%;
	background-image: url("../images/common/arrow-blue-m.gif");
}

#nav_menu .nav_list .denki a{
	color: #2055A8;
}


/*/-- tsushin --/*/

#nav_menu .nav_list .tsushin{
	color: #f0c339;
	border-top: #f0c339 2px solid;
}

#nav_menu .nav_list .tsushin:after{
	right: 5%;
	background-image: url("../images/common/arrow-yellow-m.gif");
}

#nav_menu .nav_list .tsushin a{
	color: #f0c339;
}


/*/-- doboku --/*/

#nav_menu .nav_list .doboku{
	color: #815E2C;
	border-top: #815E2C 2px solid;
}

#nav_menu .nav_list .doboku:after{
	right: 5%;
	background-image: url("../images/common/arrow-brown-m.gif");
}

#nav_menu .nav_list .doboku a{
	color: #815E2C;
}


/*/-- kankouji --/*/

#nav_menu .nav_list .kankouji{
	color: #AA4488;
	border-top: #AA4488 2px solid;
}

#nav_menu .nav_list .kankouji:after{
	right: 5%;
	background-image: url("../images/common/arrow-purple-m.gif");
}

#nav_menu .nav_list .kankouji a{
	color: #AA4488;
}


/*/-- kyusui --/*/

#nav_menu .nav_list .kyusui{
	color: #33BFDB;
	border-top: #33BFDB 2px solid;
}

#nav_menu .nav_list .kyusui:after{
	background-image: url("../images/common/arrow-skyblue-m.gif");
}

#nav_menu .nav_list .kyusui a{
	color: #33BFDB;
}

/*/-- zouen --/*/

#nav_menu .nav_list .zouen{
	color: #390;
	border-top: #390 2px solid;
}

#nav_menu .nav_list .zouen:after{
	right: 5%;
	background-image: url("../images/common/arrow-green-m.gif");
}

#nav_menu .nav_list .zouen a{
	color: #390;
}

/*/-- building --/*/

#nav_menu .nav_list .building{
	color:#2757EF;
	border-top: #2757EF 2px solid;
}

#nav_menu .nav_list .building:after{
	right: 5%;
	background-image: url("../images/common/arrow-blue-m.gif");
}

#nav_menu .nav_list .building a{
	color: #2757EF;
}

#nav_menu .nav_list .career,
#nav_menu .nav_list .contact,
#nav_menu .nav_list .entry{
width: 100%;
padding: 0;
border: none;
}

#nav_menu .nav_list .career:after,
#nav_menu .nav_list .contact:after,
#nav_menu .nav_list .entry:after{
background-image: url("../images/common/nav-arrow2.png");
}

#nav_menu .nav_list .career a,
#nav_menu .nav_list .contact a,
#nav_menu .nav_list .entry a{
color: #FFF;
text-decoration: none !important;
width: 100%;
padding: 10px;
box-sizing: border-box;
}

.menu .add{
width: 80%;
margin: 20px auto 0;
}

.menu .add p{
text-align:center;
}

.menu .add .name{
padding:0 0 5px 0;
font-size:3vw;
font-weight:bold;
}

.menu .add .tel{
width: 100%;
margin-bottom: 10px;
}

.menu .add .tel a{
display: inline;
width: 100%;
}

.menu .add .tel a img{
width: 100%;
}

.menu .add .supp{
font-size:3vw;
line-height:1.3;
}

.menu .add .request{
color:#F33;
font-size:3.5vw;
font-weight:bold;
}



}




/*/--------------------------------------------------------------------------/*/
/* ===== GLOBAL NAV ===== */
/*/--------------------------------------------------------------------------/*/

#global{
position:relative;
z-index:1000;
clear:both;
background:url(../images/common/global.gif) repeat-x;
border-top:1px solid #F4F4F4;
border-bottom:4px solid #E6E5E1;
width:100%;
height:50px;
margin:0 0 20px 0;
}

#global ul{
list-style:none;
}

#global > ul{
display: flex;
z-index:200;
width:1000px;
height:50px;
margin:0 auto;
}

#global > ul > li{
position: relative;
width:50px;
height:50px;
vertical-align: top;
}

#global > ul > li::after{
content:"";
position: absolute;
top: 20%;
right: -1px;
display: block;
border-right: 1px dotted #999;
height: 60%;
}

#global > ul > li:last-child::after{
display: none;
}

#global li a{
display:flex;
justify-content: center;
align-items: center;
width: 100%;
height:50px;
font-weight: bold;
}

#global li a:link,
#global li a:visited{
color: #000;
}

#global li a:hover{
color: #09C;
}

#global .home a{
display:block;
overflow:hidden;
background-image:url(../images/common/global-a7.png);
background-reepat:no-repeat;
width:50px;
text-indent:-9999px;
}

/*
#global .koshukai,
#global .koshukai a,
#global .tokucho,
#global .tokucho a{
width:237px;
}
*/

#global .home a{
background-position:0 0;
}
#global .home a:hover{
background-position:0 -50px;
}

#global .home{
flex-grow: 0;
}

#global .fees{
flex-grow: 13;
}

#global .koshukai{
flex-grow:3;
cursor: pointer;
}

#global .schedule{
flex-grow: 4;
}

#global .dokugaku{
flex-grow: 9;
}

#global .training{
flex-grow: 5;
}

#global .q_and_a{
flex-grow: 6;
}

#global .koshukai{
position:relative;
}

#global .koshukai ul{
background-image:none;
height:auto;
}

#global .koshukai .license{
position:absolute;
z-index:99999;
top:50px;
left:0;
display:none;
background-image:none;
background-color:#EEE;
border:1px solid #D6D5D1;
border-top:1px dotted #B6B5B1;
width:222px;
font-size:100% !important;
}

#global .koshukai li{
position:relative;
float:none;
height:auto;
}

#global .koshukai li a{
background:none;
border-bottom:1px dotted #B6B5B1;
height:auto;
width:210px;
padding:8px 6px;
text-indent:0;
font-weight:normal;
}

#global .koshukai .building a{
border:none;
}

#global .koshukai ul ul{
position:absolute;
top:-1px;
left:222px;
display:none;
background-color:#F4F4F4;
border:1px solid #C6C5C1;
border-left:none;
width:14.2em;
height:auto;
}

#global .koshukai ul ul li{
display:inline;
border-bottom:none;
margin:0;
}

#global .koshukai .building ul li a,
#global .koshukai ul ul li a{
display:inline-block;
border-bottom:none;
border-left:0.05em dotted #A6A5A1;
width:7em;
margin:0;
padding:8px 0;
text-align:center;
vertical-align:top;
}



/*/--------------------------------------------------------------------------/*/
/* ===== CONTENTS ===== */
/*/--------------------------------------------------------------------------/*/

#content{
position:relative;
z-index:90;
width:1000px;
margin:0 auto 20px auto;
}

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

#content{
width:100%;
}

}

/*/--------------------------------------------------------------------------/*/
/* ===== SECTION ===== */
/*/--------------------------------------------------------------------------/*/

section{
position:relative;
width:1000px;
}

section a:link{
color:#015;
}
section a:visite{
color:#414;
}
section a:hover{
color:#811;
}
section a:active{
color:#A11;
}

section header{
border-width:3px 0;
border-style:solid;
border-top-color:#3398DA;
border-bottom-color:#E6E5E1;
padding:10px;
margin:0 0 30px 0;
}

section h1{
color:#3398DA;
font-size:281.25%;
font-weight:normal;
}

section header p{
margin:0;
font-size:125%;
}

section h2{
clear:both;
border:1px solid #E6E5E1;
color:#3398DA;
padding:8px 10px;
margin:30px 10px 20px 10px;
font-size:175%;
font-weight:normal;
}

section h2 span{
display:inline-block;
border-width:0 0 0 3px;
border-style:solid;
border-color:#3398DA;
padding:0 0 0 10px;
margin:0 0 -2px 0;
}

section h3{
clear:both;
margin:25px 20px 20px 20px;
line-height:1;
font-size:150%;
font-weight:normal;
}

section h3 span{
display:inline-block;
border-width:0 0 0 1em;
border-style:solid;
border-color:#3398DA;
padding:0 0 0 5px;
}

section h3 span span{
border:none !important;
padding:0;
display:inline;
}

section h4{
border-width:0 0 0 3px;
border-style:solid;
border-color:#3398DA;
padding:0 0 0 5px;
margin:20px 30px 15px 30px;
line-height:1.5;
font-size:125%;
}

section h5{
margin:15px 30px 15px 30px;
line-height:1.5;
font-size:112.5%;
}

section h5 span{
display:inline-block;
border-width:0 0 2px 0;
border-style:dotted;
border-color:#3398DA;
padding:0 5px 3px 5px;
}

section p,
section dl,
section address{
margin:15px 30px 15px 30px;
}

section ul,
section ol{
margin:15px 30px 15px 50px;
}

section dt{
font-weight:bold;
}

section dd{
}

section p{
}

section p.contact{
border:1px dotted #DDD;
padding:10px;
}

section p.notice{
padding-left:1em;
}
section p.notice:first-letter {
margin-left:-1em;
}

section p.note{
border:1px dotted #DDD;
padding:0.625em 0.625em 0.625em 2.325em;
}
section p.note:first-letter {
margin-left:-1.7em;
}

section table{
border-top:3px solid #3398DA;
border-right:1px solid #D7D6D2;
width:940px;
margin:15px 30px 15px 30px;
}

section th,
section td{
border-left:1px solid #D7D6D2;
border-bottom:1px solid #D7D6D2;
padding:8px 10px;
}

section td.centering{
padding:8px 10px;
}

section th{
background:#F7F6F2;
text-shadow:-1px 1px 0 rgba(255,255,255,0.75);
text-align:center;
}

section thead th,
section .head th{
background:#E7E6E2;
}

section th .req{
color:#F00;
}

section .nowrap{
white-space:nowrap;
}

section .no_brd{
border-top:none;
border-left:none;
}

section .v_dash{
display:inline-block;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
}

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

section{
width:100%;
padding: 10px;
box-sizing: border-box;
}

section h1{
font-size:5vw;
}

section h2{
font-size:4.5vw;
}

section h4{
font-size:4vw;
margin: 20px 0 15px;
}

section header p{
font-size:3.3vw;
}

section dl{
margin:15px auto 30px;
}

section .sp_table{
width: 100%;
overflow: auto;
 -webkit-overflow-scrolling: touch;
}

section table{
width:100%;
margin: 0 auto;
}

section th{
font-size:3.5vw;
}

section td{
font-size:3vw;
}

section .sp_comment{
margin: 0;
}

}

/*/--------------------------------------------------------------------------/*/
/* ===== PRIMARY ===== */
/*/--------------------------------------------------------------------------/*/

#primary{
float:left;
width:810px;
}

#primary h2:first-child{
margin-top:0;
}

section #primary table{
width:750px;
}



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

#primary{
float:none;
width:100%;
}

section #primary table{
margin: 15px auto;
}

}


/* ===== KOUSHUKAI ===== */

#koushukai td{
text-align:center;
}

#koushukai td:not(:nth-of-type(1)):not(:nth-child(3)):last-child,
#koushukai td[colspan="3"] + td{
background: #F7F6F2;
text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.75);
font-weight: bold;
}

#koushukai .kaijou_left{
float:left;
width:430px;
padding:0 0 30px 0;
}

#koushukai .kaijou_left h4,
#koushukai .kaijou_left h5{
margin-top:0;
}

#koushukai .kaijou_left dl{
margin-right:25px;
}

#koushukai .kaijou_left dt{
width:5.1em;
margin:0 0 -1.6em 0;
text-align:right;
}

#koushukai .kaijou_left dd{
margin:0 0 0 5.1em;
}

#koushukai .map{
float:right;
width:300px;
padding:0 30px 30px 0;
}

#koushukai .map iframe{
border:1px solid #DDD;
width:298px;
height:298px;
}

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

#koushukai .kaijou_left{
float:none;
width:100%;
box-sizing: border-box;
}

#koushukai .kaijou_left h4{
font-size:4vw;
margin: 25px auto 20px;
}

#koushukai .kaijou_left p img{
display: block;
margin: 0 auto;
}

#koushukai .kaijou_left .sp_outer{
text-align: center;
}

#koushukai .kaijou_left dl{
display: inline-block;
margin: 15px auto 0;
}

#koushukai .kaijou_left dt,
#koushukai .kaijou_left dd{
font-size:3.5vw;
}

#koushukai .map{
float:none;
padding:0;
margin:  0 auto 30px;
}


}


/* ===== GAIYOU ===== */

#gaiyou dt{
width:20em;
margin:0 0 -1.6em 0;
}

#gaiyou dd{
margin:0 0 0 20em;
}

/* ===== SHIKAKU ===== */

#shikaku td.centering{
white-space:nowrap;
}

/* ===== KEIKOU ===== */

#keikou td{
text-align:center;
}

/* ===== DATA ===== */

#data td{
text-align:center;
}

/* ===== TOKUBETSU ===== */

#tokubetsu h2.point{
position:relative;
margin:40px 10px 0 180px;
}

#tokubetsu h2.point span{
position:absolute;
top:0;
left:-170px;
border:none;
padding:0;
}

#tokubetsu p.point{
margin-top:10px;
padding-left:160px;
}

#tokubetsu td{
text-align:center;
}

#tokubetsu .kaijou_left{
float:left;
width:430px;
padding:0 0 30px 0;
}

#tokubetsu .kaijou_left dt{
width:5.1em;
margin:0 0 -1.6em 0;
text-align:right;
}

#tokubetsu .kaijou_left dd{
margin:0 0 0 5.1em;
}

#tokubetsu .map{
float:right;
width:300px;
padding:0 30px 30px 0;
}

#tokubetsu .map iframe{
border:1px solid #DDD;
width:298px;
height:298px;
}




/*/--------------------------------------------------------------------------/*/
/* ===== SECONDARY ===== */
/*/--------------------------------------------------------------------------/*/

#secondary{
float:right;
width:170px;
padding:0 0 30px 0;
}

section #secondary h2{
border:none;
padding:0;
margin:0;
font-size:87.5%;
}

section #secondary h2 a{
display:block;
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
padding:4px 0;
text-align:center;
}

section #secondary ul{
margin:0;
padding:5px 0;
font-size:81.25%;
list-style:none;
}

section #secondary li{
border-bottom-width:1px;
border-bottom-style:dotted;
}

section #secondary li:last-child{
border-bottom:none;
}

section #secondary ul a{
display:block;
background-position:10px center;
background-repeat:no-repeat;
padding:7px 0 7px 32px;
}

section #secondary ul a:link,
section #secondary ul a:visited{
color:#000;
}

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

#secondary{
float:none;
width:100%;
padding:0;
}

}

/*/--------------------------------------------------------------------------/*/
/* ===== TOPIC PATH ===== */
/*/--------------------------------------------------------------------------/*/

#topicpath{
clear:both;
width:1000px;
padding:20px 0 0 0;
margin:0 auto;
}

#topicpath p{
background:#F3F0EE;
text-shadow:-1px 1px 0 rgba(255,255,255,0.75);
width:960px;
padding:0 20px;
margin:0;
}

#topicpath a,
#topicpath span{
display:inline-block;
line-height:2.4545;
}

#topicpath a:link,
#topicpath a:visited{
color:#000;
}

#topicpath a:hover{
color:#3398DA;
}

#topicpath .top{
position:fixed;
z-index:1000;
left:auto;
bottom:213px;
right:0;
float:right;
overflow:hidden;
background-image:url(../images/common/topicpath-top.gif);
width:44px;
height:185px;
text-indent:-9999px;
}

#topicpath .top:hover{
background-position:bottom;
}

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

#topicpath{
width:100%;
}

#topicpath .top{
bottom:20px;
}

#topicpath p{
font-size: 2.8vw;
width:100%;
padding: 0 10px;
box-sizing: border-box;
}

}


/*/--------------------------------------------------------------------------/*/
/* ===== PICKUP ===== */
/*/--------------------------------------------------------------------------/*/

#pickup{
width:1000px;
margin:0 auto 20px auto;
}


#pickup .left_col,
#pickup .right_col{
width:468px;
padding:8px 11px 11px 11px;
}

#pickup h2{
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
margin:0 0 6px 0;
text-align:center;
font-size:156.25%;
}

#pickup .left_col p,
#pickup .right_col p{
text-shadow:-1px 1px 0 #FFF;
padding:7px 0;
margin:0 0 10px 0;
text-align:center;
font-size:106.25%;
font-weight:bold;
}

#pickup .left_col ul,
#pickup .right_col ul{
line-height:1.4;
list-style:none;
font-size:87.5%;
}
#pickup .left_col li,
#pickup .right_col li{
display:inline;
}

#pickup .left_col ul a,
#pickup .right_col ul a{
display:inline-block;
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
padding:9px 0 8px 0;
text-align:center;
}

/* ===== JICCHI ===== */

#pickup .left_col p{
font-size:125%;
line-height:1.37;
}

#pickup .jicchi{
background:#35B480;
}

#pickup .jicchi p{
background:#E4F6EF;
color:#259470;
}

#pickup .jicchi a{
/*width:117px;*/
width:234px;
}

#pickup .jicchi .kenchiku a:link,
#pickup .jicchi .kenchiku a:visited{
background-color:#E74C3C;
}
#pickup .jicchi .kenchiku a:hover{
background-color:#B71C0C;
}

#pickup .jicchi .denki a:link,
#pickup .jicchi .denki a:visited{
background-color:#2055A8;
}
#pickup .jicchi .denki a:hover{
background-color:#103588;
}

#pickup .jicchi .doboku a:link,
#pickup .jicchi .doboku a:visited{
background-color:#815E2C;
}
#pickup .jicchi .doboku a:hover{
background-color:#613E0C;
}

#pickup .jicchi .kankouji a:link,
#pickup .jicchi .kankouji a:visited{
background-color:#A48;
}
#pickup .jicchi .kankouji a:hover{
background-color:#826;
}

#pickup .jicchi .tokyo a:link,
#pickup .jicchi .tokyo a:visited{
background-color:#B3B;
}
#pickup .jicchi .tokyo a:hover{
background-color:#D4D;
}

#pickup .jicchi .osaka a:link,
#pickup .jicchi .osaka a:visited{
background-color:#927;
}
#pickup .jicchi .osaka a:hover{
background-color:#A29;
}

/* ===== TOKUBETSU ===== */

#pickup .tokubetsu{
background:#50AF15;
}

#pickup .tokubetsu p{
background:#E8F5D9;
color:#409F08;
}

#pickup .tokubetsu a{
width:156px;
}

#pickup .tokubetsu .kenchiku a:link,
#pickup .tokubetsu .kenchiku a:visited{
background-color:#E74C3C;
}
#pickup .tokubetsu .kenchiku a:hover{
background-color:#B71C0C;
}

#pickup .tokubetsu .denki a:link,
#pickup .tokubetsu .denki a:visited{
background-color:#2055A8;
}
#pickup .tokubetsu .denki a:hover{
background-color:#103588;
}

#pickup .tokubetsu .doboku a:link,
#pickup .tokubetsu .doboku a:visited{
background-color:#815E2C;
}
#pickup .tokubetsu .doboku a:hover{
background-color:#613E0C;
}

/***/
#pickup .right_col{
width:978px;
}


#pickup .tokubetsu a{
width:326px;
}

#pickup .right_col ul{
font-size:100%;
}

/***/

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

#pickup{
width:100%;
}

}

/*/--------------------------------------------------------------------------/*/
/* ===== LICENSE ===== */
/*/--------------------------------------------------------------------------/*/

#license{
width:1000px;
margin:0 auto 20px auto;
}

#license div{
float:left;
width:150px;
padding:8px 0 5px 0;
margin:0 20px 0 0;
}

#license .zouen{
margin:0;
}

#license h2,
#license p{
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
text-align:center;
}

#license h2{
font-size:93.75%;
margin:0 0 8px 0;
line-height:1.3;
}

#license p{
margin:0 0 8px 0;
font-size:87.5%;
font-weight:bold;
}

#license ul{
background-color:#FFF;
width:120px;
padding:7px 10px 0 10px;
margin:0 auto;
list-style:none;
font-size:87.5%;
}

#license ul ul{
width:117px;
padding:6px 0 8px 0;
line-height:1.8;
font-size:83.3333% !important;
}

#license ul ul:after{
content:"";
display:block;
clear:both;
}

#license ul ul li{
float:left;
}

#license li{
border-bottom-width:1px;
border-bottom-style:dotted;
}

#license a{
display:block;
background-repeat:no-repeat;
background-position:left center;
text-shadow:none;
padding:7px 0 8px 22px;
}

#license a:link,
#license a:visited{
color:#000;
}

#license .koshukai a{
padding:0 0 0 22px;
}

#license li:last-child,
#license li li{
border-bottom-width:0;
}


#license li:last-child{
font-size:83.3333%;
}

#license ul ul li:last-child{
font-size:100%;
}

#license .koshukai li{
display:inline;
}

#license .koshukai li a{
display:inline-block;
padding:0 4px 0 9px;
}

/* ===== KENCHIKU ===== */

#license .kenchiku{
background-color:#E74C3C;
}

#license .kenchiku li{
border-color:#E74C3C;
}

#license .kenchiku li a{
background-image:url(../images/common/arrow-red-m.gif);
}

#license .kenchiku li li a{
background-image:url(../images/common/arrow-red-s.gif);
}

#license .kenchiku a:hover,
#license .kenchiku a:active{
color:#E74C3C;
}

/* ===== DENKI ===== */

#license .denki{
background-color:#2055A8;
}

#license .denki li{
border-color:#2055A8;
}

#license .denki li a{
background-image:url(../images/common/arrow-blue-m.gif);
}

#license .denki li li a{
background-image:url(../images/common/arrow-blue-s.gif);
}

#license .denki a:hover,
#license .denki a:active{
color:#2055A8;
}

/* ===== DOBOKU ===== */

#license .doboku{
background-color:#815E2C;
}

#license .doboku li{
border-color:#815E2C;
}

#license .doboku li a{
background-image:url(../images/common/arrow-brown-m.gif);
}

#license .doboku li li a{
background-image:url(../images/common/arrow-brown-s.gif);
}

#license .doboku a:hover,
#license .doboku a:active{
color:#815E2C;
}

/* ===== KANKOUJI ===== */

#license .kankouji{
background-color:#A48;
}

#license .kankouji li{
border-color:#A48;
}

#license .kankouji li a{
background-image:url(../images/common/arrow-purple-m.gif);
}

#license .kankouji li li a{
background-image:url(../images/common/arrow-purple-s.gif);
}

#license .kankouji a:hover,
#license .kankouji a:active{
color:#A48;
}

/* ===== KYUSUI ===== */

#license .kyusui{
background-color:#33BFDB;
}

#license .kyusui li{
border-color:#33BFDB;
}

#license .kyusui li a{
background-image:url(../images/common/arrow-skyblue-m.gif);
}

#license .kyusui ul{
padding-top:0;
line-height:2.3;
}

#license .kyusui a:hover,
#license .kyusui a:active{
color:#33BFDB;
}

/* ===== ZOUEN ===== */

#license .zouen{
background-color:#390;
}

#license .zouen li{
border-color:#390;
}

#license .zouen li a{
background-image:url(../images/common/arrow-green-m.gif);
}

#license .zouen li li a{
background-image:url(../images/common/arrow-green-s.gif);
}

#license .zouen a:hover,
#license .zouen a:active{
color:#390;
}

/*/--------------------------------------------------------------------------/*/
/* ===== INQUIRY ===== */
/*/--------------------------------------------------------------------------/*/

#inquiry{
width:1000px;
margin:0 auto 20px auto;
}

#inquiry .contact,
#inquiry .entry{
float:left;
background:url(../images/common/inquiry-arrow.png) 425px 5px no-repeat;
width:490px;
margin-right:20px;
}

#inquiry .contact a,
#inquiry .entry a:first-child{
display:block;
padding:5px 70px 5px 5px;
line-height:60px;
}

#inquiry .contact span,
#inquiry .entry span{
display:block;
background-repeat:no-repeat;
background-position:left top;
padding:5px 0 0 84px;
margin-top:-5px;
min-height:60px;
line-height:60px;
}

#inquiry .contact a:link,
#inquiry .contact a:visited,
#inquiry .entry a:link,
#inquiry .entry a:visited{
color:#000;
}

#inquiry .contact{
background-color:#5EBABA;
}

#inquiry .contact a:hover,
#inquiry .contact a:active{
color:#5EBABA;
}

#inquiry .contact span{
background-image:url(../images/common/inquiry-contact.png);
}

#inquiry .entry{
background-color:#AB69D6;
margin-right:0;
}

#inquiry .entry a:first-child:hover,
#inquiry .entry a:first-child:active{
color:#AB69D6;
}

#inquiry .entry a:last-child{
display: block;
background-color: #fff;
padding-top: 0.3em;
font-size: 80%;
text-align: center;
}

#inquiry .entry span{
background-image:url(../images/common/inquiry-entry.png);
}

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

#inquiry{
width:100%;
}

#inquiry .contact,
#inquiry .entry{
float:none;
width: calc(100% - 20px);
padding:5px;
margin: 20px auto 0;
background-image: url(../images/common/inquiry-arrow.png);
background-position: right center;
background-repeat: no-repeat;
box-sizing: border-box;
}

#inquiry .contact a,
#inquiry .entry a{
}

#inquiry .contact span,
#inquiry .entry span{
font-size: 3.5vw;
margin-top:-5px;
line-height:60px;
padding: 5px 0 0 30%;
}


}

/*/--------------------------------------------------------------------------/*/
/* ===== SUB ===== */
/*/--------------------------------------------------------------------------/*/

#sub{
margin:0 0 20px 0;
}

#sub ul{
background:#E6E5E1;
text-shadow:-1px 1px 0 rgba(255,255,255,0.75);
width:1000px;
margin:0 auto;
padding:13px 0;
font-size:75%;
text-align:center;
list-style:none;
}

#sub li{
display:inline;
border-left:1px solid #C6C5C1;
padding:0 0 0 1.3em;
}

#sub a{
margin:0 1em 0 0;
}

#sub .home{
border:none;
padding:0;
}

#sub a:link,
#sub a:visited{
color:#000;
}

#sub a:hover{
color:#3398DA;
}

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

#sub{
width: 100%;
}

#sub ul{
width:100%;
padding:13px 0;
font-size:75%;
text-align:center;
list-style:none;
display: flex;
flex-direction: column;
}

#sub li{
display:inline;
border-left:none;
border-bottom:1px solid #C6C5C1;
padding: 0;
margin:0;
}

#sub a{
display: inline-block;
width: 100%;
padding:10px 0;
margin:0;
}

#sub .home{
border-top:1px solid #C6C5C1;
border-bottom:1px solid #C6C5C1;
margin-top: 0;
}


}

/*/--------------------------------------------------------------------------/*/
/* ===== FOOTER ===== */
/*/--------------------------------------------------------------------------/*/

#footer{
width:1000px;
margin:0 auto;
}

#footer .left_col,
#footer .right_col{
padding:20px 0 40px 0;
}

#footer .left_col{
width:550px;
}

#footer .right_col{
width:450px;
padding:30px 0 40px 0;
}

#footer h2{
color:#3398DA;
font-size:100%;
}

#footer address{
font-size:75%;
}



#footer ul{
font-size:81.25%;
text-align:right;
list-style:none;
}

#footer ul li{
display:inline;
}

#footer ul a{
display:inline-block;
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
padding:6px 16px 5px 16px;
}

#footer .career a:link,
#footer .career a:visited{
background:#FDC44F;
}
#footer .career a:hover{
background:#CD941F;
}

#footer .contact a:link,
#footer .contact a:visited{
background:#5EBABA;
}
#footer .contact a:hover{
background:#2E8A8A;
}

#footer .entry a:link,
#footer .entry a:visited{
background:#AB69D6;
}
#footer .entry a:hover{
background:#8B49A6;
}

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

#footer{
width:100%;
padding:0 10px;
box-sizing: border-box;
}

#footer .left_col{
width:100%;
text-align: center;
padding:0;
}

#footer .right_col{
width:100%;
padding:30px 0 0;
}

#footer ul{
font-size:16px;
text-align:center;
list-style:none;
display: flex;
flex-direction: column;
}

#footer ul li{
width: 100%;
margin-bottom: 5px;
}

#footer .entry{
	margin-bottom: 20px;
}

#footer ul a{
width: 100%;
box-sizing: border-box;
}

#footer address{
text-align: center;
}

}

/*/--------------------------------------------------------------------------/*/
/* ===== COPYRIGHT ===== */
/*/--------------------------------------------------------------------------/*/


#copyright{
clear:both;
border-top:1px solid #E6E5E1;
padding:35px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:68.75%;
font-weight:bold;
text-align:center;
}