/*
Theme Name: Divi tofutech
Theme URI: https://tofutech.xyz
Description: tofutechが提供する、Diviの日本語を直した子テーマです。
Author: Naomi Suzuki
Author URI: https://tofutech.xyz
Template: Divi
Version: 1.0.0
*/

/* Start your custom CSS bellow this comment
============================================ */
*{
font-family: 'Montserrat', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'dashicons', sans-serif!important;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
	padding:0;
}
.et_pb_equal_columns > .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}
/* 　stickyによる被り　*/
#page-container {
	  overflow-y:initial!important;
	  margin-top: -107px!important;
	  transition: 0.1s!important;
}
#et-main-area {
     margin-top: -107px;
	  transition: 0.1s!important;
}
/*divi-pixelのExpanding CTAのバグ修正*/
body.dipi-expanded-body #et-main-area {
     overflow-x: inherit !important;
}
/* 基本のコンテナの横幅　*/
.container,
.et_pb_row{
     width: 89%;
}
/* top以外の背景カラー　*/
body:not(.home) #et-main-area{
	background-color:rgb(235 235 235 / 66%);
}
/* sp　ヘッダーの被り　*/
.home .et_pb_section_0 {
    padding: 0px 0!important;
}
.ls200 {
	  letter-spacing: 0.2em!important;
}
/* アニメーション前のスタイル */
.js-marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #ffe966b5, #ffe966b5);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%; 
  transition: all 2s ease-in-out; 
  font-weight: bold; 
}
/* h4スタイル（diviで記述できない為）*/
#h4type01 h4{
    position: relative;
	 padding-left: 40px;
}
#h4type01 h4:before{
    content: "";
    height: 2px;
    width: 32px;
    background: #231816;
    position: absolute;
    left: 0px;
    top: 11px;
}
#h4type01.h4mb4 h4 + h5{
	margin-top:4px;
}
/* アニメーション発火時 */
.js-marker.inview {
  background-size: 100% 30%; 
}
@media screen and (min-width: 981px){
/* 　stickyによる被り　*/
#page-container {
	  margin-top: -91px!important;
}
/* 基本のコンテナの横幅　*/
.container,
.et_pb_row{
    width: 80%;
}
}