* {
    margin:0;
    padding:0;
    word-wrap:break-word;
    overflow-wrap:break-word;
    box-sizing:border-box;
}
body {
	line-height:1.4em;
	letter-spacing:0.2px;
	font-size:16px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;
	background:#FFF;
    color:#333;
}
h1 {
    padding:40px 0;
}
ul {
    margin:0 auto;
}
li {
    list-style:none;
    text-align:left;
}
img {
    clear:both;
    border:none;
}
a {
    text-decoration:none;
    color:#333;
}
a:hover {
    text-decoration:none;
    color:#999;
}
a:hover img {
    opacity:0.8;
}
.red {
    color:#F00;
}
.f16 {
    display:block;
    padding:2% 0 0;
    line-height:2em;
    font-size:16px;
}
.f18 {
    font-size:18px;
}
.sp {
    display:none;
}

#container {
    margin:0 auto;
    width:1200px;
    text-align:center;
    font-weight:bolder;
}

#topbanner {
    height:600px;
    font-size:18px;
    font-weight:bolder;
    background:#E0E1E4 url("img/topbanner-pc.png") top no-repeat;
    color:#0096D6;
}
.toptext {
    float:right;
    margin:240px 65px 40px 0;
    width:420px;
    line-height:2em;
    font-size:20px;
}

#linkbutton {
    clear: both;
    padding:0.7em 0 0.5em;
    width:480px;
    font-size:26px;
    color:#0096D6;
    border:#0096D6 4px solid;
    border-radius:32px;
}
#linkbutton a {
    display:block;
    text-decoration:none;
    color:#0096D6;
}
.bl#linkbutton {
    margin:0 auto;
}

#question {
    clear:both;
    padding:5% auto;
}
.qbox {
    margin:0 auto;
    width:1200px;
    height:740px;
    background:url("img/qback-pc.png") top no-repeat;
    background-size:contain;
}
.qbox ul {
    float:left;
    margin:0 0 0 6%;
    width:46%;
}
.qbox ul.rl {
    float:left;
    margin:0 2% 0 0;
    width:46%;
}
.qbox li {
    margin:0 0 5%;
    width:100%;
    list-style:none;
    line-height:1.4em;
    font-size:24px;
}
.qbox li:first-child {
    margin:10% 0 5%
}
.qbox li:last-child {
    margin:0 0 26%
}
.qbox li img {
    margin:0 0.5em 0 0;
    width:28px;
}
.qtext-pc {
    clear:both;
    margin:0 200px 0 0;
    line-height:1.5em;
    font-size:20px;
    font-weight:normal;
}
.qtext-sp {
    display:none;
}

#movie {
    clear:both;
    margin:4% 0 0;
    padding:6% 0 0;
    height:850px;
    background:#E0E1E4;
}
#moviebox {
    margin:0 auto;
    padding:0 0 5%;
    width:960px;
    background:#FFF;
    border-radius:14px;
}
#moviebox iframe {
    width:720px;
    height:405px;
}

#time {
    clear:both;
    height:250px;
    background:#0096D6;
    color:#FFF;
}
.tbox {
    margin:0 auto 3%;
    padding:4% 0;
    width:720px;
}
.tbox p {
    float:left;
    line-height:1.4em;
    text-align:left;
    font-size:24px;
}
.timeicon {
    float:left;
    margin:0 5% 2% 0;
    padding:0.3em 1.5em 0.5em 1em;
    width:200px;
    font-size:24px;
    background:#F9E047;
    color:#FFF;
    border-radius:28px;
}
.timeicon img {
    margin:0 0.5em 0 0;
    width:28px;
}

.wh#linkbutton {
    margin:0 auto;
    padding:0.7em 2em 0.5em;
    background:#FFF;
}

#service {
    clear:both;
    height:480px;
    background:#E0E1E4;
}
#service h1 {
    padding:5% 0 4%;
}
#service ul {
    width:960px;
}
#service li {
    float:left;
    margin:0 5% 0 0;
    padding:1em;
    width:30%;
    height:240px;
    text-align:center;
    font-weight:normal;
    background:#FFF;
    border:#0096D6 4px solid;
    border-radius:14px;
}
#service li:last-child {
    margin:0 0 8%;
}
#service li img {
    margin:0 0 1%;
}

#voice {
    clear:both;
    height:700px;
}
#voice ul {
    float:left;
    width:600px;
}
#voice li {
    margin:0 8% 4%;
    padding:1em 2em;
    width:84%;
    height:140px;
    line-height:1.4em;
    font-size:20px;
    font-weight:normal;
    background:#FFF;
    border:#0096D6 4px solid;
    border-radius:14px;
}
#voice li:last-child {
    margin:0 8% 8%;
}
#voice li img {
    float:left;
    margin:0 6% 0 0;
    width:17%;
}

#caution {
    clear:both;
    height:830px;
    background:#E0E1E4;
}
#caution ul {
    width:960px;
}
#caution li {
    margin:0 0 2%;
    list-style:inherit;
    font-weight:normal;
}
#caution ol {
    margin:0 auto;
    width:920px;
    color:#F00;
}
.logo {
    margin:2% 0 0;
}

