@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}

h1,h2,p{line-height: 1.6;}

  body {
    /* 背景画像を指定 */
    background-image: url("back.jpg"); /* ←アップロードした画像のパスに変更 */
    background-repeat: no-repeat;
    background-size: cover;   /* 画面いっぱいに拡大縮小 */
    background-position: center center; /* 常に中央を基準に表示 */
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    overflow-x: hidden; /* 横スクロールバーが出ないように */
  }

  .header {
    max-height: 76px;
    background: #004FA6;
    width: 100%;
    text-align: center;
  }
  .h-w {max-width: 1686px;  text-align: left; margin: 0 auto; display: flex; align-items: center;}
  
  .h-w-i {max-width: 450px; min-width: 160px; width: 30%; padding: 5px 5px;}
  
  .dot-back{
  background-color: #0975d2;
  background-image: radial-gradient(circle, #0594df 7px, transparent 7px), radial-gradient(circle, #0594df 7px, transparent 7px);
  background-position: 0 0, 18.5px 37px;
  background-size: 37px 74px;
}
.main-img{text-align: center;
position: relative;
}
.main-imgi{position: absolute; right: 0; left: 0; margin: 0 auto; padding: 5px 0 0 0; max-width: 1686px; width: 100%;}

.main-imgb{margin: 0 auto; max-width: 1686px; width: 100%;}

.container{max-width: 1686px; width: 98.4%; margin: 0 auto; text-align: center;}

.imgd {max-width: 1686px; width: 100%;}

.i001 {max-width: 1400px; width: 100%;}

.txt1{max-width: 1180px; text-align: left; margin: 20px auto 0 auto; font-weight: 700; font-size: 24px;}

.i002 {max-width: 1275px; width: 100%; margin-top: 60px;}

.i003-u{display: flex; list-style: none; width: 100%; max-width: 1400px; padding: 0; margin: 150px auto 0 auto;}

.i003-u li:first-child {margin-right: 10px;}
.i003-u li img{ width: 100%;}

.time-t1{font-weight: 700;
    text-shadow:
    2px 2px 0 #0060BF,
    -2px 2px 0 #0060BF,
    -2px -2px 0 #0060BF,
    2px -2px 0 #0060BF;}
.i005-u{display: flex; list-style: none; width: 100%; max-width: 1400px; padding: 0; margin: 20px auto 0 auto;}
.i005-u li:nth-child(2) {text-align: left; font-size:20px;}
.i005-u li:first-child {margin-right: 8%; max-width: 720px; width: 60%;}
.i005-u li img{ width: 100%;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mt90{margin-top: 90px;}
.w100{width: 100%;}

.i009 {max-width: 1100px; width: 100%; margin-top: 15px;}

.i011-u{display: flex; list-style: none; width: 100%; max-width: 1400px; padding: 0; margin: 20px auto 0 auto;}
.i011-u li {text-align: left; font-size:20px; width: calc(50% - 40px)}
.i011-u li:first-child {margin-right: 40px;}

.i011 {max-width: 1370px; width: 100%; margin-top: 15px;}



.curved {
  position: relative;
  background: #;
  height: 100px;
}

.curved::after {
  content: '';
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  position: absolute;
  bottom: 0;
  left:-20%;
  width: 140%;
  background: #004FA6;
  height: 40%;
}

.f-div{background: #004FA6; margin-top: -1px;}

.f-div-c{width: 98.4%; margin: 0 auto; text-align: center;}

.cbox001-u{display: flex; list-style: none; justify-content:center; max-width: 1000px; margin: 0 auto 10px auto; }
.cbox001-u li {width: 50%; }
.cbox001-u li img {width:100%; max-width: 460px; }


.cbox003{margin: 0 auto; text-align: center;}
.cbox003 img {max-width: 750px; width: 55%; }

.cbox004-u{display: flex; list-style: none; padding: 0;}
.cbox004-u li {width: calc(50% - 20px); }
.cbox004-u li img {width:100%; }
.cbox004-u li:nth-child(2) {margin-left: 20px;}

.cbox006{margin: 10px auto 0 auto; text-align: center;}
.cbox006 img {max-width: 440px; width: 35%; }

.cbox007{margin: 30px auto 0 auto; text-align: center; padding-bottom: 30px;}
.cbox007 img {max-width: 840px; width: 70%; }

.f-b{background: #003877; padding: 10px 0; text-align: center;}

small{font-size: 12px;}

@media screen and (max-width: 700px) { 
.cbox004-u{display: block;}
.cbox004-u li {width:100%; }
.cbox004-u li img {width:100%; max-width: 700px; }
.cbox004-u li:nth-child(2) {margin-left: 0;}
}

@media screen and (max-width: 500px) { 
.txt1{font-size: 14px;}
.i002 {margin-top: 30px;}
.i003-u{margin-top: 60px;}
.i005-u{display: block;}
.i005-u li:first-child {margin-right:0; max-width: none; width: 100%;}
.i005-u li:nth-child(2) {font-size:16px;}
.i011-u{display: block;}
.i011-u li:first-child {margin-right: 0;}
.i011-u li {width:100%; font-size: 16px;}
.cbox001-u{display: block;}
.cbox001-u li {width: 100%; }
.cbox001-u li:first-child {margin-right: 0;}
.cbox001-u li img {width:90%; }
.cbox003 img {width: 100%; max-width: none; }
.cbox006 img {width: 70%; }
.cbox007 img {width: 100%; max-width: none; }
	
	.dot-back{
  background-image: radial-gradient(circle, #0594df 3px, transparent 3px), radial-gradient(circle, #0594df 3px, transparent 3px);
  background-position: 0 0, 8px 16px;
  background-size: 16px 32px;
}
}