/* ------ Over write CSS ------ */
.box {
/*
height: auto;

position:relative;
background-image:url(mainimage01.jpg);
background-position:center center;
background-color:transparent;
background-repeat:no-repeat;
background-size:cover;
min-height: 100vh;
*/
background-attachment:fixed;
height:auto;

background-position:center center;
background-size: cover;
position:relative;
}
h2{
line-height:inherit !important;
}
#wrapper{
font-family: "Meiryo","Meiryo UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
min-width:inherit;
}
footer{
min-width:inherit;
}
.footerMenu li:nth-child(1) {
padding-left: 37px;
}
#message {
left:65% !important;
font-size: 1.0rem;
margin: 0 auto;
text-align: left;
overflow: hidden;
position:absolute;
}

.slideLink{
display:block;
border:1px solid #fff;
color:#fff;
padding:10px 20px;
width:300px;
text-align:center;
transition:all 0.5s linear;
margin-top:30px;
}
.slideLink:hover{
text-decoration:none;
color:#000;
background:#fff;
}
#message ul {
text-align: left;
overflow: hidden;
position: relative;
width:680px;
height:200px;
}

#message ul li {
top: 0;
left: 0;
display: none;
position: absolute;
}
#message h1{
font-size: 3rem;
letter-spacing: 0.5rem;
padding-bottom:0 !important;
margin-bottom:0 !important;


}
#message h1 img{
width:50% !important;
padding-bottom:0px;
}
#message p{

}
.pageLayout{
padding-top:0px !important;
}

.date{
font-size:0.7rem;
}
.entryDate{
font-weight:normal;
font-size:0.8rem !important;
}
.ea-c{
display:table;
}
.ea-cc{
}
#plist .plist-inner {
max-width: 920px;
margin: inherit;
overflow: hidden;
}
.doc{
text-align:left !important;
}
.doc h3:before{
font-family: iconfont;
font-weight: normal;
content: "";
padding-right: 5px;
vertical-align: bottom;
color: #3CF;
display:none;
}
#plist{
padding:5px 10px;
}

.articleBox{
border-top:5px solid #1b1464;
margin-top:30px;
}
h1.post-title{
text-align:center;
border:none;
font-size:2rem;
letter-spacing:0.3rem;
margin:30px 0;
}

#wrapper{
width:100%;
margin:0 auto;
}
.entryMain{
width:100%;
}
.entryMain2{
width:100%;
}
.entryDetails{
width:100%;
margin:0 0 50px 0;
display:flex;
}
.entryDetails2{
width:100%;
margin:0 0 50px 0;
display:flex;
}
.entryDetails h4,.entryDetails h4{
width:100%;
margin:0 0 5px 0;
display:flex;
}{
font-size:0.7rem;
font-weight:normal;
}
.entryDetails h4 span,.entryDetails h4 span{
width:100%;
margin:0 0 50px 0;
display:flex;
}{
padding-right:0.5em;
}
.entryDetails h3,.entryDetails h3{
width:100%;
margin:0 0 50px 0;
display:flex;
}{
padding-left:10px;
}
.entryArea{
padding:0 10px;
}
.entryAreaL{
width:65%;
padding:0 10px;
}
.entryAreaR{
width:35%;
padding:0 10px;
}
.embBottom .entryMedia{
vertical-align:top !important;
}
.entryMedia{
padding:0 5px;
}
.entryMediaT{
display:table-cell;
vertical-align:bottom;
padding:0 5px;
}
.entryMediaT img{
width:100% !important;
}
#related-posts article .img-set{
text-align:center;
padding:5px;
}
#related-posts article{
background:transparent !important;
}
.entrySup{
font-size:0.7rem;
padding:0 5px 20px 5px;
}
.entrySup:before{
content:"▲";
}
.entryLinkS{
padding:20px 0;
}
.entryLink li a{

font-size:0.9rem;
border:1px solid #1b1464;
padding:2px 0;
text-align:center;
display:block;
width:100%;
color:#1b1464;
margin:5px 0;
transition:all 0.2s linear;
}
.entryLinkS a{
word-wrap:break-word;
}
.entryLink a:hover{
text-decoration:none;
background: #1b1464;
color:#fff;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {

src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}

body {
font-family: "Yu Gothic", YuGothic;
font-feature-settings: "palt";
letter-spacing:0.1em;
}
h1{
font-size:1.3rem;
}
.scroll{
z-index: 2;
position: absolute;
top: 93%;
text-align:center;
color:#fff;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size:0.7rem;
}
.scroll i{
background: #fff;
color:#00ffff;
border-radius:20px;
padding:20px 5px 5px 5px;
text-align:center;
letter-spacing:0 !important;
}
.container{
width:100%;
display:flex;
margin:0 auto !important;
padding:0 !important;
}

#gnav{
background:transparent;
border-bottom:none;
display:flex;
position:absolute;
width:100%;
margin:0 auto;
}
#gnav nav{
width:60%;
font-size: 1rem;
}
#gnav ul.mainNav{
background:rgba(0,255,255,0.2);
}
#gnav ul.subNav{
background:rgba(0,255,255,0.2);
}

#gnav nav ul li{
width:20%;
border-right:none !important;
letter-spacing:0.1em;
border:none;
background-color: #1b1464;
}
#gnav nav ul.subNav li{
width:20%;
border-right:none !important;
letter-spacing:0.3em;
border:none;
}

