@charset "UTF-8";
/*===============================================================
	変数
===============================================================*/
/*　画面左右のマージン　*/
/*　幅　*/
/*	グリッド幅  */
/*	セクション、コンテンツ間のマージン　*/
/*===============================================================
	色 _color.scss
===============================================================*/
.color_main {
  color: #3A8129;
}

.color_main_hover {
  color: #3c8c28;
}

.color_sub {
  color: #ccc;
}

.color_sub_hover {
  color: #ddd;
}

.color_red {
  color: #CD7B77;
}

.color_red_hover {
  color: #da645e;
}

.color_brown {
  color: #84531A;
}

.color_brown_hover {
  color: #935a1a;
}

.color_light_brown {
  color: #F1EDE7;
}

.color_light_brown_hover {
  color: #dcd6ce;
}

.color_blue {
  color: #007EBC;
}

.color_blue_hover {
  color: #028bcf;
}

.color_light_blue {
  color: #ECF5F7;
}

.color_green {
  color: #3A8129;
}

.color_light_green {
  color: #D6F0DC;
}

.color_orange {
  color: #D98D14;
}

.color_purple {
  color: #c001e6;
}

.color_yellow {
  color: #fc0;
}

.color_light_yellow {
  color: #FFF5E0;
}

.color_beige {
  color: #F4F3E9;
}

.color_beige_dark {
  color: #e0decf;
}

.color_pink {
  color: #FD004E;
}

.color_light_pink {
  color: #FCEFF2;
}

.color_gray {
  color: #666;
}

.color_white {
  color: #fff;
}

.color_light_gray {
  color: #8F8F8F;
}

.color_key {
  color: #3A8129;
}

/*===============================================================
	_mixin.scss
===============================================================*/
/*===============================================================
	ボタン
	@include btn_base(#c00,#000,#fff,#fff,auto);
===============================================================*/
/*===============================================================
	矢印
	@include mx_arw();	
===============================================================*/
/*===============================================================
	三角
	@include mx_sankaku(幅,高さ,色,色hover,向き);	
===============================================================*/
/*===============================================================
	センタリング
	@include mx_margin_center();	
===============================================================*/
/*===============================================================
	斜線の背景
	@include mx_slash($color1,$color2,$width);	
===============================================================*/
/*===============================================================
	グラデーション
	@include mx_grade(色1,色2,向き（横:h / 縦:v）)
===============================================================*/
/*===============================================================

	_reset.scss 2021/9/24

===============================================================*/
/* 初期化
----------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  width: 100%;
  height: auto;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input,
textarea {
  margin: 0;
  padding: 0;
}

input[type=submit],
textarea {
  font-family: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
dt,
dd,
div {
  font-size: 1.8rem;
  list-style: 1.8;
}

caption,
th,
td {
  text-align: left;
  vertical-align: top;
}

img {
  vertical-align: top;
  border: 0;
}

ul,
li {
  list-style-position: inside;
}

option {
  padding-right: 1em;
}

address,
caption {
  font-style: normal;
  font-weight: normal;
}

a {
  text-decoration: underline;
}

ul a,
li a {
  zoom: 1;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* HTML5
----------------------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

.js_fadein {
  opacity: 1;
}

.max_width,
.wide_width,
.large_width,
.content_width,
.narrow_width {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page_break_before {
  page-break-before: always;
}

.page_break_after {
  page-break-after: always;
}

/*===============================================================

	_headline.scss 2021/9/24

===============================================================*/
/*-------------------------------------------------------------
	headline	
-------------------------------------------------------------*/
.headline .title {
  font-size: 5mm;
  line-height: 1.3;
}
.headline .lead {
  font-size: 4mm;
}
.headline .title + .lead {
  margin-top: 1.5em;
}
.headline .lead + .title {
  margin-top: 0.5em;
}
/*-------------------------------------------------------------
	content_title	
-------------------------------------------------------------*/
.content_title {
  margin-bottom: 3rem;
}
.content_title .title {
  font-size: 5mm;
}
.content_title .lead {
  font-size: 24mm;
  line-height: 1.6;
}
.content_title .title + .lead {
  margin-top: 1.5rem;
}
.content_title .lead + .title {
  margin-top: 1rem;
}
/*-------------------------------------------------------------
	lv_1	
-------------------------------------------------------------*/
.lv_1 .en {
  font-size: 1rem;
  color: #3A8129;
}
.lv_1 .label {
  display: inline-block;
  color: #fff;
  font-size: 3mm !important;
  line-height: 1.6;
  padding: 0 0.5em;
  margin-top: 0.5em;
}
.lv_1 .label + * {
  margin-top: 0.5em;
}
.lv_1 .title_l {
  font-size: 5mm;
  line-height: 1.4;
  color: #5C3B23;
}
.lv_1 .title {
  font-size: 4mm;
  line-height: 1.4;
  color: #5C3B23;
}
.lv_1 .lead {
  font-size: 2rem;
}
.content * + .lv_1 {
  margin-top: 10rem;
}
@media screen and (max-width: 800px) {
  .lv_1 .en {
    font-size: 3vw;
  }
  .lv_1 .label {
    font-size: 3.8vw;
  }
  .lv_1 .title_l {
    font-size: 6vw;
  }
  .lv_1 .title {
    font-size: 6vw;
  }
  .lv_1 .lead {
    font-size: 4vw;
    line-height: 1.5;
  }
  .lv_1 .title + .lead {
    margin-top: 1vw;
  }
  .lv_1 .lead + .title {
    margin-top: 0vw;
  }
  .content * + .lv_1 {
    margin-top: 5rem;
  }
}

