@media only screen and (max-width: 1024px) {
.inner {width: 90%;}
header h1 {padding: 0.9rem 0 0 0;}
header p {padding: 1.7rem 1rem 0 0;}
/* #top {padding: 4rem 1rem;} */
#about {padding: 3rem 1rem;}
#case {padding: 3rem 14vw 9rem;}
#work {padding: 3rem 1rem 6rem;}
#is {bapadding: 3rem 1rem 6rem;}
#case .case_info {background-image: url(../img/case_cloud_sp.png);padding: 1.5rem 0 0;height: 65vw;}
#case h5 span {margin-right: 0rem;margin-bottom: 1rem;display: block;}
h5 span img {width: 9vw;}
#case .case_t02 {line-height: 4vw;width: 42vw;padding-left: 1.5rem;margin: 0 auto;}
#case .case_t03 {padding-left: 0;width: 50vw;margin: 0 auto !important;}
#case .case_t03 img {float: none;margin: 0 auto;width: 3vw;}
#case .case_t03 strong {font-size: 3.5vw;line-height: 0;padding-top: 0;text-align: center;}
#case .case_sub_01 {width: 14vw;bottom: 6rem;left: 0rem;}
#case .icon_01 {width: 12vw;bottom: 2rem;right: 1rem;}
#case .case_sub_02 {width: 14vw;bottom: 3rem;right: 0rem;}
#case .icon_02 {width: 12vw;bottom: 4rem;left: -3rem;}
#is ul {width: 50vw;}

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

}