#gnav nav ul li.search{
padding:4px;
box-sizing:border-box;
}
#gnav nav ul li a{
display:block;
min-height:48px;
line-height:48px;
padding:0;
}
#gnav nav ul li ul li a{
border-bottom:none;
background-color:transparent !important;
}
#gnav nav > ul > li:first-child{
border:none;
}
#logoarea{
width:40%;
background:transparent;
color:#222;
padding:10px 20px;
box-sizing:border-box;
z-index:1000;
}
#logoarea img{
max-width:100px;
}
#logoarea a{
color:#222;
}
#logoarea h1{
display:inline;
}
.sp{display:none;}
/*
.pageGnav{
max-width:1080px;
position:static !important;
}
.pageGnav #logoarea{
width:20% !important;
padding-left:0 !important;
}
.pageGnav .navi{
width:80% !important;
}
*/
#gnav ul.pageNav{
background:#1b1464 !important;
}


#searchform2{
display:flex;
padding:5px;
}
#searchform2 input{
width:70%;
height:30px;
border:none;
border-radius:10px 0 0 10px;
padding-left: 10px;
}
#searchform2 button{
width:30%;
padding:5px 0;
height:30px;
background:#fff;
border:none;
color:#2e3192;
border-radius:0 10px 10px 0;
}

.g_nav > ul >li:hover{
background-color: rgba(255,255,255,.2);
}

#gnav nav ul li ul.sub-menu{
background-color: #2e3192;
list-style: none;
margin: 0;
display:none;
}
#gnav nav ul li ul.sub-menu1{
background-color: #2e3192;
position: absolute;
top: 100%;
left:inherit;
right: -370%;
list-style: none;
margin: 0;
width:950% !important;
height:0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:         wrap;
}
#gnav nav ul li ul.sub-menu2{
right:-270% !important;
}
#gnav nav ul li ul li{
width:33.333%;
width:100%;
}
#gnav nav ul li ul li a{
background-color:#2e3192;
height:384px;
line-height:inherit;
text-align:center;
position:relative;
}
#gnav nav ul li ul li a span{
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
width: 80%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 5px;

}

#gnav nav ul li ul li a{
background-color:#2e3192;
}

.sub-menu1 li{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;

}
/*
.sub-menu1 li:nth-child(1){
background-image: url(kenkyu01.jpg);
}
.sub-menu1 li:nth-child(2){
background-image: url(kenkyu02.jpg);
}
.sub-menu1 li:nth-child(3){
background-image: url(kenkyu03.jpg);
}
.sub-menu1 li:nth-child(4){
background-image: url(kenkyu04.jpg);
}
.sub-menu1 li:nth-child(5){
background-image: url(kenkyu05.jpg);
}
.sub-menu1 li:nth-child(6){
background-image: url(kenkyu06.jpg);
}
.sub-menu1 li:nth-child(7){
background-image: url(kenkyu07.jpg);
}
.sub-menu1 li:nth-child(8){
background-image: url(kenkyu08.jpg);
}
.sub-menu1 li:nth-child(9){
background-image: url(kenkyu09.jpg);
}
*/

#contents{
float:none;
width:100%;
margin-top:0px;
}
#newsContents{
position:absolute;
bottom:0;
width:100%;
display:table;
background-image:url(news_back.jpg);
background-size:cover;
background-repeat:no-repeat;
color:#fff;
letter-spacing:0.3em;
padding: 0;
}
#newsContents h2{
font-family: 'Montserrat', sans-serif;
display:table-cell;
text-align:center;
vertical-align:middle;
font-size:1.5rem !important;
}
#newsContents h2 span{
display:block;
font-size:0.6rem;
font-weight:normal;
}
#newsContents #grid3{
display:table-cell;
vertical-align:middle;
padding-bottom:0;
}
#grid3 h3{
padding:0.2rem 0;
}
ul.content{height:135px;
	overflow: auto;
	overflow-y: scroll;}

#newsContents a{
color:#fff;
font-weight:normal;
font-size:0.9rem;
}
#newsContents .allView{
display:table-cell;
width:20%;
vertical-align:middle;
font-size:0.7rem;
}
#newsContents .inner h3{
margin:0;
line-height:inherit;
}

.right-box06{
margin-left:30px !important;
}
@media screen and (max-width: 768px) {
.right-box06{
margin-left:0px !important;
}
}


#state{
display:flex;
width:100%;
}
#state h2{
font-family: 'Montserrat', sans-serif;
font-size:1.5rem !important;
}
#state h2 span{
display:block;
font-size:0.6rem;
font-weight:normal;
}
.stateLeft,.stageRight{
box-sizing:border-box;
}
.stateLeft{
position:relative;
padding:10px;
background:#656565;

color:#fff;
width:67%;
padding-left: 80px;
}
.stateLeft a{
color:#fff;
}
.stateLeft .detailView{
display:block;
position:absolute;
right:10px;
font-size:0.7rem;
bottom:10px;
color:#fff;
}
.stateLeft .detailView a{
color: #fff !important;
}
.stateRight .detailView{
display:block;
position:absolute;
right:10px;
font-size: 1.4rem;
font-weight: 900;
bottom:10px;
color:#fff;
}
.stateLeft li{
padding:0.2rem 0;
}
.stateRight{
position:relative;
background-image:url(./state_back.jpg);
background-size:cover;
width:33%;
padding:10px;
}