/*-------------------------------------------------------------
	lv_2	
-------------------------------------------------------------*/
.lv_2 .title {
  font-size: 3rem;
  color: #2E5C23;
}
.lv_2 .title strong {
  color: #3A8129;
}
.lv_2 .lead {
  font-size: 1.8rem;
}
.lv_2 .title + .lead {
  margin-top: 0.5rem;
}
@media screen and (max-width: 800px) {
  .lv_2 .title {
    font-size: 5.2vw;
  }
  .lv_2 .lead {
    font-size: 4vw;
  }
  .lv_2 .title + .lead {
    margin-top: 1vw;
  }
  .lv_2 .lead + .title {
    margin-top: 0vw;
  }
}

/*-------------------------------------------------------------
	lv_3	
-------------------------------------------------------------*/
.lv_3 .title {
  font-size: 2rem;
}
.lv_3 .lead {
  font-size: 1.4rem;
}
@media screen and (max-width: 800px) {
  .lv_3 .title {
    font-size: 4.2vw;
  }
  .lv_3 .lead {
    font-size: 4vw;
    line-height: 1.4;
  }
  .lv_3 .title + .lead {
    margin-top: 1vw;
  }
  .lv_3 .lead + .title {
    margin-top: 0vw;
  }
  .lv_3.block_title + .block {
    margin-top: 1.5rem;
  }
}

/*-------------------------------------------------------------
	lv_4	
-------------------------------------------------------------*/
.lv_4 .title {
  font-size: 1.8rem;
}
.lv_4 .lead {
  font-size: 1.4rem;
}
@media screen and (max-width: 800px) {
  .lv_4 .title {
    font-size: 4vw;
  }
  .lv_4 .lead {
    font-size: 3.2vw;
    line-height: 1.4;
  }
  .lv_4 .title + .lead {
    margin-top: 1vw;
  }
  .lv_4 .lead + .title {
    margin-top: 0vw;
  }
  .lv_4.block_title + .block {
    margin-top: 1rem;
  }
}

/*-------------------------------------------------------------
title_circle
-------------------------------------------------------------*/
.title_circle {
  margin-top: 3rem;
}
.c_step_arrow + .title_circle {
  margin-top: 8rem;
}
.title_circle .title {
  font-size: 2.5rem;
}
.title_circle + .c_txt_photobox {
  margin-top: -1.5rem;
}
.title_circle + .c_step_arrow {
  margin-top: -1.5rem;
}
@media screen and (max-width: 800px) {
  .title_circle {
    margin-top: 3vw;
  }
  .c_step_arrow + .title_circle {
    margin-top: 8vw;
  }
  .title_circle .title {
    font-size: 4.5vw;
  }
  .title_circle + .c_txt_photobox {
    margin-top: 0;
  }
  .title_circle + .c_step_arrow {
    margin-top: 0;
  }
}

/*===============================================================

    slick

===============================================================*/
.slick-slider button {
  display: none !important;
}
.slick-slider li {
  list-style: none;
}