@media only screen and (max-width: 1024px) {
header {height: auto;}
.menu-container a img {width: 12rem; margin-top: 4px;}
#top { background-position: center 58px;}
#top h2 {top: 55px; left: 1rem;}
#top p {font-size: 0.5rem;line-height: 1rem;width: 38vw;}
#top .scroll {left: 46%;}
h3 {font-size: 6vw;}
.shikumi_t01 {font-size: 4vw;margin: 0vw 0 4vw;}
.shikumi_t02 {font-size: 2vw;line-height: 3vw;margin-top: -1.5vw;}
#fun .fun {width: 80%;}
.fun_t01 {font-size: 4vw;}
#fun .fun_li01 {padding-right: 1%;}
.oteire_t01 {font-size: 4vw;margin: 0vw 0 4vw;}
.oteire02 {padding: 5% 3%;}
.oteire_t02 {font-size: 2vw;line-height: 3vw;margin-top: -1.5vw;}
.oteire_t03 {font-size: 2.5vw;}
.ene_t01 {font-size: 4vw;margin: 0rem 0 4vw;}
#omoi {background-size: 35%;background-position: 4vw;}
#omoi .omoi {width: 55vw;}
.omoi_t03 {font-size: 2vw;line-height: 2rem;}
.item li img {width: 100%;}
.item_text .sub_text {text-indent: -1.3em;padding-left: 0em;}
.snv_item {background-color: #366bb0 !important;}
.snv_item a {color: #fff !important;}

}

@media only screen and (max-width: 768px) {
header li:first-child {width: 38.5vw;}
header li:first-child img {width: 100%;}
#top { background-position: center 58px;}
#top img {width: 60%;}
h3 img {width: 100%;}
#shikumi {padding: 0 0 2rem;}
.shikumi {padding-top: 3rem;}
  #shikumi h3 {font-size: 20px; padding: 10px 0; letter-spacing: .04em;}
#fun {padding: 2rem 0 2rem;}
#fun .fun_li01 {padding-right: 2%;padding-left: 2%;}
#fun .fun_img01, #fun .fun_img02 {width: 86%;}
#oteire {padding: 2rem 0 2rem;}
#oteire .sub_text {font-size: 0.7rem;line-height: 1rem;text-indent: -1em;padding-left: 1em;margin: 0;}
#ene {padding: 2rem 0 2rem;}
.ene01 {padding: 5% 5%;}
.ene_ul01 li {float: none;margin-right: 0%;width: 100% !important;}
.ene_ul01 li:first-child {text-align: left;margin-bottom: 2vw;}
.ene01 .sub_eco {width: 100%;margin: 2rem auto 0rem;}
#omoi {padding: 2rem 0 2rem;}
#movie {padding: 2rem 0 2rem;}
#item {padding: 2rem 0 0;}
.shikumi h3, .oteire h3, .ene h3, #movie h3 {margin: 1rem 0 2rem;}
.item h3 {margin: 1rem 0 1.8rem;}

.oteire_ul04 li .sub_text_02 {
  font-size: 0.8rem;
  line-height: 1rem;
  margin: 0;
}

h4 {
  font-size: 18px;
  text-align: left;
}

}

@media only screen and (max-width: 414px) {
.menu > ul > li.snv a {padding: 2.5vw 1.5em 2vw;font-size: 3vw;}
#top {background-size: 100%;background-position: 50% 58px;}
#top h2 {top: 55px;}
#top h2 img {width: 62vw;}
#top p {width: 98%; top: 55vw; left: 0;}
#top .scroll {left: 38vw;}
/* .top_movie iframe {height: 30vh;} */
  .top_movie {margin-bottom: 2%;}
.shikumi h3, .oteire h3, .ene h3, #movie h3 {margin: 0vw 0 4vw;}
.shikumi {padding-top: 2rem;}
#shikumi .sub_text {
  font-size: 0.7rem !important;
  line-height: 1.6;
  text-align: left;
  padding-left: 2em;
}

#fun {background-image: none;}
#fun .fun {width: 100%;}
.fun_t02 {font-size: 3.5vw;line-height: 0;margin: 0.8rem 0 1rem;}
#fun li {height: 25vw;}
.fun_t03 {padding: 0.1vw 0 0.8vw;font-size: 3.2vw;}
#fun .back01 {font-size: 2.8vw;padding: 1vw 0 0.6vw;}
#fun .back02 {font-size: 2.8vw;padding: 1vw 0 0.6vw;}
#fun .fun_li01 {padding-right: 1%;padding-left: 5%;font-size: 2.8vw;}
#fun .fun_img01, #fun .fun_img02 {width: 84%;}
.shikumi_t02,.oteire_t02,.omoi_t03,.ene_t03 {font-size: 3.8vw;line-height: 6.2vw;}
#fun th {width: 54%;}
#fun td {width: 46%;}
.oteire_ul01 li {float: none;width: 100%;margin-right: 0;margin-bottom: 2%;}
.oteire_ul02 li {float: none;width: 100%;margin-right: 0;margin-bottom: 2%;}
.oteire_ul02 li p {
  font-size: 16px;
}

.oteire_ul03 li {float: none;width: 100%;}
.oteire_ul03 li:first-child {border-right: 0;margin-right: 0;padding-right: 0;margin-bottom: 4%;}

.oteire_ul04 {
  margin-bottom: 1.6rem;
}
.oteire_ul04 li {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}

#oteire .sub_text {text-indent: 0em;padding-left: 0em;}
.oteire_t03 {font-size: 3.5vw;margin: 0 0 1vw;}
.ene01 {margin-top: 1rem;}
.ene_ul01 li img {width: 7rem;}
.ene_t02 {font-size: 3.8vw;}
.ene01 .ene_ul02 li .ene_t03 {line-height: 4vw !important;margin-bottom: 2.5vw;}
#omoi {background-size: 60%;background-position: 45%;}
#omoi .omoi {width: 100%;}
#omoi h3 {margin: 0 0 9vw;}
#movie iframe {height: 30vh;}
.item ul {width: 100%;}
/* .item li {float: none;width: 100%;margin-right: 0;position: relative;margin-bottom: 2vw;} */
.item li {width: 100%; margin-bottom: 3em; padding-right: 0;}
.item p {margin: 0; font-size: 3.2vw; padding: 1vw 0 0.8vw; margin-bottom: .3em;}
.item li a {bottom: 4vw; padding: 0.2vw 12vw;font-size: 3vw;}
.f_logo {padding: 0 22vw;}
footer .f_logo img {width: 100%;}
.item_text {margin-top: 0rem;}
.item_text .sub_text {margin: 0 0 2vw;font-size: 1vw;}
.item_text .sub_text:last-child {margin: 0 0 0;}
/* footer .f_link {padding: 0.2rem 0 0.3rem;font-size: 0.5vw;} */
  footer .f_link {padding: 0.2rem 0 0.3rem; font-size: .7rem;}
/* footer .f_link a {font-size: 0.5vw;} */
  footer .f_link a {font-size: .7rem; padding: .3em;}
.copyright {font-size: 0.5vw;padding: 0.2rem 0 0.3rem; line-height: 1.6;}
#fun .sub_text {font-size: 0.5rem !important;}

.ppc {display: none;}
.ssp{display: block;}

}

@media only screen and (max-width: 375px) {
/* #top h2 {bottom: 25.5rem;} */
}

@media only screen and (max-width: 340px) {
/* #top h2 {bottom: 22rem;}	 */
#top p {top: 49vw;}
#fun .fun_li01 {padding-right: 0%;padding-left: 7%;font-size: 2.8vw;}
#fun .fun_img01, #fun .fun_img02 {width: 83%;}
.shikumi_t02, .oteire_t02, .omoi_t03, .ene_t03 {letter-spacing: 0.2vw;}
}