@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Noto+Serif+JP:wght@400;700;900&display=swap');

.pc { display: block; }
.sp { display: none; }

/* ベース定義 */

body { font-size: 90%; line-height: 250%; color: #333333; background-color: #fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }

a { text-decoration: underline; color: #009de3; }
a:hover { text-decoration: none; color: #009de3; }
a:visited { color: #009de3; }

header { width: 100%; overflow: hidden; background: url("../img/header-background.jpg") center center / cover no-repeat; }
#main-image img { width: 100%; max-width: 500px; margin: 0 auto; display: block; }

header2 { width: 90%; max-width: 1200px; margin: 40px auto; overflow: hidden; background: url("../img/header-background2.jpg") center center / cover no-repeat; display: block; }
#main-image2 img { width: 100%; max-width: 500px; margin: 0 0 0 auto; display: block; padding: 25px; }

header3 { width: 90%; max-width: 1200px; margin: 40px auto; overflow: hidden; background: url("../img/header-background3.jpg") center center / cover no-repeat; display: block; }
#main-image3 img { width: 100%; max-width: 500px; margin: 0 auto 0 0; display: block; padding: 25px; }

div.content { position: relative; margin: 0 auto; max-width: 1100px; }
div.content p { position: absolute; top: 22%; left: 9%; width: 44%; font-size: 115%; z-index: 99999; }
div.content p.second { position: absolute; top: 30%; left: auto; right: 1%; width: 46%; font-size: 115%; }
div.content b { display: block; font-weight: bold; font-size: 250%; margin-bottom: 20px; }
div.content span { display: block; font-weight: bold; font-size: 150%; margin-bottom: 20px; }

#content-01 { width: 100%; max-width: 1200px; margin: 40px auto 0; }
#content-01 img { width: 100%; margin: 0 auto; }

#content-02 { width: 100%; max-width: 1200px; margin: 40px auto 0; }
#content-02 img { width: 100%; margin: 0 auto; }

#content-03 { width: 100%; max-width: 1200px; margin: 40px auto 0; }
#content-03 img { width: 100%; margin: 0 auto; }

div.content-image { width: 80%; margin: 0 auto; }

div.box-background { display: block; width: 61%; background-image: linear-gradient(90deg, rgba(84, 195, 241, 1), rgba(182, 221, 198, 1)); height: 103%; position: absolute; bottom: -25%; right: 0; }
div.box-background2 { display: block; width: 61%; background-image: linear-gradient(90deg, rgba(84, 195, 241, 1), rgba(182, 221, 198, 1)); height: 101%; position: absolute; bottom: -25%; left: 0; }
div.box-background3 { display: block; width: 61%; background-image: linear-gradient(90deg, rgba(84, 195, 241, 1), rgba(182, 221, 198, 1)); height: 105%; position: absolute; bottom: -25%; right: 0; }

#content-02 div.content2 { position: relative; margin: 100px auto; max-width: 1100px; overflow: hidden; }
#content-02 div.content2 img { float: left; width: 44%; }
#content-02 div.content2 p { font-size: 115%; float: right; width: 55%; padding: 20px; }

#content-02 div.content3 img { float: right; width: 44%; }
#content-02 div.content3 p { font-size: 115%; float: left; width: 55%; padding: 20px; }

#content-02 div.content2 b { display: block; font-weight: bold; font-size: 150%; margin-bottom: 20px; }
#content-02 div.content2 span { display: block; font-weight: bold; font-size: 150%; margin-bottom: 20px; }

#content-03 div.content2 img { float: right; width: 40%; }
#content-03 div.content2 { position: relative; margin: 20px auto 100px; max-width: 1100px; overflow: hidden; }
#content-03 div.content2 b { display: block; font-weight: bold; font-size: 180%; margin-bottom: 20px; }
#content-03 div.content2 p { font-size: 115%; width: 100%; padding: 20px; }

footer { background-color: #f0f0f0; padding: 40px; overflow: hidden; }
footer div.inner { max-width: 1280px; margin: 0 auto; overflow: hidden; }
footer div.inner p#copyright { float: right; font-size: 85%; }
footer div.inner ul li { float: left; padding: 0 12px; }

footer div.inner ul li a { color: #333; text-decoration: none; }
footer div.inner ul li a:hover { color: #157D9F; text-decoration: none; }