#mainContents{
margin:0 auto;
width:1080px;
}
.leftContents,.rightContents{
width:50%;
box-sizing:border-box;
}
.leftContents{
padding:1% 1% 1% 0;
}
.rightContents{
padding:1% 0 1% 1%;
}


.menuKenkyu{
position:relative !important;
display:block;
z-index:99;
color:#fff !important;
width:80%;
margin:0 auto;
}
.menuKenkyu ul{
position:static !important;
height:100px !important;
display:flex;
padding-top: 20px;
width:100%;
}
.menuKenkyu ul a{
padding: 0 !important;
width:18% !important;
}
.menuKenkyu ul li{
width:100% !important;
}
.menuKenkyu ul li.bg-scale{
height:100px !important;
}
.menuKenkyu h2{
color:#fff !important;
font-size:1.0rem !important;
text-align:center;
line-height:100px !important;
}
.menuKenkyu ul a{
height:inherit !important;
}
.menuKokyo{
position:relative !important;
display:block;
z-index:99;
color:#fff !important;
width:80%;
margin:80px auto;
}
.menuKokyo ul{
position:static !important;
height:100px !important;
margin:20px 0 !important;
}
.menuKokyo ul a{
padding: 0 !important;
}
.menuKokyo ul li{
width:100% !important;
}
.menuKokyo ul li.bg-scale{
height:100px !important;
}
.menuKokyo h2{
color:#fff !important;
font-size:1.0rem !important;
text-align:center;
line-height:100px !important;
}
.menuKokyo ul a{
height:inherit !important;
}
#kenkyu h2,#koukyo h2{
font-family: 'Montserrat', sans-serif;
color:#2e3192;
font-size: 1.5rem;
line-height: 90%;
/*margin-top:30px;*/
}
#kenkyu h2 span,#koukyo h2 span{
display:block;
font-size:0.6rem;
font-weight:normal;
}
#kenkyu .kenkyuContents{
padding:1%;
background:#1b1464;
min-height:492px;
}
#kenkyu ul{
display:flex;
width:100%;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:         wrap;
}

#koukyo .koukyoContents{
min-height:492px;
box-sizing:border-box;
background:#2e3192;
display:flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:         wrap;
}
#kenkyu a{
width:31.3333%;
margin:1%;
height:150px;
background-size:100%;
text-align:center;
vertical-align:middle;
}

#koukyo ul{
display:flex;
background-size:100%;
text-align:center;
vertical-align:middle;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:         wrap;
}
#koukyo ul:nth-child(1){
width:37%;
margin:1.5% 0 1.5% 1.5%;
}
#koukyo ul:nth-child(2){
width:60%;
margin:1.5% 1.5% 1.5% 0;
}
#koukyo ul:nth-child(1) a{
display:table-cell;
width:97%;
height:338px;
margin:1.5% 0 1.5% 1.5%;
background-size:100%;
text-align:center;
vertical-align:middle;
}
#koukyo ul:nth-child(2) a{
display:table-cell;
width:48%;
margin:1%;
height:166px;
background-size:100%;
text-align:center;
vertical-align:middle;
}


footer #footer-inner3{
width:100%;
}
#footer-inner3 .f-left{
width:60%;
}
#footer-inner3 .f-right{
width:40%;
}
footer p{
text-align:center;
}
.bg-scale {
position: relative;
overflow: hidden !important;
text-align: center;
color:#fff;
height:inherit;

}
.bg-scale:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
/*background:rgba(0,0,0,0.3);*/
z-index:1;
}
/*.bg-scale:hover:after {
opacity: .8;
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.bg-scale:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bg-scale:before:hover{
background-color:rgba(255,255,255,0.5);
}*/

.kenkyu1:after{
background: url(kenkyu01.jpg) no-repeat center center;
}
.kenkyu2:after{
background: url(kenkyu02.jpg) no-repeat center center;
}
.kenkyu3:after{
background: url(kenkyu03.jpg) no-repeat center center;
}
.kenkyu4:after{
background: url(kenkyu04.jpg) no-repeat center center;
}
.kenkyu5:after{
background: url(kenkyu05.jpg) no-repeat center center;
}
.kenkyu6:after{
background: url(kenkyu06.jpg) no-repeat center center;
}
.kenkyu7:after{
background: url(kenkyu07.jpg) no-repeat center center;
}
.kenkyu8:after{
background: url(kenkyu08.jpg) no-repeat center center;
}
.kenkyu9:after{
background: url(kenkyu09.jpg) no-repeat center center;
}
.kenkyu10:after{
background: url(kenkyu10.jpg) no-repeat center center;
}
.kenkyu11:after{
background: url(kenkyu11.jpg) no-repeat center center;
}
.kenkyu12:after{
background: url(kenkyu12.jpg) no-repeat center center;
}
.kenkyu13:after{
background: url(kenkyu13.jpg) no-repeat center center;
}
.kenkyu14:after{
background: url(kenkyu14.jpg) no-repeat center center;
}
.kenkyu15:after{
background: url(kenkyu15.jpg) no-repeat center center;
}
.kenkyu16:after{
background: url(kenkyu16.jpg) no-repeat center center;
}
.kenkyu17:after{
background: url(kenkyu17.jpg) no-repeat center center;
}
.kenkyu18:after{
background: url(kenkyu18.jpg) no-repeat center center;
}
.kenkyu18:after{
background: url(kenkyu18.jpg) no-repeat center center;
}
.bg-scale:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.bg-scale .inner {
z-index: 2;
position: absolute;
bottom: 0%;
left: 50%;
width: 100%;
height: 25%;
letter-spacing:0.1rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background:#09043c;
margin-bottom: -20px;
display: flex;
align-items: center;
justify-content:center;
}
.bg-scale .inner:hover{
color:#00ffff;
}
.bg-scale .inner i{
bottom:-10px;
color:#00ffff;
}
.bg-scale2 .inner i{
position:absolute;
bottom:10px;
color:#fcee21;
}
.bg-scale span,.bg-scale2 span{
display:block;
}
.bg-scale .inner p,.bg-scale2 .inner p{
font-size:0.9rem;
}

