html {scroll-behavior: smooth;}
@media (min-width: 768px) {
.sp {display: none;}
}
@media (max-width: 767px) {
.pc { display: none;}
}
/* align */
.ac {	text-align:center;}
.al {	text-align:left;}
.ar {	text-align:right;}

/* font */
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.fc_red{ color:#C62618;	}
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
@media (max-width: 767px) {.fs16 { font-size:14px; }}
.fs18 { font-size:18px; }
@media (max-width: 767px) {.fs18 { font-size:16px; }}
.fs20 { font-size:20px; }
@media (max-width: 767px) {.fs20 { font-size:18px; }}
.fs24 { font-size:24px; }
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
@media (max-width: 767px) {.ls2 { letter-spacing:1px;}}

/* margin-top */
.mt_s {	margin-top:10px;}
.mt_m {	margin-top:20px;}
.mt_l {	margin-top:30px;}
.mt_ll {	margin-top:50px;}
/* margin-bottom */
.mb_s {margin-bottom:10px;}
.mb_m {margin-bottom:20px;}
.mb_l {	margin-bottom:30px;}
.mb_l l{	margin-bottom:50px;}
.ti10 {
    text-indent: -1em !important;
    padding-left: 1em !important;
}

/* p謇薙■豸医＠ */
p.none {margin:0 !important;line-height: 100% !important;}


nav{
background:#204d99;
border-top:1px solid #9CF;
border-bottom:1px solid #9CF;
}
nav ul{
width: 100%;
max-width: 980px;
background:#204d99;
text-align: center;
margin: 0 auto;
display: table;
}
nav li{
display: table-cell;
width: 50%;
}
nav li a{
position: relative;
display: block;
height: 100%;
padding:10px 5px;
color: #fff;
font-size: 130%;
font-weight:bold;
text-decoration: none;
border-left:1px solid #9CF;
}
nav li:last-child a{
border-right:1px solid #9CF;
}
nav li a:hover{
background:#fff;
color: #204d99;
}

@media (max-width: 767px) {
nav li a{
font-size: 120%;
}
}

/*****繧ｰ繝ｭ繝ｼ繝舌Ν繝｡繝九Η繝ｼ****/
#menu{
    width: 100%;
    margin: 1px auto 0;
	background:linear-gradient(#005fb0, #204d99);
	border-bottom:1px solid #005fb0;
}
#menu-inner{
    width: 980px;
    height: 50px;
    margin: 0 auto;
	background:linear-gradient(#005fb0, #204d99);
}
#menu-btn{display: none;}
#menu-content{
    padding-left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
}
#menu-content > li{
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
	width:140px;
	border-left:1px solid #9CF;
}
#menu-content > li:last-child{
	border-right:1px solid #9CF;
}
#menu-content > li > a{
    position: relative;
    display: block;
    height: 100%;
	padding:15px 5px;
	background:linear-gradient(#005fb0, #204d99);
    color: #fff;
    font-size: 100%;
	font-weight:bold;
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
	background:linear-gradient(#204d99, #005fb0);
    color: #fff;
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}

/*�帝嚴螻､逶ｮ*/
#menu-content > li > ul.second-content{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
}
#menu-content > li:hover > ul.second-content{
    visibility: visible;
    top: 50px;
    z-index: 1;
    transition: all .3s;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 140px;
    height: 40px;
}
#menu-content > li > ul.second-content > li > a{
    display: block;
    line-height: 40px;
    background: #005fb0;
    color: #fff;
	font-weight:bold;
    font-size: 90%;
    text-decoration: none;
	border-top:1px solid #4C90BE;
}
#menu-content > li > ul.second-content > li > a:hover{
    background: #555;
    color: #fff;
}

@media screen and (max-width:768px){
#menu-inner{
    width: 100%;
    height: auto;
}
#btn-content{text-align: center;}
#menu-btn{
    display: inline-block;
    padding: 8px 15px;
    margin: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 90%;
}
#menu-content{
    display: none;
    width: 100%;
}
#menu-content > li{
    width: 100%;
    height: 40px;/*��*/
    float: none;
}
#menu-content > li > a{
    width: 100%;
    line-height: 40px;/*��*/
    padding: 0;
    text-decoration: none;
}

#menu-content > li:hover > ul.second-content{display: none;}
#menu-content > li > a > .blogicon-chevron-down{display: none;}
}

