@charset "UTF-8";

#declaration {background: #F2F2F2;}
#declaration .first {display: block;width: 100%;height: 300px;min-width: 1000px;position: relative;padding-top: 100px;box-sizing: border-box;}
#declaration .first:after {content: "";display: block;width: 78%;height: 300px;background: linear-gradient(#05225c 0%, #1f7faa 100%);position: absolute;top: 0;right: 0;}
#declaration .first div {display: block;width: 1000px;margin: 0 auto;}
#declaration .first div div {display: block;width: 484px;height: 102px;background: #fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);font-family: Oswald;font-weight: bold;font-size: 60px;letter-spacing: 0.15em;text-align: center;padding-top: 2px;box-sizing: border-box;position: relative;z-index: 100;margin: 0;}
#declaration .first div div span {display: block;font-weight: 500;font-size: 20px;text-align: left;letter-spacing: 0.1em;margin-top: 20px;font-family: "Noto Sans JP";}

#declaration .second {display: block;width: 1000px;margin: 140px auto 160px;background: #fff;padding: 0px 80px 120px;box-sizing: border-box;}
#declaration .second h2 {display: block;font-family: Oswald;font-weight: bold;font-size: 100px;letter-spacing: 0.15em;text-align: center;transform: translateY(-83px);margin-bottom: -30px;}
#declaration .second h2 span {display: block;font-weight: 500;font-size: 20px;letter-spacing: 0.1em;font-family: "Noto Sans JP";margin-top: -10px;}
#declaration .second p.title {display: block;font-weight: 500;font-size: 30px;letter-spacing: 0.12em;margin: 55px 0 90px;}
#declaration .second p.cont {display: block;font-size: 18px;line-height: 30px;color: #3e3e3e;}
#declaration .second p.name {display: block;font-size: 20px;letter-spacing: 0.1em;text-align: right;color: #3e3e3e;margin-top: 50px;}



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

#declaration {background: #F2F2F2;}
#declaration .first {display: block;width: 100%;height: 300px;min-width: 100%;position: relative;padding-top: 100px;box-sizing: border-box;}
#declaration .first:after {content: "";display: block;width: 72%;height: 300px;background: linear-gradient(#05225c 0%, #1f7faa 100%);position: absolute;top: 0;right: 0;}
#declaration .first div {display: block;width: 100%;margin: 0 auto;}
#declaration .first div div {display: block;width: 384px;height: 102px;background: #fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);font-family: Oswald;font-weight: bold;font-size: 60px;letter-spacing: 0.15em;text-align: center;padding-top: 2px;box-sizing: border-box;position: relative;z-index: 100;margin: 0;}
#declaration .first div div span {display: block;font-weight: 500;font-size: 20px;text-align: left;letter-spacing: 0.1em;margin-top: 20px;font-family: "Noto Sans JP";}

#declaration .second {display: block;width: 100%;margin: 140px auto 160px;background: #fff;padding: 0px 10px 70px;box-sizing: border-box;}
#declaration .second h2 {display: block;font-family: Oswald;font-weight: bold;font-size: 100px;letter-spacing: 0.15em;text-align: center;transform: translateY(-83px);margin-bottom: -30px;}
#declaration .second h2 span {display: block;font-weight: 500;font-size: 20px;letter-spacing: 0.1em;font-family: "Noto Sans JP";margin-top: -10px;}
#declaration .second p.title {display: block;font-weight: 500;font-size: 24px;letter-spacing: 0.12em;margin: 55px 0 50px;}
#declaration .second p.cont {display: block;font-size: 18px;line-height: 30px;color: #3e3e3e;}
#declaration .second p.name {display: block;font-size: 20px;letter-spacing: 0.1em;text-align: right;color: #3e3e3e;margin-top: 50px;}


}