.bg-scale2 {
position: relative;
overflow: hidden;
text-align: center;
color:#fff;
text-shadow: 0 0 3px #000;
height:inherit;
background-color:rgba(0,0,0,0.5);

}
.bg-scale2:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background:rgba(0,0,0,0.5);
z-index:1;
}
.kokyo1:after{
background: url(kokyo01.jpg) no-repeat center center;
}
.kokyo2:after{
background: url(kokyo02.jpg) no-repeat center center;
}
.kokyo3:after{
background: url(kokyo03.jpg) no-repeat center center;
}
.kokyo4:after{
background: url(kokyo04.jpg) no-repeat center center;
}
.kokyo5:after{
background: url(kokyo05.jpg) no-repeat center center;
}
.kokyo6:after{
background: url(kokyo06.jpg) no-repeat center center;
}
.kokyo7:after{
background: url(kokyo07.jpg) no-repeat center center;
}
.kokyo8:after{
background: url(kokyo08.jpg) no-repeat center center;
}
.kokyo9:after{
background: url(kokyo09.jpg) no-repeat center center;
}
.kokyo10:after{
background: url(kokyo10.jpg) no-repeat center center;
}
.kokyo11:after{
background: url(kokyo11.jpg) no-repeat center center;
}
.kokyo12:after{
background: url(kokyo12.jpg) no-repeat center center;
}
.kokyo13:after{
background: url(kokyo13.jpg) no-repeat center center;
}
.kokyo14:after{
background: url(kokyo14.jpg) no-repeat center center;
}
.kokyo15:after{
background: url(kokyo15.jpg) no-repeat center center;
}
.kokyo16:after{
background: url(kokyo16.jpg) no-repeat center center;
}
.kokyo17:after{
background: url(kokyo17.jpg) no-repeat center center;
}
.kokyo18:after{
background: url(kokyo18.jpg) no-repeat center center;
}
.bg-scale2:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.bg-scale2:hover:after {
opacity: .8;
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.bg-scale2 .inner {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
width:98%;
letter-spacing:0.1rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding:30px 10px;
}
.bg-scale2 .inner:hover{
color:#fcee21;
}
.bg-scale2 a,.bg-scale a {
color:#fff;
}

.bg-scale:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


.footerMenu{

height:60px;
text-align:center;
line-height:60px;
}
.footerMenu li{
display:inline-block;

}
.footerMenu a{
color:#1b1464 !important;
padding:0 20px;
}
footer{
background: #fff !important;
font-size:0.9rem;
}
#footerLogo{
padding:20px;
}
#toTop a{
display:block;
text-align:center;
color:#fff;
background:#a6adb8;
margin-top:50px !important;
padding:20px 0;
}
#mainvisual{
height:395px;
/*min-height:80vh;*/
background-color:transparent;
}
.mainVisual{
position:absolute;
/*bottom:-85月px;*/
}

.entryBox{
display:flex;
-webkit-justify-content: space-between; /* Safari */
justify-content:         space-between;
box-sizing:border-box;
padding-bottom:50px;
}
.entryBox .entryLeft{
width:70%;
box-sizing:border-box;
}
.entryBox .entryRight{
box-sizing:border-box;
}
.sp-on{
display:none;
}
/*=============　最先端技術 */
.indexDocTop .linkWebT:after{
content:"\f0ac";
font-family: FontAwesome !important;
}
.indexDocTop .linkPdfT:after{
content:"\f1c1";
font-family: FontAwesome;
}

/*=============　ページ */
.indexDoc li{
font-weight:bold;
margin-top:10px;
}
.indexDoc li:before{
content:"\f105";
font-family: FontAwesome;
}

.linkWeb a:after{
content:"\f0ac";
font-family: FontAwesome !important;
}
.linkPdf a:after{
content:"\f1c1";
font-family: FontAwesome;
}
.maps{
width:100%;
height:400px;
}
.addressInfo{
margin-bottom:20px;
}
/*****************メールフォーム */
.mailCaution{
text-align:center;
}
.comments-open-header{
padding-top:50px;
text-align:center;
}
.comments-open-content{
max-width:800px;
margin:0 auto;
}
.comments-open-content input[type="text"]{
width:100% !important;
height:40px;
padding:5px;
border-radius:10px;
border:1px solid #ddd;
box-shadow:0px 0px 3px #777;
}
.comments-open-content textarea{
width:100% !important;
padding:5px;
border-radius:10px;
border:1px solid #ddd;
box-shadow:0px 0px 3px #777;
}
.comments-open-content label{
padding-bottom:5px;
}
.comments-open-content p{
width:80%;
margin:0 auto;
font-weight:bold;
padding-top:30px;
}
.comments-open-content #mail_post{
height:40px;
padding:5px;
border-radius:10px;
border:1px solid #ddd;
box-shadow:0px 0px 3px #777;
width:80%;
display:block;
margin:30px auto;
}