#item {
    clear:both;
    padding:2% 0 0;
}
#item ul {
    margin:2% auto 0;
    width:1200px;
}
#item li {
    float:left;
    margin:0 5% 5% 0;
    width:30%;
    height:350px;
    overflow:hidden;
    text-align:center;
    font-weight:normal;
}
#item li img {
    max-width:100%;
}
#item li p {
    margin:0.5em 2em 0;
}
#item li:nth-child(3n) {
    margin:0 0 6%;
}
#item li:last-child {
    margin:0 0 4%;
}

#foot {
    clear:both;
    margin:0 auto 2.5%;
    font-weight:normal;
}

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

h1 {
    padding:0 0 6%;
}
img {
    max-width:100%;
}

.f16 {
    display:block;
    line-height:1.5em;
    font-size:14px;
}
.f18 {
    font-size:16px;
}
.pc {
    display:none;
}
.sp {
    display:inherit;
    margin:0 auto;
    width:90%;
}

#container {
    width:100%;
}

#topbanner {
    padding:0 0 8%;
    height:auto;
    background:#E0E1E4 url("img/topbanner-sp.png") top no-repeat;
    background-size:100%;
}
.toptext {
    float:none;
    margin:0 auto 8%;
    padding:90% 0 0;
    width:90%;
    line-height:1.5em;
    font-size:16px;
}

#linkbutton {
    padding:0.5em 0 0.3em;
    width:80%;
    font-size:20px;
    border:#0096D6 3px solid;
}

#question {
    padding:5% 0 0;
}
.qbox {
    width:94%;
    height:auto;
    background:none;
    border:#0096D6 3px solid;
    border-radius:14px;
}
.qbox ul {
    float:none;
    margin:0 6%;
    width:88%;
}
.qbox ul.rl {
    float:none;
    margin:0 6%;
    width:88%;
}
.qbox li {
    margin:0 0 4%;
    font-size:16px;
}
.qbox li:first-child {
    margin:0 0 4%;
    padding:8% 0 0;
}
.qbox .rl li:first-child {
    margin:0 0 3%;
    padding:0;
}
.qbox li:last-child {
    margin:0 0 7%;
}
.qbox li img {
    margin:0 0.5em 0 0;
    width:1.2em;
}
.qtext-pc {
    display:none;
}
.qtext-sp {
    display:inherit;
    margin:2% auto 10%;
    width:96%;
    font-size:16px;
    font-weight:normal;
}
.qtext-sp img {
    margin:0 auto 5%;
    width:72%;
}

#movie {
    padding:8% 0 10%;
    height:auto;
}
#moviebox {
    padding:4% 3% 8%;
    width:94%;
}
#moviebox iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.spwrap {
    position:relative;
    padding:0 0 56.25%;
}

#time {
    padding:7% 4% 12%;
    height:auto;
}
.tbox {
    margin:0 auto 3%;
    padding:4.5% 0;
    width:92%;
}
.tbox p {
    float:none;
    line-height:1.5em;
    font-size:20px;
}
.timeicon {
    float:none;
    margin:0 0 6%;
    padding:0.3em 1em 0.3em 0.5em;
    width:9em;
    font-size:20px;
}
.timeicon img {
    margin:0 0.5em 0 0;
    width:1em;
}

.wh#linkbutton {
    padding:0.5em 0 0.3em;
}

#service {
    padding:10% 0 7%;
    height:auto;
}
#service h1 {
    padding:0 0 7%;
}
#service ul {
    width:94%;
}
#service li {
    float:none;
    margin:0 0 6%;
    width:100%;
    height:auto;
    border:#0096D6 3px solid;
}
#service li:last-child {
    margin:0 0 8%;
}

#voice {
    padding:10% 0 6%;
    height:auto;
}
#voice ul {
    float:none;
    margin:0 auto;
    width:94%;
}
#voice li {
    margin:0 0 6%;
    padding:1.2em 1.2em 1.5em;
    width:100%;
    height:auto;
    font-size:18px;
    border:#0096D6 3px solid;
}
#voice li:last-child {
    margin:0 0 6%;
}
#voice li img {
    float:left;
    margin:0 6% 0 0;
    width:16%;
}

#caution {
    padding:7% 0 0;
    height:auto;
}
#caution ul {
    margin:0 auto;
    width:94%;
}
#caution li {
    margin:0 0 2%;
    list-style:inherit;
    list-style-position:inside;
    font-weight:normal;
}
#caution ol {
    margin:0 auto;
    width:90%;
}
.logo {
    margin:3% auto 10%;
    width:84%;
}

#item {
    padding:12% 0 0;
}
#item ul {
    margin:2% auto 0;
    width:96%;
}
#item li {
    float:none;
    margin:0 0 8%;
    width:100%;
    height:auto;
}
#item li img {
    width:72%;
}
#item li p {
    margin:0.8em 0 0;
}
#item li:nth-child(3n) {
    margin:0 0 8%;
}
#item li:last-child {
    margin:0 0 12%;
}

#foot {
    margin:0 auto 5%;
}
}