@charset "UTF-8";
 @media screen and (min-width: 768px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc {
display: none !important;
}
}
.guidebox {
pointer-events: none;
background-size: 1400px !important;
width: 100%;
max-width: 1400px;
z-index: 9999;
opacity: 0.5;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 0;
}
@media screen and (max-width: 767px) {
.guidebox {
max-width: 375x;
background-size: 375px !important;
}
}
body.home .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/home.jpg) no-repeat top center;
height: 16178px;
}
@media screen and (max-width: 767px) {
body.home .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/home_sp.jpg) no-repeat top center;
height: 8047px;
}
}
body.page-method1 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method1.jpg) no-repeat top center;
height: 16178px;
}
@media screen and (max-width: 767px) {
body.page-method1 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method1_sp.jpg) no-repeat top center;
}
}
body.page-method2 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method2.jpg) no-repeat top center;
height: 4212px;
}
@media screen and (max-width: 767px) {
body.page-method2 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method2_sp.jpg) no-repeat top center;
height: 8212px;
}
}
body.page-method3 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method3.jpg) no-repeat top center;
height: 5238px;
}
@media screen and (max-width: 767px) {
body.page-method3 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method3_sp.jpg) no-repeat top center;
height: 6478px;
}
}
body.page-method4 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method4.jpg) no-repeat top center;
height: 5771px;
}
@media screen and (max-width: 767px) {
body.page-method4 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method4_sp.jpg) no-repeat top center;
height: 6478px;
}
}
body.page-method5 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method5.jpg) no-repeat top center;
height: 3849px;
}
@media screen and (max-width: 767px) {
body.page-method5 .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/method5_sp.jpg) no-repeat top center;
height: 6478px;
}
}
body.post-type-archive .guidebox {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/guide/reformrenewal.jpg) no-repeat top center;
height: 3425px;
left: -15px;
}
@media screen and (max-width: 767px) {
.site-title p {
display: none;
}
}
.site-title .title {
height: 40px;
margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
.site-title .title {
height: 28px;
}
.site-title .title p {
display: none;
}
}
.outfit {
font-family: "Outfit", sans-serif;
}
.home-top-slider {
opacity: 0;
transition: opacity 0.3s linear;
}
.home-top-slider.slick-initialized {
opacity: 1;
}
.home-top-slider .slick-dots {
bottom: 5px;
}
@media screen and (max-width: 767px) {
.home-top-slider .slick-dots {
bottom: -2px;
}
}
.home-top-slider .slick-dots li {
margin: 0 2px;
}
.home-top-slider .slick-dots li button:before {
color: #fff;
}
.home-top-slider .slick-dots li.slick-active button:before {
color: #fff;
}
.home-service-slider .slick-dots {
bottom: 5px;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots {
bottom: -30px;
}
}
@media screen and (min-width: 768px) {
.home-service-slider .slick-dots {
width: 37%;
}
}
.home-service-slider .slick-dots li {
margin: 0 2px;
}
.home-service-slider .slick-dots li button:before {
color: #cb0000;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots li button:before {
color: #fff;
}
}
.home-service-slider .slick-dots li.slick-active button:before {
color: #cb0000;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots li.slick-active button:before {
color: #fff;
}
}
.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.page-service section.lead-text {
padding-top: 64px;
padding-bottom: 64px;
position: relative;
}
.page-service section.menu {
padding-top: 96px;
padding-bottom: 48px;
background: #cb0000;
}
@media screen and (max-width: 575px) {
.page-service section.menu {
padding-bottom: 28px;
}
}
.page-service section.menu ul {
list-style: none;
}
.page-service section.menu ul li {
border: 1px solid #fff;
max-width: 21%;
width: 100%;
text-align: center;
padding: 11px;
}
@media screen and (max-width: 575px) {
.page-service section.menu ul li {
max-width: unset;
width: 45%;
margin-bottom: 20px;
}
}
.page-service section.service {
background: #cb0000;
padding-bottom: 48px;
} p.cat {
width: 64px;
background: #555;
height: 24px;
line-height: 24px;
}
p.cat.information {
background: #0d4183 !important;
color: #fff;
}
p.cat.member-info {
background: #1d0087 !important;
}
hr.cat.information {
border-top-color: #0d4183 !important;
}
hr.cat.member-info {
border-top-color: #1d0087 !important;
}
div.cat.information {
border-left-color: #0d4183 !important;
}
div.cat.member-info {
border-left-color: #1d0087 !important;
} body.home section.mv .mv_1 {
height: 700px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/home_mv_image_1.jpg) no-repeat center/cover;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
body.home section.mv .mv_1 {
height: 500px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/home_mv_image_1_sp.jpg) no-repeat center/cover;
justify-content: flex-start;
padding-left: 16px;
}
}
body.home section.mv .mv_1 .text_1 {
font-size: 32px;
color: #0d4183;
font-weight: bold;
letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
body.home section.mv .mv_1 .text_1 {
margin-bottom: -21px;
margin-left: -27%;
}
}
@media screen and (max-width: 767px) {
body.home section.mv .mv_1 .image_1 {
margin-top: 65%;
}
}
body.home section.news {
padding-top: 42px;
padding-bottom: 42px;
}
@media screen and (max-width: 767px) {
body.home section.news {
padding-top: 42px;
padding-bottom: 4px;
background: #fff;
border-top: 24px solid #e6e6e6;
}
}
body.home section.news .news_box_1 {
border-left: none;
border-right: none;
margin-left: 30px;
margin-right: 30px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1 {
padding-top: 30px;
margin-left: 0;
margin-right: 0;
}
}
body.home section.news .news_box_1 .news_box_1_1 {
width: 264px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1 .news_box_1_1 {
width: 100%;
}
}
body.home section.news .news_box_1 .news_box_1_1 h2 {
margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1 .news_box_1_1 h2 {
font-size: 24px;
}
}
body.home section.news .news_box_1 .news_box_1_1 p.f14 {
font-size: 16px;
}
body.home section.news .news_box_1 .news_box_1_1 .link_1 {
position: relative;
}
body.home section.news .news_box_1 .news_box_1_1 .link_1::before {
content: "";
position: absolute;
width: 33px;
height: 1px;
background: #0d4183;
bottom: -1px;
}
body.home section.news .news_box_1_2 {
flex: 1;
}
body.home section.news .news_box_1_2 .news-list {
list-style: none;
width: 100%;
padding-top: 10px;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list {
padding-top: 23px;
padding-bottom: 46px;
}
}
body.home section.news .news_box_1_2 .news-list .news-list-item {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
border-width: 0 0 1px 0;
padding-top: 20px;
padding-bottom: 8px;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list .news-list-item {
padding-bottom: 17px;
margin-bottom: 21px;
}
}
body.home section.news .news_box_1_2 .news-list .news-list-item time {
margin-right: 23px;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list .news-list-item time {
font-size: 16px;
}
}
body.home section.news .news_box_1_2 .news-list .news-list-item .cat {
min-width: 64px;
text-align: center;
height: 24px;
line-height: 24px;
margin-right: 28px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list .news-list-item .cat {
font-size: 14px;
height: 24px;
line-height: 24px;
min-width: 79px;
}
}
body.home section.news .news_box_1_2 .news-list .news-list-item .title {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.home section.news .news_box_1_2 .news-list .news-list-item .title {
margin-top: 10px;
width: 100%;
font-size: 20px;
font-weight: 500;
}
}
body.home section.about {
padding-top: 85px;
padding-bottom: 83px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/home_about_image_1.jpg) no-repeat center/cover;
position: relative;
}
@media screen and (max-width: 767px) {
body.home section.about {
padding-top: 92px;
padding-bottom: 146px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/home_about_image_1_sp.jpg) no-repeat center/cover;
}
}
body.home section.about::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 425px;
height: 399px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/home_about_image_2.png) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.home section.about::before {
width: 211px;
height: 198px;
}
}
body.home section.about .about_box .about_box_1 {
width: 100%;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
body.home section.about .about_box .about_box_1 {
position: relative;
left: 35px;
}
}
@media screen and (max-width: 767px) {
body.home section.about .about_box .about_box_1 {
padding-left: 16px;
padding-right: 16px;
}
}
body.home section.about .about_box .about_box_1 .text_1 {
font-size: 32px;
line-height: 1.5;
font-weight: bold;
width: 100%;
margin-bottom: 53px;
color: #0d4183;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box .about_box_1 .text_1 {
font-size: 28px;
line-height: 1.1428571429;
margin-bottom: 51px;
}
}
body.home section.about .about_box .about_box_1 .text_2 {
font-size: 16px;
line-height: 2;
letter-spacing: 0.06em;
position: relative;
margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box .about_box_1 .text_2 {
line-height: 2;
letter-spacing: 0;
}
}
body.home section.about .about_box .about_box_1 .text_2::before {
content: "";
position: absolute;
left: 1px;
top: -43px;
width: 32px;
height: 4px;
background: #0d4183;
}
@media screen and (max-width: 767px) {
body.home section.about .about_box .about_box_1 .text_2::before {
top: -38px;
width: 28px;
}
}
body.home section.greeting {
padding-top: 96px;
padding-bottom: 96px;
}
@media screen and (max-width: 767px) {
body.home section.greeting {
padding-top: 75px;
padding-bottom: 72px;
}
}
body.home section.greeting .text_1 {
font-size: 32px;
line-height: 1;
font-weight: bold;
color: #fff;
margin-bottom: 36px;
text-align: center;
}
@media screen and (max-width: 767px) {
body.home section.greeting .text_1 {
font-size: 28px;
margin-bottom: 29px;
}
}
body.home section.greeting .box {
border-radius: 10px;
padding-top: 74px;
padding-bottom: 60px;
position: relative;
background: #fff;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/person_1.jpg) no-repeat bottom 0px right -74px/531px, white;
}
@media screen and (max-width: 767px) {
body.home section.greeting .box {
padding-top: 50px;
padding-bottom: 30px;
background-size: 305px !important;
background-position: bottom center !important;
padding-bottom: 390px;
}
}
body.home section.greeting .box .text_2 {
font-size: 32px;
line-height: 1.3333333333;
font-weight: bold;
margin-bottom: 23px;
color: #0d4183;
}
@media screen and (min-width: 768px) {
body.home section.greeting .box .text_2 {
margin-left: 35px;
}
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .text_2 {
font-size: 28px;
width: 100%;
}
}
body.home section.greeting .box .text {
width: calc(100% - 408px);
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .text {
width: 100%;
}
}
body.home section.greeting .box .text_3 {
font-size: 16px;
line-height: 2.5;
}
@media screen and (min-width: 768px) {
body.home section.greeting .box .text_3 {
margin-bottom: 26px;
margin-left: 35px;
}
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .text_3 {
line-height: 2;
margin-bottom: 20px;
}
}
body.home section.greeting .box .image {
position: absolute;
bottom: 0;
right: 30px;
}
@media screen and (max-width: 767px) {
body.home section.greeting .box .image {
position: relative;
text-align: center;
right: unset;
}
}
body.home section.outline {
background: #e6e6e6;
padding-top: 94px;
padding-bottom: 98px;
}
@media screen and (max-width: 767px) {
body.home section.outline {
padding-top: 73px;
padding-bottom: 74px;
}
}
body.home section.outline .outline_box_1 {
margin-bottom: 33px;
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_1 {
margin-bottom: 25px;
}
}
body.home section.outline .outline_box_1 .text_1 {
font-size: 32px;
color: #0d4183;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_1 .text_1 {
font-size: 28px;
text-align: center;
}
}
body.home section.outline .outline_box_2 {
padding-bottom: 70px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
background: #fff;
flex-direction: column;
}
@media screen and (min-width: 768px) {
body.home section.outline .outline_box_2 {
padding-top: 61px;
}
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_2 {
padding-bottom: 0;
}
}
body.home section.outline .outline_box_2 .outline_box_2_1 {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
body.home section.outline .outline_box_2 .outline_box_2_1 table {
margin-bottom: 97px;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr {
border-bottom: 1px solid #999999;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr th {
background: unset !important;
font-size: 14px;
line-height: 2.2857142857;
font-weight: normal;
vertical-align: top;
width: 228px;
padding: 25px 0 25px 0;
position: relative;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr th::before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 1px;
background: #0d4183;
z-index: 1;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr th::after {
content: "";
position: absolute;
right: 0;
bottom: -1px;
width: 8px;
height: 1px;
background: #fff;
z-index: 2;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr th p {
width: 5em;
display: flex;
justify-content: space-between;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr td {
font-size: 14px;
line-height: 2.2857142857;
width: 620px;
padding: 25px 18px 25px 25px;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr td .link_1 {
margin-left: 2em;
color: #0d4183;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr td .icon_1 {
position: relative;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr td .icon_1::before {
content: "▲";
position: absolute;
left: -17px;
top: 0;
color: #ed6c00;
transform: rotate(-40deg);
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_2 .outline_box_2_1 {
margin-bottom: 0;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table {
display: block;
width: 100%;
border-top: 1px solid #333333;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody {
display: block;
width: 100%;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody tr {
display: block;
width: 100%;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody th {
display: block;
width: 100%;
background: #fafaec;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
line-height: 2;
font-weight: normal;
padding-top: 16px;
padding-bottom: 16px;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody th p {
width: 4em;
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody td {
display: block;
width: 100%;
background: #fff;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
line-height: 2;
padding-top: 16px;
padding-bottom: 16px;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody td .link_1 {
margin-left: 2em;
color: #0d4183;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody td .icon_1 {
position: relative;
}
body.home section.outline .outline_box_2 .outline_box_2_1 table tbody td .icon_1::before {
content: "▲";
position: absolute;
left: -17px;
top: 0;
color: #ed6c00;
transform: rotate(-40deg);
font-size: 12px;
}
}
body.home section.outline .member_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -18px;
width: 100%;
max-width: 500px;
margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
body.home section.outline .member_list {
margin-bottom: unset;
}
}
body.home section.outline .member_list li {
list-style: none !important;
width: 196px;
margin-bottom: 1px;
}
@media screen and (max-width: 767px) {
body.home section.outline .member_list li {
padding-top: 0;
margin-bottom: 0;
}
}
body.home section.outline .outline_box_2_2 {
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
@media screen and (max-width: 767px) {
body.home section.outline .outline_box_2_2 {
padding-top: 56px;
padding-left: 0;
padding-right: 0;
background: #e6e6e6;
}
}
body.home section.outline .text_1 {
margin-bottom: 24px;
}
body.home section.outline .text_2 {
font-size: 32px;
text-align: center;
font-weight: bold;
margin-bottom: 18px;
color: #0d4183;
}
@media screen and (max-width: 767px) {
body.home section.outline .text_2 {
font-size: 28px;
margin-bottom: 9px;
}
}
body.home section.outline .text_3 {
font-size: 14px;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.home section.outline .text_3 {
font-size: 12px;
}
}
body.home section.outline #map {
height: 480px;
width: 100%;
margin-bottom: 10px;
background: #ddd;
}
@media screen and (max-width: 767px) {
body.home section.outline #map {
width: 100%;
height: 275px;
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
body.home section.parallax {
margin-top: unset;
height: 192px;
}
}
body.home section.parallax .parallax_box_1 {
height: 392px;
}
@media screen and (max-width: 767px) {
body.home section.parallax .parallax_box_1 {
display: none;
}
}
@media screen and (min-width: 768px) {
body.home section.parallax .parallax_box_2 {
display: none;
}
}
@media screen and (max-width: 767px) {
body.home section.parallax .parallax_box_2 {
height: 192px;
position: relative;
}
body.home section.parallax .parallax_box_2::before {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/home_about_6_1_sp.jpg) no-repeat center/cover;
content: "";
height: 192px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
}
body.home section.service {
background: #0d4183;
padding-top: 90px;
padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
body.home section.service {
padding-top: 76px;
padding-bottom: 73px;
}
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_1 {
padding-left: 15px;
padding-right: 15px;
}
}
body.home section.service .service_box_1 .text_1 {
text-align: center;
font-size: 32px;
font-weight: bold;
color: #fff;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_1 .text_1 {
font-size: 28px;
margin-bottom: 25px;
}
}
body.home section.service .service_box_1 .service_box_1_1 {
padding-top: 64px;
padding-bottom: 29px;
background: #fff;
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_1 .service_box_1_1 {
max-width: 343px;
border-radius: 8px;
padding-top: 15px;
padding-bottom: 2px;
}
}
body.home section.service .service_box_1 .service_box_1_1 .service_box_1_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 914px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_1 .service_box_1_1 .service_box_1_1_1 {
width: 100%;
flex-direction: column;
padding-left: 18px;
}
}
@media screen and (min-width: 768px) {
body.home section.service .service_box_1 .service_box_1_1 .service_box_1_1_1 .image_1 {
width: 440px;
}
}
@media screen and (max-width: 767px) {
body.home section.service .service_box_1 .service_box_1_1 .service_box_1_1_1 .image_1 {
margin-bottom: 12px;
}
}
@media screen and (min-width: 768px) {
body.home section.service .service_box_1 .service_box_1_1 .service_box_1_1_1 .image_1:nth-of-type(odd) {
margin-right: 34px;
margin-bottom: 28px;
}
}
@media screen and (min-width: 768px) {
body.home section.service .service_box_1 .service_box_1_1 .service_box_1_1_1 .image_1:nth-of-type(2) img {
margin-top: -34px;
}
}
body.home section.service .service_box_1 .service_box_1_1 .service_box_1_1_1 .image_1 img {
max-width: unset;
}
.method_header_image {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/method_header_image.jpg) no-repeat center/cover;
color: #0d4183;
}
.method_header_image h1 {
font-weight: bold;
}
@media screen and (min-width: 768px) {
.method_menu_style_1 .list_1 {
list-style: none;
font-weight: bold;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.method_menu_style_1 .list_1 .item_1 {
margin-right: 23px;
font-size: 18px;
letter-spacing: 0.1em;
position: relative;
}
.method_menu_style_1 .list_1 .item_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -11px;
width: 100%;
height: 2px;
background: #0078c8;
}
}
@media screen and (max-width: 767px) {
.method_menu_style_1 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.method_menu_style_1 .nav_trigger {
position: absolute;
height: 100%;
background: #0d4183;
width: 24px;
top: 0;
right: 0px;
z-index: 8;
border-radius: 0 5px 5px 0;
}
.method_menu_style_1 .nav_trigger::before {
content: "<";
font-weight: lighter;
position: absolute;
top: calc(50% - 4px);
left: 50%;
transform: translate(-50%, -50%) scale(0.6, 1);
-webkit-transform: translate(-50%, -50%) scale(0.6, 1);
-ms-transform: translate(-50%, -50%) scale(0.6, 1);
color: #fff;
font-size: 26px;
}
.method_menu_style_1 .menu_content {
position: fixed;
z-index: 100;
bottom: 20px;
left: -172px;
transition: all 0.2s ease;
}
.method_menu_style_1 .menu_content.active {
left: 0;
transition: all 0.2s ease;
}
.method_menu_style_1 .menu_content .sub_menu {
position: relative;
width: 196px;
box-shadow: 3px 3px 5px #ccc;
}
.method_menu_style_1 .item_1 {
margin-bottom: 0;
width: 172px;
height: 40px;
display: flex;
}
.method_menu_style_1 .item_1 a {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
border-right: 1px solid #0d4183;
position: relative;
font-weight: bold;
padding-left: 20px;
width: 100%;
height: 100%;
display: flex;
background: rgba(255, 255, 255, 0.7);
}
.method_menu_style_1 .item_1 a::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
height: 1px;
width: 100%;
background: #ccc;
z-index: 2;
}
}
.method_heading_style_1 {
position: relative;
font-size: 28px;
font-weight: bold;
padding-left: 48px;
padding-bottom: 7px;
border-bottom: 2px solid #c5c5c5;
color: #0078c8;
}
.method_heading_style_1::before {
content: "";
position: absolute;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% - 3px);
width: 32px;
height: 32px;
border: 8px solid #0078c8;
}
.method_heading_style_1::after {
content: "";
position: absolute;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: calc(50% - 15px);
width: 8px;
height: 8px;
background: #0d4183;
}
.method_image_list_style_1 {
display: flex;
justify-content: space-between;
align-items: flex-start;
list-style: none;
flex-wrap: wrap;
}
.method_image_list_style_1 .item_1 {
margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
.method_image_list_style_1 .item_1 {
margin-bottom: 24px;
}
}
.method_image_list_style_1 .item_1 .image_1 {
border: 1px solid #fff;
padding: 8px;
margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
.method_image_list_style_1 .item_1 .image_1 {
margin-bottom: 10px;
}
}
.method_image_list_style_1 .item_1 .text_1 {
text-align: center;
font-size: 14px;
color: #fff;
}
@media screen and (max-width: 767px) {
.method_image_list_style_1 .item_1 .text_1 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
body.page-method1 .w-md {
width: 100%;
max-width: 876px;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.page-method1 .w-md {
width: 100%;
max-width: 375px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
}
body.page-method1 section.heading {
padding-top: 46px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.heading {
padding-top: 61px;
}
body.page-method1 section.heading .w-md {
padding-left: 0;
padding-right: 0;
}
}
body.page-method1 section.heading .heading_box .heading_box_1 {
display: flex;
justify-content: center;
align-items: flex-start;
}
body.page-method1 section.lead {
padding-top: 133px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.lead {
padding-top: 322px;
padding-bottom: 127px;
}
}
body.page-method1 section.lead .lead_box .lead_box_1 {
position: relative;
padding-bottom: 115px;
}
body.page-method1 section.lead .lead_box .lead_box_1::before {
content: "";
position: absolute;
z-index: -2;
background: #0078c8;
}
@media screen and (min-width: 768px) {
body.page-method1 section.lead .lead_box .lead_box_1::before {
left: 135px;
bottom: 0;
width: 779px;
height: 104px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.lead .lead_box .lead_box_1::before {
left: 31px;
top: -118px;
width: 100vw;
height: 95px;
}
}
body.page-method1 section.lead .lead_box .lead_box_1 .image_1 {
margin-bottom: 41px;
}
body.page-method1 section.lead .lead_box .lead_box_1 .text_1 {
width: 100%;
max-width: 336px;
font-size: 16px;
font-weight: 500;
line-height: 2;
}
body.page-method1 section.lead .lead_box .lead_box_1 .text_2 {
width: 100%;
font-size: 28px;
font-weight: bold;
line-height: 1.2857142857;
color: #0d4183;
margin-bottom: 16px;
}
body.page-method1 section.lead .lead_box .lead_box_1 .image_2 {
z-index: -1;
position: absolute;
top: -70px;
left: 366px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.lead .lead_box .lead_box_1 .image_2 {
top: -294px;
left: 0;
}
}
@media screen and (min-width: 768px) {
body.page-method1 section.lead .lead_box .lead_box_1 .image_2 img {
max-width: unset;
}
}
body.page-method1 section.lead .lead_box .lead_box_1 .image_3 {
z-index: 1;
position: absolute;
top: 362px;
left: 656px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.lead .lead_box .lead_box_1 .image_3 {
top: 358px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
body.page-method1 section.lead .lead_box .lead_box_1 .image_3 img {
max-width: unset;
}
body.page-method1 section.menu {
padding-top: 55px;
padding-bottom: 130px;
}
body.page-method1 section.feature {
background: #ebebeb;
padding-top: 116px;
padding-bottom: 104px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature {
padding-top: 67px;
padding-bottom: 69px;
}
}
body.page-method1 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 24px;
}
}
body.page-method1 section.feature .feature_box .feature_box_1 .text_2 {
font-size: 36px;
font-weight: bold;
line-height: 1.5555555556;
text-align: center;
color: #0078c8;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_1 .text_2 {
text-align: left;
font-size: 28px;
line-height: 1.5714285714;
}
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
background: #fff;
border-radius: 10px;
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 10px;
}
@media screen and (min-width: 768px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
height: 206px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
font-size: 12px;
font-weight: bold;
color: #0078c8;
display: flex;
align-items: center;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
font-size: 16px;
margin-bottom: 26px;
}
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 span {
font-weight: 500;
color: #dfdfdf;
font-size: 32px;
margin-left: 6px;
position: relative;
top: -2px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 span {
font-size: 48px;
}
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 span::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -3px;
width: 16px;
height: 1px;
background: #0078c8;
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 {
width: 245px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 {
margin-bottom: 20px;
width: 100%;
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 img {
width: 199px;
}
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_3 {
width: 100%;
max-width: 448px;
font-size: 14px;
line-height: 1.7142857143;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_3 {
font-size: 16px;
line-height: 2;
max-width: 279px;
margin: 0 auto;
}
}
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_3 strong {
background: linear-gradient(transparent 65%, #ffff00 35%);
font-weight: inherit;
}
@media screen and (min-width: 768px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(1) .image_1 img {
position: relative;
left: -13px;
}
}
@media screen and (min-width: 768px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(2) .image_1 img {
position: relative;
left: -13px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(2) .image_1 img {
width: 189px;
}
}
@media screen and (min-width: 768px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(3) .image_1 img {
position: relative;
top: 13px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(3) .image_1 img {
width: 236px;
position: relative;
left: 20px;
}
}
body.page-method1 section.kind {
padding-top: 115px;
padding-bottom: 120px;
background: #0078c8;
}
@media screen and (max-width: 767px) {
body.page-method1 section.kind {
padding-top: 69px;
padding-bottom: 69px;
}
}
body.page-method1 section.kind .kind_box .kind_box_1 .text_1 {
color: #fff;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.kind .kind_box .kind_box_1 .text_1 {
margin-bottom: 22px;
}
}
body.page-method1 section.kind .kind_box .kind_box_1 .text_1::before {
border: 8px solid #c5c5c5;
}
body.page-method1 section.kind .kind_box .kind_box_1 .text_2 {
font-size: 32px;
line-height: 1.25;
font-weight: bold;
color: #fff;
margin-bottom: 37px;
}
body.page-method1 section.kind .kind_box .kind_box_1 .image_1 {
margin-bottom: 58px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.kind .kind_box .kind_box_1 .image_1 {
width: calc(100vw - 15px);
overflow-x: scroll;
padding-bottom: 20px;
margin-bottom: 51px;
}
body.page-method1 section.kind .kind_box .kind_box_1 .image_1 img {
width: 863px;
max-width: unset;
margin-right: 15px;
}
}
body.page-method1 section.process {
padding-top: 116px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process {
padding-top: 67px;
}
}
body.page-method1 section.process .process_box_2 {
padding-top: 51px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 {
padding-top: 23px;
}
}
body.page-method1 section.process .process_box_2 .process_box_2_1 {
border: 2px solid #dfdfdf;
border-radius: 10px;
height: 200px;
margin-bottom: 32px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding-top: 14px;
padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 {
border-radius: 15px;
height: unset;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-bottom: 32px;
margin-bottom: 50px;
}
}
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 23px;
}
@media screen and (min-width: 768px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 {
max-width: 328px;
margin-right: 40px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 {
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 14px;
}
}
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 {
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
}
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 .text_1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border: 1px solid #929292;
width: 60px;
height: 24px;
font-size: 11px;
margin-bottom: 0;
color: #929292;
line-height: 1;
}
@media screen and (min-width: 768px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 .text_1 {
margin-right: 18px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 .text_1 {
width: 92px;
height: 28px;
margin-bottom: 22px;
}
}
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 .text_1 span {
font-size: 18px;
color: #0078c8;
font-weight: bold;
line-height: 1;
margin-left: 5px;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 .text_1 span {
font-size: 24px;
}
}
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 .text_2 {
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #0078c8;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_1 .text_2 {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_2 {
max-width: 279px;
width: 100%;
}
}
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_2 .text_3 {
font-size: 14px;
line-height: 1.7142857143;
font-weight: 500;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_1 .process_box_2_1_1_2 .text_3 {
font-size: 16px;
line-height: 2;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .process_box_2_1 .process_box_2_1_2 .image_1 img {
width: 279px;
}
}
body.page-method1 section.process .process_box_2 .arrow_1 {
position: relative;
width: 100%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
body.page-method1 section.process .process_box_2 .arrow_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: -20px;
width: 20px;
height: 10px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/method1_process_arrow_1.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.page-method1 section.process .process_box_2 .arrow_1::before {
width: 40px;
height: 20px;
top: -35px;
}
}
@media screen and (min-width: 768px) {
body.page-method2 .w-md {
width: 100%;
max-width: 876px;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.page-method2 .w-md {
width: 100%;
max-width: 375px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
}
body.page-method2 section.heading {
padding-top: 46px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.heading {
padding-top: 61px;
}
body.page-method2 section.heading .w-md {
padding-left: 0;
padding-right: 0;
}
}
body.page-method2 section.heading .heading_box .heading_box_1 {
display: flex;
justify-content: center;
align-items: flex-start;
}
body.page-method2 section.lead {
padding-top: 92px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.lead {
padding-top: 322px;
padding-bottom: 157px;
}
}
body.page-method2 section.lead .lead_box .lead_box_1 {
position: relative;
padding-bottom: 109px;
}
body.page-method2 section.lead .lead_box .lead_box_1::before {
content: "";
position: absolute;
z-index: -2;
background: #078c89;
}
@media screen and (min-width: 768px) {
body.page-method2 section.lead .lead_box .lead_box_1::before {
left: 135px;
bottom: 0;
width: 779px;
height: 104px;
}
}
@media screen and (max-width: 767px) {
body.page-method2 section.lead .lead_box .lead_box_1::before {
left: 31px;
top: -118px;
width: 100vw;
height: 95px;
}
}
body.page-method2 section.lead .lead_box .lead_box_1 .image_1 {
margin-bottom: 32px;
}
body.page-method2 section.lead .lead_box .lead_box_1 .text_1 {
width: 100%;
max-width: 336px;
font-size: 16px;
font-weight: 500;
line-height: 2;
}
body.page-method2 section.lead .lead_box .lead_box_1 .text_2 {
width: 100%;
font-size: 28px;
font-weight: bold;
line-height: 1.2857142857;
color: #078c89;
margin-bottom: 16px;
}
body.page-method2 section.lead .lead_box .lead_box_1 .image_2 {
z-index: -1;
position: absolute;
top: -51px;
left: 366px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.lead .lead_box .lead_box_1 .image_2 {
top: -294px;
left: 0;
}
}
@media screen and (min-width: 768px) {
body.page-method2 section.lead .lead_box .lead_box_1 .image_2 img {
max-width: unset;
}
}
body.page-method2 section.lead .lead_box .lead_box_1 .image_3 {
z-index: 1;
position: absolute;
top: 319px;
left: 595px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.lead .lead_box .lead_box_1 .image_3 {
top: 358px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
@media screen and (max-width: 767px) {
body.page-method2 section.lead .lead_box .lead_box_1 .image_3 {
top: 331px;
}
}
body.page-method2 section.lead .lead_box .lead_box_1 .image_3 img {
max-width: unset;
}
body.page-method2 section.menu {
padding-top: 55px;
padding-bottom: 75px;
}
body.page-method2 section.menu .menu_box .menu_box_1 .item_1::before {
background: #078c89;
}
body.page-method2 section.feature {
background: #ebebeb;
padding-top: 116px;
padding-bottom: 104px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature {
padding-top: 67px;
padding-bottom: 56px;
}
}
body.page-method2 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 42px;
color: #078c89;
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 33px;
}
}
body.page-method2 section.feature .feature_box .feature_box_1 .text_1::before {
border: 8px solid #078c89;
}
body.page-method2 section.feature .feature_box .feature_box_1 .text_1::after {
background: #d2d921;
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
background: #fff;
border-radius: 10px;
margin-bottom: 16px;
display: flex;
align-items: stretch;
justify-content: flex-start;
padding-left: 10px;
padding-top: 35px;
padding-bottom: 35px;
}
@media screen and (min-width: 768px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
height: 264px;
}
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
padding-top: 50px;
padding-bottom: 32px;
}
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
font-size: 12px;
font-weight: bold;
color: #078c89;
display: flex;
align-items: center;
margin-bottom: 0;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
font-size: 16px;
margin-bottom: 26px;
}
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 span {
font-weight: 500;
color: #dfdfdf;
font-size: 32px;
margin-left: 6px;
position: relative;
position: relative;
top: -2px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 span {
font-size: 48px;
margin-left: 17px;
top: -7px;
}
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 span::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -3px;
width: 16px;
height: 1px;
background: #078c89;
}
@media screen and (min-width: 768px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 {
margin-right: 37px;
}
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
width: 100%;
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 img {
width: 279px;
}
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_1 {
width: 100%;
max-width: 386px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_1 {
max-width: 279px;
margin-left: auto;
margin-right: auto;
}
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_1 .text_2 {
font-size: 24px;
line-height: 1.5;
font-weight: bold;
color: #078c89;
margin-top: -7px;
margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_1 .text_2 {
margin-bottom: 4px;
}
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_1 .text_2 strong {
background: linear-gradient(transparent 65%, #ffff00 35%);
font-weight: inherit;
}
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_1 .text_3 {
font-size: 14px;
line-height: 1.7142857143;
font-weight: 500;
}
@media screen and (max-width: 767px) {
body.page-method2 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_1 .text_3 {
font-size: 16px;
line-height: 2;
}
}
body.page-method2 section.example {
background: #078c89;
padding-top: 113px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example {
padding-top: 68px;
}
}
body.page-method2 section.example .example_box .example_box_1 .text_1 {
color: #fff;
margin-bottom: 39px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_1 .text_1 {
margin-bottom: 30px;
}
}
body.page-method2 section.example .example_box .example_box_1 .text_1::before {
border: 8px solid #c5c5c5;
}
body.page-method2 section.example .example_box .example_box_1 .text_1::after {
background: #d2d921;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_2 {
padding-bottom: 14px;
}
}
body.page-method2 section.example .example_box .example_box_3 {
padding-top: 37px;
padding-bottom: 37px;
position: relative;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 {
padding-top: 0px;
padding-bottom: 70px;
}
}
body.page-method2 section.example .example_box .example_box_3::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 110vw;
height: 100%;
background: #5eb4b2;
z-index: 1;
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 {
width: 100%;
max-width: 464px;
padding-top: 46px;
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_1 {
font-size: 28px;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
border-radius: 10px;
width: 420px;
line-height: 64px;
height: 64px;
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_1 {
font-size: 24px;
width: 100%;
line-height: 56px;
height: 56px;
}
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_2 {
width: 100%;
max-width: 420px;
font-size: 14px;
line-height: 1.7142857143;
color: #fff;
font-weight: 500;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_2 {
font-size: 16px;
line-height: 2;
margin-bottom: 26px;
}
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 {
display: flex;
justify-content: flex-start;
align-items: center;
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 .text_3 {
display: flex;
width: 44px;
height: 44px;
color: #fff;
background: #078c89;
align-items: center;
justify-content: center;
margin-right: 19px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 .text_3 {
margin-right: 9px;
}
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 .text_4 {
color: #fff;
font-size: 14px;
line-height: 1.7142857143;
margin-bottom: 0;
margin-top: -6px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 .text_4 {
font-size: 16px;
line-height: 1.6875;
}
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1_2 {
padding-top: 25px;
}
}
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1_2 .image_1 {
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1_2 .image_1 img {
width: 343px;
}
}
@media screen and (max-width: 767px) {
body.page-method2 section.example .example_box .example_box_3 .example_box_3_1_2 .image_2 img {
width: 343px;
}
}
@media screen and (min-width: 768px) {
body.page-method3 .w-md {
width: 100%;
max-width: 876px;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.page-method3 .w-md {
width: 100%;
max-width: 375px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
}
body.page-method3 section.heading {
padding-top: 46px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.heading {
padding-top: 61px;
}
body.page-method3 section.heading .w-md {
padding-left: 0;
padding-right: 0;
}
}
body.page-method3 section.heading .heading_box .heading_box_1 {
display: flex;
justify-content: center;
align-items: flex-start;
}
body.page-method3 section.lead {
padding-top: 167px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.lead {
padding-top: 279px;
padding-bottom: 57px;
}
}
body.page-method3 section.lead .lead_box .lead_box_1 {
position: relative;
}
@media screen and (min-width: 768px) {
body.page-method3 section.lead .lead_box .lead_box_1 {
padding-bottom: 115px;
}
}
body.page-method3 section.lead .lead_box .lead_box_1::before {
content: "";
position: absolute;
z-index: -2;
background: #0078c8;
}
@media screen and (min-width: 768px) {
body.page-method3 section.lead .lead_box .lead_box_1::before {
left: 135px;
bottom: 0;
width: 779px;
height: 104px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.lead .lead_box .lead_box_1::before {
left: 31px;
top: -118px;
width: 100vw;
height: 95px;
}
}
body.page-method3 section.lead .lead_box .lead_box_1 .image_1 {
margin-bottom: 41px;
}
body.page-method3 section.lead .lead_box .lead_box_1 .text_1 {
width: 100%;
max-width: 336px;
font-size: 16px;
font-weight: 500;
line-height: 2;
}
body.page-method3 section.lead .lead_box .lead_box_1 .text_2 {
width: 100%;
font-size: 28px;
font-weight: bold;
line-height: 1.2857142857;
color: #0d4183;
margin-bottom: 16px;
}
body.page-method3 section.lead .lead_box .lead_box_1 .image_2 {
z-index: -1;
position: absolute;
top: -100px;
left: 366px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.lead .lead_box .lead_box_1 .image_2 {
top: -294px;
left: 0;
}
}
@media screen and (min-width: 768px) {
body.page-method3 section.lead .lead_box .lead_box_1 .image_2 img {
max-width: unset;
}
}
body.page-method3 section.menu {
padding-top: 55px;
padding-bottom: 75px;
}
body.page-method3 section.feature {
background: #ebebeb;
padding-top: 77px;
padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature {
padding-top: 68px;
padding-bottom: 49px;
}
}
body.page-method3 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 49px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 20px;
}
}
body.page-method3 section.feature .feature_box .feature_box_1 .text_2 {
font-size: 32px;
font-weight: bold;
color: #0078c8;
text-align: center;
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_1 .text_2 {
font-size: 28px;
width: 100%;
max-width: 260px;
margin-left: auto;
margin-right: auto;
line-height: 1.5714285714;
margin-bottom: 0;
}
}
body.page-method3 section.feature .feature_box .feature_box_1 .text_3 {
color: #ea5a24;
font-size: 80px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_1 .text_3 {
font-size: 60px;
}
}
body.page-method3 section.feature .feature_box .feature_box_1 .text_4 {
color: #ea5a24;
}
body.page-method3 section.feature .feature_box .feature_box_2 {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_2 {
flex-direction: column;
}
}
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
width: 258px;
background: #fff;
border-radius: 8px;
position: relative;
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: center;
padding-top: 43px;
}
@media screen and (min-width: 768px) {
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
height: 320px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
width: 100%;
padding-bottom: 29px;
margin-bottom: 23px;
}
}
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
width: calc(100% - 15px);
height: calc(100% - 15px);
border: 2px solid #dfdfdf;
border-radius: 8px;
}
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
font-size: 48px;
color: #ea5a24;
margin-bottom: 23px;
position: relative;
}
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: -3px;
width: 0.7em;
height: 1px;
background: #ea5a24;
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
font-size: 48px;
}
}
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #0078c8;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 22px;
font-weight: bold;
flex-direction: inherit;
}
@media screen and (min-width: 768px) {
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 {
height: 72px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 {
line-height: 1.4166666667;
margin-bottom: 7px;
}
}
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 strong {
background: linear-gradient(transparent 65%, #ffff00 35%);
font-weight: inherit;
}
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_3 {
width: 100%;
max-width: 202px;
font-size: 14px;
line-height: 1.7142857143;
}
@media screen and (max-width: 767px) {
body.page-method3 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_3 {
font-size: 16px;
line-height: 2;
max-width: 279px;
}
}
body.page-method3 section.use {
padding-top: 119px;
padding-bottom: 120px;
background: #0078c8;
}
@media screen and (max-width: 767px) {
body.page-method3 section.use {
padding-top: 68px;
padding-bottom: 72px;
}
}
body.page-method3 section.use .use_box .use_box_1 .text_1 {
color: #fff;
margin-bottom: 42px;
}
body.page-method3 section.use .use_box .use_box_1 .text_1::before {
border: 8px solid #c5c5c5;
}
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 {
width: 100%;
height: 298px;
border: 1px solid #fff;
border-radius: 10px;
position: relative;
padding-top: 63px;
padding-left: 70px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 {
border-radius: 15px;
padding-top: 28px;
padding-left: 33px;
height: 506px;
}
}
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/method3_use_image_1.jpg) no-repeat center right/contain;
border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 767px) {
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1::before {
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/method3_use_image_1_sp.jpg) no-repeat bottom center/contain;
border-radius: 0 0 15px 15px;
}
}
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 .text_1 {
font-size: 24px;
color: #fff;
font-weight: bold;
position: relative;
padding-left: 30px;
margin-bottom: 47px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 .text_1 {
line-height: 1.3333333333;
margin-bottom: 25px;
font-size: 23px;
}
}
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 .text_1 span {
position: relative;
font-size: 17px;
color: #0078c8;
z-index: 1;
left: -29px;
top: -3px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 .text_1 span {
font-size: 16px;
left: 9px;
top: 7px;
position: absolute;
}
}
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 .text_1 span::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + 0px);
left: calc(50% + 0px);
width: 29px;
height: 29px;
background: #fff;
border-radius: 50%;
z-index: -1;
}
@media screen and (max-width: 767px) {
body.page-method3 section.use .use_box .use_box_2 .use_box_2_1 .text_1 span::before {
width: 25px;
height: 25px;
}
}
body.page-method3 section.spec {
padding-top: 120px;
padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec {
padding-top: 67px;
padding-bottom: 72px;
}
}
body.page-method3 section.spec .spec_box .spec_box_1 .text_1 {
margin-bottom: 34px;
}
body.page-method3 section.spec .spec_box .spec_box_2 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_2 {
flex-direction: column;
margin-bottom: 19px;
}
}
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_1 {
width: 408px;
}
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_1 .image_1 {
position: relative;
}
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_1 .image_1 img {
position: absolute;
left: 97px;
top: 6px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_1 .image_1 img {
width: 272px;
left: 38px;
top: -1px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 {
margin-top: 189px;
padding-left: 15px;
}
}
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 .text_1 {
font-size: 18px;
line-height: 1.4444444444;
font-weight: 500;
margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 .text_1 {
font-size: 20px;
}
}
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 .text_2 {
font-size: 14px;
font-weight: 500;
margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 .text_2 {
font-size: 16px;
}
}
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 .spec_box_2_2_1 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 .spec_box_2_2_1 .text_3 {
font-size: 14px;
line-height: 1.7142857143;
margin-right: 24px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_2 .spec_box_2_2 .spec_box_2_2_1 .text_3 {
font-size: 16px;
line-height: 1.5;
}
}
body.page-method3 section.spec .spec_box .spec_box_3 {
width: 100%;
border-radius: 10px;
background: #ebebeb;
border: 1px solid #dfdfdf;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
body.page-method3 section.spec .spec_box .spec_box_3 {
height: 242px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_3 {
flex-direction: column;
padding-bottom: 19px;
}
}
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 {
width: 100%;
max-width: 409px;
}
@media screen and (min-width: 768px) {
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 {
margin-right: 46px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 {
padding-top: 27px;
}
}
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 .text_1 {
font-size: 18px;
line-height: 1.4444444444;
font-weight: bold;
color: #0078c8;
padding-left: 73px;
position: relative;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 .text_1 {
font-size: 20px;
line-height: 1.4;
padding-left: 101px;
margin-bottom: 15px;
}
}
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 .text_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/method3_spec_image_2.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 .text_1::before {
width: 70px;
height: 70px;
left: 18px;
top: 4px;
}
}
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 .text_2 {
font-size: 14px;
line-height: 1.7142857143;
font-weight: 500;
}
@media screen and (min-width: 768px) {
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 .text_2 {
position: relative;
top: 8px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_1 .text_2 {
font-size: 16px;
line-height: 1.5;
width: 100%;
max-width: 311px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.spec .spec_box .spec_box_3 .spec_box_3_2 .image_1 img {
width: 311px;
}
}
body.page-method3 section.example {
background: #0078c8;
padding-top: 120px;
padding-bottom: 103px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.example {
padding-top: 69px;
padding-bottom: 33px;
}
}
body.page-method3 section.example .example_box .example_box_1 .text_1 {
color: #fff;
margin-bottom: 39px;
}
@media screen and (max-width: 767px) {
body.page-method3 section.example .example_box .example_box_1 .text_1 {
margin-bottom: 22px;
}
}
body.page-method3 section.example .example_box .example_box_1 .text_1::before {
border: 8px solid #c5c5c5;
}
body.page-method3 section.example .example_box .example_box_2 .text_2 {
font-size: 24px;
color: #fff;
text-align: center;
margin-bottom: 27px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body.page-method3 section.example .example_box .example_box_2 .text_2 {
font-size: 32px;
line-height: 1.375;
text-align: left;
margin-bottom: 33px;
}
}
@media screen and (max-width: 767px) {
body.page-method3 section.example .example_box .example_box_2 .list_1 .item_1 {
margin-bottom: 35px;
}
}
@media screen and (min-width: 768px) {
body.page-method4 .w-md {
width: 100%;
max-width: 876px;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.page-method4 .w-md {
width: 100%;
max-width: 375px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
}
body.page-method4 section.heading {
padding-top: 46px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.heading {
padding-top: 61px;
}
body.page-method4 section.heading .w-md {
padding-left: 0;
padding-right: 0;
}
}
body.page-method4 section.heading .heading_box .heading_box_1 {
display: flex;
justify-content: center;
align-items: flex-start;
}
body.page-method4 section.lead {
padding-top: 113px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.lead {
padding-top: 316px;
padding-bottom: 59px;
}
}
body.page-method4 section.lead .lead_box .lead_box_1 {
position: relative;
}
@media screen and (min-width: 768px) {
body.page-method4 section.lead .lead_box .lead_box_1 {
padding-bottom: 127px;
}
}
body.page-method4 section.lead .lead_box .lead_box_1::before {
content: "";
position: absolute;
z-index: -2;
background: #0078c8;
}
@media screen and (min-width: 768px) {
body.page-method4 section.lead .lead_box .lead_box_1::before {
left: 135px;
bottom: 0;
width: 779px;
height: 104px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.lead .lead_box .lead_box_1::before {
left: 31px;
top: -118px;
width: 100vw;
height: 95px;
}
}
body.page-method4 section.lead .lead_box .lead_box_1 .image_1 {
margin-bottom: 34px;
}
body.page-method4 section.lead .lead_box .lead_box_1 .text_1 {
width: 100%;
max-width: 408px;
font-size: 16px;
font-weight: 500;
line-height: 2;
}
body.page-method4 section.lead .lead_box .lead_box_1 .text_2 {
width: 100%;
font-size: 28px;
font-weight: bold;
line-height: 1.2857142857;
color: #0d4183;
margin-bottom: 16px;
}
body.page-method4 section.lead .lead_box .lead_box_1 .image_2 {
z-index: -1;
position: absolute;
top: -47px;
left: 438px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.lead .lead_box .lead_box_1 .image_2 {
top: -294px;
left: 0;
}
}
@media screen and (min-width: 768px) {
body.page-method4 section.lead .lead_box .lead_box_1 .image_2 img {
max-width: unset;
}
}
body.page-method4 section.menu {
padding-top: 55px;
padding-bottom: 75px;
}
body.page-method4 section.feature {
background: #ebebeb;
padding-top: 77px;
padding-bottom: 104px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature {
padding-top: 65px;
padding-bottom: 62px;
}
}
body.page-method4 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 24px;
}
}
body.page-method4 section.feature .feature_box .feature_box_1 .text_2 {
font-size: 32px;
font-weight: bold;
line-height: 1.75;
text-align: center;
color: #0078c8;
margin-bottom: 37px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_1 .text_2 {
font-size: 28px;
width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 1.5714285714;
margin-bottom: 17px;
}
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
background: #fff;
border-radius: 10px;
margin-bottom: 16px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
height: 260px;
padding: 36px 65px 36px 67px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
padding-top: 46px;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-bottom: 41px;
margin-bottom: 23px;
}
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
font-size: 24px;
line-height: 1.5;
font-weight: bold;
color: #0078c8;
margin-top: -6px;
margin-bottom: 12px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 {
line-height: 1.4166666667;
text-align: center;
width: 100%;
max-width: 279px;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_1 strong {
background: linear-gradient(transparent 65%, #ffff00 35%);
font-weight: inherit;
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 {
width: 100%;
max-width: 346px;
font-size: 14px;
line-height: 1.7142857143;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 {
width: 100%;
max-width: 279px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 2;
margin-bottom: 15px;
}
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 {
width: 257px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 {
width: 279px;
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .image_1 img {
max-width: unset;
width: 279px;
}
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1 .feature_box_2_1_2 {
position: relative;
}
@media screen and (min-width: 768px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(1) .image_1 {
position: absolute;
top: -23px;
right: 4px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(1) .image_1 {
margin-top: -19px;
width: 257px;
}
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(1) .image_1 img {
width: 257px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.feature .feature_box .feature_box_2 .feature_box_2_1:nth-of-type(3) .text_1 {
max-width: 319px;
}
}
body.page-method4 section.before {
padding-top: 119px;
padding-bottom: 78px;
background: #0078c8;
}
@media screen and (max-width: 767px) {
body.page-method4 section.before {
padding-top: 64px;
padding-bottom: 12px;
}
}
body.page-method4 section.before .before_box .before_box_1 .text_1 {
color: #fff;
margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.before .before_box .before_box_1 .text_1 {
margin-bottom: 32px;
}
}
body.page-method4 section.before .before_box .before_box_1 .text_1::before {
border: 8px solid #c5c5c5;
}
body.page-method4 section.before .before_box .before_box_2 .list_1 {
position: relative;
}
@media screen and (max-width: 767px) {
body.page-method4 section.before .before_box .before_box_2 .list_1 .item_1 {
margin-bottom: 59px !important;
}
}
body.page-method4 section.before .before_box .before_box_2 .list_1 .item_1 .text_1 {
font-size: 14px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.before .before_box .before_box_2 .list_1 .item_1 .text_1 {
font-size: 14px;
}
}
body.page-method4 section.before .before_box .before_box_2 .arrow_1 {
position: absolute;
width: 10px;
height: 20px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% - 30px);
left: calc(50% + 0px);
}
@media screen and (max-width: 767px) {
body.page-method4 section.before .before_box .before_box_2 .arrow_1 {
width: 20px;
height: 40px;
}
}
body.page-method4 section.before .before_box .before_box_2 .arrow_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/method4_before_image_3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.page-method4 section.before .before_box .before_box_2 .arrow_1::before {
transform: rotate(90deg);
width: 20px;
height: 40px;
}
}
body.page-method4 section.spec {
padding-top: 120px;
padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec {
padding-top: 67px;
padding-bottom: 62px;
}
}
body.page-method4 section.spec .spec_box .spec_box_1 .text_1 {
margin-bottom: 34px;
}
body.page-method4 section.spec .spec_box .spec_box_2 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 13px;
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_2 {
height: 124px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_2 {
flex-direction: column;
align-items: center;
}
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_1 {
width: 50%;
}
}
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_1 .image_1 {
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_1 .image_1 {
margin-bottom: 10px;
}
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_1 .image_1 img {
position: absolute;
left: 93px;
top: 10px;
}
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_2 {
width: 50%;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_2 {
margin-bottom: 21px;
}
}
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_2 .image_2 {
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_2 .spec_box_2_2 .image_2 img {
position: absolute;
left: 15px;
top: 10px;
}
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_3 {
height: 197px;
width: 100%;
border-radius: 10px;
background: #ebebeb;
border: 1px solid #dfdfdf;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_3 {
margin-left: 13px;
}
}
body.page-method4 section.spec .spec_box .spec_box_3 .text_1 {
font-size: 14px;
line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_1 {
position: absolute;
top: 72px;
left: 60px;
width: 330px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_1 {
font-size: 16px;
line-height: 1.5;
}
}
body.page-method4 section.spec .spec_box .spec_box_3 .text_2 {
font-size: 14px;
line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_2 {
position: absolute;
top: 72px;
left: 267px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_2 {
font-size: 16px;
line-height: 1.5;
}
}
body.page-method4 section.spec .spec_box .spec_box_3 .text_3 {
font-size: 14px;
line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_3 {
position: absolute;
top: 72px;
left: 422px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_3 {
font-size: 16px;
line-height: 1.5;
}
}
body.page-method4 section.spec .spec_box .spec_box_3 .text_4 {
font-size: 14px;
line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_4 {
position: absolute;
top: 72px;
left: 607px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.spec .spec_box .spec_box_3 .text_4 {
font-size: 16px;
line-height: 1.5;
}
}
body.page-method4 section.example {
background: #0078c8;
padding-top: 120px;
padding-bottom: 103px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.example {
padding-top: 69px;
padding-bottom: 33px;
}
}
body.page-method4 section.example .example_box .example_box_1 .text_1 {
color: #fff;
margin-bottom: 39px;
}
@media screen and (max-width: 767px) {
body.page-method4 section.example .example_box .example_box_1 .text_1 {
margin-bottom: 22px;
}
}
body.page-method4 section.example .example_box .example_box_1 .text_1::before {
border: 8px solid #c5c5c5;
}
body.page-method4 section.example .example_box .example_box_2 .text_2 {
font-size: 22px;
color: #fff;
text-align: center;
margin-bottom: 27px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body.page-method4 section.example .example_box .example_box_2 .text_2 {
font-size: 32px;
line-height: 1.375;
text-align: left;
margin-bottom: 33px;
}
}
@media screen and (max-width: 767px) {
body.page-method4 section.example .example_box .example_box_2 .list_1 .item_1 {
margin-bottom: 35px;
}
}
@media screen and (min-width: 768px) {
body.page-method5 .w-md {
width: 100%;
max-width: 876px;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.page-method5 .w-md {
width: 100%;
max-width: 375px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
}
body.page-method5 section.heading {
padding-top: 46px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.heading {
padding-top: 61px;
}
body.page-method5 section.heading .w-md {
padding-left: 0;
padding-right: 0;
}
}
body.page-method5 section.heading .heading_box .heading_box_1 {
display: flex;
justify-content: center;
align-items: flex-start;
}
body.page-method5 section.lead {
padding-top: 113px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.lead {
padding-top: 316px;
padding-bottom: 58px;
}
}
body.page-method5 section.lead .lead_box .lead_box_1 {
position: relative;
}
@media screen and (min-width: 768px) {
body.page-method5 section.lead .lead_box .lead_box_1 {
padding-bottom: 137px;
}
}
body.page-method5 section.lead .lead_box .lead_box_1::before {
content: "";
position: absolute;
z-index: -2;
background: #75a154;
}
@media screen and (min-width: 768px) {
body.page-method5 section.lead .lead_box .lead_box_1::before {
left: 135px;
bottom: 0;
width: 779px;
height: 104px;
}
}
@media screen and (max-width: 767px) {
body.page-method5 section.lead .lead_box .lead_box_1::before {
left: 31px;
top: -118px;
width: 100vw;
height: 95px;
}
}
body.page-method5 section.lead .lead_box .lead_box_1 .image_1 {
margin-bottom: 48px;
}
body.page-method5 section.lead .lead_box .lead_box_1 .text_1 {
width: 100%;
max-width: 408px;
font-size: 16px;
font-weight: 500;
line-height: 2;
}
body.page-method5 section.lead .lead_box .lead_box_1 .text_2 {
width: 100%;
font-size: 28px;
font-weight: bold;
line-height: 1.2857142857;
color: #0d4183;
margin-bottom: 16px;
}
body.page-method5 section.lead .lead_box .lead_box_1 .image_2 {
z-index: -1;
position: absolute;
top: -47px;
left: 438px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.lead .lead_box .lead_box_1 .image_2 {
top: -294px;
left: 0;
}
}
@media screen and (min-width: 768px) {
body.page-method5 section.lead .lead_box .lead_box_1 .image_2 img {
max-width: unset;
}
}
body.page-method5 section.menu {
padding-top: 55px;
padding-bottom: 75px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.menu {
padding-top: 68px;
padding-bottom: 56px;
}
}
body.page-method5 section.menu .menu_box .menu_box_1 .item_1::before {
background: #75a154;
}
body.page-method5 section.feature {
background: #ebebeb;
padding-top: 78px;
padding-bottom: 104px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.feature {
padding-top: 67px;
padding-bottom: 57px;
}
}
body.page-method5 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 42px;
color: #75a154;
}
@media screen and (max-width: 767px) {
body.page-method5 section.feature .feature_box .feature_box_1 .text_1 {
margin-bottom: 33px;
}
}
body.page-method5 section.feature .feature_box .feature_box_1 .text_1::before {
border: 8px solid #75a154;
}
body.page-method5 section.feature .feature_box .feature_box_1 .text_1::after {
background: #008b45;
}
body.page-method5 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
background: #fff;
border-radius: 10px;
margin-bottom: 16px;
padding: 30px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.feature .feature_box .feature_box_2 .feature_box_2_1 {
padding-top: 39px;
margin-bottom: 22px;
padding-left: 15px;
padding-right: 15px;
}
}
body.page-method5 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 {
font-size: 24px;
font-weight: bold;
color: #75a154;
width: 100%;
max-width: 688px;
margin-left: auto;
margin-right: auto;
margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_2 {
text-align: center;
line-height: 1.3333333333;
margin-bottom: 8px;
}
}
body.page-method5 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_3 {
font-size: 14px;
line-height: 1.7142857143;
font-weight: 500;
width: 100%;
max-width: 688px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.page-method5 section.feature .feature_box .feature_box_2 .feature_box_2_1 .text_3 {
font-size: 16px;
line-height: 2;
max-width: 279px;
}
}
body.page-method5 section.example {
padding-top: 120px;
background: #75a154;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example {
padding-top: 68px;
}
}
body.page-method5 section.example .example_box .example_box_1 .text_1 {
color: #fff;
margin-bottom: 39px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_1 .text_1 {
margin-bottom: 31px;
}
}
body.page-method5 section.example .example_box .example_box_1 .text_1 small {
font-size: 18px;
margin-left: 20px;
vertical-align: 3px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_1 .text_1 small {
font-size: 16px;
margin-left: 15px;
}
}
body.page-method5 section.example .example_box .example_box_1 .text_1::before {
border: 8px solid #c5c5c5;
}
body.page-method5 section.example .example_box .example_box_1 .text_1::after {
background: #d2d921;
}
body.page-method5 section.example .example_box .example_box_2 {
margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_2 {
margin-bottom: 16px;
}
}
body.page-method5 section.example .example_box .example_box_2 .list_1 {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
list-style: none;
}
body.page-method5 section.example .example_box .example_box_2 .list_1 .item_1 .image_1 {
width: 256px;
height: 184px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_2 .list_1 .item_1 .image_1 {
width: 343px;
height: 250px;
margin-bottom: 14px;
}
}
body.page-method5 section.example .example_box .example_box_2 .list_1 .item_1 .text_1 {
text-align: center;
color: #fff;
font-size: 18px;
}
body.page-method5 section.example .example_box .example_box_2 .list_1 .arrow_1 {
position: relative;
width: 7px;
height: 100%;
}
@media screen and (min-width: 768px) {
body.page-method5 section.example .example_box .example_box_2 .list_1 .arrow_1 {
left: -1px;
top: 89px;
}
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_2 .list_1 .arrow_1 {
width: 20px;
height: 53px;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
}
body.page-method5 section.example .example_box .example_box_2 .list_1 .arrow_1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 7px;
height: 14px;
background: url(//www.nhs.or.jp/wp-content/themes/otasuke-child/images/method4_before_image_3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_2 .list_1 .arrow_1::before {
transform: rotate(90deg);
width: 20px;
height: 40px;
}
}
body.page-method5 section.example .example_box .example_box_3 {
padding-top: 23px;
padding-bottom: 53px;
position: relative;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_3 {
padding-top: 0;
padding-bottom: 284px;
}
}
body.page-method5 section.example .example_box .example_box_3::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 110vw;
height: 100%;
background: #a5c290;
z-index: 1;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 {
flex-direction: column;
}
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 {
width: 100%;
max-width: 464px;
padding-top: 46px;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_1 {
padding-top: 14px;
font-size: 26px;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
border-radius: 10px;
width: 378px;
line-height: 1.2307692308;
height: 98px;
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_1 {
font-size: 24px;
width: 100%;
height: 87px;
}
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_2 {
width: 100%;
max-width: 353px;
font-size: 14px;
line-height: 1.7142857143;
color: #fff;
font-weight: 500;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .text_2 {
font-size: 16px;
line-height: 2;
margin-bottom: 26px;
}
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 {
display: flex;
justify-content: flex-start;
align-items: center;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 .text_3 {
display: flex;
width: 44px;
height: 44px;
color: #fff;
background: #078c89;
align-items: center;
justify-content: center;
margin-right: 19px;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1 .example_box_3_1_1 .example_box_3_1_1_1 .text_4 {
color: #fff;
font-size: 14px;
line-height: 1.7142857143;
margin-bottom: 0;
margin-top: -6px;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1_2 {
position: relative;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1_2 .image_1 {
position: relative;
z-index: 2;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1_2 .image_1 img {
max-width: unset;
position: absolute;
left: -21px;
top: 80px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1_2 .image_1 img {
width: 225px;
left: 5px;
top: 61px;
}
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1_2 .image_2 {
position: relative;
z-index: 1;
}
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1_2 .image_2 img {
max-width: unset;
position: absolute;
left: 172px;
top: 30px;
}
@media screen and (max-width: 767px) {
body.page-method5 section.example .example_box .example_box_3 .example_box_3_1_2 .image_2 img {
width: 166px;
left: 179px;
top: 20px;
}
}
.cookie_table {
border-width: 0.5px !important;
width: 100%;
margin-bottom: 96px;
margin-top: -56px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
grid-template-areas: "box_1 box_3 box_5 box_7" "box_2 box_4 box_6 box_8";
}
@media screen and (max-width: 767px) {
.cookie_table {
margin-top: -26px;
margin-bottom: 48px;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-template-areas: "box_1 box_2" "box_3 box_4" "box_5 box_6" "box_7 box_8";
}
}
.cookie_table .box_1 {
grid-area: box_1;
}
.cookie_table .box_2 {
grid-area: box_2;
}
.cookie_table .box_3 {
grid-area: box_3;
}
.cookie_table .box_4 {
grid-area: box_4;
}
.cookie_table .box_5 {
grid-area: box_5;
}
.cookie_table .box_6 {
grid-area: box_6;
}
.cookie_table .box_7 {
grid-area: box_7;
}
.cookie_table .box_8 {
grid-area: box_8;
}
.cookie_table dt {
text-align: center;
height: 40px;
line-height: 40px;
font-size: 14px;
margin-bottom: 0;
background: #fafaec;
font-weight: normal;
border-width: 0.5px !important;
}
.cookie_table dd {
text-align: center;
height: 40px;
line-height: 40px;
font-size: 14px;
margin-bottom: 0;
border-width: 0.5px !important;
}