.comments-open-content #mail_preview{
height:40px;
padding:5px;
border-radius:10px;
border:1px solid #ddd;
box-shadow:0px 0px 3px #777;
width:80%;
display:block;
margin:30px auto;
}


@media(max-width:1365px){
#logoarea{
width:30%;
}
#logoarea img{
max-height:100px;
min-width:inherit;
}
#gnav nav ul li ul.sub-menu1 {
width: 840% !important;
}
}
@media(max-width:1000px){
.wrapper{
min-width:inherit;
}
#mainContents{
width:100%;
}
.container{
width:100%;
}
#logoarea{
width:15%;
}
/*nav{
display:none;
}*/
#gnav nav ul li ul.sub-menu1 {
width: 720% !important;
}
.topitem3{display:none;}
}
@media(max-width:890px){
#logoarea{
width:10%;
}
#logoarea img{
max-height:100px;
max-width:50px;
}
nav{
width:100% !important;
}
#gnav nav ul li ul.sub-menu1 {
width: 590% !important;
}
.entryBox{
display:block;
}
.entryLeft,entryRight{
width:100% !important;
}
}
/***********************************　スマホ */
@media(max-width:1000px){
.entryDetails{
display:block;
}
.slideLink{
margin:30px auto;
}
#message{
position:static;
width:50%;
padding-top:180px;
}
#message ul {
text-align: center;
overflow: hidden;
position: static;
}
#message li{
top:inherit !important;
width:100%;
}
.entryAreaL,.entryAreaR{
padding-bottom:30px !important;
width:100% !important;
}
.footerMenu li:nth-child(1) {
padding-left: 20px;
}
.rightContents,.leftContents{
padding-left:0 !important;
padding-right:0 !important;
}
.rightContents h2,.leftContents h2{
padding-left:20px !important;
}
#gnav nav ul{
background:transparent !important;
}
#gnav nav ul li:hover{
overflow:auto;
}
.sp-logo{
max-width:140px !important;
max-height:80px !important;
}
.inner p span{
display:inline;
}
#message h1{
font-size:2rem;
text-align:center;
width:80%;
margin:0 auto;
}

br{
display:none;
}
.box {
height: auto;
min-height:60vh;
background-position:65% 0;
background-size:350%;
}
.menuKenkyu ul a{
width:100% !important;
}
.menuKenkyu{
width: 100%;
margin:0;
}
.menuKenkyu ul{
display:block !important;
}
.menuKokyo{
width: 100%;
margin:0;
}
.menuKokyo ul{
display:block;
}

#gnav {
    background: transparent;
    border-bottom: none;
    display: none;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    z-index: 100;
}
#gnav nav{
width:100% !important;
}
#gnav ul.mainNav{
background:rgba(0,255,255,0.2);
}
#gnav ul.subNav{
background:rgba(0,255,255,0.2);
}
#gnav ul.pageNav{
background:#1b1464 !important;
}
#gnav nav ul li{
width:100%;
border-right:none !important;
letter-spacing:0.3em;
border:none;
background-color: #2A477E;
}
#gnav nav ul.subNav li{
width:100%;
border-right:none !important;
letter-spacing:0.3em;
border:none;
}

#gnav nav ul li.search{
width:100% !important;
padding:4px;
box-sizing:border-box;
}
#gnav nav ul li a{
display:block;
min-height:inherit;
padding:0;
padding-left:0.5rem;
background: #162744 !important;
}
#gnav nav ul li ul li a{
border-bottom:none;
background-color:transparent !important;
}
#gnav nav > ul > li:first-child{
border:none;
}
#gnav nav ul li ul.sub-menu{
position: static;
list-style: none;
margin: 0;
width:100% !important;
}
#gnav nav ul li ul.sub-menu {
width: 100% !important;
height:500px;
overflow:auto;
}
#gnav nav ul li{
width:100% !important;
}

.sp-menu li {
width:100% !important;
}

#newsContents h3{
border-bottom:1px dotted #fff;
}
#grid3{
}
.stateLeft li{
border-bottom:1px dotted #fff;
}
.stateLeft,.stateRight{
padding-top:30px;
padding-bottom:30px;
}
.inner p{
line-height:1.1rem;
}

}
@media(max-width:680px){
.container{
display:block;
overflow:hidden;
}
.leftContents,.rightContents{
width:100%;
padding-top:30px;
}
#newsContents{
display:block;
box-sizing:border-box;
}
#newsContens h2,#newsContents #grid3,#newsContents #allView{
display:block;
width:100%;
padding:10px;
box-sizing:border-box;
}
#state{
display:block;
}
#state h2{
padding-left:10px !important;
}
.indexDocTop{
padding-top:10px;
padding-left:10px;
}
.stateLeft,.stateRight{
width:100%;
}
.entryMediaBox{
display:block;
}
.entryMediaBox .entryMedia{
width:100%;
display:block;
}

.kenkyuContents,.koukyoContents{
min-height:100% !important;
}
}