@media (min-width: 768px) {
.name{
width: 100%;
background:#fff;
display:table;
padding:12px 0 10px;
text-align:center;
}
.name .name_inner{
width: 980px;
margin:0 auto;
}
.name .name_inner h3{
display: inline;
font-size:18px;
line-height:160%;
font-weight:bold;
letter-spacing:1px;
}
.name .name_inner p{
display: inline;
margin-bottom: 0px !important;
line-height:100% !important;
}
.name .name_inner p span{
font-size:28px;
line-height:100% !important;
font-weight:bold;
letter-spacing:1px;
}
.name .name_inner p a{
display:inline-block;
background:#92a8ca;
color:#fff;
font-size:17px;
font-weight:bold;
line-height:100% !important;
border-radius:10px;
padding:10px 20px;
margin-left: 20px;
}
.name .name_inner p a:hover{
background:#777;
}
}
@media (max-width: 767px) {
.name{
width: 100%;
background:#fff;
display:table;
padding:12px 0 10px;
}
.name .name_inner{
width: 90%;
margin:0 auto;
}
.name .name_inner h3{
font-size:18px;
line-height:160%;
font-weight:bold;
letter-spacing:1px;
text-align:center;
}
.name .name_inner p{
margin-bottom: 0px !important;
line-height:100% !important;
}
.name .name_inner p span{
font-size:20px;
line-height:100% !important;
font-weight:bold;
}
.name .name_inner p a{
display:block;
background:#9BB4AF;
color:#fff;
font-size:15px;
font-weight:bold;
line-height:100% !important;
border-radius:10px;
padding:10px 20px;
text-align:center;
margin:5px auto;
}
.name .name_inner p a:hover{
background:#777;
}
}


@media (min-width: 768px) {
.contents {
margin: 0 auto;
width: 100%;
}
.contents .rccbc {
float: left;
width: 50%;
height: 400px;
background: url(../img/rccbc/rccbc_bg_photo.jpg) 50% 50% no-repeat; 
background-size:auto 100%;
}
.contents .yaleyale {
float: right;
width: 50%;
height: 400px;
background: url(../img/yellyell/yellyell_bg_photo.jpg) 50% 50% no-repeat; 
background-size:auto 100%;
}
.contents .rccbc div,.contents .yaleyale div{
width: 100%;
margin:280px auto 0;
background: rgba( 0, 0, 0, 0.5 );
color:#fff;
padding:10px 0;
text-align: center;
}
.contents .rccbc div p,.contents .yaleyale div p{
margin:12px auto;
font-size:40px !important;
line-height:100% !important;
font-weight:bold;
}
.contents .rccbc div span,.contents .yaleyale div span{
font-size:20px !important;
}
}

@media (max-width: 767px) {
.contents {
margin: 0 auto;
width: 100%;
}
.contents .rccbc {
float: left;
width: 50%;
height: 200px;
background: url(../img/rccbc/rccbc_bg_photo.jpg) 50% 50% no-repeat; 
background-size:auto 100%;
}
.contents .yaleyale {
float: right;
width: 50%;
height: 200px;
background: url(../img/yellyell/yellyell_bg_photo.jpg) 50% 50% no-repeat; 
background-size:auto 100%;
}
.contents .rccbc div,.contents .yaleyale div{
width: 100%;
margin:120px auto 0;
background: rgba( 0, 0, 0, 0.5 );
color:#fff;
padding:5px 0;
text-align: center;
}
.contents .rccbc div p,.contents .yaleyale div p{
margin:12px auto;
font-size:20px !important;
line-height:100% !important;
font-weight:bold;
}
.contents .rccbc div span,.contents .yaleyale div span{
font-size:15px !important;
}
}

@media (min-width: 768px) {
.map {
margin: 0 auto;
width: 100%;
}
.map .rccbc {
float: left;
width: 50%;
padding:4% 3%;
background: #becbdf; 
}
.map .yaleyale {
float: right;
width: 50%;
padding:4% 3%;
background:#F5F9F8; 
}
.map .rccbc div,.map .yaleyale div{
width: 100%;
margin:3px auto 0;
padding:10px 0;
text-align: center;
}
.map .rccbc div p,.map .yaleyale div p{
margin:12px auto;
font-size:120% !important;
font-weight:bold;
}
.map .rccbc div span,.map .yaleyale div span{
font-size:20px !important;
}
.map .rccbc a,.map .yaleyale a{
display:block;
background:#92a7c9;
color:#fff;
font-size:150%;
font-weight:bold;
line-height:100% !important;
border-radius:10px;
padding:30px 0;
text-align:center;
margin:5px auto;
}
.map .yaleyale a{
background:#9BB4AF !important;
}
.map .rccbc a:hover,.map .yaleyale a:hover{
background:#777 !important;
}
.map iframe{
width:100%;
}
}

