@charset "utf-8";
/* CSS Document */

.header{ background-color:#2571AF; border-bottom:#CEE3F4 5px solid; width:100%; padding:50px 0; 
margin:80px 0 0 0; text-align:center; color:#FFF; background-repeat:no-repeat; background-position:center; background-size:100% }
.headerimg{ width:100%; padding:120px 0 50px 0; margin:0;text-align:center; color:#FFF; background-repeat:no-repeat; background-position:top; background-size:cover}

h1{ font-size:42px; line-height:50px; width:90%; margin:0 auto; padding:0}
section{ margin:50px 0; width:100%; padding:0 5%; box-sizing:border-box}
.mainp{ margin:20px; padding:0; text-align:center; }
section p{ text-align:left; }

.voicettl { position: relative; box-sizing:border-box; display:block; height: 64px; width:300px; font-size:26px; 
line-height:26px; margin:0 auto; text-align:center; padding:15px 0; color: #fff; background:#1E75AD;}
.voicettl:before { position: absolute; top: 0; left: -30px; content: ''; border-width: 32px 30px 32px 0;
  border-style: solid; border-color: transparent #1E75AD transparent transparent;}
.voice{ display:flex;background-color:#fff;margin:20px auto; padding:10px;justify-content: center; box-sizing:border-box; max-width:1024px;
background-image:repeating-linear-gradient( 45deg,rgba(204,204,204,0.1) 0px 2px,transparent 2px 8px),repeating-linear-gradient( -45deg,rgba(204, 204, 204, 0.1) 0px 2px,transparent 2px 8px);}
.voice div:nth-child(1){ width:40%; padding:0; box-sizing:border-box}
.voice div:nth-child(2){ width:60%; padding:0 0 0 40px; box-sizing:border-box; max-width:500px }

.voice h2 { font-size:24px; line-height:34px; color:#036; margin:0; padding:0;}
.voice p {font-size:16px; line-height:26px; margin:30px 0; padding:0; }
.voice h3 { font-size:20px; line-height:30px; margin:10px 0 0 0; padding:0 }

@media only screen and (max-width: 1024px) {
.voice div:nth-child(1){ width:30%}
.voice div:nth-child(2){ width:70%; }
.voice h2 { margin:0; }
}
@media only screen and (max-width: 768px) {
.voice{flex-flow: row wrap;}
.voice div:nth-child(1){ width:70%; margin:0 15%}
.voice div:nth-child(2){ width:90%; max-width:90%; padding:0 }
.voice p { margin:10px 0; }

}
@media only screen and (max-width: 468px) {
}