@charset "utf-8";
/* CSS Document */
#top_image{
width:100%;
position:relative;
overflow:hidden;
padding-bottom:65%;
z-index:10;
}
#top_image h2{
position:absolute;
z-index:20;
color:#fff;
text-align:center;
font-size:38px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-webkit-animation:fadeIn 3s 1s forwards;
-moz-animation:fadeIn 3s 1s forwards;
-o-animation:fadeIn 3s 1s forwards;
-ms-animation:fadeIn 3s 1s forwards;
animation:fadeIn 3s 1s forwards;
opacity:0;
}
#top_image h2 span:nth-of-type(1){letter-spacing:0.1em;}
#top_image h2 span:nth-of-type(2){
font-family: 'Damion', cursive;
display:block;
margin:0.2em auto 0;
padding-bottom:0.5em;
font-size:45px;
font-weight:normal;
line-height:1;
border-bottom:solid 4px #ff8000;
}
#top_image p img{
width:100%;
height:auto;
position:fixed;
top:0%;
left:50%;
transform:translateX(-50%);
-webkit-transform: translateX(-50%);
}
#top_image p:nth-of-type(1) img:nth-of-type(5){
-webkit-animation:fadeOut 4s 4s forwards;
-moz-animation:fadeOut 4s 4s forwards;
-o-animation:fadeOut 4s 4s forwards;
-ms-animation:fadeOut 4s 4s forwards;
animation:fadeOut 4s 4s forwards;
opacity:1;
}
#top_image p:nth-of-type(1) img:nth-of-type(4){
-webkit-animation:fadeOut 4s 8s forwards;
-moz-animation:fadeOut 4s 8s forwards;
-o-animation:fadeOut 4s 8s forwards;
-ms-animation:fadeOut 4s 8s forwards;
animation:fadeOut 4s 8s forwards;
opacity:1;
}
#top_image p:nth-of-type(1) img:nth-of-type(3){
-webkit-animation:fadeOut 4s 12s forwards;
-moz-animation:fadeOut 4s 12s forwards;
-o-animation:fadeOut 4s 12s forwards;
-ms-animation:fadeOut 4s 12s forwards;
animation:fadeOut 4s 12s forwards;
opacity:1;
}
#top_image p:nth-of-type(1) img:nth-of-type(2){
-webkit-animation:fadeOut 4s 16s forwards;
-moz-animation:fadeOut 4s 16s forwards;
-o-animation:fadeOut 4s 16s forwards;
-ms-animation:fadeOut 4s 16s forwards;
animation:fadeOut 4s 16s forwards;
opacity:1;
}
@-webkit-keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
@-webkit-keyframes fadeOut {from {opacity:1;}to {opacity:0;}}
@-moz-keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
@-moz-keyframes fadeOut {from {opacity:1;}to {opacity:0;}}
@-o-keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
@-o-keyframes fadeOut {from {opacity:1;}to {opacity:0;}}
@-ms-keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
@-ms-keyframes fadeOut {from {opacity:1;}to {opacity:0;}}
@keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
@keyframes fadeOut {from {opacity:1;}to {opacity:0;}}
@media all and (-ms-high-contrast: none){#top_image p:nth-of-type(2){display:none;}}
@media screen and (max-width:768px) {
#top_image h2,#top_image h2 span:nth-of-type(1){font-size:30px;}
#top_image h2 span:nth-of-type(2){font-size:38px;}
}
@media screen and (max-width:480px) {
#top_image h2,#top_image h2 span:nth-of-type(1){font-size:24px;}
#top_image h2 span:nth-of-type(2){font-size:30px;}
#top_image{padding-bottom:125%;}
#top_image p:nth-of-type(1) img,#top_image p:nth-of-type(2) img{width:200%;}
}
#contents{
position:relative;
background:#fff;
padding:4em 0 0;
}
@media screen and (max-width:768px) {
#contents{
padding:3em 0 0;
font-size:90%;
}
}
@media screen and (max-width:480px) {
#contents{
padding:2em 0 0;
font-size:80%;
}
}
#sitech{
text-align:center;
padding:0 5%;
margin-bottom:5em;
}
#sitech dt{font-size:120%;}
#sitech dt img{
width:210px;
display:block;
margin:0.3em auto 0;
}
#sitech dt span{
display:block;
margin:0.5em auto 1em;
padding-bottom:0.5em;
font-size:85%;
width:210px;
border-bottom:3px solid #ff8000;
}
#sitech dt span img{
width:45px;
display:inline-block;
vertical-align:middle;
margin:0 0.5em 0 0;
}
#sitech dd{font-size:90%;}
#sitech dd br:nth-of-type(2){display:none;} 
#sitech div h3{
font-size:150%;
margin-bottom:0.5em;
}
#sitech div p{
font-size:90%;
line-height:2;
}
#sitech div p img{
width:100%;
height:auto;
border-radius:10px;
margin:2em auto;
}
@media screen and (min-width:1020px) {#sitech div p img{border-radius:20px;}}
@media screen and (max-width:768px) {
#sitech dt img{width:180px;}
#sitech dt span{width:180px;}
#sitech dt span img{width:40px;}
#sitech dt span{font-size:80%;}
#sitech div h3{
font-size:130%;
margin-bottom:0.3em;
}
}
@media screen and (max-width:480px) {
#sitech dt img{width:160px;}
#sitech dt span{width:160px;}
#sitech dt span img{width:35px;}
#sitech div h3{text-align:justify;}
#sitech div p{
text-align:justify;
line-height:1.7;
}
#sitech div p br{display:none;}
}
#business{
width:90%;
margin:0 auto 4em;
text-align:center;
max-width:1000px;
}
#business h2{
font-size:150%;
line-height:1.5;
margin-bottom:1em;
}
#business h2 span{
display:block;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:60%;
color:#ff8000;
}
#business ul:nth-of-type(1){
color:#fff;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:space-between;
font-size:90%;
margin-bottom:2em;
}
#business ul:nth-of-type(1) li{
width:49%;
display:block;
border-radius:10px;
padding:5em 0;
}
#business ul:nth-of-type(1) li:nth-of-type(1){
background:url(../img/s8.jpg);
background-size:cover;
}
#business ul:nth-of-type(1) li:nth-of-type(2){
background:url(../img/s9.jpg);
background-size:cover;
}
#business ul:nth-of-type(1) li img{
display:block;
width:50px;
height:auto;
margin:0 auto;
margin-bottom:0.8em;
}
#business ul:nth-of-type(1) li span{display:block;}
#business ul:nth-of-type(1) li span:nth-of-type(1){font-size:200%;}
#business ul:nth-of-type(1) li span:nth-of-type(2){
font-family: 'Open Sans', sans-serif;
font-weight:600;
border-bottom:3px solid #ff8000;
width:30%;
margin:0 auto;
padding-bottom:1em;
}
#business nav{margin:1em 0 3em;}
#business nav img{
width:0.8em;
vertical-align:middle;
}
#business ul:nth-of-type(2){
color:#fff;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
font-size:90%;
margin-bottom:2em;
}
#business ul:nth-of-type(2) li{
width:32%;
padding:2em 0;
border-radius:10px;
font-size:140%;
}
#business ul:nth-of-type(2) li img{
display:block;
width:95px;
height:auto;
margin:0.2em auto 0;
}
#business ul:nth-of-type(2) li:nth-of-type(-n+3){margin-bottom:1em;}
#business ul:nth-of-type(2) li:nth-of-type(1){
background:url(../img/s10.jpg);
background-size:cover;
}
#business ul:nth-of-type(2) li:nth-of-type(2){
background:url(../img/s11.jpg);
background-size:cover;
}
#business ul:nth-of-type(2) li:nth-of-type(3){
background:url(../img/s12.jpg);
background-size:cover;
}
#business ul:nth-of-type(2) li:nth-of-type(4){
background:url(../img/s13.jpg);
background-size:cover;
}
#business ul:nth-of-type(2) li:nth-of-type(5){
background:url(../img/s14.jpg);
background-size:cover;
}
#business ul:nth-of-type(2) li:nth-of-type(6){
background:url(../img/s15.jpg);
background-size:cover;
}
#business ul:nth-of-type(2) li span{
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:60%;
}
#business h3{
font-size:150%;
margin-bottom:0.5em;
}
p#graph img{
width:100%;
height:auto;
}
p#graph img:nth-of-type(2),p#graph img:nth-of-type(3),p#graph img:nth-of-type(4){display:none;}
#cap{
text-align:justify;
font-size:70%;
font-weight:normal;
padding-top:1em;
margin-bottom:4em;
}
#business h4{
text-align:center;
font-size:150%;
margin-bottom:1em;
}
p#cost{
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:center;
align-items: center;
color:#fff;
background:#ff8000;
text-align:justify;
border-radius:10px;
padding:1.5em 2em;
line-height:2;
}
p#cost img{
width:160px;
height:auto;
margin-right:1.5em;
}
p#cost span:nth-of-type(2) br{display:none;}
@media screen and (max-width:768px) {
#business h3{
font-size:130%;
text-align:justify;
}
#business h3 br{display:none;}
p#graph img:nth-of-type(2){display:inline;}
p#graph img:nth-of-type(1){display:none;}
#business ul:nth-of-type(2) li{font-size:130%;}
}
@media screen and (max-width:480px) {
#business ul:nth-of-type(1){font-size:80%;}
#business ul:nth-of-type(1) li{
padding:2em 0;
width:48%;
}
#business ul:nth-of-type(1) li span:nth-of-type(2){width:70%;}
#business ul:nth-of-type(1) li span:nth-of-type(1){font-size:170%;}
p#graph{text-align:justify;}
p#graph br{display:none;}
p#graph img:nth-of-type(3),p#graph img:nth-of-type(4){display:block;}
p#graph img:nth-of-type(1),p#graph img:nth-of-type(2){display:none;}
#business ul:nth-of-type(2) li{
width:48%;
padding:1em 0;
border-radius:10px;
font-size:130%;
}
#business ul:nth-of-type(2) li:nth-of-type(-n+4){margin-bottom:1em;}
#business h4{
font-size:140%;
text-align:justify;
}
p#cost{display:block;}
p#cost span{display:block;}
p#cost span:nth-of-type(1){
text-align:center;
margin-bottom:0.5em;
}
p#cost span:nth-of-type(2) br{display:inline;}
}
#reason{text-align:center;}
#reason h2{
font-size:32px;
line-height:1.4;
background:url(../img/s16.jpg);
background-size:cover;
background-position:center center;
color:#fff;
padding:200px 0;
}
#reason h2 span{
font-family: 'Open Sans', sans-serif;
font-weight:600;
width:200px;
margin:0 auto;
padding:1em 0 2em;
display:block;
font-size:13px;
border-bottom:4px solid #ff8000;
}
#reason > dl{
margin:2em auto;
padding:0 5%;
}
#reason > dl > dt{
font-size:20px;
margin-bottom:1.5em;
}
#reason > dl > dd > ul{
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:space-between;
max-width:1000px;
margin:0 auto;
}
#reason > dl > dd li{width:32%;}
#reason > dl > dd li dt{
background:#ff8000;
border-radius:10px;
padding:2em 0;
margin-bottom:0.7em;
font-size:13px;
}
#reason > dl > dd li dt span:nth-of-type(1){
font-size:24px;
display:block;
}
#reason > dl > dd li dt span:nth-of-type(2){
font-family: 'Open Sans', sans-serif;
font-weight:600;
color:#fff;
}
#reason > dl > dd li dt img{
display:block;
width:117px;
height:auto;
margin:0 auto 0.5em;
}
#reason > dl > dd li dd{
text-align:justify;
padding:0 0.5em;
font-size:90%;
}
#reason nav{margin:1em 0 3em;}
#reason nav img{
width:0.8em;
vertical-align:middle;
}
@media screen and (min-width:1200px) {
#reason h2{
padding:300px 0;
font-size:40px;
}
#reason h2 span{
width:250px;
margin:0 auto;
padding:1em 0 2em;
font-size:15px;
}
}
@media screen and (max-width:768px) {
#reason h2{
padding:150px 0;
font-size:28px;
}
#reason h2 span{
width:180px;
margin:0 auto;
padding:1em 0 2em;
font-size:12px;
}
#reason > dl > dd li dt span:nth-of-type(1){font-size:18px;}
#reason > dl > dd li dt{font-size:12px;}
#reason > dl > dd li dt img{width:100px;}
}
@media screen and (max-width:480px) {
#reason h2{
padding:70px 0;
font-size:24px;
}
#reason h2 span{
width:150px;
margin:0 auto;
padding:1em 0 2em;
font-size:11px;
}
#reason > dl{margin:1em auto;}
#reason > dl > dt{
font-size:15px;
margin-bottom:1em;
text-align:justify;
}
#reason > dl > dt br{display:none;}
#reason > dl > dd > ul{display:block;}
#reason > dl > dd li{width:100%;;}
#reason > dl > dd li dt{padding:1.5em 0;}
#reason > dl > dd li:nth-of-type(-n+2){margin-bottom:1em;}
#reason > dl > dd li dt img{width:80px;}
}
#faq{text-align:center;}
#faq h2{
font-size:32px;
line-height:1.4;
background:url(../img/s17.jpg);
background-size:cover;
background-position:center center;
color:#fff;
padding:200px 0;
margin-bottom:1em;
}
#faq h2 span{
font-family: 'Open Sans', sans-serif;
font-weight:600;
width:200px;
margin:0 auto;
padding:1em 0 2em;
display:block;
font-size:13px;
border-bottom:4px solid #ff8000;
}
#faq nav{margin:1em 0 3em;}
#faq nav img{
width:0.8em;
vertical-align:middle;
}
#faq p br:nth-of-type(1),#faq p br:nth-of-type(3){display:none;}
@media screen and (min-width:1200px) {
#faq h2{
padding:300px 0;
font-size:40px;
}
#faq h2 span{
width:250px;
margin:0 auto;
padding:1em 0 2em;
font-size:15px;
}
}
@media screen and (max-width:768px) {
#faq h2{
padding:150px 0;
font-size:28px;
}
#faq h2 span{
width:180px;
margin:0 auto;
padding:1em 0 2em;
font-size:12px;
}
#faq p br:nth-of-type(1),#faq p br:nth-of-type(3){display:inline;}
}
@media screen and (max-width:480px) {
#faq h2{
padding:70px 0;
font-size:24px;
}
#faq h2 span{
width:150px;
margin:0 auto;
padding:1em 0 2em;
font-size:11px;
}
}