@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, thead, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
/*table.table {border-collapse: separate;border-spacing: 0;}*/
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */
body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.3;
/*line-height:2;*/
-webkit-text-size-adjust: none;
}
/* リンク設定
------------------------------------------------------------*/
a {
color: #1594fe;	/*リンクテキストの色*/
text-decoration:none;
}

a:hover{
text-decoration:underline;
}
h2 a{
color:#000;
}
h2 a:hover{
text-decoration:none;
}
h3 a{
color:#000;
}
h3 a:hover{
text-decoration:none;
}
h4 a{
color:#000;
}
h4 a:hover{
text-decoration:none;
}
/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
background:#fff;
}
.inner{
margin:10px auto 0;
width:100%;
}
/*************
/* ヘッダー
*************/
#header{
height:80px;
}
#header h1{
padding:5px 0 10px 10px;
font-size:12px;
font-weight:normal;
}
/*************
/* ロゴ
*************/
.logo{
float:left;
margin-left:17px;
}
.logo span{display:block;}
/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}
.info .open{font-size:11px;}
/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
margin-top:6px;
font-size:20px;
font-weight:bold;
}
.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}
/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin: 15px auto 40px;
padding:0;
width:100%;
position:relative;
line-height:0;
}
#mainBanner img{
max-width:100%;
height:auto;
}
.slogan{
position:absolute;
top:50%;
vertical-align: middle;
display: table-cell;
}
.slogan h1{
padding-bottom:5px;
font-size:45px;
color:#fff;
padding-left:20px;
}
/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
/*border:1px solid #ebebeb;*/
overflow:hidden;
font-size:16px;
}
html section.content article{
height:1%;
}
section.content p{
margin-bottom:15px;
text-align: justify;
text-justify: inter-ideograph;
}
section.content .cooperation_line3 p{
margin:10px 0 0;
}
section.content .cooperation_line2 p{
margin:10px 0 0;
}
.side_heading{
font-weight:normal;
font-size:16px;
padding:0 10px;
line-height:36px;
color:#FFFFFF;
background:#79bbff;
}
.content_title{
border-bottom: 1px solid #79bbff;
border-left: 6px solid #79bbff;
padding-top: 5px;
padding-right: 5px;
padding-left: 13px;
padding-bottom: 3px;
font-size: 18px;
}
.content_title_sub{
border-bottom: 1px solid #79bbff;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 3px;
margin-bottom:10px;
font-size: 16px;
font-weight:bold;
}
.content_title2{
border-bottom: 1px solid #1594fe;
border-left: 6px solid #1594fe;
padding-top: 5px;
padding-right: 5px;
padding-left: 13px;
padding-bottom: 3px;
font-size: 18px;
margin-bottom:20px;
}
.heading04 {
line-height: 1.2em;
font-weight:bold;
position: relative;
padding: 10px 10px;
background: #1594fe;
font-size: 18px;
color: #fff;
margin-top:40px;
text-align:center;
}
.heading04:before {
content: " ";
position: absolute;
top: -20px;
left: 0;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
height: 0;
border: 10px solid transparent;
border-bottom-color: #79bbff;
}
.heading04 br{
display:none;
}
.heading04 a{
color:#fff;
}
.heading04 a:hover{
text-decoration:none;
}
.heading05{
position: relative;
text-align: center;
font-size: 18px;
margin-top: 30px;
}
.heading05 span{
position: relative;
z-index: 2;
display: inline-block;
margin: 0 4em;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.heading05::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 2px;
background: #1594fe;
background: -webkit-linear-gradient(-45deg, transparent, #1594fe 10%, #1594fe 90%, transparent);
background: linear-gradient(-45deg, transparent, #1594fe 10%, #1594fe 90%, transparent);
}
.heading05 br{
display:none;
}
.heading06 {
position: relative;
padding: 1em 0;
font-size: 18px;
margin-top: 30px;
text-align:center;
}
.heading06::before,
.heading06::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 6px;
box-sizing: border-box;
}
.heading06::before {
top: 0;
border-top: 2px solid #1594fe;
border-bottom: 1px solid #1594fe;
}
.heading06::after {
bottom: 0;
border-top: 1px solid #1594fe;
border-bottom: 2px solid #1594fe;
}
.heading06 br{
display:none;
}
.content_title_sub2 {
padding: 0.4em 1em;
border: 1px solid #ccc;
border-top: 3px solid #1594fe;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
margin: 20px 0 0;
font-size: 22px;
letter-spacing:10px;
}
.content_title_sub3 {
padding: 0.4em 1em;
border: 1px solid #ccc;
border-top: 3px solid #1594fe;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
margin: 20px 0 0;
font-size: 22px;
letter-spacing:4.5px;
line-height: 1.2;
}
.content_title_sub4 {
padding: 0.4em 1em;
border: 1px solid #ccc;
border-top: 3px solid #1594fe;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
margin: 20px 0 0;
font-size: 22px;
letter-spacing:3.5px;
line-height: 1.2;
}
/*画像サイズ*/
section.content img{
max-width:100%;
height:auto;
}
/*ここまで*/
/*************
/* サイドバー
*************/
#sidebar ul{
padding:5px;
}
#sidebar li{
margin-bottom: 10px;
padding-bottom: 10px;
list-style: none;
border-bottom: 1px dashed #ebebeb;
background-image: url(../images/sankaku.jpg);
background-repeat: no-repeat;
padding-left: 15px;
background-position:0pt 1pt;
line-height:1.5;
}
#sidebar a{
color:#FFFFFF;text-decoration:none;display:block;
}
/*a:hover{color:#999999;}*/
a:active, a:focus {
outline:0;
}
#sidebar li:last-child{
border:0;
margin-bottom:0px;
}
#sidebar li a{
color:#333;
display:block;
}
#sidebar li a:hover{
color:#888;
}
/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#f3f3f3;
margin-top:10px;
}
* html #footer{
height:1%;
}
#footer #info .logo, #footer #info .info{
float:none;
}
#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}
#footer .logo{
font-size:14px;
}
#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;
color:#333;
}
ul.footnav{
float:right;
width:635px;
padding:10px 0;
}
ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 6px 0 5px;
font-size:12px;	
border-right:1px solid #b6b6b6;
}
#footer a{
color:#333;
}
#footer a:hover{
color:#888;
}
address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:10px;
color:#FFFFFF;
background:#1594fe;
}
#logo{
margin-top:20px;
}
#navi .navimenubox ul#menu li a{
display: block;
border-left: 1px solid #FFFFFF;
text-align: center;
height: 35px;
}
#navi .navimenubox ul#menu li.end a{
display: block;
border-right: 1px solid #FFFFFF;
text-align: center;
}
div.bt_none {
border-top: none;
float: left;
width: 230px;
}
div.notes_2 {
text-align: center;
}
div.centered {
width: 460px;
margin: 20px auto 0;
}
p.p2{
line-height:200%;
}
p.p15{
line-height:150%;
}
.c {
text-align: center;
}
.r {
text-align:right;
}
/*ページトップ*/
.pagetop {
display: none;
position: fixed;
bottom: 40px;
right: 15px;
}
.pagetop a {
display: block;
background-color: #1594fe;
text-align: center;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.6;
}
.pagetop a:hover {
display: block;
background-color: #79bbff;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/*ここまで*/
.paragraph{
margin-bottom:20px;
}
ul.lineup li{
margin-bottom:10px;
display:table;
}
li span.art{
width:5em;
padding-right:1em;
display: table-cell;
line-height:1.5;
}
li span.provision{
display: table-cell;
line-height:1.5;
}
.center{
text-align:center;}
.font_bold{
font-weight:bold;
}
/*clearfix*/
.cf:after {
visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
* html .cf {
zoom: 1;
}
*:first-child+html .cf {
zoom: 1;
}
article table{
border-collapse: collapse;
width:100%;
}
.aisatu_box{
float:right;
margin-top:30px;
}
.aisatu_txt { 
float:left;
text-align:right;
padding-right:10px;
}
.aisatu_photo { 
width:100px;
height:125px;
float:left;
}  
.clear { 
clear:both;
} 
section.content p.m0{
margin:0;
}
section.content p.m10{
margin-bottom:10px;
}
.cooperation_line{
border:solid 1px #79bbff;
margin-top: 30px;
}
.cooperation_line2{
border:solid 1px #1594fe;
}
section.content article.cooperation_line3{
border:solid 1px #1594fe;
margin-bottom: 50px
}
.sub_title {
font-weight:bold;
}
li.dl_btn {
float:left;
margin-right:35px;
margin-top:30px;
}
li.dl_btn:last-child {
margin-right:0;
margin-bottom:20px;
}
section.content article.last{
margin:0;
}
.ul_c{
text-align:center;
width:640px;
overflow:hidden;
margin:auto;	
}
.ul_c2{
text-align:center;
width:415px;
overflow:hidden;
margin:auto;	
}
/*トップ*/
section.content p.dl_btn{
text-align:center;
}
.navimenubox {
width:960px;
margin-left:auto;
margin-right:auto;
} 
#navi {
position: relative;
margin-bottom: 1em;
height: 45px;
background-color: #1594fe;
/*背景色（古いブラウザだとここの色のみが出ます）*/
background-image: -webkit-linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);
/*グラデーション*/
background-image: linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);
padding-left:auto;
padding-right:auto;
}  
.navimenubox {
width:960px;
margin-left:auto;
margin-right:auto;
} 
#menu {
display: block;
/* margin: 0;
padding: 0;*/
}
#menu li {
font-size:14px;
height: 45px;
float: left;
width: 160px;
text-align: center;
position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
font-weight:bold;
line-height: 45px;
}
#menu li.end {
font-size: 14px;
height: 45px;
float: left;
width: 160px;
text-align: center;
position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
font-weight: bold;
line-height: 45px;
}
#menu li a {
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
border-top: none;
border-right: none;
background: none;
color: #FFFFFF;
display: inline-block;
margin: auto;  /*text-shadow: -1px 1px rgba(255, 255, 255, 0.8);*/
}
#menu li a:hover {
background: none;
color: #97C1F3;
text-decoration:none;
}
#menu li a:active {
color: #5687F8;
}
#menu li ul.sub-menu {
display: none;  /*サブメニューは最初は非表示にしておく*/
position: absolute;  /*絶対配置にしておかないとうまくいかない*/
top: 45px;
padding-top: 20px;
background-color: #1594fe !important;
}
#menu li:hover ul.sub-menu {
display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#menu li ul.sub-menu li {
float: none;  /*サブメニューはフロートさせないので解除*/
height:49.5px;
line-height: 150%;
}
#navi .navimenubox ul#menu li ul.sub-menu li a{
border-left:none;
}
#menu li ul.sub-menu li#lipi {
float: none;  /*サブメニューはフロートさせないので解除*/
}
i.fa {
font-size: 18px;
}
i.fa.fa-caret-right {
display: none;
}
#menu {
display: none;
}
.w75 {
width: calc(100% - 10px) !important; clear: left !important; float: none;
}
.w50 {
width: calc(100% - 10px) !important; clear: left !important; float: none;
}
.w25 {
width: calc(50% - 10px) !important; float: left;
}
.mb10 {
margin-bottom: 5px !important;
}
.mb20 {
margin-bottom: 10px !important;
}
.mb30 {
margin-bottom: 15px !important;
}
.mb40 {
margin-bottom: 20px !important;
}
.mb50 {
margin-bottom: 25px !important;
}
.mb60 {
margin-bottom: 30px !important;
}
.mb70 {
margin-bottom: 35px !important;
}
.mb80 {
margin-bottom: 40px !important;
}
.mb90 {
margin-bottom: 45px !important;
}
	
