@charset "utf-8";
   @media print,
screen and (min-width: 768px) {
.maim_img {
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/home/img/mv_bg_1.jpg);
}
.mv_wrap {
padding-top: 200px;
padding-bottom: 220px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mv_wrap .sec_ttl {
margin-bottom: 20px;
color: #0c5c89;
font-size: 4.2rem;
font-weight: bold;
text-align: center;
line-height: 1.7;
letter-spacing: 0.5rem;
text-shadow: 0px 0px 8px #FFF, 0px 0px 8px #FFF;
}
.mv_wrap .desc_1 {
margin-bottom: 30px;
color: #0c5c89;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
line-height: 1.7;
letter-spacing: 0.2rem;
text-shadow: 0px 0px 8px #FFF, 0px 0px 8px #FFF;
}
}
@media screen and (max-width: 767px) {
.maim_img {
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/home/img/mv_bg_1_sp.jpg);
}
.mv_wrap {
padding-top: 95px;
padding-bottom: 95px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mv_wrap .section_inner {
margin-left: 2%;
margin-right: 2%;
}
.mv_wrap .sec_ttl {
margin-bottom: 20px;
color: #0c5c89;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
line-height: 2;
letter-spacing: 0.1rem;
text-shadow: 0px 0px 8px #FFF, 0px 0px 8px #FFF;
}
.mv_wrap .desc_1 {
display: none;
}
.mv_wrap .btn_about {
font-size: 1.2rem;
}
}  @media print,
screen and (min-width: 768px) {
.sns_inner {
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-top: 20px;
}
.sns_list {
display: flex;
justify-content: center;
}
.sns_list a {
margin-right: 10px;
margin-bottom: 10px;
width: 28%;
}
.sns_list a:last-child {
margin-right: 0;
}
.sns_list2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sns_list2 a {
width: 24%;
margin: 0 10px 10px 0;
}
.sns_list2 a:nth-child(4n) {
margin-right: 0;
}
}
@media print,
screen and (max-width: 767px) {
.sns_inner {
margin-left: 5%;
margin-right: 5%;
margin-bottom: 30px;
}
.sns_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sns_list,.sns_list2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sns_list a,.sns_list2 a {
width: 49%;
margin-bottom: 10px;
}
}  @media print,
screen and (min-width: 768px) {
.overview_1_wrap {
padding-top: 60px;
padding-bottom: 120px;
}
.overview_1_wrap .flex_wrap_1 {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.overview_1_wrap .flex_wrap_1 .flex_clm:nth-of-type(1) {
width: 310px;
}
.overview_1_wrap .flex_wrap_1 .flex_clm:nth-of-type(2) {
width: 330px;
}
.overview_1_wrap .flex_wrap_1 .flex_clm:nth-of-type(3) {
width: 470px;
}
.overview_1_wrap .cs_overview_logo {
margin-bottom: 15px;
width: 310px;
}
.overview_1_wrap .cs_overview_detail_ttl {
display: none;
}
.overview_1_wrap .cs_overview_detail_tel {
color: #1d262d !important;
font-size: 3.4rem !important;
}
}
@media screen and (max-width: 767px) {
.overview_1_wrap {
padding-top: 45px;
padding-bottom: 60px;
}
.overview_1_wrap .flex_wrap_1 {
margin-bottom: 40px;
}
.overview_1_wrap .flex_wrap_1 .flex_clm:nth-of-type(1) {
display: none;
}
.overview_1_wrap .flex_wrap_1 .flex_clm:nth-of-type(2) {
margin-bottom: 35px;
}
.overview_1_wrap .cs_overview_logo {
margin-bottom: 30px;
}
.overview_1_wrap .cs_overview_detail_tel {
color: #1d262d !important;
}
}  @media print,
screen and (min-width: 768px) { .pc_bn_online{display: block;}
.sp_bn_online{display: none;}
.bn_area{
padding-top: 30px;
width: 500px;
margin: auto;
}
.bn_area a:hover{
opacity: 0.8;
transition: .3s all;
}
}
@media screen and (max-width: 767px) { .pc_bn_online{display: none;}
.sp_bn_online{display: block;}
.bn_area{
padding-top: 20px;
width: 80%;
margin: auto;
}
.bn_area a:hover{
opacity: 0.8;
transition: .3s all;
}
}  @media print,
screen and (min-width: 768px) {
.news_wrap {
padding-top: 80px;
padding-bottom: 60px;
background-position: center top;
background-size: 100% auto;
background-repeat: repeat-y;
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/common/img/bg/polygon_3.jpg);
}
.news_wrap::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 150px;
background-color: #FFF;
}
.news_wrap .box_wrap_1 {
position: relative;
padding: 70px 160px 0;
background-color: #FFF;
}
.news_wrap .sec_ttl {
justify-content: center;
}
.news_wrap .post_archive {
margin-bottom: 35px;
}
.news_wrap .post_archive li {
display: flex;
padding-bottom: 25px;
border-bottom: 1px solid #aeb9c4;
}
.news_wrap .post_archive li + li {
margin-top: 25px;
}
.news_wrap .post_archive li .post_date {
padding: 0 50px 0 30px;
color: #4d8ec4;
letter-spacing: 0.2rem;
}
}
@media screen and (max-width: 767px) {
.news_wrap {
padding-top: 80px;
padding-bottom: 80px;
background-position: center top;
background-size: 100% auto;
background-repeat: repeat-y;
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/common/img/bg/polygon_3.jpg);
}
.news_wrap .box_wrap_1 {
position: relative;
padding: 60px 8% 50px;
background-color: #FFF;
}
.news_wrap .sec_ttl {
justify-content: center;
}
.news_wrap .post_archive {
margin-bottom: 25px;
}
.news_wrap .post_archive li {
padding-bottom: 15px;
border-bottom: 1px solid #aeb9c4;
}
.news_wrap .post_archive li + li {
margin-top: 15px;
}
.news_wrap .post_archive li .post_date {
margin-bottom: 10px;
color: #4d8ec4;
letter-spacing: 0.2rem;
}
}  @media print,
screen and (min-width: 768px) {
.course_wrap {
padding-top: 60px;
z-index: 2;
}
.course_wrap .flex_wrap_1 {
display: flex;
justify-content: space-between;
}
.course_wrap .flex_wrap_1 .flex_clm:nth-child(1) {
width: 290px;
}
.course_wrap .flex_wrap_1 .flex_clm:nth-child(2) {
width: 804px;
}
.course_wrap .list_1 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.course_wrap .list_1 li {
margin-bottom: 40px;
width: 380px;
}
.course_wrap .list_1 li a {
position: relative;
display: block;
padding-top: 59%;
background-position: center;
background-size: cover;
}
.course_wrap .list_1 li a span {
position: absolute;
right: 0;
bottom: 0;
display: block;
padding: 10px 20px;
min-width: 170px;
color: #FFF;
text-align: right;
background-color: rgba(0, 64, 152, 0.7);
background: -moz-linear-gradient(left, rgba(0, 64, 152, 0.7) 0%, rgba(55, 190, 240, 0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0, 64, 152, 0.7) 0%, rgba(55, 190, 240, 0.7) 100%);
background: linear-gradient(to right, rgba(0, 64, 152, 0.7) 0%, rgba(55, 190, 240, 0.7) 100%);
}
}
@media screen and (max-width: 767px) {
.course_wrap {
padding-top: 60px;
padding-bottom: 50px;
}
.course_wrap .sec_ttl {
justify-content: center;
}
.course_wrap .list_1 li + li {
margin-top: 50px;
}
.course_wrap .list_1 li a {
position: relative;
display: block;
padding-top: 59%;
background-position: center;
background-size: cover;
}
.course_wrap .list_1 li a span {
position: absolute;
right: 0;
bottom: 0;
display: block;
padding: 8px 15px;
min-width: 150px;
color: #FFF;
font-size: 1.6rem;
text-align: right;
background-color: rgba(0, 64, 152, 0.7);
background: -moz-linear-gradient(left, rgba(0, 64, 152, 0.7) 0%, rgba(55, 190, 240, 0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0, 64, 152, 0.7) 0%, rgba(55, 190, 240, 0.7) 100%);
background: linear-gradient(to right, rgba(0, 64, 152, 0.7) 0%, rgba(55, 190, 240, 0.7) 100%);
}
}  @media print,
screen and (min-width: 768px) {
.mission_wrap {
margin-top: -120px;
padding-top: 190px;
padding-bottom: 110px;
background-color: rgba(0, 64, 152, 0.15);
background: -moz-linear-gradient(top, rgba(0, 64, 152, 0.15) 0%, rgba(55, 190, 240, 0.15) 100%);
background: -webkit-linear-gradient(top, rgba(0, 64, 152, 0.15) 0%, rgba(55, 190, 240, 0.15) 100%);
background: linear-gradient(to bottom, rgba(0, 64, 152, 0.15) 0%, rgba(55, 190, 240, 0.15) 100%);
}
.mission_wrap::before {
content: "";
position: absolute;
left: -250px;
top: 75px;
display: block;
width: 838px;
height: 600px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/common/img/bg/logo_1.svg);
}
.mission_wrap .flex_wrap_1 {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.mission_wrap .flex_wrap_1 .flex_clm:nth-child(1) {
width: 380px;
}
.mission_wrap .flex_wrap_1 .flex_clm:nth-child(2) {
display: flex;
justify-content: flex-end;
width: 780px;
}
.mission_wrap .sec_ttl {
color: #003e8d;
font-size: 2.2rem;
font-weight: bold;
}
.mission_wrap .sec_ttl span {
display: block;
font-size: 4.0rem;
}
.mission_wrap .list_1 {}
.mission_wrap .list_1 li {
color: #003e8d;
font-size: 2.2rem;
font-weight: bold;
vertical-align: baseline;
}
.mission_wrap .list_1 li + li {
margin-top: 40px;
}
.mission_wrap .list_1 li:nth-child(2) {
margin-left: 40px;
}
.mission_wrap .list_1 li:nth-child(3) {
margin-left: 80px;
}
.mission_wrap .list_1 li span {
display: inline-block;
margin-right: 20px;
color: #4e96d2;
font-size: 5.8rem;
font-style: italic;
line-height: 1;
opacity: 0.2;
}
}
@media screen and (max-width: 767px) {
.mission_wrap {
padding-top: 100px;
padding-bottom: 65px;
background-color: rgba(0, 64, 152, 0.15);
background: -moz-linear-gradient(top, rgba(0, 64, 152, 0.15) 0%, rgba(55, 190, 240, 0.15) 100%);
background: -webkit-linear-gradient(top, rgba(0, 64, 152, 0.15) 0%, rgba(55, 190, 240, 0.15) 100%);
background: linear-gradient(to bottom, rgba(0, 64, 152, 0.15) 0%, rgba(55, 190, 240, 0.15) 100%);
}
.mission_wrap::before {
content: "";
position: absolute;
left: -80px;
top: 60px;
display: block;
width: 400px;
height: 330px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/common/img/bg/logo_1.svg);
}
.mission_wrap .flex_wrap_1 .flex_clm {
display: flex;
justify-content: center;
}
.mission_wrap .flex_wrap_1 .flex_clm:nth-child(1) {
margin-bottom: 40px;
}
.mission_wrap .sec_ttl {
color: #003e8d;
font-size: 1.8rem;
font-weight: bold;
}
.mission_wrap .sec_ttl span {
display: block;
font-size: 3.5rem;
}
.mission_wrap .list_1 {}
.mission_wrap .list_1 li {
display: flex;
color: #003e8d;
font-size: 1.6rem;
font-weight: bold;
vertical-align: baseline;
}
.mission_wrap .list_1 li + li {
margin-top: 40px;
}
.mission_wrap .list_1 li:nth-child(2) {
margin-left: 15px;
}
.mission_wrap .list_1 li:nth-child(3) {
margin-left: 30px;
}
.mission_wrap .list_1 li span {
display: inline-block;
margin-top: -15px;
margin-right: 10px;
color: #4e96d2;
font-size: 4.0rem;
font-style: italic;
line-height: 1;
opacity: 0.2;
}
}  @media print,
screen and (min-width: 768px) {
.checkup_wrap {
padding-top: 180px;
padding-bottom: 210px;
}
.checkup_wrap .sec_ttl {
justify-content: center;
}
.checkup_wrap .list_1 {
display: flex;
}
.checkup_wrap .list_1 li {
position: relative;
width: 33.33%;
height: 380px;
background-position: center;
background-size: cover;
}
.checkup_wrap .list_1 li a {
position: absolute;
left: 50%;
bottom: -55px;
transform: translateX(-50%);
display: block;
padding: 55px 40px;
width: 380px;
height: 210px;
color: #FFF;
background-color: rgba(0, 60, 131, 0.8);
text-align: center;
}
.checkup_wrap .list_1 li a .item_ttl {
margin-bottom: 30px;
font-size: 2.0rem;
font-weight: bold;
line-height: 1;
letter-spacing: 0.2rem;
}
.checkup_wrap .list_1 li a .item_ttl span {
display: block;
margin-top: 1.5rem;
font-size: 1.6rem;
} }
@media screen and (max-width: 767px) {
.checkup_wrap {
padding-top: 60px;
padding-bottom: 110px;
}
.checkup_wrap .sec_ttl {
justify-content: center;
}
.checkup_wrap .list_1 {
padding-bottom: 55px;
}
.checkup_wrap .list_1 li {
position: relative;
padding-top: 60%;
background-position: center;
background-size: cover;
}
.checkup_wrap .list_1 li + li {
margin-top: 100px;
}
.checkup_wrap .list_1 li a {
position: absolute;
left: 50%;
bottom: -55px;
transform: translateX(-50%);
display: block;
padding: 30px 10%;
width: 72%;
color: #FFF;
background-color: rgba(0, 60, 131, 0.8);
text-align: center;
}
.checkup_wrap .list_1 li a .item_ttl {
margin-bottom: 20px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
letter-spacing: 0.2rem;
}
.checkup_wrap .list_1 li a .item_ttl span {
display: block;
margin-top: 1rem;
font-size: 1.3rem;
}
.checkup_wrap .list_1 li a .item_desc { }
}  @media print,
screen and (min-width: 768px) {
.bg_wrap_1 {
background-position: center top;
background-size: 100% auto;
background-repeat: repeat-y;
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/common/img/bg/polygon_1.jpg);
}
}
@media screen and (max-width: 767px) {
.bg_wrap_1 {
background-position: center top;
background-size: 100% auto;
background-repeat: repeat-y;
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/common/img/bg/polygon_1.jpg);
}
}  @media print,
screen and (min-width: 768px) {
.about_wrap {
padding-top: 120px;
padding-bottom: 35px;
}
.about_wrap .img_1 {
position: absolute;
right: 0;
top: -210px;
width: 550px;
}
.about_wrap .box_wrap_1 {
padding-top: 85px;
padding-bottom: 85px;
width: 680px;
background-color: #FFF;
}
.about_wrap .box_wrap_1:nth-of-type(1) {
padding-left: 125px;
padding-right: 140px;
}
.about_wrap .box_wrap_1:nth-of-type(2) {
margin-top: -190px;
margin-left: auto;
margin-right: 0;
padding-left: 140px;
padding-right: 125px;
}
.about_wrap .box_wrap_1 .copy_1 {
margin-bottom: 35px;
font-size: 2.2rem;
font-weight: bold;
}
.about_wrap .box_wrap_1 .desc_1 {
line-height: 2;
text-align: justify;
}
.about_wrap .box_wrap_1 .desc_1 p + p {
margin-top: 20px;
}
.about_wrap .box_wrap_1 .name {
margin-top: 20px;
text-align: right;
}
.about_wrap .box_wrap_1 .name span span {
margin-left: 10px;
font-size: 2.4rem;
font-weight: bold;
}
}
@media screen and (max-width: 767px) {
.about_wrap {
padding-top: 190px;
padding-bottom: 50px;
}
.about_wrap .section_inner {
margin-left: 0;
margin-right: 0;
}
.about_wrap .img_1 {
position: absolute;
right: 0;
top: -250px;
width: 275px;
}
.about_wrap .box_wrap_1 {
padding-left: 8%;
padding-right: 8%;
width: 90%;
background-color: #FFF;
}
.about_wrap .box_wrap_1:nth-of-type(1) {
margin-left: 0;
margin-right: auto;
padding-top: 60px;
padding-bottom: 40px;
}
.about_wrap .box_wrap_1:nth-of-type(2) {
margin-left: auto;
margin-right: 0;
margin-top: -40px;
padding-top: 40px;
padding-bottom: 40px;
}
.about_wrap .box_wrap_1 .copy_1 {
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: bold;
}
.about_wrap .box_wrap_1 .desc_1 {
line-height: 2;
text-align: justify;
}
.about_wrap .box_wrap_1 .desc_1 p + p {
margin-top: 15px;
}
.about_wrap .box_wrap_1 .name {
margin-top: 20px;
font-size: 1.1rem;
text-align: right;
}
.about_wrap .box_wrap_1 .name span span {
margin-left: 10px;
font-size: 1.6rem;
font-weight: bold;
}
}  @media print,
screen and (min-width: 768px) {
.blog_wrap {
padding-top: 35px;
padding-bottom: 120px;
}
.blog_wrap::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 210px;
background-color: #FFF;
}
.blog_wrap .box_wrap_1 {
position: relative;
padding: 70px 160px 0;
background-color: #FFF;
}
.blog_wrap .sec_ttl {
justify-content: center;
}
.blog_wrap .post_archive {
margin-bottom: 35px;
}
.blog_wrap .post_archive li {
display: flex;
padding-bottom: 25px;
border-bottom: 1px solid #aeb9c4;
}
.blog_wrap .post_archive li + li {
margin-top: 25px;
}
.blog_wrap .post_archive li .post_date {
padding: 0 50px 0 30px;
color: #4d8ec4;
letter-spacing: 0.2rem;
}
}
@media screen and (max-width: 767px) {
.blog_wrap {
padding-top: 25px;
padding-bottom: 60px;
}
.blog_wrap .box_wrap_1 {
position: relative;
padding: 60px 8% 50px;
background-color: #FFF;
}
.blog_wrap .sec_ttl {
justify-content: center;
}
.blog_wrap .post_archive {
margin-bottom: 25px;
}
.blog_wrap .post_archive li {
padding-bottom: 15px;
border-bottom: 1px solid #aeb9c4;
}
.blog_wrap .post_archive li + li {
margin-top: 15px;
}
.blog_wrap .post_archive li .post_date {
margin-bottom: 10px;
color: #4d8ec4;
letter-spacing: 0.2rem;
}
}  @media print,
screen and (min-width: 768px) {
.cs_contact_wrap {
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/home/img/contact_bg_1.jpg);
background-size: cover;
background-position: center;
}
}
@media screen and (max-width: 767px) {
.cs_contact_wrap {
background-image: url(//tokyo-onaka.com/wp-content/themes/setagaya_2019/files/home/img/contact_bg_1.jpg);
background-size: cover;
background-position: center;
}
}  @media print,
screen and (min-width: 768px) {
.overview_2_wrap {
padding-top: 80px;
padding-bottom: 80px;
}
.overview_2_wrap .flex_wrap_1 {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.overview_2_wrap .flex_wrap_1 .flex_clm:nth-of-type(1) {
width: 450px;
}
.overview_2_wrap .flex_wrap_1 .flex_clm:nth-of-type(2) {
width: 490px;
}
.overview_2_wrap .flex_wrap_1 .flex_clm:nth-of-type(1) .btn_wrap {
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
.overview_2_wrap {
padding-top: 60px;
padding-bottom: 60px;
}
.overview_2_wrap .section_inner {
padding-bottom: 60px;
}
.overview_2_wrap .flex_wrap_1 {}
.overview_2_wrap .flex_wrap_1 .flex_clm:nth-of-type(1) {
margin-bottom: 15px;
}
.overview_2_wrap .flex_wrap_1 .flex_clm:nth-of-type(1) .btn_wrap {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
}