@media (max-width: 767px) {
.map {
margin: 0 auto;
width: 100%;
}
.map .rccbc {
float: left;
width: 50%;
padding:4% 3%;
background: #becbdf; 
}
.map .yaleyale {
float: right;
width: 50%;
padding:4% 3%;
background:#F5F9F8; 
}
.map .rccbc div,.map .yaleyale div{
width: 100%;
margin:3px auto 0;
padding:10px 0;
text-align: center;
}
.map .rccbc div p,.map .yaleyale div p{
margin:12px auto;
font-size:110% !important;
font-weight:bold;
}
.map .rccbc div span,.map .yaleyale div span{
font-size:20px !important;
}
.map .rccbc a,.map .yaleyale a{
display:block;
background:#92a7c9;
color:#fff;
font-size:120%;
font-weight:bold;
line-height:130% !important;
border-radius:10px;
padding:20px 10px;
text-align:center;
margin:5px auto;
}
.map .yaleyale a{
background:#9BB4AF !important;
}
.map .rccbc a:hover,.map .yaleyale a:hover{
background:#777 !important;
}
.map iframe{
width:100%;
height:200px;
}
}

@media (min-width: 768px) {
.contents_title{
width: 980px;
margin:0 auto;
}
.contents_title div{
display:inline-block;
margin:0 auto;
background: rgba( 0, 0, 0, 0.5 );
color:#fff;
padding:100px 40px;
}
.contents_title div p{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin:12px auto;
font-size:40px !important;
line-height:100% !important;
font-weight:bold;
padding:20px 0;
}
.contents_title div span{
font-size:22px !important;
}
}
@media (max-width: 767px) {
.contents_title{
width: 100%;
margin:0 auto;
}
.contents_title div{
display:inline-block;
margin:0 auto;
color:#fff;
padding:20px 20px;
}
.contents_title div img{
width:50%;
}
.contents_title div p{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin:12px auto;
font-size:24px !important;
line-height:100% !important;
font-weight:bold;
padding:10px 0;
}
.contents_title div span{
font-size:14px !important;
}
}


section{
padding:30px 0 50px;
}
section.white{
background: #fff;
}
section.yellow{
background: #F5F9F8;
}


@media (max-width: 767px) {
.news{
width: 90%;
margin	: 20px auto;
display:table;
}
}


@media (min-width: 768px) {
.news{
width: 980px;
margin	: 0px auto 30px;
display:table;
padding:20px 20px 10px;
}
.news h2 {
margin	: 30px auto 10px;
text-align:center;
font-size:40px;
line-height:140%;
padding:10px;
color:#92a7c9;
border-bottom:1px solid #92a7c9;
}
.news ul{
width:100%;
padding:10px 0;
}
.news li{
display:table !important;
width:100% !important;
padding:8px 0px;
border-bottom:1px dotted #CCC;
text-align:left !important;
}
.news li a{
color: #333;
font-size:110%;
}
.news.news_list li a{
text-decoration:none;
}
.news li span{
padding:2px 5px 1px;
margin:0 7px;
color:#fff;
font-size:80%;
}
.news li span.blue_color{
background:#206199;
}
.news li span.brown_color{
background:#b7762e;
}
.news li span.red_color{
background:#c80000;
}
.news li span.no_color{
padding:0px 0px 0px;
margin:0 0px;
background:none;
}
.news li p{
font-size:105%;
display: inline;
font-weight:bold;
}
}
@media (max-width: 767px) {
.news{
text-align:left;
width:90%;
padding:20px 10px 10px;
line-height:150%;
}
.news h2 {
margin	: 20px auto 10px;
text-align:center;
font-size:30px;
line-height:140%;
padding:10px;
color:#92a7c9;
border-bottom:1px solid #92a7c9;
}
.news ul{
width:100%;
padding:10px 0;
font-size:14px;
}
.news li{
display:table !important;
width:100% !important;
padding:8px 0px;
border-bottom:1px dotted #CCC;
}
.news li a{
color: #333;
font-size:110%;
}
.news li span{
padding:2px 5px 1px;
margin:0 7px;
color:#fff;
font-size:80%;
}
.news li span.blue_color{
background:#206199;
}
.news li span.brown_color{
background:#b7762e;
}
.news li span.red_color{
background:#c80000;
}
.news li span.no_color{
padding:0px 0px 0px;
margin:0 0px;
background:none;
}
.news li p{
display: block;
font-weight:bold;
margin:0;
font-size:15px;
}