htest1 {
font-size:1.3rem;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}

htest2 {
font-weight: bold;
font-size:1.3rem;
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

htest3 {
font-weight: bold;
font-size:1.3rem;
position: relative;
padding: 0.25em 0;
}
htest3:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, #A4A4A4, #A4A4A4);
background: -webkit-linear-gradient(to right, #A4A4A4, #A4A4A4);
background: linear-gradient(to right, #A4A4A4, #A4A4A4);
}

htest4 {
font-weight: bold;
font-size:1.3rem;
color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

ltest1 {
content: "";
display: block;
height: 4px;
background-color: #fff;
border-top: 2px dashed #bbb;
}

ltest2 {
content: "";
display: block;
height: 4px;
height: 1px;
background: #bbb;
background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
background-image: -moz-linear-gradient(left, #eee, #777, #eee);
background-image: -ms-linear-gradient(left, #eee, #777, #eee);
background-image: -o-linear-gradient(left, #eee, #777, #eee);
}

ltest3 {
content: "";
display: block;
height: 4px;
border-top: 3px double #bbb;
}

ltest4 {
content: "";
display: block;
height: 40px;
border-top: 1px solid #bbb;
border-bottom: 1px solid #fff;
}
hr:after {
content: '';
display: block;
margin-top: 2px;
border-top: 1px solid #bbb;
border-bottom: 1px solid #fff;
}

.headertop {
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.headertop-left {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.headertop-right {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}

.topmenu{
display:flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.topitem1{width: 10%;
background: transparent;
color: #222;
padding: 0 20px;
box-sizing: border-box;
z-index: 1000;
flex-basis: 150px;}
.topitem2{
padding-bottom:10px;
flex-basis: 465px;}
.topmenu li{padding:10px;}

#gnav nav {
width: 100%;
}
#gnav ul.mainNav {
display: none;
}

#message {
font-size: 1.3rem;
color: #ffffff;
top: 69%;
left: 70%;
line-height:1.8;
font-weight:700;
text-shadow: 2px 2px 3px #090909; 
}
#message p {
border:2px #bf0000;
border-radius:10px;
width: 450px;
}
.stateLeft {
    display: flex;
}
#state h2 {
    padding-right: 50px;
}

@media (max-width: 1200px) {
#message {
left: 60% !important;}
}
@media (max-width: 1086px) {
#message {
left: 33% !important;
top:50% !important;}
}



/* ==================================
2019 redesign
================================== */

/* -----------ブログ記事----------- */
/*h1見出し*/
h1.post-title--2col {
font-size: 2rem ;
margin-bottom: .5rem;
padding: .5rem 1rem;
text-align: left;
letter-spacing: .3rem;
border: none ;
border-left: solid 8px #26a5ea;
}


@media(max-width:785px) {
h1.post-title--2col{
font-size: 2rem;
margin: 30px 0;
text-align: center;
letter-spacing: .3rem;
border: none;
}
}

/*コンテンツとサイドバーのスペース確保*/
.entryMain {
padding-right: 1rem;
}

@media(max-width:785px) {
padding: 0;
}

/* ----------FRICS情報配信サービススライダー----------- */
/* スライダーボックス */
.frics-info {
padding: .5rem 3rem 1rem;
background: #162744;
}
/* スライダー */

.slick-slide {
	margin-right: 1rem;
}
.slick-list {
	margin-right: 1rem;
}

/*FRICS情報配信サービスh2見出し*/
.frics-heading {
color: #fff;
}

/* ----------グローバルナビ----------- */
#gnav nav {
	margin: 0;
}
#gnav nav ul li.search {
    padding: 0.2rem 1rem;
}

ul.subNav.pageNav.sp-menu.sp-none {
    display: flex;
    justify-content: space-between;
    width: 100vw;
}
/* ----------SNSボタン----------- */
.snsbutton{display:flex;
flex-wrap:wrap;}
.snsbutton li{
margin-right:20px;
}
#share{
	width:100%;
	margin:auto;
	text-align:center;
	padding:10px 0 10px 0;
	clear:both;
}
#share ul{
	height:auto;
}
#share li{
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}




/* ----------サイドバー一覧リスト再修正----------- */
/*サイドバーh4見出し*/
.sidebar-category__heading {
margin-bottom: .3rem;
padding: .4rem;
background: #78b9df;
font-size: .8rem !important;
text-align: center;
color: #fff;
}

h4.sidebar-category__heading::before{
    content: none;
}
.sidebar-category__heading a {
display: block;
text-decoration: none;
color: #fff;
}


