@charset "UTF-8";
/* style どシンプル
/*----------------------------------------------------*/
.s1 .page__all {
gap: 0;
}
.s1 .page__inner {
margin-top: 40px;
}
.s1 .header__img {
background-image: var(--header-img);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 980px;
padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.s1 .main__img {
display: none;
}
.s1.nomenu:not(.s1.nomenu:has(.menu__wrap > .info)) .page__all {
gap: 0;
}
/* style どシンプル
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s1 .header__img {
width: 100%;
}
.s1 .header__img.with__sp__header__img {
padding-bottom: calc(var(--header-height-num) / 750 * 100%);
}
.s1.custom .header__img {
height: auto;
}
.s1 .header {
margin: 0;
}
.s1 .main {
margin-top: 0;
}
.s1 .footer,
.s1 .page__inner {
margin-top: 0;
}
.s1.nomenu:not(.s1.nomenu:has(.menu__wrap > .info)) .page__all {
gap: 0;
}
.s1.nomenu:not(.s1.nomenu:has(.menu__wrap > .info)) .header {
margin-top: 0;
}
.s1.nomenu:not(.s1.nomenu:has(.menu__wrap > .info)) .header__img {
margin-bottom: 0;
}
}
/* style2 ウインド囲い太い線
/*----------------------------------------------------*/
.s2 {
border: 15px solid var(--main100);
min-height: 100vh;
}
.s2 .header__img {
width: 980px;
height: 0;
}
.s2 .main__img {
display: none;
}
/* style2 ウインド囲い太い線
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s2 .header {
margin: 0;
}
}
/* style3 main囲い線
/*----------------------------------------------------*/
.s3 .header__img {
width: 980px;
height: 0;
}
.s3 .main__img {
display: none;
}
.s3 main {
border: 1px solid var(--main500);
padding: 30px;
}
@media screen and (min-width: 600px) {
.s3 .page__all {
width: 1042px;
}
.s3.m4 main {
border-radius: 5px;
}
}
/* style3 main囲い線
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s3 .header {
margin: 0;
}
.s3 main {
border: none;
padding: 20px;
}
}
/* style4 headerにlogo
/*----------------------------------------------------*/
.s4 .header__img {
background: transparent;
width: 980px;
height: 180px;
margin-bottom: 20px;
}
.s4 .main__img {
display: none;
}
#mypage_login.s4 .menu__back {
width: 100%;
}
#mypage_login.s4 .menu__back .menu__sub {
justify-content: end;
}
#mypage_login.s4 .menu__back .menu__text {
justify-content: end;
}
@media screen and (min-width: 600px) {
.s4 {
background: linear-gradient(#fff 180px, var(--main500) 180px, var(--main500) 195px, var(--main600) 195px, var(--main600) 200px, #fff 200px, #fff 100%);
background-repeat: no-repeat;
}
.s4 .header {
position: relative;
top: 0;
}
.s4 .page__all {
background: transparent;
}
.s4 .logo {
position: absolute;
display: flex;
align-items: center;
height: 180px;
top: -240px;
left: 0;
}
.s4.nomenu .header {
position: relative;
}
.s4.nomenu .logo {
top: -240px;
}
.s4.nomenu:not(.nomenu:has(.menu__wrap > .info)) .page__all {
gap: 0;
}
.s4.nomenu:not(.nomenu:has(.menu__wrap > .info)) .header__img + header {
margin-top: 60px;
}
.s4.nomenu:not(.nomenu:has(.menu__wrap > .info)) .logo {
top: -200px;
}
}
/* style4 「Mypage」のテキスト
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s4 .page__all .header__img {
height: 0;
margin: 0;
}
.s4 .header {
margin: 0;
}
.s4 .header:after {
content: "";
position: absolute;
display: block;
border-bottom: 5px solid var(--main500);
width: 100%;
left: 0;
bottom: -5px;
}
.s4.nomenu:not(.nomenu:has(.menu__wrap > .info)) .header__img + header {
margin-top: 0;
}
}
/* style5 「Mypage」のテキスト
/*----------------------------------------------------*/
.s5 {
background: linear-gradient(var(--main500) 200px, #fff 200px, #fff 100%);
background-repeat: no-repeat;
}
.s5 .header__img {
background: var(--main500) url(./../img/header_img/header_img1_4.svg) center center/980px no-repeat;
width: 980px;
height: 200px;
}
.s5 .main__img {
display: none;
}
/* style5 「Mypage」のテキスト
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s5 .page__all .header__img {
background-position: 20px center;
background-size: auto 120px;
width: 100%;
height: 120px;
}
.s5 .header {
margin: 0;
}
}
/* style6 リアル地球
/*----------------------------------------------------*/
.s6 {
background: linear-gradient(#000 200px, #fff 200px, #fff 100%);
background-repeat: no-repeat;
}
.s6 .header__img {
background: var(--main500) url(./../img/header_img/header_img1_8.jpg) center center/980px no-repeat;
width: 980px;
height: 200px;
}
.s6 .main__img {
display: none;
}
/* style6 リアル地球
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s6 .page__all .header__img {
background-position: left center;
background-size: auto 120px;
width: 100%;
height: 120px;
}
.s6 .header {
margin: 0;
}
}
/* style7 入り組んだライン
/*----------------------------------------------------*/
.s7 {
background-size: 980px 200px, 980px 200px;
background-position: top left calc(50% - 850px), top left calc(50% - 850px);
background-repeat: repeat-x, repeat-x;
}
.s7 .page__all {
background: transparent;
}
.s7 .header__img {
background: url(./../img/header_img/header_img1_6_3.svg) top left/980px 200px no-repeat;
width: 980px;
height: 200px;
}
.s7.gray {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.red {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.orange {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.amber {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.yellow {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.lime {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.green {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.emerald {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.teal {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.cyan {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.sky {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.blue {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.indigo {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.violet {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.purple {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.fuchsia {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.pink {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7.rose {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s7 .main__img {
display: none;
}
/* style7 入り組んだライン
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s7 {
background-size: 593px 120px, 593px 120px;
background-position: top left 75px, top left 75px;
background-repeat: repeat-x, repeat-x;
}
.s7 .page__all .header__img {
background: url(./../img/header_img/header_img1_6_3.svg) top left/593px 120px no-repeat;
width: 100%;
height: 120px;
}
.s7 .header {
margin: 0;
}
}
/* style8 世界ネットワーク
/*----------------------------------------------------*/
.s8 {
background: linear-gradient(var(--main500) 200px, #fff 200px, #fff 100%);
background-repeat: no-repeat;
}
.s8 .header__img {
background: var(--main500) url(./../img/header_img/header_img1_7.svg) top center/980px no-repeat;
width: 980px;
height: 200px;
}
.s8 .main__img {
display: none;
}
/* style8 世界ネットワーク
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s8 .page__all .header__img {
background-position: top left -100px;
background-size: auto 120px;
width: 100%;
height: 120px;
}
.s8 .header {
margin: 0;
}
}
/* style9 top(流線)
/*----------------------------------------------------*/
.s9 {
background-size: 500px;
background-repeat: repeat-x;
}
.s9.gray {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.red {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.orange {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.amber {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.yellow {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.lime {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.green {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.emerald {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.teal {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.cyan {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.sky {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.blue {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.indigo {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.violet {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.purple {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.fuchsia {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.pink {
background-image: url('data:image/svg+xml;utf8,');
}
.s9.rose {
background-image: url('data:image/svg+xml;utf8,');
}
.s9 .page__all {
margin: 80px auto 0;
}
.s9 .header__img {
width: 980px;
height: 0;
}
.s9 .main__img {
display: none;
}
/* style9 top(流線)
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s9 .page__all {
margin: 80px auto 0;
}
}
/* style10 top(ボックスランダム)
/*----------------------------------------------------*/
.s10 {
background-size: 500px;
background-repeat: repeat-x;
}
.s10.gray {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.red {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.orange {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.amber {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.yellow {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.lime {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.green {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.emerald {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.teal {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.cyan {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.sky {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.blue {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.indigo {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.violet {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.purple {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.fuchsia {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.pink {
background-image: url('data:image/svg+xml;utf8,');
}
.s10.rose {
background-image: url('data:image/svg+xml;utf8,');
}
.s10 .page__all {
margin: 80px auto 0;
}
.s10 .header__img {
width: 980px;
height: 0;
}
.s10 .main__img {
display: none;
}
/* style10 top(ボックスランダム)
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s10 .page__all {
margin: 80px auto 0;
}
}
/* style11 top(雲)
/*----------------------------------------------------*/
.s11 {
background-image: url(./../img/header_img/header_img1_10.svg), linear-gradient(var(--main500) 0px, #fff 100px, #fff 100%);
background-position: top -20px center;
background-size: 490px 100px;
background-repeat: repeat-x;
}
.s11 .page__all {
margin: 80px auto 0;
}
.s11 .header__img {
width: 980px;
height: 0;
}
.s11 .main__img {
display: none;
}
/* style11 top(雲)
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s11 .page__all {
margin: 80px auto 0;
}
}
/* style12 歯車
/*----------------------------------------------------*/
.s12 .header__img {
background-size: 980px 200px, 980px 200px;
background-repeat: no-repeat, no-repeat;
width: 980px;
height: 200px;
}
.s12.gray .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.red .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.orange .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.amber .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.yellow .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.lime .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.green .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.emerald .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.teal .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.cyan .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.sky .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.blue .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.indigo .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.violet .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.purple .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.fuchsia .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.pink .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12.rose .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_11_1.svg);
}
.s12 .main__img {
display: none;
}
/* style12 歯車
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s12 .page__all .header__img {
background-size: 100% 120px;
width: 100%;
height: 120px;
}
.s12 .header {
margin: 0;
}
}
/* style13 建物群1
/*----------------------------------------------------*/
.s13 .header__img {
background: var(--main500) url(./../img/header_img/header_img1_12.svg) bottom center/980px no-repeat;
width: 980px;
height: 200px;
}
.s13 .main__img {
display: none;
}
/* style13 建物群1
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s13 .page__all .header__img {
background-size: auto 120px;
background-position: top left;
width: 100%;
height: 120px;
}
.s13 .header {
margin: 0;
}
}
/* style14 建物群2
/*----------------------------------------------------*/
.s14 .header__img {
background-size: 980px 200px, 980px 200px;
background-repeat: no-repeat, no-repeat;
width: 980px;
height: 200px;
}
.s14.gray .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.red .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.orange .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.amber .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.yellow .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.lime .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.green .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.emerald .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.teal .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.cyan .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.sky .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.blue .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.indigo .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.violet .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.purple .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.fuchsia .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.pink .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14.rose .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_13_1.svg);
}
.s14 .main__img {
display: none;
}
/* style14 建物群2
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s14 .page__all .header__img {
background-size: 100% 120px;
width: 100%;
height: 120px;
}
.s14 .header {
margin: 0;
}
}
/* style15 入り組んだライン
/*----------------------------------------------------*/
.s15 {
background-image: linear-gradient(-45deg, #fff 25%, var(--main500) 25%, var(--main500) 50%, #fff 50%, #fff 75%, var(--main500) 75%, var(--main500));
background-size: 30px 30px, 100%;
background-position: top left calc(50% - 700px), top center;
background-repeat: repeat-x, no-repeat;
}
.s15 .page__all {
background: transparent;
}
.s15 .header__img {
background-size: 980px 200px, 980px 200px, 980px 200px;
background-repeat: no-repeat, no-repeat, no-repeat;
width: 980px;
height: 200px;
}
.s15.gray .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.red .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.orange .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.amber .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.yellow .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.lime .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.green .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.emerald .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.teal .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.cyan .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.sky .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.blue .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.indigo .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.violet .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.purple .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.fuchsia .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.pink .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.rose .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_14_3.png);
}
.s15.main__img {
display: none;
}
/* style15 入り組んだライン
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s15 .page__all .header__img {
background-size: 100%, 100%, 100%;
background-position: left center, left center, left center;
width: 100%;
height: 120px;
}
.s15 .header {
margin: 0;
}
}
/* style16 建物群3
/*----------------------------------------------------*/
.s16 {
background: linear-gradient(#fff 180px, var(--main500) 180px, var(--main500) 195px, var(--main600) 195px, var(--main600) 200px, #fff 200px, #fff 100%);
background-repeat: no-repeat;
}
.s16 .page__all {
background: transparent;
}
.s16 .header__img {
background: var(--main500) url(./../img/header_img/header_img1_15.svg) bottom center/980px no-repeat;
width: 980px;
height: 180px;
margin-bottom: 20px;
}
.s16 .main__img {
display: none;
}
/* style16 建物群3
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s16 {
background: linear-gradient(#fff 100px, var(--main500) 100px, var(--main500) 130px, var(--main600) 130px, var(--main600) 135px, #fff 135px, #fff 100%);
background-repeat: no-repeat;
}
.s16 .page__all .header__img {
background-position: top center;
background-size: auto 120px;
width: 100%;
height: 120px;
margin-bottom: 15px;
}
.s16 .header {
margin: 0;
}
}
/* style17 人物が誘ってる
/*----------------------------------------------------*/
.s17 .header__img {
background: var(--main500) url(./../img/header_img/header_img1_16.svg) top center/980px no-repeat;
width: 980px;
height: 200px;
}
.s17 .main__img {
display: none;
}
/* style17 人物が誘ってる
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s17 .page__all .header__img {
background-position: top left;
background-size: auto 120px;
width: 100%;
height: 120px;
}
.s17 .header {
margin: 0;
}
}
/* style18 ドアがいっぱい
/*----------------------------------------------------*/
.s18 {
background: linear-gradient(var(--main500) 200px, #fff 200px, #fff 100%);
background-repeat: no-repeat;
}
.s18 .header__img {
background: var(--main500) url(./../img/header_img/header_img1_17.svg) center center/980px no-repeat;
width: 980px;
height: 200px;
}
.s18 .main__img {
display: none;
}
/* style18 ドアがいっぱい
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s18 .page__all .header__img {
background-position: right center;
background-size: auto 120px;
width: 100%;
height: 120px;
}
.s18 .header {
margin: 0;
}
}
/* style19 建物群写真の俯瞰
/*----------------------------------------------------*/
.s19 .header__img {
background-size: 980px 200px, 980px 200px, 980px 200px;
background-repeat: no-repeat, no-repeat, no-repeat;
width: 980px;
height: 200px;
}
.s19.gray .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.red .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.orange .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.amber .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.yellow .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.lime .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.green .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.emerald .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.teal .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.cyan .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.sky .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.blue .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.indigo .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.violet .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.purple .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.fuchsia .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.pink .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.rose .header__img {
background-image: url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_18_1.png);
}
.s19.main__img {
display: none;
}
/* style19 建物群写真の俯瞰
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s19 .page__all .header__img {
background-size: auto 120px;
background-position: top left;
width: 100%;
height: 120px;
}
.s19 .header {
margin: 0;
}
}
/* style20 就活生と街並み
/*----------------------------------------------------*/
.s20 .header__img {
background-image: url(./../img/header_img/header_img1_19.svg);
background-size: 980px 200px;
background-repeat: no-repeat;
width: 980px;
height: 200px;
}
.s20 .main__img {
display: none;
}
/* style20 就活生と街並み
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s20 .page__all .header__img {
background-size: 100% 120px;
width: 100%;
height: 120px;
}
.s20 .header {
margin: 0;
}
}
/* style21 フラッグの飾り
/*----------------------------------------------------*/
.s21 {
background-size: 400px, 400px;
background-repeat: repeat-x, repeat-x;
}
.s21.gray {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.red {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.orange {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.amber {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.yellow {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.lime {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.green {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.emerald {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.teal {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.cyan {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.sky {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.blue {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.indigo {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.violet {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.purple {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.fuchsia {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.pink {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21.rose {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
}
.s21 .page__all {
background: transparent;
}
.s21 .header__img {
background-size: 980px 200px, 980px 200px, 980px 200px;
background-repeat: no-repeat, no-repeat, no-repeat;
width: 980px;
height: 200px;
}
.s21.gray .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.red .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.orange .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.amber .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.yellow .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.lime .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.green .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.emerald .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.teal .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.cyan .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.sky .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.blue .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.indigo .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.violet .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.purple .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.fuchsia .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.pink .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.rose .header__img {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'), url(./../img/header_img/header_img1_20_3.svg);
}
.s21.main__img {
display: none;
}
/* style21 フラッグの飾り
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s21 {
background-size: 300px, 300px;
}
.s21 .page__all .header__img {
background-size: 600px, 600px, 600px;
width: 100%;
height: 120px;
}
.s21 .header {
margin: 0;
}
}
/* style22 「Choose your own way of life」のテキスト
/*----------------------------------------------------*/
.s22 .header__img {
background: var(--main200) url(./../img/header_img/header_img1_21.svg) center center/980px no-repeat;
width: 980px;
height: 200px;
border-radius: 0 0 10px 10px;
}
.s22 .main__img {
display: none;
}
/* style22 「Choose your own way of life」のテキスト
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
.s22 .page__all .header__img {
background-position: 10px center;
background-size: auto 120px;
width: 100%;
height: 120px;
margin: 0 auto;
}
.s22 .header {
margin: 0;
}
}
#entry_agreement .footer {
margin-top: 20px;
}/*# sourceMappingURL=simple_style.css.map */