/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 801px){
#header,#wrapper,.inner{
width: 960px;
padding: 0;
margin-right: auto;
margin-left: auto;
}
#wrapper{
padding-bottom:20px;
}
a#menu{
display:none;
}
#main{
float:right;
width:680px;
margin-bottom:20px;
}
#sidebar{
float:left;
width:262px;
padding:15px 0 0 0;
overflow:hidden;
}
#sidebar article{
padding:7px;
border:1px solid #ebebeb;
overflow:hidden;
}
/* グリッド */
.gridfooter{
float:left;
width:300px;
margin-left:5px;
}
/*メニュー隠す*/
.example {
display: none;
}
.right{
float:right;
height:148px;
}
.right img{
margin-top:30px;
}
.br_link br{
display:none;
}
.lineup li br{
display:none;
}
span.indent{
padding-left: 7.5em;
display: table-cell;
line-height: 1.5;
text-indent: -1.5em;
}
span.indent2{
padding-left:7.5em;
display: table-cell;
line-height:1.5;
}
span.indent3{
padding-left:6em;
display: table-cell;
line-height:1.5;
}
span.indent4{
padding-left:1.5em;
display: table-cell;
line-height:1.5;
text-indent: -1.5em;
}
p.r br{
display:none;
}
}
/*PCここまで*/
@media screen and (min-width : 800px) {
.menu_top_btn {
display: none;
}
#content {
margin: 0;
}
#menu {
display: block;
}
table.responsive tbody, table.responsive td, table.responsive th, table.responsive tr, {
width:100%;
display:block;
}
.slicknav_menu {
display: none;
}
}
@media screen and (min-width : 701px) {
table.responsive{
width:100%;
/*margin-bottom:10px;*/
}
table.responsive2{
width:74%;
/*margin-bottom:15px;*/
float:left;
}
table.responsive td, table.responsive th{
border: none;
border-bottom: 1px solid #ddd;
font-weight: 400;
text-align: left;
}
table.responsive th{
width:20%;
padding:10px 0;
}
table.responsive th.pd{
width:20%;
padding:0  0 10px
}
table.responsive br, table.responsive2 br {
display:none;
}
table.responsive2 td, table.responsive2 th{
border: none;
border-bottom: 1px solid #ddd;
font-weight: 400;
text-align: left;
}
table.responsive2 th{
width:27%;
padding:10px 0;
}
table.responsive2 br {
display:none;
}
table.councilor {
border-top: 1px solid #babcbf;
border-right: 1px solid #babcbf;
border-collapse: collapse;
width: 100%;
}
table.councilor th, .councilor td{ 
border-left: 1px solid #babcbf;
border-bottom: 1px solid #babcbf;
padding: 10px;

}
table.councilor th{
/*width:16%;*/
background: #1594fe;
color:#FFFFFF;
text-align:center;
}
table.councilor th.th_name{
width:18%;
}
table.councilor th.th_institution{
width:38%;
}
}
@media (min-width:701px) and (max-width:800px){
.right{
float:right;
height:148px;
}
.right img{
margin-top:35px;
}
}
@media only screen and (max-width:700px){
.left{
float:left;
}
.right{
text-align:center;
}
table.councilor {
border: none;
}
table.councilor thead {
display: none;
}
table.councilor tr {
border-top: 1px solid #babcbf;
display: block;
margin-bottom: 20px;
}
table.councilor td {
border-right: 1px solid #babcbf;
border-left: 1px solid #babcbf;
border-bottom: 1px solid #babcbf;
display: block;
padding: 10px;
text-align: right;
}
table.councilor td::before {
content: attr(data-label);
float: left;
font-weight: bold;
}
table.councilor td.hide {
display:none;
}
table.responsive th, table.responsive2 th {
width:100%;
display:block;
margin-bottom:5px;
}
table.responsive td, table.responsive2 td {
width:100%;
display:block;
border-bottom: 1px solid #ddd;
padding-bottom:10px;
margin-bottom:20px;
}
.ul_c {
display:block;
width:100%;
}
.ul_c li.dl_btn{
margin:10px;
}
}
/*20160307追加 タブレット*/
@media (min-width:481px) and (max-width:800px){

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
float: none;
width: auto;
}
.slogan h1 {
font-size:40px;
}
.br_link br{
display:none;
}
.lineup li br{
display:none;
}
p.r br{
display:none;
}
}
/*ここまで*/