/*label全体*/
.hidden-box{
    margin: 2rem 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden-box label{
    display:block;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
     font-size: .9rem;
    padding: 1rem;
    text-align: center;
    background: #162744;
}

.hidden-box h4::before  {
    content:none;
}

/*ボタンホバー時*/
.hidden-box label:hover{
    background: #78b9df;
}

/*チェックは見えなくする*/
.hidden-box input{
    display: none;
}

/*中身を非表示にしておく*/
.hidden-box .hidden-show{
    overflow: hidden;
    height: 0;
    padding: 0;
    transition: .8s;
    opacity: 0;
}

/*クリックで中身表示*/
.hidden-box input:checked ~ .hidden-show{
    height: auto;
    padding: 10px 0;
    opacity: 1;
}
/*サイドバーアコーディオン*/
aside{width:300px; margin: 0 auto !important;}
.accordion {text-align: center;}
.accordion .inner {display: none;}
.accordion .inner li ul{display: none;}
.accordion h3{font-size: .9rem; color:#fff; cursor: pointer; padding: 10px; margin-bottom:5px;}
.accordion h3.ac1{background: #162744;}
.accordion .inner li ul li{padding: 10px 0;}
.accordion .inner li > h4{font-size: .9rem; color:#fff; cursor: pointer;}
.accordion .inner li.content1{background: #78b9df;}
.accordion .inner li.content2{background: #fff; text-align: left; line-height: 1.5;}
.accordion .inner li > h4:before {content: none;}
.accordion .inner li ul li{padding:0;}
.accordion .inner li.content2 a {
    text-decoration: none;
    color: #000;
    font-size: .9rem;
}
.accordion .inner li.content2 a::before {
    font-family: 'FontAwesome';
    content: '\f0da';
    padding: .3rem;
}

h4 a:hover{
 color: #fff;
 text-decoration:none;
 }





.ttl{

color:#ffffff;
}

/*最新情報*/
#newsContents {
position: static;
}
/*#newsContents #grid3{
	height: 135px;
	overflow: auto;
}*/
#newsContents #grid3::-webkit-scrollbar{
	width: 13px;
}

/*タブ切り替え*/
.tab {
	display:none;
}

.tab li {
	float: left;
    margin-right: 1px;
    padding: 5px 25px;
    background: #eee;
	color: #0f6fbc !important;
    border-radius: 5px 5px 0  0;
}

.tab li.select {
	background: #0f6fbc;
    color: #fff !important;
}
.content li {
    background: #eeeeee69;	
}

.hide {
    display: none;
}

/* -----------ボタン----------- */
.btn-blue {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #78b9df;
  border-bottom: solid 2px #256285;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  margin-top:10px;
}
.btn-blue a{
  color:#ffffff;
  text-decoration: none;
}

.btn-orange {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;
  border-bottom: solid 2px #d27d00;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
.btn-orange a{
  color:#ffffff;
  text-decoration: none;
}

.btn-orange2 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;
  border-bottom: solid 2px #d27d00;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  margin-top:10px;
}
.btn-orange2 a{
  color:#ffffff;
  text-decoration: none;
}

.mb30{ margin-bottom:30px;}

.kikikanri td{
    padding: 5px;
    font-size: 85%;
}

/* -----------下層ページ----------- */
.map-page{
border:solid 1px #000000;
padding:20px;
border-radius:30px;
}
.sosiki{
display:flex;
justify-content:start;
align-items: center;
}

.ttl-blue{
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
}

.contact-form{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
}

/* -----------グローバルナビ----------- */
.g_nav {
  position:relative;
}
.g_nav > ul {
  display:flex;
  width:100%;
  margin:0 auto;
  list-style:none;
  background: #1b1464;
}
.g_nav > ul > li {
  width:100%;
  padding:0px;
  /* background:#333; */
  color:#fff;
  text-align:center;
white-space: nowrap;
}
/*.g_nav > ul > li:hover {
	background:rgba(120,185,223,0.5);}*/
.mdd_wrap {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  /*z-index:9999;*/
}
.mdd_wrap .mdd_inner {
  display:none;
  width:100%;
  height:300px;
  margin:0 auto;
  background:#1b1464;
position: absolute;
z-index: 1000;
}
@media (max-width: 769px) {
.footerMenu {
   height: auto;
    line-height: 1.8;
}
.g_nav {
display:none;
}
.contact-form .btn-blue {
    width: 95%;
}
}

.menuKenkyu .ttl {
    background: inherit;
}
.menuKenkyu ul {
 height: 150px !important;
}
.menuKenkyu ul li.bg-scale {
 /*display: table;*/
    height: 150px !important;
}
.menuKenkyu-heading {
width: 18%;
margin: 1%;
}
.menuKenkyu ul li {
border-radius: 4px 4px 0 0;
white-space: normal;
}
.mdd_wrap .mdd_inner {
height: 400px;
}
.g_nav--ttl {
    font-size: 17px;
   padding-top: 1rem;
}

/* -----------スマホグローバルナビ----------- */
@media(max-width:890px){
#message p{
display:block;
text-align:center;
width:100%;
margin:0 auto;
}
.topitem2 {
    width: 100%;
}

.topitem3 {
    width: 100%;
    padding: 10px;
}
.topmenu {
justify-content: flex-start;
}
#gnav nav ul li a {
text-align: center;
 line-height: 30px;
}
#gnav-btn a {width: 60px;}
}
@media(max-width:890px){
#message {
line-height: 27px;
}

#message {
    width: 50%;
}
#message p{
    font-size: 1.0rem !important;
}
#mainvisual {
    height: 252px;
}
.mainVisual{
position:absolute;
/*bottom:-80px;*/
}
#mainvisual {
    display: flex;
    align-items: center;
}

.scroll {
top:77%;
}
.stateLeft {
display:block;
padding:30px 0;
}
#newsContents h2 {
 padding-left: 15px
}
.stateLeft h2, .stateRight h2 {
text-align: center;
}


  .icon-list:before {font-family: "fontawesome";
content: '\f0c9';}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
  .icon-list:before {content: "menu";}
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .icon-list:before {content: "menu";}
}
}
.g_nav > ul {
	height: 40px;
}