.slick-track,
.slick-slide {
  width: 100% !important;
  height: auto !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.slick-cloned,
.slick-dots {
  display: none !important;
}

.slick-list {
  padding: 0 !important;
  text-align: left !important;
  height: auto !important;
}

/*===============================================================

   layout

===============================================================*/
body {
  padding: 50px;
  background-color: #fff;
}

h1 {
  font-size: 30px;
  list-style: 1.4 !important;
  margin-top: 1em;
  font-weight: bold;
}

h2 {
  font-size: 25px;
  list-style: 1.4;
  font-weight: bold;
  font-size: 5mm !important;
}
h2 span {
  font-weight: bold;
}

.title,
h3,
h4,
h5 {
  font-size: 18px;
  list-style: 1.4;
  font-weight: bold;
  font-size: 4mm !important;
}

span,
p {
  font-size: 16px;
  font-size: 3mm !important;
  line-height: 1.8;
}

.title {
  font-size: 120%;
  font-weight: bold;
}

.c_btn {
  margin-top: 1em !important;
}

.section {
  border-top: solid 1px #000;
  margin-top: 60px;
  padding-top: 30px;
}

br.sp,
br.pc_tablet {
  display: none;
}

/*===============================================================
スリック
===============================================================*/
.slick-slider,
.slick-list,
.slick-track {
  position: static !important;
  -webkit-transform: none !important;
          transform: none !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.slick-slide {
  float: none !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
}

/* 矢印・ドットは不要なので非表示 */
.slick-arrow,
.slick-dots {
  display: none !important;
}

/*===============================================================
    header
===============================================================*/
.header {
  position: static;
  height: auto !important;
}
.header .service_outline {
  position: static;
  font-size: 3mm;
}
.header .site_title {
  width: 100%;
  margin-top: 2mm;
}
.header .site_title a {
  font-size: 10mm !important;
}
.header .site_title a .logo {
  width: 20mm !important;
  margin: 0 !important;
  margin-right: 5mm !important;
}
.header .header_inner {
  padding: 0 !important;
}

.header_nav,
.hamburger_menu,
.navigation_panel,
.navigation {
  display: none;
}

/*===============================================================
footer
===============================================================*/
.footer {
  display: none;
}

/*===============================================================
 非表示
===============================================================*/
.pankuzu,
.c_scroll_line {
  display: none;
}

/*===============================================================
section_inner
===============================================================*/
.section_inner {
  padding: 10mm 0 !important;
}

/*===============================================================
section_blog
===============================================================*/
.section_blog .blog_area_main {
  width: 100% !important;
}
.section_blog .blog_area_sub {
  display: none;
}

/*===============================================================
c_service_kv
===============================================================*/
.section_top_kv {
  display: none;
  width: 100%;
  height: auto;
  max-height: 100% !important;
}
.section_top_kv .kv_slide_container .slide {
  max-height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.section_top_kv .kv_slide_container .label_block,
.section_top_kv .kv_slide_container .txt_block,
.section_top_kv .kv_slide_container .right_block {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.section_top_kv .c_service_kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto !important;
}
.section_top_kv .c_service_kv .info_block {
  width: 100% !important;
}
.section_top_kv .right_block {
  width: 100% !important;
  display: none;
}

/*===============================================================
section_top_topics
===============================================================*/
.section_top_topics .c_topics_list .date {
  width: 10em;
}
.section_top_topics .c_topics_list .text {
  margin-top: 0 !important;
}

/*===============================================================
section_top_rootcheck
===============================================================*/
.section_top_rootcheck .right_block {
  margin: 0 !important;
}
.section_top_rootcheck .right_block img {
  width: 100% !important;
}

/*===============================================================
section_page_kv
===============================================================*/
.section_page_kv .section_inner {
  padding: 0;
}
.section_page_kv .fig {
  position: static !important;
}

/*===============================================================
section_contact
===============================================================*/
.section_contact {
  page-break-before: always;
}
.section_contact .contact_block {
  padding: 10mm !important;
}
.section_contact .label {
  font-size: 20px;
  font-weight: bold;
}
.section_contact .campany {
  font-size: 20px;
  margin-top: 50px !important;
  font-weight: bold;
}
.section_contact .tel {
  font-size: 20px !important;
  font-weight: bold;
  margin-top: 0;
}

/*===============================================================
faq
===============================================================*/
.accordion_header {
  font-weight: bold;
}
.accordion_header .title {
  margin-top: 0;
}

.accordion_body {
  display: block !important;
}

/*===============================================================
section_asahionkyo
===============================================================*/
.section_asahionkyo .btn_download {
  max-width: 100% !important;
}

/*===============================================================
section_product_slider
===============================================================*/
.section_product_slider .slide {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ccc;
}
.section_product_slider .slide img {
  margin-top: 10px !important;
}
.section_product_slider .txt .targetlink {
  margin-top: 0;
}

/*===============================================================
section_about
===============================================================*/
.section_about .block {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #666;
}
.section_about .base_block .item {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ccc;
}
.section_about .base_block .item .area {
  margin-top: 10px;
}
.section_about .base_block .item .office {
  padding-left: 1em;
}

/*===============================================================
section_entry
===============================================================*/
.section_entry .content_flex_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.section_entry .title_xs {
  margin: 0;
}
.section_entry .title_xs .sect {
  padding-left: 15px;
  font-weight: bold;
}
.section_entry .title_xl {
  margin-top: 0;
}

/*===============================================================
    wp-block-table
===============================================================*/
.wp-block-table {
  margin-top: 20px;
}
.wp-block-table table {
  width: 100%;
  border-bottom: solid 1px #ccc;
}
.wp-block-table th,
.wp-block-table td {
  border-top: solid 1px #ccc;
  padding: 0.5em 0;
  line-height: 1.6;
}

/*===============================================================
section_service_flow
===============================================================*/
.section_service_flow .flow_block {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ccc;
}

/*===============================================================
section_page_header
===============================================================*/
.section_page_header .title_lg .title_xs {
  display: block;
  font-size: 50%;
}
/*# sourceMappingURL=print.css.map */