@charset "UTF-8";

img { width:auto; max-width:100%; height:auto; }

.clearFix { overflow:hidden; }
.clearFix:after { display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; }  
.spText { }


#structureContent { box-sizing:border-box; width:100%; background:#fff; padding:20px; color:#404040; }
#structureContent h2 { margin:0 0 40px 0 }
.gvaBox01 { padding:0 0 60px 0; border-bottom:#999 solid 1px; }
.gvaBox01 h3 { margin:0 0 20px 0; }
.gvaBox02 { width:48%; background:#fff993; box-sizing:border-box; padding:10px; margin:0 0 2% 0 }
.gvaBox02:nth-of-type(1) { float:left; }
.gvaBox02:nth-of-type(2) { float:right; }
.gvaBox02 div { border:#e5004f solid 1px; padding:20px; }
.gvaBox02:nth-of-type(1) div  { background:url(../../structure/img/bg_structure_01.png) center center no-repeat; }
.gvaBox02:nth-of-type(2) div  { background:url(../../structure/img/bg_structure_02.png) center center no-repeat; }
.gvaBox02 div h4 { margin:0 0 10px 0; text-align:center; color:#e5004f; font-size:18px; font-weight:bold; }
.gvaBox02 div p { font-size:14px; line-height:24px; margin:0; }
.gvaBox02 div p span { color:#e5004f; }
.gvaBox03 { box-sizing:border-box; padding:10px; background:#fff993; margin:0 auto 40px auto; }
.gvaBox03 div { padding:20px; border:#e5004f solid 1px; background:#fff url(../../structure/img/bg_structure_03.png) center center no-repeat; }
.gvaBox03 div h4 { margin:0 0 20px 0; text-align:center; color:#e5004f; font-size:18px; font-weight:bold; }
.gvaBox03 div h5 { margin:0 0 20px 0; text-align:center; }
.gvaBox03 div p {font-size:16px; line-height:26px; }
.gvaBox03 div p span { color:#e5004f; }
#structureContent figure { margin:0 0 40px 0; }

.gvaBox04 { box-sizing:border-box; width:32%; float:left; margin:0 2% 0 0; border:#999 solid 1px; }
.gvaBox04.last { margin:0 0 0 0; }
.gvaBox04>div { padding:10px 20px; }
.gvaBox04 .imgBox { border-bottom:#999 solid 4px; margin:0 0 20px 0; text-align:center; }
.gvaBox04 h4 { margin:0 0 20px 0; text-align:center; }
.gvaBox04 p { font-size:14px; line-height:24px; }
.gvaBox04 p span { color:#e5004f; }

.aquaBox01 { padding:40px 0 0 0; margin:0 0 40px 0; }
.aquaBox01 h3 { margin:0 0 20px 0; }
.aquaBox01 .textBox { width:46.73%; float:left; }
.aquaBox01 .textBox p { font-size:16px; line-height:26px;}
.aquaBox01 .photoBox { width:51.08%; float:right; }

.aquaBox02 { margin:0 0 20px 0; }
.aquaBox02 h4 { font-size:16px; font-weibht:bold; background:#ccfffb; display:block; padding:5px 10px 5px 1em; line-height:18px; color:#2370c8; }
.aquaBox02 p  { font-size:14px; padding:10px 0 10px 1em; line-height:24px; }
.aquaBox02 p span { color:#2370c8; font-weight:bold; }
.aquaBox02:last-of-type { margin:0 0 80px 0; }

.earthBox { margin:20px 0 40px 0; padding:20px 0 0 0; border-top:#ccc solid 1px; }
.earthBox h4 { margin:0 0 20px 0; }

@media screen and (max-width:640px) {
.spText { }
.spText img {  display:none; }
.spText::before { content:attr(data-text); }


.gvaBox02:nth-of-type(1)  { width:100%; float:none; }
.gvaBox02:nth-of-type(2) { width:100%; float:none; } 

.gvaBox04  { width:100%; float:none; margin:0 0 2% 0; }

.aquaBox01 .textBox { width:100%; float:none; }
.aquaBox01 .photoBox { width:100%; float:none; text-align:left; }
}