.g_nav--ttl {
	line-height: 40px;
    padding-top: 0;
}
#searchform2 {
	padding:6px;
}

#searchform2 input {
	height: 27px;
}

#searchform2 button {
	height: 27px;
}

.suibou1:after{
background: url(suibou1.jpg) no-repeat center center;
}
.suibou2:after{
background: url(suibou2.jpg) no-repeat center center;
}
.suibou3:after{
background: url(suibou4.jpg) no-repeat center center;
}
.suibo_wrap .mdd_inner{height:200px !important}

.g_nav--ttl a{
color:#ffffff;
text-decoration: none;}

.content li {
    padding: 0px 20px;
}

.frics_wrap .ttl{
background:#83c5fd;
font-weight:700;
padding:10px;}
.frics_wrap ul{
list-style: disc !important;
padding-left: 30px;}
.frics_wrap ul li{
list-style: disc !important;
}
.scroll {
    display: none;
}
#grid3 h3 {
    padding: 0;
    margin:0;
}
.size20{
font-size:20px;}

.articleBox2 {
    border-top: 5px solid #1b1464;
    margin-top: 30px;
padding-top:40px;
display:flex;
flex-wrap:wrap;
width:1140px;
}
.tem{
width:800px;
}
.tem2{
width:1100px;
}
.tem-side{
width:300px;
}
.ttl02{
  padding: 0.5em;
  color: #010101;
  background: #eaf3ff;
  border-bottom: solid 3px #516ab6;
}
.ttl03{
  color: #2f2f2f;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.about{margin: 0 auto;
width:500px;}
.mt40{margin-top:40px;}
.entryMain {
    width: 800px;
}
.entryMain2 {
    width: 1100px;
}
.torikumi{
margin-top:40px;
  background: #ecf4f6;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;
  padding: 30px;
  color: #454545;
font-size:18px;

}
.topitem-sp{display:none;}
@media(max-width:768px){
.articleBox2 {
width:100%;
}
.tem{
width:100%;
}
.tem2{
width:100%;
}
.tem-side{
width:300px;
margin-top: 10px;
}
.inner_box{
width:100%;
}
aside {
    width: 100%;
}
.about{
width:100%;}
.entryMain {
    width: 100%;
}
.torikumi{
width:100%;
margin-top:30px;
padding:10px;
}
.bg-scale .inner p, .bg-scale2 .inner p {
    font-size: 0.6rem;
}
.inner p {
    line-height: 0.8rem;
}


.stateRight .detailView {
right: 30px;}
#plist{display:none;}
.home .sp{display:block;}
}

/* -----------シンポジウム・講演会----------- */

.ttl-orange{
margin-top:30px;
background:#ff8040;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:200px;
}
.ttl-blue2{
margin-top:30px;
background:#0000ff;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:200px;
}
.ttl-green{
margin-top:30px;
background:#009900;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:200px;
}
.ttl-red{
margin-top:30px;
background:#990000;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:200px;
}
.ttl-brown{
margin-top:30px;
background:#999900;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:200px;
}
.ttl-gray{
margin-top:30px;
background:#999999;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:200px;
}
.ttl-purple{
margin-top:30px;
background:#990099;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:200px;
}

.wrap-koenkai01{
display:flex;
flex-wrap:wrap;
align-items: center;
margin-top:30px;
}
.wrap-koenkai02{
display:flex;
flex-wrap:wrap;
justify-content:start;
margin-top:30px;}
.left-box,.right-box{
width:48%;
}
.left-narrow-box{
width:30%;
}
.right-wide-box{
width:70%;
}
.wrap-koenkai03{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
margin-top:30px;}

.left-box02{
width:33%;
}
.center-box02{
width:33%;
}
.right-box02{
width:33%;
}

.left-box03{
width:50%;
}

.right-box03{
width:50%;
}

.left-box04{
width:10%;
}
.center-left04{
width:40%;
}
.center-right04{
width:10%;
}
.right-box04{
width:40%;
}
.btn-orange3 {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;
    border-bottom: solid 2px #d27d00;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    margin-top: 10px;
}
.btn-orange3 a {
    color: #ffffff;
    text-decoration: none;
}
.left-wide-box{
width:100%;

.right-narrow-box{
width:30%;
}


.left-box05{
width:30%;
}
.center-left05{
width:8%;
}
.center-center05{
width:24%;
}
.right-right05{
width:8%;
}
.right-box05{
width:30%;
}



.left-box05.1{
width:15%;
}
.center-left05.1{
width:42%;
}
.center-center05.1{
width:8%;
}
.right-right05.1{
width:18%;
}
.right-box05.1{
width:7%;
}


.left-box03.1{
width:10%;
}
.right-box03.1{
width:59%;
}

.ttl-blue2.1.1{
margin-top:30px;
background:#0000ff;
color: #ffffff;
padding:5px;
font-weight:700;
padding-left:30px;
width:400px;
}

.left-narrow-box2.1{
width:10%;
}
.right-wide-box2.1{
width:90%;
}
span#current-page.hidden{
display:none;
}

.left-box06{
width:50%;
}

.right-box06{
width:50%;
margin-left:30px !important;
}
@media(max-width:500px){

#message {
    width: 70%;
}
}
.wrap-mailform{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
margin-bottom:50px;
}

.mail_left-box,.mail_right-box{
width:48%;
}