@charset "utf-8";
 /* body::after {
   content: '';
   position: absolute;
   background: url(/.vscode/tomato_kariru_education_v1.png) no-repeat center top;
   height: 9530px;
   width: 1366px;
   top: -123px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 20;
   opacity: 0.25;
   pointer-events: none;
 } */
 /* body::after {
   content: '';
   position: absolute;
   background: url(/.vscode/tomato_kariru_education_sp_v1.png) no-repeat center top /100% auto;
   height: 21696px;
   width: 100%;
   top: -2728px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 20;
   opacity: 0.25;
   pointer-events: none;
 } */
 /*---------------------------------------------
 reset
---------------------------------------------*/
 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td {
   margin: 0;
   padding: 0;
 }
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 fieldset,
 img {
   border: 0;
 }
 address,
 caption,
 cite,
 code,
 dfn,
 em,
 strong,
 th,
 var {
   font-style: normal;
   font-weight: normal;
 }
 ol,
 ul {
   list-style: none;
 }
 caption,
 th {
   text-align: left;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: 100%;
   font-weight: normal;
 }
 q:before,
 q:after {
   content: '';
 }
 abbr,
 acronym {
   border: 0;
   font-variant: normal;
 }
 sup {
   vertical-align: top;
 }
 sub {
   vertical-align: bottom;
 }
 input,
 textarea,
 select {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
 }
 input,
 textarea,
 select {
   font-size: 100%;
 }
 legend {
   color: #000;
 }
 li {
   list-style: none;
 }
 sup {
   font-size: 60%;
 }
 img {
   max-width: 100%;
   height: auto;
   border: none;
   background: transparent;
   vertical-align: bottom;
 }
 em, strong {
   font-weight: inherit;
 }
 /*---------------------------------------------
 custom reset
---------------------------------------------*/
 *,
 *:after,
 *:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 html,
 body {
   height: 100%;
   line-height: 1.5;
   color: #333;
   font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 }
 html {
   font-size: 62.5%;
 }
 body {
   font-size: 1.6rem;
 }
 a {
   text-decoration: none;
   color: #333;
 }
 a:not(.header_bg_main a),
 a img:not(.header_bg_main a img) {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }