/*
Threme Name: oeh
Threme URI: https://wordpress.org/thremes/oeh/
Author: yotaro shigetoku
Author URI: https://wordpress.org/
Description: Our default threme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elrements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-tremplate, rtl-language-support, sticky-post, threme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This threme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.english_page_button {
  display: inline-block;
  background-color: #FFFFFF;
  color: #0D3A6D;
  padding: 10px 3rem;
  border-radius: 53px;
  text-decoration: none;
  font-size: 1.8rem;
  border: 0.3rem solid #FF6C15;
  margin: 10rem auto 0;
  display: block;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .english_page_button {
    font-size: 3vw;
    margin-top: 0;
  }
}
.english_page_button:hover {
  background-color: #FF6C15;
  color: #FFFFFF;
  cursor: pointer;
}

.top_h1 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .top_h1 {
    font-size: 6vw;
    text-align: center;
  }
}

.top_h2default {
  text-align: center;
  margin-bottom: 1rem;
}
.top_h2default h2 {
  font-size: 3rem;
  font-weight: 700;
  color: #0D3A6D;
  margin-bottom: 10px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .top_h2default h2 br {
    display: none;
  }
}
.top_h2default h2:after {
  display: none;
}
.top_h2default p {
  font-size: 2rem;
  color: #666;
  line-height: 1.5;
  text-align: center;
}

.top_mv_section {
  max-width: 120rem;
  margin: 0 auto 3rem;
}
.top_mv_section .top_mv {
  padding: 2rem 1rem 0;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv {
    width: auto;
  }
}
.top_mv_section .top_mv .top_mv_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
  flex: 1;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv .top_mv_content {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
  }
}
.top_mv_section .top_mv .top_mv_content .top_mv_text {
  width: 40vw;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv .top_mv_content .top_mv_text {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}
.top_mv_section .top_mv .top_mv_content .top_mv_text h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #0D3A6D;
  line-height: 1.5;
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv .top_mv_content .top_mv_text h1 {
    font-size: 2rem;
    margin-bottom: 0;
    text-align: center;
  }
}
.top_mv_section .top_mv .top_mv_content .top_mv_text h1 span {
  font-weight: bold;
  font-size: 6vw;
}
.top_mv_section .top_mv .top_mv_content .top_mv_text p {
  line-height: 1.5;
  font-size: 2rem;
  color: #0D3A6D;
}
.top_mv_section .top_mv .top_mv_content .top_mv_img {
  height: auto;
  width: 50vw;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv .top_mv_content .top_mv_img {
    width: 100%;
  }
}
.top_mv_section .top_mv .top_mv_content .top_mv_img img {
  height: auto;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv .top_mv_content .top_mv_img img {
    width: 100%;
  }
}
.top_mv_section .top_mv .top_mv_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv .top_mv_button {
    flex-direction: column;
    margin-top: 0;
  }
}
.top_mv_section .top_mv .top_mv_button button {
  margin: 0 1rem;
}
@media screen and (max-width: 767px) {
  .top_mv_section .top_mv .top_mv_button button {
    margin: 1rem 0;
  }
}
.top_mv_section .top_mv .top_mv_button .consultation_button {
  background-color: #FF6C15;
  color: #FFFFFF;
  padding: 1rem 2rem;
  border-radius: 53px;
  text-decoration: none;
  font-size: 2rem;
  transition: background-color 0.3s ease;
}
.top_mv_section .top_mv .top_mv_button .consultation_button:hover {
  background-color: #FF4500;
  cursor: pointer;
}
.top_mv_section .top_mv .top_mv_button .line_button {
  background-color: #1DC55F;
  color: #FFFFFF;
  padding: 1rem 2rem;
  border-radius: 53px;
  text-decoration: none;
  font-size: 2rem;
  transition: background-color 0.3s ease;
}
.top_mv_section .top_mv .top_mv_button .line_button:hover {
  background-color: #16A34A;
  cursor: pointer;
}

.top_content_intro_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  background-color: #FF6C15;
}
.top_content_intro_section .top_content_intro {
  text-align: center;
}
.top_content_intro_section .top_content_intro h2 {
  font-size: 3rem;
  margin-bottom: 1.8rem;
  color: #FFFFFF;
  text-align: center;
}
.top_content_intro_section .top_content_intro h2 span {
  font-weight: bold;
  font-size: 128px;
}
.top_content_intro_section .top_content_intro p {
  font-size: 2rem;
  color: #FFFFFF;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .top_content_intro_section .top_content_intro p {
    text-align: left;
  }
}
.top_content_intro_section .top_content_intro p span {
  margin: 1rem 0;
  font-size: 3rem;
  line-height: 5rem;
  font-weight: bold;
}
.top_content_intro_section .top_mv_img {
  width: 100%;
  height: auto;
}
.top_content_intro_section .top_mv_img img {
  width: 100%;
  height: auto;
  display: block;
}

.top_content_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  background-color: #F5F5F5;
  margin-top: 0;
}
.top_content_section .top_content {
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .top_content_section .top_content {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.top_content_section .top_content h2 {
  font-size: 2.5rem;
  color: #0D3A6D;
  text-align: center;
  line-height: 1.5;
}
.top_content_section .top_content h2 span {
  font-weight: bold;
  font-size: 128px;
}
.top_content_section .top_content .top_content_text {
  width: 50%;
  padding-right: 1.5rem;
}
@media screen and (max-width: 767px) {
  .top_content_section .top_content .top_content_text {
    width: 100%;
    padding: 0;
  }
}
.top_content_section .top_content .top_content_text h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2.3rem;
  margin-bottom: 10px;
  color: #0D3A6D;
}
.top_content_section .top_content .top_content_text p {
  line-height: 2;
}
.top_content_section .top_content .top_content_img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .top_content_section .top_content .top_content_img {
    width: 100%;
  }
}
.top_content_section .top_content .top_content_img img {
  width: 100%;
  height: auto;
  display: block;
}
.top_content_section button {
  margin-top: 1rem;
  background-color: #FF6C15;
  color: #FFFFFF;
  padding: 1rem 2rem;
  border-radius: 53px;
  text-decoration: none;
  font-size: 1.8rem;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .top_content_section button {
    margin: 1rem auto 0;
    display: block;
  }
}
.top_content_section button:hover {
  background-color: #FF4500;
  cursor: pointer;
}

.plan_section .top_h2default {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top_news_section {
  background-color: #F5F5F5;
  padding: 2rem;
}
.top_news_section .top_news {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.top_news_section .top_news .news_item {
  padding: 1rem;
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  border-bottom: #0D3A6D 0.3rem dashed;
}
@media screen and (max-width: 767px) {
  .top_news_section .top_news .news_item {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .top_news_section .top_news .news_item .news_date {
    width: 10rem;
    flex: 0 0 auto;
    text-align: left;
  }
}
.top_news_section .top_news .news_item h3 {
  font-size: 2rem;
  color: #0D3A6D;
  margin-left: 1rem;
  line-height: 1.5;
  margin-block: 1rem;
}
.top_news_section .top_news .news_item h3::before {
  display: none;
}
@media screen and (max-width: 767px) {
  .top_news_section .top_news .news_item h3 {
    text-align: left;
    margin-left: 0;
  }
}
.top_news_section .top_news .news_item p {
  font-size: 1.8rem;
  color: #666;
}
.top_news_section .top_news .news_item a {
  color: #FF6C15;
  text-decoration: none;
}
.top_news_section .top_news .news_item a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .top_voice_list {
    flex-direction: column;
    flex-wrap: wrap;
  }
}