/* タブレット*/
@media only screen and (max-width:800px){
#topspnavi{
position:fixed;
top:0;
width:100%;
z-index:3;
}
#header{
margin-top:54px;
}
#wrapper{
width: auto;
margin-right: 6px;
margin-left: 6px;
background:#fff;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 -o-box-sizing: border-box;
-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#subpage #mainBanner{
max-width:668px;
}
#sidebar{
padding-bottom:30px;
}

#sidebar article{
padding:7px 0;
}
#footer ul.footnav{
float:none;
width:100%;
text-align:center;
}
ul.footnav li{
float:none;display:inline-block;
}
#footer #info .info{float:none;text-align:center;
}
#footer.logo,#footer .info{
width:100%;
float:none;
}
#header{
height:auto;
padding-bottom:20px;
}
#header h1,.logo,.info{
	text-align:center;}
.logo,.info{
clear:both;
width:100%;
float:none;
margin:0;
}
/*追加*/
body {
text-align: left; -ms-text-justify: auto; -ms-overflow-y: scroll; min-width: 0px; 
}
#header {
padding: 0px 10px; height: auto; 
}
#header .inner {
margin: 0px; width: 100%;
}
#header > .inner .inner {
display: none;
}
#logo img {
max-width:780px;
width: 100%;
margin:15px 0 5px;
}
#body {
padding: 0px;
}
#body > .inner {
margin: 0px; width: auto; padding-right: 10px;
}
#body > .inner #main {
width: 100%; padding-top: 15px; float: none;
}
#body > .inner #sub {
padding: 15px 10px; width: auto; margin-right: -10px; float: none; background-color: rgb(255, 255, 255);
}
#body > .inner #main > .w75.wrapper {
width: 100% !important; clear: left !important; float: none;
}
#body > .inner #main > .w50.wrapper {
width: 100% !important; clear: left !important; float: none;
}
#body > .inner #main > .w25.wrapper {
width: 50% !important;
}
#footer .inner {
width: auto;
}
/*ここまで*/

