@charset "utf-8";
html { font-size: 62.5%;overflow-x: hidden; } /* 10px */
body { font-size: 1.6rem; line-height: 1.8em;overflow-x: hidden;} /* 16px */
p { font-size: 1.8rem; line-height: 1.8;color: #202020; } /* 16px */
table p {font-size: 1.6rem;line-height: 1.8;}
li { font-size: 1.8rem; line-height: 1.8; } /* 16px */
li p { font-size: 1.6rem; line-height: 1.8 } /* 16px */
img { max-width: 100%;height: auto;border: none;vertical-align: bottom; }
a{ color: #3D63AF;word-break: break-all; }
b{font-weight:600;}
sup {
vertical-align:super;
font-size:small;
padding-right: 0.5rem;
}
body{
font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 500;
font-style: normal;
}
header{
background: #153A6E;
color: #fff;
padding:20px 0 0;
position: fixed;
width: 100%;
z-index: 9999;
}
header .headerbox-l {
align-items: flex-end;
}
header .headerbox-l p:first-child{
margin:0 10px 0 0;
}
header .headerbox-l p{
font-size: 1.6rem;
}
header .headerbox-r p{
font-size: 1.6rem;
}
header .headerbox-l p span,
header .headerbox-r a {
font-family: "Arial",sans-serif;
}
header .headerbox-r .fx-box.fx-fe{
width: 100%;
display: block;
}
header .headerbox-r a{
text-decoration: none;
color: #fff;
}
header .en-btn{
}
header .en-btn a{
text-decoration: none;
font-size: 1rem;
color: #fff;
background: #54ACDB;
padding: 5px;
display: inline-block;
}
.breadcrumb.l-inner{
margin-top: 177px;
}
nav div.pcnav{
background: #53B0D9;
margin: 20px 0 0;
}
nav div.pcnav ul{
max-width: 1080px;
width: 100%;
margin:0 auto;
padding:16px 0;
}
nav div.pcnav ul li{
margin-bottom: 0;
}
nav div.pcnav ul li a{
color: #fff;
text-decoration: none;
font-size: 1.6rem;
}
/*SPmenu*/
div.NavMenu{
position: fixed;
z-index: 12;
top: 0;
left: 0;
background: #000;
text-align: center;
width: 100%;
height: 100%;
display: none;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
div.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 1px solid #696969;
}
div.NavMenu ul li{
font-size: 24px;
list-style-type: none;
width: 100%;
border-bottom: 1px solid #696969;
padding-bottom: 0px;
justify-content: space-between;
}
div.NavMenu ul li:last-child{
padding-bottom: 0;
}
div.NavMenu ul li a{
display: block;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
text-decoration: none;
text-align: left;
padding: 18px 16px;
width: 73%;
}
div.NavMenu ul li .nav-sp-sub{
background: #434343;
}
div.NavMenu ul li .nav-sp-childsub{
background: #666666;
}
div.NavMenu ul li .nav-sp-2childsub{
background: #999999;
}
div.NavMenu ul li .nav-sp-childsub li a{
padding-left: 2em; }
div.NavMenu ul li .nav-sp-2childsub li a{
padding-left: 3em; }
div.NavMenu ul li .nav-sp-sub li,div.NavMenu ul li .nav-sp-childsub li,div.NavMenu ul li .nav-sp-2childsub li{
border: none;
}
.accordion-container {
position: relative;
width: 100%;
border: 1px solid #0079c1;
border-top: none;
outline: 0;
cursor: pointer
}
ul .accordion-title,ul .accordion-subtitle,ul .accordion-subchild-title {
display: block;
position: relative;
margin: 0;
padding: 0 28px;
height: 64px;
font-weight: normal;
color: #fff;
cursor: pointer;
text-indent:-9999px;
}
ul .accordion-title:hover,ul .accordion-subtitle:hover,ul .accordion-subchild-title:hover,
ul .accordion-title:active,ul .accordion-subtitle:active,ul .accordion-subchild-title:active,
ul .content-entry.open .accordion-title,ul .content-entry.open .accordion-subtitle,ul .content-entry.open .accordion-subchild-title {
}
ul .accordion-title:hover i:before,ul .accordion-subtitle:hover i:before,ul .accordion-subchild-title:hover i:before,
ul .accordion-title:hover i:active,ul .accordion-subtitle:hover i:active,ul .accordion-subchild-title:hover i:before,
ul .content-entry.open i {
color: white;
}
ul.page-list li{
list-style: none;
}
.accordion-title,.accordion-subtitle,.accordion-subchild-title{
position: relative;
}
.accordion-title:after,.accordion-subtitle:after,.accordion-subchild-title:after {
content: "";
position: absolute;
right: 25px;
top: 42%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(135deg);
transform: rotate(42deg);
}
.accordion-title.open:after,.accordion-subtitle.open:after,.accordion-subchild-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(133deg);
top: 45%;
}
.nav-sp-sub ,.nav-sp-childsub ,.nav-sp-2childsub {
display: none;
padding-left: 2.3125em;
}
/*繝懊ち繝ｳ縺ｮ繧ｹ繧ｿ繧､繝ｫ*/
.Toggle {
right:0;
top: 0;
width: 53px;
height: 53px;
cursor: pointer;
z-index: 13;
display: block;
position: fixed;
background: #53B0D9;
}
.Toggle.active{
border-left: 1px solid #707070;
background: #fff;
}
.Toggle span {
display: block;
position: absolute;
width: 35px;
border-bottom: solid 4px #fff;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 9px;
}
.Toggle span:nth-child(1) {
top: 10px;
}
.Toggle span:nth-child(2) {
top: 21px;
}
.Toggle span:nth-child(3) {
top: 32px;
}
.Toggle span:nth-child(4) {
border: none;
bottom: 2px;
font-size: 1.2rem;
line-height: 1;
}
.Toggle.active span:nth-child(1) {
top: 25px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 2px #000;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 2px #000;
}
header p{
color: #fff;
margin-bottom: 0;
}
header .search-box{
width: 90%;
margin: 25px auto;
}
header .search-box .fx-box{
width: 280px;
}
header .search-box .fx-box #___gcse_0{
width: 196px;
}
header .search-box input.inputbox{
max-width: 340px;
height: 50px;
border: none;
width: 100%;
}
header .search-box input.searchbtn{
width: 85px;
height: 50px;
background: #9B9B9B;
color: #000;
text-align: center;
border: none;
}
header .engiconarea{
display: flex;
justify-content: flex-end;
margin-right: 52px;
}
header .engicon{
background: #fff;
display: inline-block;
padding: 8.5px 16px;
}
header .NavMenu-low-area{
width: 90%;
margin: 33px auto 45px;
background: #343434;
color: #fff;
}
header .NavMenu-low-area ul,header .NavMenu-low-area ul li{
border: none;
}
header .NavMenu-low-area ul{
padding:24px 32px 12px;
width : calc(100% - 64px) ;
width : 83% ; /* IE8莉･荳九→Android4.3莉･荳狗畑繝輔か繝ｼ繝ｫ繝舌ャ繧ｯ */
width : -webkit-calc(100% - 64px) ;
}
header .NavMenu-low-area ul li{
margin:0 0 12px;
}
header .NavMenu-low-area ul li a{
margin:0;
padding: 0;
}
header .headerbox-r input.inputbox{
height: 26px;
max-width:196px;
}
.breadcrumb{
display: flex;
padding-top: 1em;
flex-wrap: wrap;
}
.breadcrumb .arrow{
margin-right: 20px;
color: #ccc;
}
.breadcrumb li{
display: flex;
margin-right: 20px;
font-size: 1.6rem;
}
.breadcrumb li a{
color: #202020;
text-decoration: unset;
}
.link-area{
max-width: 786px;
width: 100%;
margin:0 auto 20px;
}
.link-area .fx-box.wrap{
justify-content: flex-start;
}
.link-area .fx-box.wrap p + p{
margin-left: 49px;
}
.link-area .fx-box.wrap p:nth-child(4n){
margin-left: 0;
}
.link-area .fx-box p{
margin:0 0 40px;
}
.footer__linkarea{
/* background: url(../image/footer_bg_top.png)center center;
background-repeat: no-repeat;
position: relative;
padding: 140px 20px 0;
background-size: cover;
object-fit: cover;*/
background: url(../image/footer_bg_top.png)center center;
background-repeat: no-repeat;
position: relative;
width: 100%;
height: 0;
background-size: cover;
object-fit: cover;
padding-top: 13.3235725%;
background-position: center center;
}
.footer__linkarea ul li{
color: #202020;
font-size: 1.6rem;
text-decoration: none;
margin: 0 10px 0 0;
}
.footer__linkarea ul li span.arrow{
margin: 0 20px 0 10px;
color: #53B0D9;
}
.footer__linkarea ul li a{
color: #202020;
font-size: 1.6rem;
text-decoration: none;
}
.footer__linkarea .pagetop{
position: fixed;
bottom: 10px;
z-index: 999;
right: 10px;
}
.footer__linkarea .pagetop a {
color: #202020;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
text-decoration: none;
display: block;
margin-top: -3%;
background: #e3f0f9;
width: 55px;
text-align: center;
padding: 12px 0;
}
.footer__linkarea .pagetop a:after{
font-family: "Font Awesome 5 Free";
content: "\f077";
color: #53B0D9;
font-weight: 900;
display: block;
}
footer{
background: url(../image/footer_bg_bottom.png);
/* background-repeat: no-repeat;
position: relative;
padding: 150px 0 0;
background-size: cover;
object-fit: cover;*/
background: url(../image/footer_bg_bottom.png);
background-repeat: no-repeat;
position: relative;
width: 100%;
height: 0;
background-size: cover;
object-fit: cover;
padding-top: 37.1156662%;
background-position: center center;
}
footer .l-inner{
width: 1080px;
}
footer .footermenubox{
margin-top: -25%;
justify-content: space-between;
}
footer .logoarea{
flex: 0 1 20%;
}
footer .menuarea{
flex: 1 0 80%;
}
footer .menuarea ul li{
text-indent: -27px;
padding-left: 27px;
margin: 0 1em;
}
footer .menuarea ul li:before{
font-family: "Font Awesome 5 Free";
content: "\f45c";
color: #53B0D9;
font-weight: 900;
padding-right: 10px;
}
footer .menuarea ul li a{
color: #fff;
font-size: 1.6rem;
text-decoration: none;
}
footer .menuarea ul li ul.submenu li:before{
content: none;
}
footer .othermenu{
margin: 40px 0 0;
width: 100%;
justify-content: flex-end;
}
footer .othermenu p.borderlink a{
text-decoration: none;
color: #fff;
font-size: 1.3rem;
border: 1px solid #fff;
padding: 5px 10px;
margin:0 20px 0 0;
display: block;
text-align: center;
}
footer .copy{
font-size: 1.1rem;
color: #fff;
text-align: center;
padding:10px 0;
margin-bottom: 0;
}
.l-inner{
max-width: 984px;
width: 90%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.ll-inner{
max-width: 1024px;
width: 90%;
margin: auto;
position: relative;
}
.mm-inner{
max-width: 830px;
width: 100%;
margin: auto;
}
.m-inner{
max-width: 640px;
/*margin: auto;*/
width: 100%;
}
.s-inner{
max-width: 288px;
width: 100%;
}
.xl-inner{
max-width: 1237px;
margin: auto;
}
.fx-box{
display: flex;
display: -webkit-flex;
align-content:stretch;
justify-content: space-between;
}
/*2022/3/28霑ｽ蜉� 2蛻苓｡ｨ遉ｺ隗｣髯､*/
.cv19doc{
display: block;
}
/*2022/3/28霑ｽ蜉� 2蛻苓｡ｨ遉ｺ隗｣髯､縺薙％縺ｾ縺ｧ*/
.wrap{
flex-wrap: wrap;
justify-content: flex-start;
}
.c-explanation-box .fx-box.wrap{
justify-content: space-between;
}
.fx-box.fx-fs{
justify-content: flex-start;
}
.fx-box.fx-fe{
justify-content: flex-end;
}
.re{
flex-direction: row-reverse;
}
.fx70{
flex:1 0 63%;
max-width: 63%;
}
.fx-box.box2,.fx-box.box3,.fx-box.box4,.fx-box.box6,.fx-box.box8{
flex-wrap: wrap;
justify-content: flex-start;
}
.box2 .boxitem{
width: calc((100% - 1%) / 2);
margin-right: 1%;
}
.box2 .boxitem:last-child{
margin-right: 0%;
}
.box3 .boxitem{
width: calc((100% - 2%) / 3);
margin-right: 1%;
}
.box3 .boxitem:nth-child(3n){
margin-right: 0%;
}
.box4 .boxitem{
width: calc((100% - 3%) / 4);
margin-right: 1%;
}
.box4 .boxitem:nth-child(4n){
margin-right: 0%;
}
.box6 .boxitem{
width: calc((100% - 5%) / 6);
margin-right: 1%;
}
.box6 .boxitem:nth-child(6n){
margin-right: 0%;
}
.box8 .boxitem{
width: calc((100% - 7%) / 8);
margin-right: 1%;
}
.box8 .boxitem:nth-child(8n){
margin-right: 0%;
}
.gap1{
gap: 1%;
}
.gap2{
gap: 2%;
}
.gap3{
gap: 3%;
}
.fx80{
flex:0 0 73%;
margin-left: 30px;
max-width: 100%;
}
.fx20{
flex: 1 0 20%;
max-width: 260px;
}
.fx50{
width: calc((100% - 2%) / 2);
}
.fx30{
flex:1 0 30%;
max-width: 33.333%;
}
.mgauto{
margin-right: auto;
margin-left: auto;
}
.mb10{
margin-bottom: 10px;
}
.mb20{
margin-bottom: 20px;
}
.mb30{
margin-bottom: 30px;
}
.mb40{
margin-bottom: 40px;
}
.mb80{
margin-bottom: 80px;
}
.mb100{
margin-bottom: 100px;
}
.mr20{
margin-right: 2rem;
}
.mr40{
margin-right: 40px;
}
.mr26{
margin-right: 26px;
}
.dl-table{
border-top: 1px solid #A5A5A5;
border-bottom: 1px solid #A5A5A5;
font-size: 1.6rem;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-content:stretch;
align-items: center;
margin-bottom:20px;
padding-bottom: 20px;
padding-top: 20px;
}
.dl-table + .dl-table{
padding-top: 0;
border-top: none;
}
.dl-table:last-child{
margin-bottom:100px;
}
.dl-table dt{
flex: 1 0 30%;
padding:15px 3% 15px;
color: #153a6e;
font-weight: 600;
}
.dl-table dd{
flex: 0 1 58%;
padding:15px 3%;
}
.dl-table dd .c-btn-icon{
margin-bottom: 0;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.w300{
max-width: 300px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
/* 2024.01縲Chikyu繧医ｊ遘ｻ讀坂� */
.bg_skyblue{
background-color: #E3F0F9;
padding: 20px;
}
.mla {
margin-left: auto;
}
.c-sub-page .bg_skyblue p{
margin-bottom: 1em;
font-size: 1em;
}
.c-sub-page .bg_skyblue p:last-of-type{
margin-bottom: unset;
}
.ttl {
cursor: help;
color: #000;
}
.align-c{
align-items: center;
}
#p-labo.c-sub-page p.fx25{
margin-bottom: 10px;
}
.c-sub-page .bana p {
margin-bottom: 1em;
}
#p-labo.c-sub-page .photo p {
margin-bottom: 10px;
}
#p-labo.c-sub-page p.caution {
font-size: 1em;
}
.c-sub-page p.mw800 {
text-align: center;
}
.c-sub-page p.mw800 {
text-align: center;
}
p.mw800 img{
max-width: 800px;
}
/* 2024.01縲Chikyu繧医ｊ遘ｻ讀坂� */
/*蜈ｱ騾壹さ繝ｳ繝昴�繝阪Φ繝�*/
.c-list-linkarea .c-list-linkarea__text{
background: #153A6E;
color: #fff;
padding: 57px 45px 0;
flex: 1 0 452px;
max-height: 323px;
}
.c-list-linkarea .c-list-linkarea__text p{
color: #fff;
}
.c-list-linkarea .c-list-linkarea__img{
flex: 0 0 532px;
}
.c-list-linkarea .fx-box h2{
font-family: '貂ｸ譏取悃','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-size: 4.2rem;
background: none;
color: #fff;
margin-bottom: 20px;
text-align: left;
padding: 0;
line-height: 1.2;
}
.c-list-linkarea__more{
margin: 0 auto;
}
.c-list-linkarea__more a{
background: rgba(255, 255, 255, 0.3);
color: #fff;
text-decoration: none;
font-size: 1.6rem;
max-width: 300px;
width: 100%;
display: flex;
justify-content: space-between;
padding: 11px 30px;
}
.c-list-specarea__dl{
display: flex;
flex-wrap: wrap;
font-size: 1.6rem;
}
.c-list-specarea__dl dt,.c-list-specarea__dl dd{
border-bottom: 1px solid #D8D8D8;
padding:5px;
}
.c-list-specarea__dl dt{
flex: 0 0 40%;
}
.c-list-specarea__dl dd{
flex: 0 0 55%;
}
.c-border-top{
border-top:1px solid #ccc;
padding-top: 20px;
}
.c-arrow-box:after{
font-family: "Font Awesome 5 Free";
content: "\f078";
color: #53B0D9;
font-weight: 900;
font-size: 5rem;
display: block;
text-align: center;
margin: 40px;
}
.c-arrow-box:last-of-type:after{
content: none;
}
.lity-content:before{
content: "ﾂｩ�繍AMSTEC";
color: #fff;
position: absolute;
right: 5px;
bottom: 5px;
}
.chikyu .lity-content:before{
content: "ﾂｩ�繍AMSTEC/IODP";
}
/*譁�ｭ鈴俣繝ｻ繧ｵ繧､繧ｺ隱ｿ謨ｴ縺薙％縺九ｉ縲竊�*/
p.f1_5,.f1_5{
font-size: 1.5rem;
}
p.f1_75,.f1_75{
font-size: 1.75rem;
}
p.px-05,.px-05{
letter-spacing: -0.5px;
}
p.px-1,.px-1{
letter-spacing: -1px;
}
p.px-2.px-2{
letter-spacing: -2px;
}
.bor {
border: 2px solid #5C7CC4;
margin: 0 0 3em;
padding-top: 1.5rem;
}
/*譁�ｭ鈴俣繝ｻ繧ｵ繧､繧ｺ隱ｿ謨ｴ縺薙％縺ｾ縺ｧ縲竊�*/
@media screen and (max-width: 1200px) {
.box100{
flex-direction: column;
}
.box_l{
width: 100%;
margin-right: 0;
}
.box4 .boxitem{
width: calc((100% - 1%) / 2);
margin-right: 1%;
}
.box4 .boxitem:nth-child(even){
margin-right: 0%;
}
.box6 .boxitem{
width: calc((100% - 2%) / 3);
margin-right: 1%;
}
.box6 .boxitem:nth-child(3n){
margin-right: 0%;
}
.box8 .boxitem{
width: calc((100% - 1%) / 2);
margin-right: 1%;
}
.box8 .boxitem:nth-child(even){
margin-right: 0%;
}
.footerarea{
width: 80%;
}
/*max-width: 1200px*/
}
@media screen and (min-width: 901px) {
nav .spnav{
display: none;
height: 0;
}
nav .pcnav{
display: block;
}
.tbnone{
display: none;
}
}
@media screen and (max-width: 900px) {
.pcnone{
display: none;
}
nav .spnav{
display: block;
}
nav .pcnav{
display: none;
}
header{
padding: 5px;
min-height: 44px;
}
header .fx-box.l-inner{
width: 100%;
}
header .headerbox-l {
align-items: center;
}
header .headerbox-l p{
font-size: 9px;
}
header .headerbox-l p span{
font-size: 5px;
}
header .headerbox-l p.logoimg {
margin: 0 10px 0 0;
display:flex;
max-width: 130px;
}
header .headerbox-l p.logoimg img {
width: 30%;
}
header .headerbox-l p.logoimg a img {
width: 100%;
}
/*header .headerbox-l .logoimg img{
max-width: 130px;
}*/
header .fx-box{
flex-direction: unset;
}
header .headerbox-r{
display: none;
}
header .spnav .engiconarea{
justify-content: space-between;
margin-bottom: 15px;
}
header .spnav .engiconarea .logoimg{
flex:0 1 48%;
}
.l-inner{
max-width: unset;
}
.link-area .fx-box{
flex-direction: unset;
padding: 15px 15px 0;
}
.link-area .fx-box p{
flex-direction: unset;
width: calc((100% - 15px) / 2);
margin: 0 0 15px;
}
.link-area .fx-box.wrap p img{
width: 100%;
}
.link-area .fx-box.wrap p + p{
margin-left: 15px;
}
.link-area .fx-box.wrap p:nth-child(odd){
margin-left: 0;
}
.link-area .fx-box.wrap p:nth-child(4n){
margin-left: 15px;
}
.footer__linkarea{
background: url(../image/footer_bg_sp.png);
padding-top: 63.56383%;
background-size: cover;
object-fit: cover;
}
footer{
background: #103f8f;
height: auto;
padding-top: 10%;
}
footer .footermenubox{
flex-direction: column;
}
footer .footermenubox .logoarea{
margin: 0 auto;
}
footer .fx-box{
flex-direction: column;
}
footer .fx-box .othermenu.fx-box{
flex-direction: unset;
}
footer .othermenu{
width: 100%;
}
footer .othermenu ul{
display: none;
}
footer .othermenu p.borderlink a{
margin-right: 0;
}
footer .othermenu p.borderlink.full{
min-width: 230px;
width: 100%;
margin:0 0 15px;
}
footer .othermenu p.borderlink.half{
min-width: 110px;
width: 48%;
}
footer .copyarea{
width: 100%;
}
footer .othermenu .fx-box{
flex-direction: unset;
flex-wrap: wrap;
margin: auto;
}
footer .menuarea ul {
display: none;
}
.c-list-linkarea .fx-box{
flex-direction: column;
}
.c-list-linkarea .c-list-linkarea__text{
padding:57px 45px 37px;
flex: unset;
}
.c-list-linkarea__img img{
width: 100%;
}
.m-inner{
max-width: unset;
}
.mm-inner{
max-width: unset;
}
.s-inner{
max-width: unset;
}
footer .l-inner{
width: 100%;
}
.breadcrumb.l-inner{
margin-top: 50px;
}
}
@media screen and (max-width: 480px) {
.spnone{
display: none;
}
article{
margin-top: 90px;
}
.fx-box{
flex-direction: column;
}
.fx70{
max-width: 100%;
}
.fx80{
max-width: 100%;
width: 100%;
flex: unset;
margin-left: 0;
}
.fx20{
max-width: 100%;
}
.fx20 p img{
width: 100%;
}
.fx50{
width: 100%;
}
.fx30{
max-width: 100%;
}
.fx-box .mr20{
margin-right: 0;
}
.fx-box .mr40{
margin-right: 0;
}
.breadcrumb{
display: none;
}
.dl-table{
flex-direction: column;
}
.dl-table dt,.dl-table dd{
flex: unset;
width: 100%;
text-align: center;
}
.link-area{
margin: 80px auto 0;
}
.footer__linkarea .fx-fs{
display: none;
}
footer .footermenubox{
margin-top: 0;
}
footer .logoarea{
text-align: center;
}
footer .logoarea img{
width: 268px;
}
footer .menuarea .othermenu{
flex-direction: unset;
flex-wrap: wrap;
margin: 40px auto 0;
}
footer .othermenu .fx-box{
flex-direction: unset;
flex-wrap: wrap;
margin: 40px auto 0;
text-align: center;
}
footer .menuarea .othermenu p.borderlink a{
margin: 0 auto;
display: block;
text-align: center;
}
footer .copy{
padding: 40px 0;
}
.c-list-specarea__dl{
flex-direction: column;
}
.c-list-specarea__dl dt,.c-list-specarea__dl dd{
border: none;
}
.c-list-specarea__dl dt{
background: #ccc;
}
.c-list-linkarea__more a{
max-width: unset;
width: 90%;
padding: 5%;
}
.c-list-linkarea .c-list-linkarea__text{
padding: 30px 20px;
max-height: unset;
}
.c-list-linkarea .c-list-linkarea__img{
flex: unset;
}
#p-information #keikaku table.flow-table {
overflow-x: scroll;
/*white-space: nowrap;*/
-webkit-overflow-scrolling: touch;
}
p.mw800 img {
width: 100%;
}
}
@media screen and (max-width: 380px) {
div.NavMenu ul li a{
width: 66%;
}
}
/*top*/
#top .l-inner{
max-width: 1080px;
width: 100%;
}
section#topimg{
background: #0d2645;
margin-top: 177px;
}
section#topimg .topimg-seaimg-bg{
background: url(../image/topimg_bg.png);
background-repeat: no-repeat;
/*height: 900px;*/
position: relative;
padding-top:700px;
background-size: auto;
background-position: top center;
}
section#topimg .topimg-seaimg-bg h1{
position: absolute;
top: 162px;
left: 15%;
}
section#topimg .topimg-seaimg-bg .news-box{
background: #fff;
max-width: 616px;
padding: 70px 60px 43px;
}
section#topimg .topimg-seaimg-bg .twitter-box{
max-width: 352px;
padding: 15px 30px;
background: #fff;
overflow: scroll;
height: 736px;
}
section#topimg .news-box{
width: 500px;
}
section#topimg .item{
max-width: 232px;
width: 100%;
margin:0 0 40px;
}
section#topimg .item .fx-box{
align-items: center;
}
section#topimg .item:nth-child(odd) {
margin-right: 15px;
}
section#topimg .item .icon{
color: #fff;
font-size: 1.2rem;
padding:3px 5px;
}
section#topimg .item .icon-pr{
background: #459DC4;
}
section#topimg .item .icon-news{
background: #547CCA;
}
section#topimg .item .icon-event{
background: #F66957;
}
section#topimg .item .item-img{
margin:0 0 14px;
}
section#topimg .item .item-day{
font-size: 1.6rem;
}
section#topimg .item .icon-title{
margin:18px 0 0;
font-size: 1.5rem;
}
section#topimg .item .icon-title a{
color: #202020;
text-decoration: none;
}
section#topimg .border-btn a{
text-align: center;
border: 1px solid #547CCA;
text-decoration: none;
color: #202020;
font-size: 1.3rem;
max-width: 216px;
width: 100%;
margin: 0 auto;
padding: 5px 15px;
display: block;
}
section#platform{
background: url(../image/platform_bg.png);
background-repeat: no-repeat;
height: 770px;
position: relative;
background-size: cover;
padding-top: 90px;
}
section#platform h2{
margin: 0 0 50px;
}
section#platform h2 span{
color: #fff;
display: block;
padding: 0 0 26px;
}
section#platform p{
color: #fff;
font-size: 1.7rem;
width: 55%;
line-height: 2.6;
}
section#platform .blue-btn a{
background: #3797C8;
color: #fff;
text-align: center;
border: 1px solid #ccc;
text-decoration: none;
padding: 10px 0;
max-width: 300px;
width: 100%;
display: block;
margin: 80px 0 0;
}
section#platform .blue-btn a:before{
font-family: "Font Awesome 5 Free";
content: "\f054";
color: #53B0D9;
font-weight: 900;
padding-right: 10px;
}
section#mare3{
padding:0 0 0;
}
section#mare3 .fx-box{
justify-content: center;
}
section#mare3 h2{
text-align: center;
margin: 0 0 70px;
font-size: 4rem;
font-weight: 600;
margin-left: 5px;
}
section#mare3 h2 span{
font-size:2.8rem;
}
section#mare3 .itemarea{
width: 512px;
height: 250px;
}
section#mare3 .area01{
background: url(../image/item-area01.png);
}
section#mare3 .area02{
background: url(../image/item-area02.png);
}
section#mare3 .area03{
background: url(../image/item-area03.png);
}
section#mare3 .area04{
background: url(../image/item-area04.png);
}
section#mare3 .itemarea h4{
font-size: 2rem;
color: #fff;
text-align: center;
margin:40px 0 30px;
}
section#mare3 .itemarea p{
font-size: 1.4rem;
color: #fff;
text-align: center;
}
section#mare3 .itemarea .sky-btn a{
background: rgba(55,151,200, 0.8);
border: 1px solid #fff;
color: #fff;
text-decoration: none;
display: block;
padding: 9px 0;
max-width: 216px;
width: 100%;
margin: 25px auto 0;
position: relative;
}
section#mare3 .itemarea .sky-btn a:after{
font-family: "Font Awesome 5 Free";
content: "\f054";
color: #fff;
font-weight: 900;
position: absolute;
right: 18px;
}
section#mare3 .pr-area{
margin: 100px 0 150px;
}
section#mare3 .pr-area .pr-area-box{
}
section#mare3 .pr-area .pr-area-box-r{
flex: 0 1 690px;
}
section#mare3 .pr-area .pr-area-box-l{
flex: 1 0 320px;
}
section#mare3 .pr-area h4{
font-size: 3rem;
line-height: 2;
}
section#mare3 .pr-area h4 span{
line-height: 1;
margin:0 0 34px;
display: block;
}
section#mare3 .pr-area .pr-area-box-l p{
font-size: 1.6rem;
letter-spacing: 0;
}
section#mare3 .maru-btn a{
background: #53B0D9;
color: #fff;
border-radius: 45px;
padding: 25px 0;
font-size: 1.6rem;
text-decoration: none;
max-width: 400px;
width: 100%;
display: block;
text-align: center;
margin: 32px auto 0;
}
@media screen and (max-width: 900px) {
#top .l-inner{
width: 90%;
margin-right: auto;
margin-left: auto;
}
section#topimg{
margin-top: 46px;
}
section#topimg .topimg-seaimg-bg h1{
top:40px;
left: 40px;
}
section#topimg .topimg-seaimg-bg h1 img{
width: 100%;
max-width: 300px;
}
section#topimg .topimg-seaimg-bg{
padding: 73% 15px 15px;
height: auto;
background-size: contain;
}
section#topimg .topimg-seaimg-bg .news-box {
width: 94%;
max-width: none;
padding: 26px 3%;
margin:0 0 40px;
}
section#topimg .topimg-seaimg-bg .news-box .fx-box{
flex-direction: unset;
}
section#topimg .topimg-seaimg-bg .twitter-box{
max-width: unset;
margin:0 0 40px;
}
section#topimg .item{
min-width: 150px;
margin-bottom: 23px;
max-width: 100%;
}
section#topimg .item .item-img img{
width: 100%;
}
section#topimg .topimg-seaimg-bg .l-inner > .fx-box{
flex-direction: column;
}
section#platform p{
margin: 0 auto;
}
section#mare3 .fx-box{
flex-direction: column;
}
section#mare3 .pr-area .pr-area-box{
margin-top: 40px;
}
section#mare3 .fx-box .itemarea{
width: 100%;
height: auto;
margin-bottom: 40px;
}
section#mare3 .pr-area .pr-area-box-l p{
margin-top: 20px;
margin-bottom: 40px;
}
section#mare3 .itemarea .sky-btn a{
margin: 25px auto;
}
section#mare3 .itemarea h4{
font-size: 1.4rem;
}
section#mare3 .itemarea p{
font-size: 1rem;
}
section#mare3 .pr-area .pr-area-box-l{
max-width: unset;
}
#top.link-area{
margin:200px auto 157px;
}
.link-area .fx-box{
text-align: center;
}
section#mare3 .pr-area .pr-area-box-r{
flex: unset;
text-align: center;
}
section#mare3 .pr-area .pr-area-box-l{
text-align: center;
flex: unset;
}
section#mare3 .pr-area{
margin-top: 100px;
}
}
@media screen and (max-width: 480px) {
section#topimg {
margin-top: 64px;
}
section#platform{
height: auto;
padding: 0 0 35px;
background-size: cover;
background-position: bottom;
}
section#platform p{
width: 100%;
line-height: 2;
font-size: .9rem;
}
section#mare3 .itemarea{
max-width: none;
width: 100%;
margin: 0 auto 15px;
height: auto;
padding: 0 0 15px;
}
section#topimg .topimg-seaimg-bg h1 img{
max-width: 123px;
}
section#topimg .item .fx-box{
flex-direction: column;
}
section#topimg .item{
margin:0 auto 15px;
width: 100%;
max-width: unset;
}
section#topimg .item:nth-child(odd){
margin-right: auto;
}
section#topimg .topimg-seaimg-bg .news-box .fx-box{
flex-direction: column;
}
section#topimg .item .item-img img{
width: 100%;
}
section#topimg .fx-news{
margin:0 0 50px;
}
section#topimg .item .icon{
width: 100%;
text-align: center;
}
section#topimg .fx-news h2,section#topimg .fx-twitter h2{
margin:0 0 24px;
}
section#platform p.blue-btn{
max-width: 335px;
width: 100%;
margin: 0 auto;
}
section#platform h2 span{
font-size: .9rem;
padding: 0 0 5px;
}
section#platform h2 {
margin: 0 0 15px;
}
section#platform p.blue-btn a{
background: rgba(55,151,200, 0.6);
}
section#mare3 {
padding: 36px 0 0;
}
section#mare3 h2{
margin:0 0 30px;
}
section#mare3 .about-area h2 img{
width: 138px;
}
section#mare3 .itemarea h4{
font-size: 1.4rem;
margin: 25px 0 10px;
}
section#mare3 .itemarea p{
font-size: 1rem;
}
section#mare3 p.blue-btn a{
background: rgba(55,151,200, 0.6);
}
section#mare3 .pr-area .pr-area-box{
margin:45px 0 0;
}
section#mare3 .pr-area .pr-area-box-l h4{
font-size: 2.2rem;
line-height: 1.8;
margin: 0 0 10px;
}
section#mare3 .pr-area .pr-area-box-l h4 span{
text-align: center;
}
section#mare3 .pr-area .pr-area-box-l p{
font-size: 1.3rem;
}
section#mare3 .pr-area .pr-area-box-l{
margin: 0 0 37px;
}
section#mare3 .pr-area .pr-area-box-r p {
display: flex;
}section#mare3 .pr-area .pr-area-box-l p {
margin-bottom: 0;
}
/* 2024.01縲Chikyu繧医ｊ遘ｻ讀坂� */
#p-labo .fx50 li {
min-height: unset;
}
#p-labo.c-sub-page ul{
margin-bottom: unset;
}
/* 2024.01縲Chikyu繧医ｊ遘ｻ讀坂� */
}
/*subpage*/
/*隕句�縺�*/
.c-sub-page h1{
font-size: 3rem;
margin:68px 0 40px;
text-align: center;
color: #153A6E;
line-height: 1.6;
font-weight: 600;
}
.c-sub-page h2{
background: #153A6E;
color: #fff;
font-size: 2.5rem;
text-align: center;
padding: 20px;
margin-bottom:48px;
}
.c-sub-page h3{
color: #153A6E;
font-size: 2rem;
border-bottom: 2px solid #5C7CC4;
padding-bottom: 10px;
margin-bottom: 18px;
font-weight:600;
}
.c-sub-page h3 span{
padding-left: 1.5rem;
padding-top: 1.5rem;
}
.c-sub-page h4{
background: #F2F2F2;
padding: 16px;
margin: 0 0 28px;
font-weight: 600;
}
.c-sub-page h4 span{
background: #F66957;
padding: 22px 24px;
color: #fff;
margin-right: 18px;
}
.c-sub-page h6{
border-left: 3px solid #153a6d;
padding-left: 15px;
margin-bottom: 15px;
font-weight: 600;
color: #153a6c;
}
.c-sub-page p{
font-size: 1.8rem;
line-height: 2;
margin-bottom: 47px;
color: #202020;
}
.c-sub-page .p_mb20 p{
margin-bottom: 20px;
}
.c-sub-page .p_mb20 p:last-child{
margin-bottom: 47px;
}
.c-sub-page p.mb1{
margin-bottom: 1em;
}
.c-sub-page p.mb0{
margin-bottom: 0;
}
.c-sub-page p.f1_5{
font-size: 1.5rem;
}
.c-sub-page p.f1_75{
font-size: 1.75rem;
}
.c-sub-page .red{
color: #f00;
}
.c-sub-page ul,.c-sub-page ol{
padding-left: 20px;
margin-bottom: 20px;
}
.c-sub-page ul.tsList{
padding-left: 3.5rem;
}
.c-sub-page ol{
list-style: decimal;
}
.c-sub-page ul{
list-style: disc;
}
article.c-sub-page section ul li{
margin-bottom: 1em;
}
.c-sub-page p + ul{
margin-top: -30px;
}
.c-sub-page .p_mb20 p + ul{
margin-top: unset;
}
.c-sub-page .c-sub-text{
font-size: 1.2rem;
font-weight: 600;
padding: 5px 0 0;
display: block;
text-align: center;
color: #202020;
}
.c-sub-page p strong{
font-weight: 600;
}
.c-sub-page.l-inner{
max-width: 984px;
margin-bottom: 80px;
}
.c-sub-page .fx50{
max-width: 480px;
}
.c-sub-page .fx70 p img + span,.c-sub-page .fx30 p img + span,.c-sub-page .fx50 p img + span{
display: block;
margin-top: 1em;
}
/*繝懊ち繝ｳ*/
.pageinlinkbox{
max-width: 860px;
margin-right: auto;
margin-left: auto;
}
.c-sub-page .pageinlink{
display: flex;
justify-content: space-between;
margin-right: 1%;
}
.c-sub-page .pageinlinkbox .pageinlink{
max-width: 274px;
width: calc((100% - 2%) /3);
}
.c-sub-page .pageinlinkbox .pageinlink a{
max-width: 274px;
}
.pageinlink a{
border: 1px solid #1F3A6A;
color: #153A6E;
font-size: 1.6rem;
padding: 10px 17px;
text-decoration: none;
width: 100%;
position: relative;
line-height: 1.8;
display: flex;
align-items: center;
}
.pageinlink :last-child{
margin-right: 0;
}
.pageinlink a:after{
font-family: "Font Awesome 5 Free";
content: "\f078";
color: #153a6d;
font-weight: 900;
position: absolute;
right: 17px;
}
.pageinlink a:hover{
background: #eee;
}
.c-sub-page .linkbtn{
display: flex;
justify-content: space-between;
width: calc((100% - 2%) /3);
margin-right: 1%;
max-width: 220px;
margin-bottom: 15px;
}
.linkbtn a{
border: 1px solid #1F3A6A;
color: #153A6E;
font-size: 1.6rem;
padding: 17px;
text-decoration: none;
max-width: 220px;
width: 100%;
line-height: 1.8;
position: relative;
}
.linkbtn :last-child{
margin-right: 0;
}
.linkbtn a:after{
font-family: "Font Awesome 5 Free";
content: "\f054";
color: #153a6d;
font-weight: 900;
position: absolute;
right: 17px;
}
.arrows a{
position: relative;
padding-left: 10px;
margin-left: 10px;
}
.arrows a::before{
font-family: "Font Awesome 5 Free";
content: "\f35a";
font-weight: 900;
position: absolute;
left: -10px;
}
.fx50 .c-btn-blue a{
max-width: 480px;
}
.fx50 .c-btn-blue {
max-width: 480px;
}
.c-btn-blue{
max-width: 420px;
width: 100%;
}
.fx50 .c-btn-border{
max-width: unset;
}
.c-btn-blue a{
background: #73A7BE;
text-decoration: none;
color: #fff;
display: block;
padding: 10px;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.8;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 30px;
line-height: 1.8;
text-align: left;
}
.c-btn-blue a:after{
content: url(../image/c-btn-blue_icon.png);
margin-left: 1rem;
}
.c-list-linkarea__more a:after{
content: url(../image/c-btn-blue_icon.png);
}
.c-btn-blue.text-center{
margin-right: auto;
margin-left: auto;
}
.c-btn-border{
max-width: 260px;
width: 100%;
}
.c-btn-border a{
border: 1px solid #7EA6BB;
text-decoration: none;
color: #202020;
display: block;
padding: 10px;
font-size: 1.4rem;
line-height: 1.8;
min-height: 55px;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.8;
}
.c-btn-border a:after{
content: url(../image/c-btn-border_icon.png);
}
.c-btn-border.text-center{
margin-right: auto;
margin-left: auto;
}
.c-btn-back {
margin: 80px auto 0;
text-align: center;
}
.c-btn-back a{
padding: 12px;
text-align: center;
text-decoration: none;
border-radius: 15px;
color: #fff;
display: block;
max-width: 360px;
margin: 0 auto;
background: #53b0d9;
}
.c-btn-icon{
width: 100%;
}
.c-btn-icon a{
border: 2px solid #202020;
border-radius: 25px;
max-width: 150px;
text-decoration: none;
color: #202020;
padding: 10px;
font-size: 1.4rem;
line-height: 1.8;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.8;
font-weight: 600;
margin: auto;
}
.c-btn-icon a.c-pdf-icon:after{
content: '\f1c1';
font-family: "Font Awesome 5 Free";
margin-left: 15px;
color: #ca0000;
}
.c-btn-icon a.c-word-icon:after{
content: '\f1c2';
font-family: "Font Awesome 5 Free";
margin-left: 15px;
color: #0024ab;
}
.c-btn-icon a.c-excel-icon:after{
content: '\f1c3';
font-family: "Font Awesome 5 Free";
margin-left: 15px;
color: #41ab00;
}
.c-btn-icon.text-center{
margin-right: auto;
margin-left: auto;
}
.c-btn-icon + .c-btn-icon{
margin-left: 15px;
}
/**/
.c-explanation-box_imgbox img{
max-width: 220px;
width: 100%;
}
.c-explanation-box .fx50 .fx-box p{
max-width: 246px;
width: 100%;
line-height: 1.6;
}
.c-explanation-box h4{
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0;
text-indent: 0;
}
.c-explanation-box h4 span{
padding: 15px 24px;
}
.c-explanation-box .fx50 h4{
/* padding-left: 0;
text-indent: -75px;
padding-left: 75px;*/
}
.c-contact-box{
border:5px solid #f66957;
border-radius: 20px;
padding:35px;
margin: 100px auto 40px;
max-width: 640px;
width: 100%;
}
.c-contact-box h2{
background: none;
color: #000;
padding: 0;
font-size: 2.8rem;
margin: 0 auto 20px;
}
.c-contact-box p{
margin-bottom: 0;
}
.imagebox{
text-align: center;
}
#p-know .linkbtn a{
padding:10px 16px;
}
#p-know .c-btn-blue {
max-width: 480px;
width: 100%;
}
#p-know .c-btn-border a{
min-height: 50px;
padding: 0 20px;
}
#p-know .c-btn-border{
max-width: unset;
margin-bottom: 16px;
}
#p-know .c-btn-border a{
width: calc(100% - 40px);
}
#p-know .p-know__member ul{
list-style: disc;
padding: 10px;
}
#p-know .p-know__member ul li{
list-style: disc;
color: #153A6E;
margin-left: 20px;
width: calc((100% - 100px) / 4);
}
#p-know .p-know__member ul li a{
color: #153A6E;
}
#p-know h4{
color: #153A6E;
background: none;
font-size: 1.8rem;
}
/*繝懊ャ繧ｯ繧ｹ蜈ｨ菴�*/
.accbox {
margin-bottom:40px;
padding: 0;
}
/*繝ｩ繝吶Ν*/
.accbox label {
display: flex;
margin: 15px 0 0;
color: #202020;
font-weight: bold;
background: #DDDDDD;
cursor :pointer;
transition: all 0.5s;
align-items: center;
}
/*Q&A*/
/*繧｢繧､繧ｳ繝ｳ繧定｡ｨ遉ｺ*/
.accbox label:before{
content: "Q";
font-size: 1.6rem;
color: #fff;
background: #53B0D9;
padding: 15px;
margin-right: 15px;
}
.accbox label:after {
content: '\f054';
font-family: "Font Awesome 5 Free";
padding-right: 8px;
margin-left: auto;
}
/*繝ｩ繝吶Ν繝帙ヰ繝ｼ譎�*/
.accbox label:hover {
background :#ffe9a9;
}
/*繝√ぉ繝�け縺ｯ髫�縺�*/
.accbox input {
display: none;
}
/*荳ｭ霄ｫ繧帝撼陦ｨ遉ｺ縺ｫ縺励※縺翫￥*/
.accbox .accshow {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
/*繧ｯ繝ｪ繝�け縺ｧ荳ｭ霄ｫ陦ｨ遉ｺ*/
.cssacc:checked + label + .accshow {
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
}
.accbox .accshow p {
margin: 15px 10px 15px 60px;
}
.accbox .accshow p:before{
content: "A";
color: #F66957;
margin-right: 15px;
}
/*繧｢繧､繧ｳ繝ｳ繧貞�繧梧崛縺医ｋ*/
.cssacc:checked + label:after {
content: '\f078';
}
/*news*/
#p-news .p-news__box dl{
margin-bottom: 24px;
}
#p-news .p-news__box dl p{
margin-bottom: 0;
}
#p-news .p-news__box dl dt{
display: flex;
margin-bottom: 20px;
}
#p-news .p-news__day{
font-size: 1.6rem;
color: #707070;
}
#p-news .p-news__icon{
font-size: 1.6rem;
color: #fff;
min-width: 124px;
text-align: center;
border-radius: 3px;
margin-left: 15px;
background: #53B0D9;
}
#p-news .p-news__icon.news{
color: #fff;
background: #F66957;
}
#p-news .p-news__icon.event{
color: #fff;
background: #459DC4;
}
#p-news .p-news__icon.press{
color: #fff;
background: #547CCA;
}
#p-news .p-news__box dl dd{
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
#p-news .p-news__box dl dd a{
color: #3D63AF;
text-decoration: none;
font-size: 1.8rem;
}
#p-news.l-inner.c-sub-page h1{
text-align: left;
}
#p-news.c-sub-page .p-news-area .s-inner h2{
font-size: 1.8rem;
border-bottom: 3px solid #5C7CC4;
color: #707070;
background: none;
text-align: left;
padding:0 0 12px;
margin-bottom: 0;
font-weight:600;
}
#p-news.c-category-page .s-inner{
margin-top: 68px;
}
#p-news #p-news__content h1{
margin-top: 0;}
#p-news .fx-box.p-news-area{
margin-top: 70px;
}
#p-news .s-inner ul li{
border-bottom: 1px solid #DDDDDD;
list-style: none;
}
#p-news .s-inner ul li a{
text-decoration: none;
font-size: 1.6rem;
color: #3D63AF;
padding:16px 0;
display: block;
}
#p-news .fx-box.p-news-area h2{
background: none;
color: #153A6E;
text-align: left;
font-size: 2.6rem;
margin-bottom: 40px;
padding: 0;
}
#p-news .s-inner ul li a:before{
font-family: "Font Awesome 5 Free";
content: "\f054";
color: #4563AA;
font-weight: 900;
margin-right: 10px;
}
#p-news__content.p-news__box h2{
color: #153A6E;
font-size: 1.8rem;
background: none;
text-align: left;
margin: 10px 0 25px;
padding:0;
font-weight: 600;
}
#p-news__content.p-news__box p{
margin-bottom: 40px;
font-size: 1.8rem;
color: #202020;
}
#p-news__content.p-news__box ul{
padding-left: 15px;
margin-bottom: 40px;
list-style: none;
}
#p-news__content.p-news__box ul li{
position: relative;
padding-left: 15px;
}
#p-news__content.p-news__box ul li:before {
border-radius: 50%; /*荳ｸ縺上☆繧�*/
width: 5px; /*轤ｹ縺ｮ蟷�*/
height: 5px; /*轤ｹ縺ｮ鬮倥＆*/
display: block;
position: absolute; /*邨ｶ蟇ｾ驟咲ｽｮ*/
left: 0; /*轤ｹ縺ｮ菴咲ｽｮ*/
top: 0.6em; /*轤ｹ縺ｮ菴咲ｽｮ*/
content: "";
background: #547CCA; /*轤ｹ縺ｮ濶ｲ*/
}
#p-news__content.p-news__box .w300 img{
max-width: 300px;
margin-right: auto;
margin-left:auto;
}
#p-news__content.p-news__box a{
color: #3D63AF;
word-break: break-all;
}
#p-mission .c-btn-border{
max-width: unset;
width: 80%;
}
#p-guide-files section ul li:after{
font-family: "Font Awesome 5 Free";
content: "\f1c1";
color: #153a6d;
font-weight: 900;
margin-left: 15px;
}
#p-message p strong{
font-size: 2rem;
font-weight:600;
}
#p-ships .p-ships_linkarea{
padding:0 0 0 45px;
display: flex;
align-items: center;
justify-content: space-between;
align-content: stretch;
background: #153a6e;
margin-bottom:40px;
}
#p-ships .p-ships_linkarea.reseach:after{
content: '';
background: url(../image/ships/p-ships__reseach_vessel.jpg)no-repeat top center / cover scroll;
background-size: cover;
flex: 0 1 50%;
height: 460px;
}
#p-ships .p-ships_linkarea.deep_sea:after{
content: '';
background: #153a6e url(../image/ships/p-ships__deep_sea.jpg) no-repeat top left / cover scroll;
background-size: cover;
flex: 0 1 50%;
height: 540px;
}
#p-ships .p-ships_linkarea.observation:after{
content: '';
background: #153a6e url(../image/ships/p-ships__observation.jpg) no-repeat top right / cover scroll;
background-size: cover;
flex: 0 1 50%;
height: 490px;
}
#p-ships .p-ships_linkarea h2{
/*font-family: '貂ｸ譏取悃','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;*/
font-size: 4.2rem;
background: none;
color: #fff;
margin-bottom: 20px;
text-align: left;
padding: 0;
line-height: 1.2;
padding-top: 57px;
}
#p-ships .p-ships_linkarea p{
color: #fff;
}
#p-ships .p-ships_linkarea .p-ships_linkarea_text{
max-width: 440px;
width: 100%;
}
#p-ships .p-ships_linkarea .p-ships_linkarea_text .c-list-linkarea__more{
margin-bottom:0;
}
#p-msr .w60 img{
width: 100%;
max-width: 590px;
margin-left:auto;
margin-right:auto;
}
#p-guide .w500 img{
max-width: 500px;
width: 100%;
margin-left:auto;
margin-right:auto;
}
#p-guide .pageinlinkbox p a{
font-weight:600;
}
#p-information .c-btn-border span{
text-decoration: underline;
}
#p-reseach_vessel #kenkyusen p.topborder{
border-top: 1px solid #ccc;
padding-top: 30px;
}
#p-jinbei .jinbeiimg img{
max-height: 546px;
}
span.ita{
font-style: italic;
}
span.bol{
font-weight: bold;
font-size: 1.1em;
}
span.mr50_25{
margin-right: 50%;
}
.c-explanation-box h4 p{
all: unset;
}
.c-explanation-box h4 p span.ita{
font-style: italic;
background: unset;
padding: unset;
color: unset;
margin-right: unset;
}
@media screen and (max-width: 900px) {
.p-sub-page h4{
text-indent: -75px;
padding-left: 75px;
}
.c-sub-page .fx50{
max-width: unset;
}
.c-sub-page .c-explanation-box .fx-box .fx50 .fx-box{
flex-direction: column;
}
.c-sub-page .c-explanation-box .fx-box .fx50 .fx-box .c-explanation-box_imgbox{
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.c-explanation-box .fx50 .fx-box p{
max-width: unset;
}
#p-know .fx-box.p-know__intbox{
flex-direction: column;
}
#p-know .fx-box.p-know__intbox .fx20 {
flex: unset;
max-width: unset;
}
#p-know .fx-box.p-know__intbox .fx20 img{
width: 100%;
}
#p-know .fx-box.p-know__intbox .fx80 {
flex: unset;
margin-left: 0;
}
#p-news .fx-box.p-news-area{
flex-direction: column;
}
#p-mission .c-btn-border{
width: 100%;
}
#p-ships .p-ships_linkarea{
flex-direction: column;
padding: 30px;
}
#p-ships .p-ships_linkarea .p-ships_linkarea_text{
max-width: unset;
}
}
@media screen and (max-width: 480px) {
.c-sub-page .pageinlink{
width: calc(100% - 34px);
max-width: unset;
margin: 0 auto 30px;
}
.c-sub-page .pageinlinkbox .pageinlink a{
max-width: unset;
}
.c-sub-page .pageinlinkbox .pageinlink{
max-width: unset;
width: 100%;
}
.c-btn-border{
max-width: unset;
}
.c-btn-border a{
width: 90%;
padding: 0 5%;
}
.c-sub-page .linkbtn{
width: 100%;
margin: 0 auto 30px;
max-width: unset;
}
.c-sub-page h1{
margin-top: 30px;
}
.linkbtn a{
max-width: 100%;
}
.accbox .accshow p{
margin:10px;
}
.c-explanation-box_imgbox {
margin-bottom: 30px;
}
.c-explanation-box_imgbox img{
max-width: unset;
}
.c-explanation-box .fx50 .fx-box p{
max-width: unset;
}
.c-btn-back {
margin-top: 15px;
}
.c-btn-back a{
padding: 10px;
}
#p-deepto .h2section.mb100{
margin-bottom: 40px;
}
#p-news .p-news__box .daybox{
flex-direction: unset;
}
#p-information .dl-table dd .c-btn-icon{
margin-bottom: 20px;
}
.c-btn-icon + .c-btn-icon{
margin-left: 0;
}
}
/*0209繝｡繝ｳ繝舌�繝壹�繧ｸCSS*/
header.member-title {
background: #fff;
color: #fff;
padding: 20px 0 0;
text-align: center;
}
h2.department span {
background-color: #ddd;
font-size: 1.8rem;
color: #153A6E;
font-weight: bold;
}
h2.department {
background-color: #ddd;
font-size: 1.6rem;
color: #6f6f6f;
font-weight: bold;
}
.group {
text-align: left;
}
ul.page-list {
margin: 0 auto 47px;
}
dl.member-career {
margin: 0 auto 47px;
}
dl.member-career dt {
width: 12%;
display: inline-block;
vertical-align: top;
font-weight: bold;
}
dl.member-career dd {
width: 80%;
display: inline-block;
margin-bottom: 1em;
}
@media screen and (max-width: 480px) {
dl.member-career dt {
width: 100%;
display: block;
background-color: #ddd;
text-align: center;
padding: 4px 0;
margin: 0 auto 1em;
}
dl.member-career dd {
width: 100%;
margin: 0 auto 2em;
}
}
/*subpage-2*/
.fx40 {
flex: 1 0 40%;
max-width: 420px;
}
.fx60{
flex:0 0 53%;
margin-left: 30px;
max-width: 100%;
}
/*繧｢繧ｦ繝医Μ繝ｼ繝√�繧ｭ繝�ぜ繧ｳ繝ｳ繝�Φ繝�縺薙％縺九ｉ竊�*/
#p-outreach .main-img-inner h1,#p-know .main-img-inner h1,#p-ouchi .main-img-inner h1,#p-pamphlet .main-img-inner h1,#p-photo .main-img-inner h1,#p-report .main-img-inner h1{
font-family:'繝｡繧､繝ｪ繧ｪ', 'Meiryo', sans-serif;
letter-spacing: 0.2rem;
position: absolute;/*邨ｶ蟇ｾ驟咲ｽｮ*/
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size: 4rem;
line-height: 1.2;
width: 90%;
}
#p-outreach .main-img-inner,#p-know .main-img-inner,#p-ouchi .main-img-inner,#p-pamphlet .main-img-inner,#p-photo .main-img-inner,#p-report .main-img-inner,#p-photo .p-img-inner{
position: relative;
margin: 38px 0 20px;
}
#p-outreach .h2-img-inner h2,#p-photo .p-img-inner p{
position: absolute;/*邨ｶ蟇ｾ驟咲ｽｮ*/
top: 28%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size: 2.5rem;
line-height: 1.2;
width: 80%;
background: unset;
color: #153A6E;
font-weight: 600;
}
#p-photo .p-img-inner p{
color: #FFF;
}
#p-outreach .h2-img-inner{
position: relative;
margin: 38px 0 20px;
}
#p-photo .p-img-inner{
position: relative;
margin: 0px 0 45px;
}
#p-photo li p{
font-size: 1.6rem;
}
#p-outreach.c-sub-page .h2-img-inner p{
color: #153A6E;
font-size: 1em;
border-bottom: unset;
padding-top: 10px;
}
#p-outreach.c-sub-page .h2-img-inner.p-130 p{
padding-right: 130px;
}
#p-outreach.c-sub-page .h2-img-inner.p-110 p{
padding-right: 100px;
}
#p-outreach .main-img-inner,#p-know .main-img-inner,#p-ouchi .main-img-inner,#p-pamphlet .main-img-inner,#p-report .main-img-inner {
width: 100%;
}
.fa-search{
font-size: 3em;
margin:1rem;
background-color: #87ceeb;
color: #FFF;
border-radius: 50%;
padding: 1rem;
vertical-align:middle;
}
#outreach .h2-img-inner span{
font-weight: 600;
font-size: 1.2em;
}
#p-outreach .h2-img-inner{
margin: 18px 0 0px;
}
#p-outreach a:hover,#p-photo a:hover{
opacity: 0.75 ;
}
#p-outreach .main-img-inner img,#p-know .main-img-inner img,#p-ouchi .main-img-inner img,#p-pamphlet .main-img-inner img,#p-photo .main-img-inner img,#p-report .main-img-inner img,#p-outreach .h2-img-inner img{
border-radius: 15px;
/* border: #00bfff 2px solid;*/
}
#p-know .linkbtn a {
border-radius: 10px;
font-weight: 600;
}
#p-know .fune .linkbtn a {
background-color: #add8e6;
border: #191970;
}
#p-know .tansaki .linkbtn a {
background-color: #66cdaa;
border: #191970;
}
#p-outreach img,#p-know img,#p-ouchi .main-img-inner img,#p-pamphlet .main-img-inner img,#p-photo .main-img-inner img ,#p-report .main-img-inner img {
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 25%);
}
#p-know img,{
border: #fff solid 5px;
}
#p-know .accbox label:before {
border-radius: 10px 0 0 10px;
}
#p-know .accbox label {
border-radius: 10px;
}
#p-know .c-btn-border a
{
border-radius: 10px;
}
#p-know .c-btn-border a {
margin: 0 1em;
}
#p-ouchi .mgauto a {
display: block;
background-color: #53b0d9;
color: #fff;
text-decoration: none;
border-radius: 20px;
}
/*繧｢繧ｦ繝医Μ繝ｼ繝√�繧ｭ繝�ぜ繧ｳ繝ｳ繝�Φ繝�縺薙％縺ｾ縺ｧ竊�*/
/*豬ｷ蠎募ｺ�沺遐皮ｩｶ闊ｹ縲縺薙％縺九ｉ竊�*/
#p-reseach_vessel h4{
position: relative;
padding-left:6rem;
}
#p-reseach_vessel h4:before{
position: absolute;
background: #E96855;
top: 0;
left: 0;
height: 100%;
width: 5rem;
vertical-align: middle;
margin-right:5rem;
}
#p-reseach_vessel h4.no1:before{
content: "1";
}
#p-reseach_vessel h4.no2:before{
content: "2";
}
.mr2{margin-right:2rem; }
.c-explanation-box_imgbox.mid img {
max-width: 300px;
}
.wi80{
width: 80%;
margin:0 10%;
}
.four_img .c-explanation-box_imgbox.mid img {
max-width: 546px;
}
/*豬ｷ蠎募ｺ�沺遐皮ｩｶ闊ｹ縲縺薙％縺ｾ縺ｧ竊�*/
/*髢狗匱繝｡繝ｳ繝舌�縺薙％縺九ｉ縲竊�*/
.c-sub-page .member-title h1 {
font-size: 4.5rem;
line-height: 1;
}
.c-sub-page .member-title h1 span{
font-size: 3.5rem;
color: #6f6f6f;;
}
.p-member h2.department span {
font-size: 3.2rem;
}
.p-member h2.department {
font-size: 2rem;
}
dl.member-career.dl2078 dt {
display: inline-block;
width: 20%;
vertical-align: top;
}
dl.member-career.dl2078 dd {
display: inline-block;
width: 78%;
margin: 0 0 1em;
}
.c-sub-page dl.member-career b{
font-weight: bold;
}
.c-sub-page .page-list b{
font-weight: bold;
}
.c-sub-page h5 {
color: #153A6E;
font-size: 1.75rem;
border-top: 1.5px solid #153A6E;
border-bottom: 1.5px solid #153A6E;
padding:10px 0;
margin-bottom: 18px;
}
dl.member-career.mb60 {
margin: 0 auto 60px;
width: 100%;
}
/*髢狗匱繝｡繝ｳ繝舌�縺薙％縺ｾ縺ｧ縲竊�*/
/*202110霑ｽ險倥/j/ships/reseach_vessel/繝壹�繧ｸ蜀�Μ繝ｳ繧ｯ逕ｨCSS*/
ul.ship_link {
margin: 0 auto 40px;
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
ul.ship_link.guide {
justify-content: unset;
}
ul.ship_link li {
font-size: 1.2rem;
line-height: 1;
width: 48%;
margin: 0 1% 1em;
letter-spacing: -0.5px;
}
/*ul.ship_link li:last-child {
width: 100%;
}*/
ul.ship_link li a {
color: #153a6d;
font-size: 1.6rem;
font-weight: 600;
position: relative;
display: flex;
align-items: center;
text-decoration: none;
background-color: #fff;
border: 1px solid #1F3A6A;
padding: 8px 8px;
/* min-height: 45px; */
}
ul.ship_link li a:hover {
background: #eee;
}
ul.ship_link li a.wara {
flex-wrap: wrap;
}
ul.ship_link li a:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-size: 1rem;
color: #153a6d;
font-weight: 900;
position: absolute;
right: 1rem;
font-weight: 900;
}
.anchor {
display: block;
padding-top: 100px;
margin-top: -100px;
}
p.mb10 {
margin-bottom: 1rem;
}
.domain::before {
content: '@';
}
@media screen and (min-width: 600px) {
ul.ship_link li,
ul.ship_link li:last-child {
width: 23%;
}
.anchor {
display: block;
padding-top: 200px;
margin-top: -200px;
}
}
/*202110霑ｽ險倥/j/information/逕ｨCSS*************************************/
.fs16 p,
.fs16 li {
font-size: 1.6rem;
}
.mb10 p,
p.mb10 {
margin-bottom: 1rem!important;
}
.c-sub-page .page-link {
margin: 0 auto 40px;
}
.mb40 {
margin-bottom: 40px!important;
}
.mb80 {
margin-bottom: 60px!important;
}
ul.page-link,
.page-link {
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
.page-link li {
font-size: 1.6rem;
line-height: 1.4;
width: 100%;
margin: 0 auto 1rem;
}
.page-link li a,
.page-link a {
color: #153a6d;
font-size: 1.6rem;
font-weight: 600;
position: relative;
display: flex;
align-items: center;
text-decoration: none;
background-color: #fff;
border: 1px solid #1F3A6A;
padding: 1.4rem 3rem 1.4rem 1.8rem;
min-height: 46px;
}
.page-link a:hover {
background: #eee;
}
.page-link .outlink a:hover {
background: none;
}
.page-link a:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-size: 1.6rem;
color: #153a6d;
position: absolute;
right: 1rem;
font-weight: 900;
}
.page-link .outlink a {
border: 1px solid #7EA6BB;
text-decoration: none;
color: #202020;
display: block;
padding: 1.4rem 3rem 1.4rem 3.5rem;
font-size: 1.4rem;
line-height: 1.8;
min-height: 55px;
display: flex;
justify-content: space-between;
align-items: center;
}
.outlink a:after {
content: url(../image/c-btn-border_icon.png);
}
.c-sub-page ul.txt-link {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
}
article.c-sub-page section ul.txt-link li {
margin: 0 0 1rem 0;
}
.txt-link li a {
position: relative;
padding-left: 2.2rem;
}
.txt-link li a:before {
font-family: "Font Awesome 5 Free";
content: "\f35a";
position: absolute;
left: 0;
font-weight: 900;
}
/*2022/3/28霑ｽ蜉� 遏｢蜊ｰ陦ｨ遉ｺ隗｣髯､*/
.txt-link_cv19 li a {
padding-left: 5px;
}
.txt-link_cv19 li a:before {
content: none;
}
/*2022/3/28霑ｽ蜉� 遏｢蜊ｰ陦ｨ遉ｺ隗｣髯､縺薙％縺ｾ縺ｧ*/
.red-box {
margin: 0 auto 4rem;
border: 2px solid #a52626;
}
.red-inner {
margin: 0 auto 4rem;
}
.red-inner h4 {
position: relative;
background-color: #f2f2f2;
color: #222;
padding-left: 2.4em;
}
.red-inner h5 {
position: relative;
font-weight: 900;
border: unset;
margin: 0 0 1em;
padding: 0 0 0 2rem;
}
.red-inner h4:before {
font-family: "Font Awesome 5 Free";
content: "\f14a";
position: absolute;
left: 1em;
font-weight: 900;
}
.red-inner .small {
font-size: smaller;
}
.mt40 {
margin-top: 4rem;
}
/**/
.flow {
margin: 0 auto;
}
.flow-inner {
margin: 0 auto;
}
.flow h5 {
color: #fff;
font-weight: 600;
border: unset;
padding: 10px;
background-color: #53b0d9;
}
.flow p {
font-size: 1.6rem;
margin-bottom: 1em;
}
.step-tt {
width: 100%;
}
h4.step {
color: #fff;
width: 100%;
font-size: 1.8rem;
font-weight: 900;
background-color: #53b0d9;
padding: 10px 0;
text-align: center;
}
.step-text {
width: 100%;
}
.step-text span {
font-weight: 900;
}
.step-text span.bgmaru{
text-align: center;
display: block;
background-color: #e3f0f9;
color: #16688d;
padding: 10px 0;
border-radius: 30px;
margin: 0 auto;
line-height: 1.4;
letter-spacing: -1px;
width: 100%;
}
.step-text span.bgmaru.ls0{
letter-spacing: unset;
}
.step-text span.bgmaru.ls1{
letter-spacing: 1px;
}
.c-sub-page .step-text ul.txt-link {
list-style: square;
margin-left: 4rem;
}
.step-arrow {
display: none;
}
.flow-inner .page-link {
display: block;
}
.kakunin {
color: #fff;
font-weight: bold;
background-color: #a52626;
padding: 4px 1rem;
margin-left: 1rem;
font-size: small;
}
.domain::before {
content: '@';
}
@media screen and (min-width: 600px) {
.mb80 {
margin-bottom: 80px!important;
}
.c-sub-page ul.txt-link {
display: flex;
justify-content: flex-start;
list-style: none;
padding: 0;
flex-wrap: wrap;
}
/*2022/3/28霑ｽ蜉� 1蛻苓｡ｨ遉ｺ縺ｮ轤ｺ縲‥isplay:flex繧定ｧ｣髯､
繝ｪ繧ｹ繝医�縲後�縲阪ｒ險ｭ螳�*/
.c-sub-page ul.txt-link_cv19 {
margin-left: 30px;
display: block;
list-style: disc;
}
/*2022/3/28霑ｽ蜉� 1蛻苓｡ｨ遉ｺ縺ｮ轤ｺ縲‥isplay:flex繧定ｧ｣髯､
繝ｪ繧ｹ繝医�縲後�縲阪ｒ險ｭ螳壹％縺薙∪縺ｧ*/
.c-sub-page ul.txt-link.nofx {
display: block;
}
.c-sub-page ul.txt-link.spbw {
justify-content: space-between;
}
.c-sub-page ul.txt-link.spbw li {
width: 46%;
}
article.c-sub-page section ul.txt-link li {
margin: 0 2em 1rem 0;
}
.page-link li {
width: 32%;
margin: 0 0.3% 1em;
}
.wh400 {
width: 400px;
}
.al-right {
justify-content: flex-end;
}
.al-right p {
margin-right: 2rem;
}
/**/
.flow {
margin: 0 auto;
}
.flow-inner {
margin-left: 1em;
}
.flow h5 {
color: #fff;
font-weight: 600;
border: unset;
padding: 10px;
background-color: #53b0d9;
}
.flow p {
margin-bottom: 2em;
}
.step-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.step-tt {
width: 22%;
}
.step-text {
width: 75%;
}
.step-text span {
font-weight: 900;
}
.step-arrow {
display: block;
text-align: center;
color:#53b0d9;
font-size: 2.4rem;
}
.flow-inner .page-link {
display: flex;
align-items: flex-start;
}
}
/*table*/
.table-box {
margin: 0 auto 2rem;
width: 100%;
overflow-x: scroll;
}
table.page-table {
margin: 0 auto;
text-align: center;
line-height: 1.4;
display: block;
}
table.page-table th {
width: 22%;
font-weight: bold;
vertical-align: middle;
padding: 2rem 1rem;
color: #111;
background: #add8e6;
border: 1px solid #ccc;
}
table.page-table th:first-child {
width: 34%;
}
table.page-table td {
vertical-align: middle;
border: 1px solid #ccc;
padding: 1rem;
text-align: left;
}
.w200{
width: 200px;
}
article.c-sub-page section table.page-table td ul {
padding-left: 20px;
margin-bottom: 0;
}
article.c-sub-page section table.page-table td ul li {
margin-bottom: 0;
font-size: 1.6rem;
line-height: 1.4;
}
@media screen and (min-width: 480px) {
.table-box {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none; /* IE, Edge 蟇ｾ蠢� */
scrollbar-width: none;
}
.table-box::-webkit-scrollbar { /* Chrome, Safari 蟇ｾ蠢� */
display:none;
}
}
/*j/information/蜀�↓繧ｿ繝門�繧頑崛縺郁｡ｨ遉ｺ讖溯�霑ｽ蜉�逕ｨ***********************************/
/*繧ｿ繝悶さ繝ｳ繝�Φ繝��菴薙�隕∫ｴ�*/
.tab_content{
width: 100%;
margin: 0 auto;
}
/*繧ｿ繝夜Κ蛻��蝓ｺ譛ｬ險ｭ螳�*/
.tab_list{
display: flex;
padding: 0!important;
margin: 0!important;
list-style: none!important;
justify-content: space-between;
border-bottom: solid 5px #53b0d9;
}
.tab_item{
width: calc(50% - 2px);
background-color: #ddd;
position: relative;
bottom: -1px;
}
.tab_item label{
padding: 1rem;
display: block;
cursor: pointer;
text-align: center;
}
/*繝√ぉ繝�け縺悟�縺｣縺溘→縺阪�繧ｿ繝夜Κ蛻��謖�ｮ�*/
.tab_item {
line-height: 1.4;
font-size: 1.6rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0!important;
}
#item1:checked ~ .tab_list .tab_item1,
#item2:checked ~ .tab_list .tab_item2 {
color: #fff;
background-color: #53b0d9;
border: solid 1px #53b0d9;
border-bottom-color: #53b0d9;
z-index: 2;
margin: 0;
}
#item1:checked ~ .tab_list .tab_item1 label,
#item2:checked ~ .tab_list .tab_item2 label label{
cursor: auto;
}
/*繧ｳ繝ｳ繝�Φ繝�Κ蛻��蝓ｺ譛ｬ險ｭ螳�*/
.tab-content_wrap{
width: 100%;
}
.tab-content{
position: relative;
z-index: 1;
padding: 4rem 2rem;
display: none;
background-color: #fff;
border: solid 1px #53b0d9;;
}
/*繝√ぉ繝�け縺悟�縺｣縺溘→縺阪�繧ｳ繝ｳ繝�Φ繝�Κ蛻��謖�ｮ�*/
#item1:checked ~ .tab-content_wrap .content1,
#item2:checked ~ .tab-content_wrap .content2 {
display: block;
}
input[name="tab"] {
display: none;
}
@media screen and (min-width: 900px) {
.tab-content{
padding: 4rem;
}
}
/*2021繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ン縺ｫ繝峨Ο繝��繝繧ｦ繝ｳ繝｡繝九Η繝ｼ霑ｽ蜉�**********************************************/
@media screen and (max-width: 480px) {
.fx40 {
max-width: 100%;
}
.fx60{
margin-left: unset;
max-width: 100%;
}
.mr2{
margin-right:unset;
}
.wi80{
width: unset;
margin:unset;
}
.c-explanation-box_imgbox.mid img {
max-width: unset;
}
#yokosuka .fx-box.mb20{
margin-bottom: unset;
}
#p-outreach .main-img-inner h1{
font-size: 2.5rem;
text-shadow: 1px 2px 3px #FFF;}
#p-outreach .h2-img-inner h2{
top: 23%;
font-size: 2rem;
text-shadow: 1px 2px 3px #FFF;}
/*#p-outreach .h2-img-inner .fx-box {
flex-direction: unset;
}*/
.fa-search{
font-size: 0;
margin:0;
background-color: #FFF;
padding: 0;
}
#p-outreach .c-explanation-box_imgbox {
margin-bottom: -20px;
}
#p-outreach.c-sub-page .h2-img-inner p {
padding-top: unset;
}
#outreach .h2-img-inner span{
font-size: 1em;
}
#p-outreach .h2-img-inner{
margin: 0px 0 0px;
}
#p-outreach.c-sub-page .h2-img-inner.p-110 p,#p-outreach.c-sub-page .h2-img-inner.p-130 p{
padding-right: unset;
}
#p-outreach .main-img-inner h1,#p-know .main-img-inner h1,#p-ouchi .main-img-inner h1,#p-pamphlet .main-img-inner h1,#p-photo .main-img-inner h1,#p-report .main-img-inner h1{
font-size: 2.5rem;
width: 100%;
}
/*髢狗匱繝｡繝ｳ繝舌�縺薙％縺九ｉ縲竊�*/
dl.member-career.dl2078 dt {
width: 100%;
}
dl.member-career.dl2078 dd {
width: auto;
}
/*髢狗匱繝｡繝ｳ繝舌�縺薙％縺九ｉ縲竊�*/
}
/*subpage-3*/
/*
蜈ｱ騾壹〒縺阪ｋ縺九ｂ縺励ｌ縺ｪ縺ГSS
*/
/*逕ｻ蜒�3荳ｦ縺ｳ*/
.img-box_3{
width: 31%;
text-align: left;;
}
.img-box_3 img {
display: block;
margin: 0 auto;
max-height: 210px;
width: auto;
}
/*髢狗匱繝｡繝ｳ繝舌�*/
ul.member-list {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-content: stretch;
list-style-type: none;
margin: 0 auto 2em;
}
.member-list li {
width: 20%;
margin: 0 0 1em 2em;
}
.member-list li a {
display: block;
}
/*蝗ｺ螳壹�繝ｼ繧ｸ譛ｬ譁�ｸｭ縺ｮ險伜捷莉倥″繝ｪ繧ｹ繝�*/
ul.page-list {
padding-left: 15px;
margin: 0 auto 47px;
}
ul.page-list li {
position: relative;
padding-left: 15px;
margin: 0 auto 1em;
}
ul.page-list li:before {
border-radius: 50%;
width: 5px;
height: 5px;
display: block;
position: absolute;
left: 0;
top: 0.6em;
content: "";
background: #547CCA;
}
/*繧ｹ繝槭�*/
@media screen and (max-width: 480px) {
.img-box_3{
width: 100%;
}
.member-list li {
width: 40%;
}
}
/*繧｢繧ｦ繝医Μ繝ｼ繝√�繧ｭ繝�ぜ繧ｳ繝ｳ繝�Φ繝�繝代Φ繝輔Ξ繝�ヨ縺薙％縺九ｉ竊�*/
#p-pamphlet ul.p-pamphlet {
width: 100%;
display: inline-block;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
#p-pamphlet ul.p-pamphlet li {
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0 1% 4em;
width: 22%;
}
#p-pamphlet li p {
text-align: left;
font-weight: 900;
font-size: 1.6rem;
line-height: 1.4;
height: 60px;
margin: 0 0 10px 0;
color: #202020;
}
#p-pamphlet ul.p-pamphlet li .img-box {
text-align: center;
margin-bottom: 1em;
}
#p-pamphlet ul.p-pamphlet li .img-box img {
object-fit: contain;
width: 200px;
height: 282px;
border: 1px solid #ddd;
}
#p-pamphlet .mgauto {
text-align: center;
height: auto;
margin: 0 auto;
}
#p-pamphlet .mgauto a {
display: block;
padding: 10px 0;
background-color: #53b0d9;
color: #fff;
text-decoration: none;
border-radius: 20px;
}
#p-pamphlet .mgauto a:hover {
background-color: rgb(83 176 217 / 80%);
}
/*iPad*/
@media screen and (max-width: 768px) {
#p-pamphlet ul.p-pamphlet li {
margin: 0 1% 4em;
}
span.mr50_25{
margin-right: 25%;
}
}
/*繧ｹ繝槭�*/
@media screen and (max-width: 480px) {
#p-pamphlet ul.p-pamphlet li {
width: 43%;
margin: 0 2% 2em;
}
#p-pamphlet ul.p-pamphlet li .img-box img {
object-fit: contain;
width: 100%;
height: auto;
border: 1px solid #ddd;
}
#p-pamphlet .mgauto a {
font-size: 1.4rem;
}
}
/*繧｢繧ｦ繝医Μ繝ｼ繝√�繧ｭ繝�ぜ繧ｳ繝ｳ繝�Φ繝�繧ｮ繝｣繝ｩ繝ｪ繝ｼ縺薙％縺九ｉ竊�*/
#p-photo ul.p-photo {
list-style-type: none;
margin: 0 auto;
padding: 0;
}
#p-photo ul.p-photo li {
display: inline-block;
margin: 0 1% 1em;
width: 31%;
max-width: 305px;
height: auto;
vertical-align: top;
}
#p-photo p.perm {
font-size: 1.5rem;
line-height: 1.6;
color: #F00;
text-align: center;
}
#p-photo ul.p-photo li img {
display: block;
max-width: 100%;
margin-bottom: 1em;
}
#p-photo ul.p-photo li p {
line-height: 1.4;
}
/*iPad*/
@media screen and (max-width: 768px) {
#p-photo ul.p-photo li {
width: 30%;
}
}
/*繧ｹ繝槭�*/
@media screen and (max-width: 480px) {
#p-photo ul.p-photo li {
width: 46%;
}
#p-photo ul.p-photo li p {
margin-bottom: 1em;
}
}
/*/information/*/
#p-information #keikaku table.flow-table {
margin: 0 auto 80px;
border-collapse: separate;
border-spacing: 10px 20px;
text-align: center;
line-height: 1.4;
display: block;
}
#p-information table.flow-table th {
font-weight: bold;
vertical-align: middle;
padding: 10px;
color: #fff;
background: #aaa;
}
#p-information table.flow-table td {
vertical-align: middle;
padding: 0;
}
/*information table*/
#p-information table.flow-table td.bg-line {
background-image: url(../image/information/arrow-a.png);
background-position: bottom;
background-repeat: no-repeat;
}
#p-information table.flow-table td.line {
border: 1px solid #aaa;
border-collapse: collapse;
padding: 10px;
text-align: left;
}
#p-information table.flow-table td i {
color: #73A7BE;
font-size:2.5rem;
}
/*outreach*/
#p-outreach .h2-img-inner .fx-box {
justify-content:flex-start ;
}
.accbox label:after {
content: '\f078';
font-family: "Font Awesome 5 Free";
padding-right: 8px;
margin-left: auto;
}
.cssacc:checked + label:after {
content: '\f077';
}
#p-outreach .wrap {
flex-wrap: wrap;
justify-content: space-between;
}
/*subpage-2.css縺ｮ菫ｮ豁｣縺ｨ縺励※險倩ｿｰ*/
#p-outreach .h2-img-inner h2 {
top: 80px;
}
#p-outreach .h2-img-inner h2 {
font-size: 3rem;
text-shadow: 2px 2px 2px #fff;
}
#p-outreach.c-sub-page .h2-img-inner p {
padding-top: 20px;
line-height: 1.5;
text-align: center;
}
/*subpage-2.css縺ｮ菫ｮ豁｣縺ｨ縺励※險倩ｿｰ*/
#p-photo .p-img-inner p {
top: 1em;
left: 1em;
transform: inherit;
transform: initial;
transform: unset;
}
/*ouchi*/
#p-ouchi h3 span.h3link {
font-size: 1.6rem;
font-weight: normal;
display: inline-block;
float: right;
}
/*繧ｿ繝悶Ξ繝�ヨ*subpage.css縺ｮ菫ｮ豁｣縺ｨ縺励※險倩ｿｰ*/
@media screen and (min-width:569px) and ( max-width:900px) {
#p-know .fx-box.p-know__intbox{
display: flex;
display: -webkit-flex;
align-content: stretch;
justify-content: space-between;
flex-direction: unset;
}
#p-know .fx-box.p-know__intbox .fx20 {
flex: 1 0 20%;
max-width: 260px;
}
#p-know .fx-box.p-know__intbox .fx20 img{
width: 100%;
}
#p-know .fx-box.p-know__intbox .fx80 {
flex: 0 0 73%;
margin-left: 30px;
max-width: 100%;
}
#p-news .fx-box.p-news-area{
flex-direction: column;
}
#p-mission .c-btn-border{
width: 100%;
}
}
/**/
@media screen and (max-width: 900px) {
/*subpage-2.css縺ｮ菫ｮ豁｣縺ｨ縺励※險倩ｿｰ*/
#p-photo .p-img-inner p {
top: 1em;
font-size: 1.8rem;
}
#p-outreach .h2-img-inner h2 {
top: 58px;
font-size: 2.4rem;
}
nav .pc-gnav {
display: none;
}
}
nav .pc-gnav {
background: #53B0D9;
margin: 16px auto 0;
}
/**/
.gnav {
margin: 0 auto;
width: 1080px;
display: flex;
text-align: center;
justify-content: space-between;
}
.gnav li {
font-size: 1.5rem;
line-height: 1.4;
position: relative;
width: 25%;
background: #53B0D9;
}
.gnav li:hover {
transition: .5s;
cursor: pointer;
}
/*.gnav li:first-child {
width: 12%;
}
.gnav li:nth-child(2) {
width: 28%;
}*/
.gnav li a {
margin: 24px 0;
color: #fff;
padding: 0 6px;
border-left: 1px solid #aad8ed;
text-decoration: none;
display: block;
}
.gnav li:last-child a {
border-right: 1px solid #aad8ed;
}
.gnav li ul li a,
.gnav li ul li:last-child a,
.gnav li:last-child ul li a
{
border-right: none;
}
.gnav li li a {
margin: 12px 0;
border: none;
}
/*.gnav li a:hover {
transition: .5s;
background: #53B0D9;
}*/
.gnav li:hover > ul {
transition: .5s;
display: block;
}
.gnav ul {
display: none;
position: absolute;
}
.gnav li:hover > ul {
transition: .5s;
display: block;
background: #53B0D9;
}
.gnav ul {
display: none;
position: absolute;
}
.gnav li ul {
width: 100%;
}
.gnav li ul li {
text-align: left;
background: #53B0D9;
width: 100%!important;
border-bottom: 1px dotted #ddd;
}
.gnav li ul li:last-child {
border-bottom: none;
}
/* 202401蟄ｫ繝｡繝九Η繝ｼ霑ｽ蜉�竊� */
/* 譌｢蟄倥�繧ｹ繧ｿ繧､繝ｫ */
.gnav ul {
display: none;
position: absolute;
background: #53B0D9;
}
.gnav li ul li,
.gnav .subnav ul li,
.gnav .child-subnav ul li {
text-align: left;
background: #53B0D9;
width: 100%!important;
border-bottom: 1px dotted #ddd;
padding: 1px 0; /* 繝代ョ繧｣繝ｳ繧ｰ繧偵％縺薙↓驕ｩ逕ｨ */
}
.gnav .subnav ul li,
.gnav .child-subnav ul li {
border-left: 1px dotted #ddd;
height: 90%;
}
/* 蟄宣嚴螻､縺翫ｈ縺ｳ蟄ｫ髫主ｱ､縺ｮ繝ｪ繝ｳ繧ｯ繧ｹ繧ｿ繧､繝ｫ */
.gnav li ul li a,
.gnav .subnav ul li a,
.gnav .child-subnav ul li a {
display: block;
color: #fff;
text-decoration: none;
}
.gnav .subnav li,.gnav .child-subnav li{
position:relative;
}
.gnav .subnav > a::after,.gnav .child-subnav > a::after{
position:absolute;
content:"";
right:10px;
top:20px;
width:0;
height:0;
margin-left:10px;
border:5px solid transparent;
border-left-color:#fff;
}
/* 蟄宣嚴螻､縺翫ｈ縺ｳ蟄ｫ髫主ｱ､縺ｮ繝ｪ繝ｳ繧ｯ繝帙ヰ繝ｼ繧ｹ繧ｿ繧､繝ｫ */
.gnav li ul li:hover,
.gnav .subnav ul li:hover,
.gnav .child-subnav ul li:hover {
background-color: #1c85ba; /* 繝帙ヰ繝ｼ譎ゅ�閭梧勹濶ｲ */
}
.gnav .subnav ul li:last-child,.gnav .child-subnav ul li:last-child {
border-bottom: none;
}
/* 蟄ｫ髫主ｱ､縺ｮ繝｡繝九Η繝ｼ縺ｮ繧ｹ繧ｿ繧､繝ｫ */
.gnav .subnav ul,.gnav .child-subnav ul {
display: none; /* 譛蛻昴�髱櫁｡ｨ遉ｺ */
position: absolute;
top: 0; /* 隕ｪ隕∫ｴ�縺ｮ荳顔ｫｯ縺ｨ謠�∴繧� */
left: 100%; /* 隕ｪ隕∫ｴ�縺ｮ蜿ｳ遶ｯ縺九ｉ陦ｨ遉ｺ */
background: #53B0D9; /* 閭梧勹濶ｲ */
}
/* 蟄宣嚴螻､縺ｮ繝｡繝九Η繝ｼ鬆�岼縺ｫ繝帙ヰ繝ｼ縺励◆髫帙↓蟄ｫ髫主ｱ､繧定｡ｨ遉ｺ */
.gnav .subnav:hover > ul,.gnav .child-subnav:hover > ul {
display: block;
}
/* 202401蟄ｫ繝｡繝九Η繝ｼ霑ｽ蜉�竊� */
@media screen and (min-width:901px) and (max-width:1080px) {
.gnav {
width: 100%;
}
.gnav li {
font-size: 1.2rem;
}
}
/*繧ｹ繝槭�*/
@media screen and (max-width: 480px) {
/*subpage-2.css縺ｮ菫ｮ豁｣縺ｨ縺励※險倩ｿｰ*/
#p-outreach .h2-img-inner h2 {
font-size: 2.2rem;
}
#p-ouchi h3 span.h3link {
display: block;
float: none;
text-align: right;
padding-top: 10px;
}
}