#navi {
display: none;
text-decoration: none;}
/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
float: none;
width: auto;
}
/*2階層目メニュー*/
ul.example {
margin: 0 0 20px;
padding: 0;
list-style-type: none;
}
/*ul.example li {
float: left;
width: 50%;
padding: 2px;
border: 1px #CCCCCC solid;
background-color: #FFFFFF;
text-align: center;
line-height:180%;
}*/
.clearLeft { 
clear: left; 
}
/*スマホ用メニュー*/
.example {
margin-bottom: 20px;
padding: 0;
border-top: 1px solid #aaa;
font-size: 13px;
list-style-type: none;
}
.example:after {
content: "";
clear: both;
display: block;
}
.example li {
float: left;
width: 50%;
text-align: center;
border-bottom: 1px solid #aaa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*奇数のli要素に適応*/
.example li:nth-child(odd) {
border-right: 1px solid #aaa;
}
.example a {
display: block;
height: 44px;
line-height: 260%;
color: #000;
text-decoration: none;
padding-top: 6px;
padding-bottom: 6px;
}
.example a:hover {
color: #000;
background: #79bbff;
}
/*スマホ用メニューここまで*/
.txt_line{
line-height: 70%;
}
.example .txt_line a {
line-height:130%;
}
#sidebar {
display:none;
}
.content_title_sub3 {
letter-spacing:normal;
}
/*ページ内リンクのずれを解消*/
#no12,#no11,#no10,#no9,#no8,#no7,#no6,#no5,#no4,#no3,#no2,#no1,#regulation,#detailed,#rule,#ethics,#recipient,,#vol11,#vol10,#vol9,#vol8,#vol7,#vol6,#vol5,#vol4,#vol3,#vol2,#vol1{
margin-top:-90px;
padding-top:90px;
}
/*ここまで*/
li span.indent{
padding-left: 7.5em;
display: table-cell;
line-height: 1.5;
text-indent: -1.5em;
}
li span.indent2{
padding-left:7.5em;
display: table-cell;
line-height:1.5;
}
li span.indent3{
padding-left:5em;
display: table-cell;
line-height:1.5;
}
li span.indent4{
padding-left:1.5em;
display: table-cell;
line-height:1.5;
text-indent: -1.5em;
}
}
@media only screen and (max-width:510px){
div.centered {
width: 230px;
}
div.bt_none, div.bt_none_2 {
display: block;
width: 100%;
}
}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
#header {
padding: 0px 10px; 
height:auto;
}
#logo img {
width: 100%;
margin-top:15px;
}
#mainBanner h2,#mainBanner p{
font-size:80%;
}
.example {
margin: 0 0 20px;
}
.example li {
font-size:90%;
padding:0 5px;
}
.slogan h1{
  font-size: 20px;
}
#mainBanner {
margin:0 auto;
}
#navi {
position: relative;
margin: 1em 0;
height: 45px;
background-color:#1594fe;
padding-left:auto;
padding-right:auto;
}  
.navimenubox {
width:1020px;
margin-left:auto;
margin-right:auto;
} 
#menu {
display: block;
}
#menu li {
font-size: 14px;
height: 45px;
float: left;
width: 200px;
text-align: center;
position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
font-weight: bold;
line-height: 45px;
}
#menu li a {
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
border-top: none;
border-right: none;
background: none;
color: #FFFFFF;
display: inline-block;
margin: auto;  /*text-shadow: -1px 1px rgba(255, 255, 255, 0.8);*/
}
#menu li a:hover {
background: none;
color: #79bbff;
text-decoration:none;
}
#menu li a:active {
color: #333366;
}
#menu li ul.sub-menu {
display: none;  /*サブメニューは最初は非表示にしておく*/
position: absolute;  /*絶対配置にしておかないとうまくいかない*/
top: 45px;
background-color: #1594fe !important;
}
#menu li:hover ul.sub-menu {
display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#menu li ul.sub-menu li {
float: none;  /*サブメニューはフロートさせないので解除*/
}
.heading04{
font-size:15px;
}
.heading04 br{
display:inline;
}
.heading05{
font-size:15px;
}
.heading05 br{
display:inline;
}
.content_title_sub2 {
letter-spacing:normal;
line-height:1.3;
}
#sidebar {
display:none;
}
.content_title_sub3 {
letter-spacing:normal;
}
.content_title_sub4 {
letter-spacing:normal;
}
.example li a br{
display:none;
}
li.dl_btn{
float:none;
margin:0 auto;
}
table.responsive th, table.responsive td, table.responsive2 th, table.responsive2 td {
width:100%;
display:block;
}
.ul_c2 {
display:block;
width:100%;
}
.ul_c2 li.dl_btn{
margin:10px;
}
}
@media (min-width:351px) and (max-width:800px){
.txt_line2{
line-height: 70%;
}
.example .txt_line2 a {
line-height:260%;
}
}
@media only screen and (max-width:350px){
.txt_line2{
line-height: 70%;
}
.example .txt_line2 a {
line-height:130%;
}
}

/*20200313追加*/
.box1 {
    max-width: 55%;
    padding: 5px 15px 5px 40px;
    margin: 1em auto;
    border: solid 2px #000000;
    text-align: center;
    width: auto;
    height: auto;
    vertical-align:middle;
}
.box1 p {
    margin: 0; 
    padding: 0;
}