@charset "utf-8";
/* CSS Document */

.container{ margin:0 auto; max-width:100%;}
@media only screen and ( min-width : 770px ) {
.for_sp {display: none!important;}
}
@media screen and (max-width: 769px) {.for_pc {display: none!important;}}
@media screen and (max-width: 1200px) {.for_pc_02 {display: none!important;}}
@media only screen and ( max-width : 1100px ) {
.tab_br::before {
	content: "\A" ;
	white-space: pre ;
}}
body * {
  box-sizing : border-box;
}
main{ margin: 0 auto; max-width: 1200px;}
@media only screen and ( max-width : 821px ) {
main{ margin: 0 auto; width: 100%;}
}

@media only screen and ( min-width : 1200px ) {
.header_for_sp {display: none!important;}
}
@media screen and (max-width: 1199px) {.header_for_pc {display: none!important;}}
main{ margin: 0 auto; max-width: 1200px;}
/*PC用*/
header{margin: 0 auto;
  width: 100%;
  height: 170px;
  background: linear-gradient(90deg,#fff 0%, #fff 50%, #ffff87 50%, #ffff87 100%);
  display: flex;
  justify-content: center;
  align-items: center;z-index:0;
}
@media screen and (max-width: 1199px) {header{height: 80px;}}
	.header{
	margin: 0 auto;
	z-index:1;
	width:1200px;
	height:170px;
	background-image: url("../img/header/b.png");
}
	.header_left{float: left; width: 900px;}
	.header_left_l{float: left; width: 40%; text-align: left; padding-top: 45px;}
	.header_left_r{float:right; text-align: left; padding-top: 65px; width: 60%;}
	.header_right{float:right; width: 250px;padding-top: 25px;}
	h1{color: #226900;font-size: 1.7em;}
	h1 a{color: #226900;}
	h1 span{font-size: 0.6em;}
	
ul.gnav-navi-1{
padding: 0;
text-align: center;font-size: 12px; width: 100%;display: flex;
}
ul.gnav-navi-1 li{
display: inline-block; width: 130px;position: relative;
}
ul.gnav-navi-1 li a{
display: block;
text-decoration: none;
}
ul.gnav-navi-1 a::first-line{
font-size: 16px;
}

/*子階層以降共通*/
.gnav-navi-1 li li {
    height: 0;
    overflow: hidden;
    transition: .5s; background-color: #fff;
}
.gnav-navi-1 li li a {
    border-top: 1px solid #eee;
}
.gnav-navi-1 li:hover > ul > li {
    height: 2rem;
    overflow: visible;
}
.header_tel{ width: 100%; margin: 0 auto;}
.header_tel01 {width: 135px;
    
    border: solid 1px #333;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: center;
	margin-left: 50px;
}
.header_tel01 p {
    margin: 0; 
    padding: 2px 10px;
	text-align: center;font-size: 0.9em;
}
	.header_tel02{margin: 0 auto; width: 100%;font-size: 1.3em; margin-top: 5px;}


/*スマホ用*/
.header_sp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: #fff;
}
.header_sp a{color: #226900;}
.logo {
  font-size: 24px;color: #226900;
}
.logo img{ width: 100%;}
@media screen and (max-width: 480px) {.logo img{ width: 100%;}}

/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #226900;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #fff;
  transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;padding-top: 10%;
}
.nav_item{font-size: 1.3em; width: 90%;padding: 15px 0;}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}

/**footer**/
#footer{margin: 0 auto; width: 100%; margin-top: 150px;background-color: #ffff87;}
.footer_main{margin: 0 auto;max-width: 1000px; padding-top: 50px;}

.foote_left{float: left; width: 50%;text-align: left;}
.foote_right{float: right;width: 50%; text-align: right;}
.footer_c{ text-align: center;font-size: 0.8em;padding: 50px 0;}
@media screen and (max-width: 1100px) {.foote_left{ padding-left: 5%;}.foote_right{ padding-right: 5%;}}
.foote_tit{font-size: 1.8em;padding-bottom: 0.5em;}

@media screen and (max-width: 768px) {
	.footer_main{width: 100%;}
	.foote_left{float: left; width: 90%;padding-left: 20px; margin: 0 auto;}
.foote_right{float: left;width: 98%; text-align: left;margin: 0 auto;padding-left: 20px;padding-right: 0%;}
	.foote_tit{font-size: 1.2em}
}

@media screen and (max-width: 480px) {.foote_tit{font-size: 1.5em}}
/***追従するトップへ戻るボタン***/
#page_top{
  width: 70px;
  height: 70px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #CEE0BA;
  opacity: 0.6;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {#page_top{width: 50px;height: 50px;}}
#page_top a{
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  text-decoration: none;
}
@media screen and (max-width: 480px) {#page_top a{width: 50px;height: 50px;}}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 35px;
  color: #fff;
  position: absolute;
  width: 35px;
  height: 35px;
  top: -1px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{color: #fff;content: 'TOP';display: block;position: absolute;top:55%;left: 28%;}
@media screen and (max-width: 480px) {#page_top a::before{font-size: 25px;width: 25px;height: 25px;}
	#page_top a::after{left: 22%; font-size: 0.8em;}}
/*TOP_KV*/
.kv{margin: 0 auto; width: 100%;background:#ffff87;display:flex;}
.kv_inf{ float: left;margin: 0 auto; width: 42%;}
.kv_inf_box{ text-align: right;}
.kv_inf_box img{width: 63%;}
.kv_img{ float:right;margin: 0 auto; width: 58%; background:#fff;}

@media screen and (min-width: 770px) {
.kv_inf_box{text-align: right;}
.kv_inf_box img{width: 64%;}
}

@media screen and (max-width: 769px) {
.kv_sp{margin: 0 auto; width: 100%;background:#ffff87;}
.kv_sp_img{ float:left;margin: 0 auto; width: 100%;}
.kv_sp_img img{width: 100%;}
.kv_sp_inf{ float: left;margin: 0 auto; width: 100%;background:#ffff87; margin-top: -1px;}
.kv_spsub_inf{ float: left;margin: 0 auto; width: 100%;background:#ffff87; margin-top: -3px;}
.kv_sp_inf img{width: 50%;}
}

@media screen and (max-width: 769px) {.kv_spsub_inf img{width: 70%;}}

@media screen and (max-width: 480px) {.kv_spsub_inf img{width: 100%; margin:0;}}

/*sub_KV*/
.kv_subinf_box{text-align: right;}
.kv_subinf_box img{width: 63%;}
@media screen and (min-width: 770px) {
.kv_subinf_box{text-align: right;}
.kv_subinf_box img{width: 64%;}
}

/*home*/
.home_inf_01{margin: 0 auto; width: 100%;text-align: center;padding-top:150px;}
@media screen and (max-width: 820px) {.home_inf_01{width: 90%;padding-top:40px;}}
@media screen and (max-width: 480px) {.home_inf_01{width: 95%;padding-top:40px;}}
.home_inf_01_tit{font-size: 1.8em; text-align: center; line-height: 200%;}
@media screen and (max-width: 780px) {.home_inf_01_tit{font-size: 1.3em;}}
.home_inf_01_tit span{background: linear-gradient(transparent 50%, #ffff87 50%);font-size: 1.4em;padding: 0 20px; color:#226900;font-weight:900;}
.home_inf_01_tit_02{font-size: 2.8em; text-align: center; line-height: 200%;color:#226900;padding-top:90px;font-weight:900;}
@media screen and (max-width: 780px) {.home_inf_01_tit_02{padding-top:10px;font-size: 1.5em;}}
.home_inf_01_tit_03{font-size: 5.0em; text-align: center; line-height: 200%;color:#226900;letter-spacing: 0.1em;font-weight:900;}
@media screen and (max-width: 780px) {.home_inf_01_tit_03{font-size: 3.0em;}}
@media screen and (max-width: 480px) {.home_inf_01_tit_03{font-size: 2.2em;}}
.home_inf_01_tit_03 img{width: 10%;}

.home_inf_02{margin: 0 auto; width: 100%;text-align: center;padding-top:138px;}
.home_inf_02_left{float: left; width: 57%;}
.home_inf_02_left_tit{font-size: 1.2em; text-align: center; line-height: 200%;padding:30px 15px 0 15px;}
@media screen and (max-width: 770px) {.home_inf_02{padding-top:40px;}}
@media screen and (max-width: 480px) {.home_inf_02{padding-top:40px; }.home_inf_02_left{float: left; width: 100%;}}
h2 {
    position: relative;
    padding: 0.1rem;
    font-size: 2.2rem;
    
    text-align: center;
}

h2::before,
h2::after {
    position: absolute;
    top: 0.2rem;
    height: 1.8rem;
    content: '';
}

h2::before {
    border-left: solid 3px;
    left: 25%;
    transform: rotate(-30deg);
}

h2::after {
    border-right: solid 3px;
    right: 25%;
    transform: rotate(30deg);
}

@media screen and (max-width: 1100px) {h2::before {left: 20%;}h2::after {right: 20%;}}
@media screen and (max-width: 820px) {h2::before {left: 12%;}h2::after {right: 12%;}}
@media screen and (max-width: 770px) {h2::before {left: 11%;}h2::after {right: 11%;}}
@media screen and (max-width: 480px) {h2{font-size: 1.5rem;}h2::before {left: 18%;}h2::after {right: 18%;}}
.home_inf_02_tit_02{font-size: 2.2em; line-height: 220%;color:#226900;padding-top:40px;font-weight:900;}
.home_inf_02_tit_02 span{padding-left: 280px;}
@media screen and (max-width: 1100px) {.home_inf_02_tit_02 span{padding-left: 100px;}}
@media screen and (max-width: 770px) {.home_inf_02_tit_02{ font-size: 1.5em;padding-left: 5%;padding-right: 5%;line-height: 150%;}.home_inf_02_tit_02 span{padding-left: 15%;}}
@media screen and (max-width: 480px) {.home_inf_02_tit_02{padding-top:10px;padding-bottom: 22px;}}
.home_inf_02_right{float:right; width: 41%;}
@media screen and (max-width: 480px) {.home_inf_02_right{float:left; width: 100%;}}

.home_inf_03{margin: 0 auto; width: 100%;text-align: center;padding-top:50px;}
@media screen and (max-width: 480px) {.home_inf_03{padding-top:5%;}}
.home_inf_03_left{float: left; width: 30%;}
.home_inf_03_right{float:right; width: 68%;}
@media screen and (max-width: 480px) {.home_inf_03_left{float: left; width: 100%;padding: 0 5%; margin: 0 auto;}
.home_inf_03_right{float:left; width: 100%;padding:5%;}}
.home_inf_03_right_tit {width: 95%;margin-top: 50px;
    font-size: 1.3em;
	background-color: #ffff87;
    border: solid 1px #ffff87;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: center; padding: 15px;
}
@media screen and (max-width: 480px) {.home_inf_03_right_tit {font-size: 1.1em;margin-top: 0px; width: 100%;}}
.home_inf_03_right_tit_02{padding-top:50px;text-align: left; padding-left:15%;}
@media screen and (max-width: 1100px) {.home_inf_03_right_tit_02{padding-left:0%;}}
@media screen and (max-width: 480px) {.home_inf_03_right_tit_02{padding-top:20px;text-align: left; padding-left:0%; width: 100%;}}
.home_inf_03_right_tit_03 {width: 95%;
	margin-top: 50px;
    font-size: 1.00em;
	background-color: #d9e4cf;
    border: solid 1px #d9e4cf;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: center; padding: 15px;line-height: 150%;letter-spacing: 0.1em;
}
@media screen and (max-width: 480px) {.home_inf_03_right_tit_03 {margin-top: 20px;
    font-size: 0.9em;letter-spacing: 0em; width: 100%;}}
.home_inf_04_tit{font-size: 1.8em; text-align: center; margin-top: 50px;padding-bottom:50px;}

.home_inf_05{
	position: relative;
}

/*.home_inf_05_con{ background-image:url(../img/home/img_27.png);background-position:center;background-repeat: no-repeat;}*/

.home_inf_05_con_tit{position: absolute;font-size: 3.8em; text-align: center; line-height: 200%;color:#226900;letter-spacing: 0.1em;top:3%;left:12%;}

@media screen and (max-width: 1100px) {.home_inf_05_con_tit{font-size: 2.0em;left:30%;}}
@media screen and (max-width: 770px) {.home_inf_05_con_tit{font-size: 1.8em;top:5%;left:30%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit{font-size: 1.2em;position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;}}
.home_inf_05_con_txt{position: absolute;font-size: 1.2em; text-align: center; line-height: 120%;top:38%;left:25%;}

@media screen and (max-width: 1100px) {.home_inf_05_con_txt{top:20%;left:22%;}}
@media screen and (max-width: 770px) {.home_inf_05_con_txt{font-size: 1.2em;line-height: 140%;left:26%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_txt{font-size: 0.8em;line-height: 140%;top:20%;position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;}}
.home_inf_05_con_tit_01{
margin-top: 40px;
position: relative;
}
.home_inf_05_con_tit_01 p{
        position: absolute;
font-size: 4.0em;	
        top:150px;
        left:35%;}
@media screen and (max-width: 1100px) {.home_inf_05_con_tit_01 p{top:120px;}}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_01 p{top:80px;font-size: 3.0em;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_01 p{top:45%;left:30%;font-size: 1.8em;}}
.home_inf_05_con_tit_02{
margin-top: 40px;
position: relative;
}
.home_inf_05_con_tit_02 img{width: 65%;}
@media screen and (max-width: 960px) {.home_inf_05_con_tit_02{margin-top: 0px;}.home_inf_05_con_tit_02 img{width: 80%;}}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_02{margin-top: 20px;}.home_inf_05_con_tit_02 img{width: 90%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_02{margin-top: 0px;}.home_inf_05_con_tit_02 img{width: 90%;}}
.home_inf_05_con_tit_02 p{
        position: absolute;
font-size: 1.2em;	
        top:40px;
        left:27%;}
        @media screen and (max-width: 1100px) {.home_inf_05_con_tit_02 p{top:30px;left:20%;}.silver_topbox{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_02 p{top:30px;left:20%;}.silver_topbox{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_02 p{top:23%;position: absolute;
  right: 0;
  left: 0;
	margin: 0 auto;font-size: 0.8em;line-height: 120%;letter-spacing:-0.1em;}.silver_topbox{margin: 0 auto;width: 90%;}}
.home_inf_05_con_tit_03{
margin-top: 40px;
position: relative;
}
@media screen and (max-width: 1100px) {.home_inf_05_con_tit_03{margin-top: 20px;}}
.home_inf_05_con_tit_03 p{
        position: absolute;
font-size: 4.0em;	
        top:150px;
        left:28%;}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_03 p{top:80px;left:30%;font-size: 3.0em;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_03 p{top:42%;left:23%;font-size: 1.8em;}}
.home_inf_05_con_tit_04{
margin-top: 40px;
position: relative;
}
@media screen and (max-width: 1100px) {.home_inf_05_con_tit_04 {margin-top: 0px;}}
.home_inf_05_con_tit_04 img{width: 65%;}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_04 img{width: 90%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_04{
	margin-top: 10px;}.home_inf_05_con_tit_04 img{width: 90%;}}
.home_inf_05_con_tit_04 p{
        position: absolute;
font-size: 1.2em;	
        top:55px;
        left:25%;}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_04 p{top:30px;left:30%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_04 p{top:25%;left:23%;font-size: 0.8em;line-height: 120%;}}

.home_inf_05_con_tit_05{
margin-top: 40px;
position: relative;
}
.home_inf_05_con_tit_05 img{width: 65%;}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_05 img{width: 80%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_05{margin: 10px;}.home_inf_05_con_tit_05 img{width: 80%;}}
.home_inf_05_con_tit_05 p{
        position: absolute;
font-size: 1.2em;	
        top:40px;
        left:25%;}
@media screen and (max-width: 1100px) {.home_inf_05_con_tit_05 p{top:25px;left:26%;font-size: 1.0em;}}
@media screen and (max-width: 770px) {.home_inf_05_con_tit_05 p{top:55px;left:30%;}}
@media screen and (max-width: 480px) {.home_inf_05_con_tit_05 p{top:30%;left:23%;font-size: 0.8em;line-height: 120%;}}
*, *:before, *:after {
    box-sizing: border-box;
}
.col_3{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	margin-top: 50px;
}
@media screen and (max-width: 1100px) {.col_3{margin-top: 20px;}}
.col_3 > *{
    width: calc( 33.33333% - 24px ) ;
    margin-right: 36px;
    margin-bottom: 70px;
}
.col_3 > *:nth-child(3n){
    margin-right: auto;
}
.col_3 > * > *{
    height: 0 auto;
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 960px) {
   /** .col_3 > *{
        width: calc( 50% - 6px ) ;
    }
    .col_3 > *:nth-child(3n){
        margin-right: 12px;
    }
    .col_3 > *:nth-child(2n){
        margin-right: auto;
    }**/
}
@media screen and (max-width: 580px) {
  .col_3{
	margin-top: 20px;
}
    .col_3 > *{
        width: 100%;
        margin-right: auto;margin-bottom: 20px;
    }
    .col_3 > *:nth-child(3n){
        margin-right: auto;
    }
}

.col_3 img{ width: 100%;}
@media screen and (max-width: 580px) {.col_3 img{ width: 90%;}}
.col_2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	margin-top: 70px;
}
@media screen and (max-width: 960px) {.col_2{margin-top: 20px;}}
@media screen and (max-width: 580px) {.col_2{margin-top: 20px;}}
.col_2 > *{
    width: calc( 50% - 6px ) ;
    margin-right: 12px;
    margin-bottom: 12px;
}
.col_2 > *:nth-child(2n){
    margin-right: auto;
}
.col_2 > * > *{
    height: 0 auto;
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 960px) {
    .col_2 > *{
        width: 100%;
        margin-right: auto;
    }
}
@media screen and (max-width: 580px) {.col_3 img{ width: 90%;}}
.col_2 img{ width: 100%;}
@media screen and (max-width: 1100px) {.col_2 img{ width: 90%;}}
.yellow_btn,
a.yellow_btn,
button.yellow_btn {
  margin-top: 40px;
  font-size: 1.2em;
  /*font-weight: 700;*/
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 1.0em;
width: 100%;
}

@media screen and (max-width: 580px) {.yellow_btn,
a.yellow_btn,
	button.yellow_btn {margin-top: 10px;width: 90%;}}

.yellow_btn--yellow,
a.yellow_btn--yellow {
  background-color: #ffff87;
}

.yellow_btn--yellow:hover,
a.yellow_btn--yellow:hover {
  color: #000;
  background: #ffffcc;
}

.yellow02{
  margin-top: 40px;
  font-size: 1.2em;
  /*font-weight: 700;*/
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 1.0em;
width: 100%;background-color: #ffff87;pointer-events: none;
}

@media screen and (max-width: 580px) {.yellow02{margin-top: 10px;width: 90%;}}


a.btn_16 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 80%;
	max-width: 580px;
	margin: auto;
	padding: 0 0 1rem -1rem ;
	
	border-radius: 0.7rem;
	border: 2px solid #ffff87;
	color: #333333;
	box-shadow: 5px 5px 0 #226900;
	transition: 0.3s ease-in-out;
	background-color: #ffff87;
	font-size: 1.3em;
}

@media screen and (max-width: 580px) {a.btn_16 {width: 90%;font-size: 1.0em;}a.btn_16 img{width: 80%;}}
a.btn_16:hover {
	box-shadow: 0 0 0;
	transform: translate(5px, 5px);
	color: #333333;
}

@media screen and (max-width: 580px) {a.btn_16::after {width: 20px;}}
.btn_title::before {
  content: url('../img/home/img_26.png');
	width: 70%;vertical-align: middle; 
}

.home_inf_03_right_tit_06 {width: 90%;
    font-size: 1.3em;
	background-color: #ffff87;
    border: solid 1px #ffff87;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: center; padding: 18px;
	margin-left: 5%;
}

.home_inf_03_right_tit_07 {width: 90%;
    font-size: 1.2em;
	background-color: #ffff87;
    border: solid 1px #ffff87;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: center; padding: 12px;
	margin-left: 5%;
}

.home_inf_03_right_txt_07{text-align: center;padding: 1.8em;}
@media screen and (max-width: 1100px) {.home_inf_03_right_txt_07{text-align: center;padding: 1.2em;}}

.home_inf_03_right_tit_08 {width: 95%;
    font-size: 1.3em;
	background-color: #ffff87;
    border: solid 1px #ffff87;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: center; padding: 10px;
}
@media screen and (max-width: 1100px) {.home_inf_03_right_tit_08 {margin: 0 auto;width: 90%;}}
@media screen and (max-width: 480px) {.home_inf_03_right_tit_08 {margin: 0 auto;width: 90%;}
	.home_inf_03_right_txt_08{padding-left: 5%; text-align: center;}}
.home_inf_03_right_tit_08 img{width: 70%;}

.home_inf_03_right_tit_09 {width: 95%;
	background-color: #ffff87;
    border: solid 1px #ffff87;/*線*/
    border-radius: 15px;/*角の丸み*/
	padding: 13px;
}
.home_inf_03_right_tit_09 img{width: 80%;text-align: center;}
@media screen and (max-width: 1100px) {.home_inf_03_right_tit_09 {margin: 0 auto;width: 90%;}}
@media screen and (max-width: 770px) {.home_inf_03_right_tit_09 {margin: 0 auto;width: 95%;}}
@media screen and (max-width: 480px) {.home_inf_03_right_tit_09 {margin: 0 auto;width: 90%;}.home_inf_03_right_tit_09 img{width: 100%;}}

/*下三角*/
.dli-caret-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 1.14952em 0.875em;
  border-top-color: currentColor;
  border-bottom: 0;
}
/*左三角*/
.dli-caret-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.375em 0.64952em;
  border-left-color: currentColor;
  border-right: 0;
}

.home_inf_06{width:100%;
	margin-top:150px;
	/*margin-left:9px;*/
	border: 5px solid #226900;
border-radius: 15px;
padding:70px 0;
background-color: #d9e4cf;position: relative;}
.home_inf_06 p{
        position: absolute;
font-size: 1.2em;	
        top:130px;
        right:8%;}
@media screen and (max-width: 1100px) {.home_inf_06{margin: 0 auto;margin-top:50px;width:90%;}}
@media screen and (max-width: 580px) {.home_inf_06{margin: 0 auto;margin-top:50px;width:90%;}.home_inf_06 p{top:140px;position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto; width: 50%;}}

.home_inf_06_tel02{margin: 0 auto; width: 100%;font-size: 2.2em; margin-top: 10px;margin-bottom: 10px;}
@media screen and (max-width: 580px) {.home_inf_06_tel02 img{ width: 80%;}}
a.btn_17 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 60%;
	max-width: 650px;
	margin: auto;
	padding: 1.2em 0 ;
	
	border-radius: 0.7rem;
	border: 2px solid #ffff87;
	color: #333333;
	box-shadow: 5px 5px 0 #226900;
	transition: 0.3s ease-in-out;
	background-color: #ffff87;
	font-size: 1.3em;
	margin-top: 50px;
	margin-bottom: 50px;
}
@media screen and (max-width: 580px) {a.btn_17 {width: 90%;font-size: 1.0em;}}
a.btn_17:hover {
	box-shadow: 0 0 0;
	transform: translate(5px, 5px);
	color: #333333;
}

.home_inf_07{width:100%;
	margin-top:150px;
border-radius: 15px;
padding:70px 0;
background-color: #d9e4cf;}
@media screen and (max-width: 1100px) {.home_inf_07{margin: 0 auto; margin-top:50px;padding:30px 0;width:90%;}}
@media screen and (max-width: 580px) {.home_inf_07{margin: 0 auto; margin-top:50px;padding:30px 0;width:90%;}}

.home_inf_07_tit{ text-align: center; color: #333333;font-size: 2.5em;padding-top: 150px;padding:0.1em; }
@media screen and (max-width: 580px) {.home_inf_07_tit{font-size: 1.3em;padding-top: 0px;padding:0; }}
.home_inf_07_tit::before {
    content: url('../img/home/img_28.png');
    vertical-align: middle;
    padding-right: 10px;
}
@media screen and (max-width: 580px) {.home_inf_07_tit::before{content: url('../img/home/img_28_s.png');}}
.home_inf_07_tit::after {
    content: url('../img/home/img_26.png');
    vertical-align: middle;
    padding-left: 10px;
}
@media screen and (max-width: 580px) {.home_inf_07_tit::after{content: url('../img/home/img_26_s.png');}}
/*お知らせ*/
/****** 汎用 囲み文字 ******/
.ctg_1 { margin:0 0 0 20px; padding: 3px 25px; background-color:#6699ff; color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_2 { margin:0 0 0 20px; padding: 3px 30px; background-color:#00da66; color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_3 { margin:0 0 0 20px; padding: 3px 5px; background-color:#9999cc; color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_4 { margin:0 0 0 20px; padding: 3px 10px; background-color:#006633; color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_5  { margin:0 0 0 20px; padding:3px; background-color:#EB6E00; color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_6 { margin:0 0 0 20px; padding: 3px; background-color:rgb(199,101,22); color:#FFFFFF; width:150px; text-align:center;font-size:14px;}

.news {margin: 1em auto;padding: 0 1.5em;text-align: left;line-height: 1.3;width: 80%;}
.news dl {padding: 0.8em 0;border-bottom: 1px dotted #000000;}
.news_dl_02{border-top: 1px solid #C1C1C1;}
.news dt {padding-bottom: 0;/*width: 20em;*/}
.news dd {padding-top:20px;}

@media screen and (min-width: 480px) {
.news dl {padding: 2.0em 0;}
.news dt {clear: left;float: left; padding-left: 30px;}
.news dd {margin-left: 15em; padding-top:0px;}
}

a.btn_18 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 35%;
	margin: auto;
	padding: 1.0em 0;
	
	border-radius: 0.7rem;
	border: 2px solid #ffff87;
	color: #333333;
	box-shadow: 5px 5px 0 #226900;
	transition: 0.3s ease-in-out;
	background-color: #ffff87;
	font-size: 1.3em;
	margin-top: 50px;
}
@media screen and (max-width: 580px) {a.btn_18 {width:70%;padding: 0.4em 0 0.8em 0;}a.btn_18 img{width: 50%;}}
@media screen and (max-width: 580px) {a.btn_18 img{width: 50%;}}
a.btn_18:hover {
	box-shadow: 0 0 0;
	transform: translate(5px, 5px);
	color: #333333;
}

/***プライバシーポリシー***/

.privacy_inf_01{margin: 0 auto; width: 100%;text-align: center;padding-top:150px;}
@media screen and (max-width: 1100px){.privacy_inf_01{width: 95%;padding-top:40px;}}
@media screen and (max-width: 480px) {.privacy_inf_01{width: 95%;padding-top:40px;}}
.privacy_inf_01_tit{margin: 0 auto;font-size: 2.2em; text-align: center; line-height: 200%; width: 85%;background: linear-gradient(transparent 50%, #ffff87 50%);}
@media screen and (max-width: 780px) {.privacy_inf_01_tit{font-size: 1.3em;}}

.privacy_inf_01_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 0px 0;text-align: center;}
@media screen and (max-width: 780px) {.privacy_inf_01_txt{margin: 0 auto;font-size: 1.1em;padding:30px 10px 0 10px;text-align: left;}}

@media screen and (max-width: 480px) {.privacy_inf_01_txt{padding:30px 10px 30px 10px;text-align: left;}}

.privacy_inf_02_txt{margin: 0 auto;font-size: 1.2em;padding:50px 0 5px 0; width: 90%; text-align: left;}
@media screen and (max-width: 780px) {.privacy_inf_02_txt{margin: 0 auto;font-size: 1.0em;padding:30px 0;}}
@media screen and (max-width: 480px) {.privacy_inf_02_txt{margin: 0 auto;font-size: 1.0em;padding:40px 0 30px 0;}}
.privacy_inf_03_txt{margin: 0 auto;font-size: 1.2em;padding:80px 0; width: 80%; text-align: left;}
@media screen and (max-width: 780px) {.privacy_inf_03_txt{margin: 0 auto;font-size: 1.0em;padding:30px 0 0px 0;width: 90%;}}

.privacy_inf_02_tit {width: 100%;margin-top: 50px;
    font-size: 2.2em;
	background-color: #ffff87;
    border: solid 1px #ffff87;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: center; padding: 15px;letter-spacing: 0.2em;
}
@media screen and (max-width: 780px) {.privacy_inf_02_tit {font-size: 1.3em;margin-top: 10px;}}

/***サイトマップ***/
.site_map_inf_01_txt{margin: 0 auto;font-size: 1.2em;padding:60px 40px 0 32px;text-align: center;}
@media screen and (max-width: 780px) {.site_map_inf_01_txt{margin: 0 auto;font-size: 1.0em;padding:20px 10px 10px 10px;}}

/*左三角*/
.dli-caret-right_02 {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.375em 0.64952em;
  border-left-color: currentColor;
  border-right: 0;
	margin-top: -5px;
}

/**お知らせ記事ページ**/

.news_inf{margin: 0 auto; width: 100%;text-align: center;padding-top:150px;}
@media screen and (max-width: 780px){.news_inf{width: 95%;padding-top:40px;}}
@media screen and (max-width: 480px) {.news_inf{width: 95%;padding-top:40px;}}

@media screen and (min-width: 781px){.news_inf_left{margin: 0 auto; float: left;width: 71%;}.news_inf_left img{max-width: 100%;height:auto;}}
.news_inf_right{margin: 0 auto; float: right;width: 21%;}

@media screen and (max-width: 780px){.news_inf_left{margin: 0 auto; float: left;width: 100%;margin-bottom: 50px;}.news_inf_left img{max-width: 100%; 
    height:auto;}
.news_inf_right{margin: 0 auto; float: left;width: 100%;}}

.news_inf_tit{
  background: #ffff87;font-size: 2.2em;
  padding: 0.5em 0 0.5em 1.0em; text-align: left;
}

@media screen and (max-width: 780px){.news_inf_tit{font-size: 1.5em;padding: 0.5em;}}
.news_inf_day{margin: 2.2em; text-align: left;}

.news_inf_txt{margin: 0 auto;font-size: 1.2em;padding:2.0em 3.0em 6.0em 3.0em; text-align: left;}

.news-navigation {
    overflow: hidden;font-size: 2.2em;
  padding: 0.5em; width: 100%;
}

.prev {
    float: left; width: 46%;position: relative; text-align: left;padding:20px 40px 20px 60px;
    background: #ffff87;
}
.prev::before { /* 三角形の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 15px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 20px solid black;
  border-bottom: 15px solid transparent;
}
@media screen and (max-width: 480px){.prev::before {width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 13px solid #000000;
  border-left: 0;}}

@media screen and (max-width: 780px){.news-navigation {font-size: 1.0em;padding: 0.2em; width: 100%;}}
@media screen and (max-width: 780px){.prev  {font-size: 1.0em;padding:20px 20px 20px 40px;}}
@media screen and (max-width: 480px){.prev {padding:12px 40px 10px 45px;}}
.next {
    float: right; width: 46%;position: relative; text-align: right;padding:20px 60px 20px 40px;
    background: #ffff87;
}
@media screen and (max-width: 780px){.next  {font-size: 1.0em;padding:20px 45px 20px 20px;}}
@media screen and (max-width: 480px){.next  {font-size: 1.0em;padding:12px 45px 10px 10px;}}
.next::after { /* 三角形の表示設定 */
  content: "";
    position: absolute;
    top: 21px;   /* 縦軸をセンタリングする */ 
    right: 15px;
    width: 0;
  height: 0;
  border-left: 25px solid black;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; }
@media screen and (max-width: 480px){.next::after { width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 13px solid #000000;
  border-right: 0; }}
  .news_inf_tit_side{
    background: #ffff87 ; font-size:1.1em;
    padding: 0.5em 0 0.5em 1.8em; text-align:left;
  }

  .news_inf_tit_side_02{
    background: #ffff87 ; font-size:1.1em;
    padding: 0.5em 0 0.5em 1.8em; text-align:left;margin-top: 5.0em;margin-bottom: 1.3em;
  }

  .news_inf_txt_side{
    font-size:1.1m;
    padding: 1.3em 0 1.8em 1.8em; text-align:left;line-height: 200%;
  }

  .news_inf_txt_side_02{
    font-size:1.1em;
  padding: 1.3em 1.0em 1.5em 1.8em; text-align:left;line-height: 120%;border-bottom:1px solid black;
}
.selectbox-003 {
  display: inline-flex;
  align-items: center;
  position: relative;width: 100%;
}

.selectbox-003::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
}

.selectbox-003 select {
  appearance: none;
  width: 100%;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em 1.8em;
  border: 1px solid #333333;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1.1em;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
	.img_80{width: 80%;}	
}

/**問合せフォーム**/

.contact_inf_01_tit{margin: 0 auto;text-align: center; width: 100%;}
.contac_inf_01_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 0px 0;text-align: center;}
@media screen and (max-width: 960px) {.contac_inf_01_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.contac_inf_01_txt{margin: 0 auto;font-size: 1.1em;padding:30px 10px 0 10px; text-align: left;}}

@media screen and (max-width: 480px) {.contac_inf_01_txt{padding:30px 10px 30px 10px; text-align: left;}}

.contac_inf_02_txt{margin: 0 auto;font-size: 2.3em;text-align: center; padding-bottom: 10px;}
@media screen and (max-width: 780px) {.contac_inf_02_txt{font-size: 1.8em;}}

@media screen and (max-width: 480px) {.contac_inf_02_txt{font-size: 1.5em;}}
.Form {
  /*margin-top: 80px;*/
  margin-left: auto;
  margin-right: auto;
	width: 80%;
  max-width: 720px;
}
@media screen and (max-width: 480px) {
  .Form {
   /* margin-top: 40px;*/
  }
}
.Form-Item {

  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 780px) {
  .Form-Item {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}
.Form-Item:nth-child(5) {

}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  /*font-weight: bold;*/
  font-size: 18px; text-align: right;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #545454;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #d9e4cf;
  font-size: 18px;
  border: 1px solid #000;
}
@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 316px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #d9e4cf;
  font-size: 18px;
  border: 1px solid #000;
}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;max-width: 600px;
  }
}
.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #545454;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}
input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;font-size: 18px;
}
.radio {font-size: 18px; margin-left: 40px;}
@media screen and (max-width: 480px) {.radio {font-size: 15px;margin-left: 0px;}}
input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}
.btn_send { max-width:618px; margin:30px auto 25px auto; text-align:center; }
.submit_btn{
  border: 0px;
  width:416px;
  height:101px;
  background: url(../img/contact/btn_sp.svg) center top no-repeat;cursor:pointer;
}
@media screen and (max-width: 480px) {.submit_btn{width:95%;background-size: contain; margin-top: 10px;background: url(../img/contact/btn_sp.svg) center top no-repeat;}}

.contact_inf_01{width:100%;
	margin-top:80px;
border-radius: 15px;
padding:70px 0 20px 0;
background-color: #d9e4cf;}
@media screen and (max-width: 1100px) {.contact_inf_01{margin: 0 auto; margin-top:40px;padding:10px 0;width:90%;}}
@media screen and (max-width: 580px) {.contact_inf_01{margin: 0 auto; margin-top:30px;padding:10px 0 0 0;width:90%;}}


/**電気事業**/
.electrical_inf_01_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 50px 0;text-align: center; width: 90%;}
@media screen and (max-width: 960px) {.electrical_inf_01_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.electrical_inf_01_txt{margin: 0 auto;font-size: 1.1em;padding:30px 10px 20px 10px; text-align: left;}}

.col_3_el{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
margin-top: 50px;
}
@media screen and (max-width: 1100px) {.col_3_el{width: 90%;margin-top: 20px; margin-left: 5%; }}
.col_3_el > *{
  width: calc( 33.33333% - 24px ) ;
  margin-right: 36px;
  margin-bottom: 36px;border-radius: 20px; background-color: #226900;
}
.col_3_el > *:nth-child(3n){
  margin-right: auto;
}
.col_3_el > * > *{
  height: 0 auto;
  position: relative;
  overflow: hidden
}
@media screen and (max-width: 1100px) {
 /** .col_3_el > *{
      width: calc( 48% - 6px ) ;
  }
  .col_3_el > *:nth-child(3n){
      margin-right: 12px;
  }
  .col_3_el > *:nth-child(2n){
      margin-right: auto;
  }**/
}
@media screen and (max-width: 580px) {
.col_3_el{
margin-top: 20px;
}
  .col_3_el > *{
      margin: 0 auto;width: 70%;
      margin-right: auto;margin-bottom: 20px;
  }
  .col_3_el > *:nth-child(3n){
      margin-right: auto;
  }
}

.col_3_el img{ width: 90%; padding-top: 20px;}
@media screen and (max-width: 580px) {.col_3_el img{ width: 80%;}}

.electrical_inf_02_txt{margin: 0 auto;font-size: 1.2em;padding:20px 0 40px 0;text-align: left; width: 87%; color: #fff;word-break: break-all;}
@media screen and (max-width: 960px) {.electrical_inf_02_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.electrical_inf_02_txt{margin: 0 auto;font-size: 1.1em;padding:10px 10px 20px 10px; line-height: 120%;}}

.electrical_inf_02{margin: 0 auto; width: 100%;text-align: center;padding-top:100px;}
@media screen and (max-width: 780px){.electricalinf_02{width: 95%;padding-top:40px;}}
@media screen and (max-width: 480px) {.electrical_inf_02{width: 95%;padding-top:40px;}}

.electrical_inf_02_tit{margin: 0 auto; color: #226900; font-size: 2.8em; padding: 80px 0 20px 0;letter-spacing :0.3em;}
@media screen and (max-width: 1100px) {.electrical_inf_02_tit{margin: 0 auto;width: 90%; font-size: 1.8em;letter-spacing :0.2em;padding: 60px 0 0px 0;}}
@media screen and (max-width: 780px) {.electrical_inf_02_tit{margin: 0 auto;font-size: 1.3em;padding:30px 5px 20px 5px;letter-spacing :0.1em;}}

.electrical_inf_03_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 50px 0;text-align: left; width: 90%; line-height: 150%;}
@media screen and (max-width: 960px) {.electrical_inf_03_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.electrical_inf_03_txt{margin: 0 auto;font-size: 1.1em;padding:0px 10px 20px 10px;}}

.electrical_box{margin: 0 auto; width: 100%; max-width: 669px; border-radius: 20px; background-color: #226900; margin: 60px 0 80px 0;}
.electrical_box img{margin-top: 20px;}
@media screen and (max-width: 1100px) {.electrical_box{margin: 30px 0 30px 0;}}

.electrical_inf_04_txt{margin: 0 auto;font-size: 1.3em;padding:30px 0 30px 0;text-align: left; width: 90%; color: #fff;}
@media screen and (max-width: 960px) {.electrical_inf_04_txt{margin: 0 auto;width: 90%;font-size: 1.2em;adding:10px 0 10px 0;}}
@media screen and (max-width: 780px) {.electrical_inf_04_txt{margin: 0 auto;font-size: 1.1em;padding:20px 10px 20px 10px;}}

.electrical_box_02{margin: 0 auto; width: 100%; border-radius: 20px; background-color:#00da66; margin: 60px 0 80px 0; padding-bottom: 60px;}
@media screen and (max-width: 1100px) {.electrical_box{margin: 30px 0 30px 0;}}

.electrical_inf_05_txt{margin: 0 auto;font-size: 1.3em;padding:30px 0 0px 0;text-align:center; width: 90%; color: #fff;}
@media screen and (max-width: 960px) {.electrical_inf_05_txt{margin: 0 auto;width: 90%;font-size: 1.2em;padding:10px 0 10px 0;}}
@media screen and (max-width: 780px) {.electrical_inf_05_txt{margin: 0 auto;font-size: 1.1em;padding:20px 10px 20px 10px; text-align: left;}}

.electrical_inf_08_txt{margin: 0 auto;font-size: 1.2em;padding:20px 0 40px 0;text-align: left; width: 87%; color: #fff;word-break: break-all;letter-spacing :0.1em;}

.col_2_el{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
margin-top: 50px;
}
@media screen and (max-width: 960px) {.col_2_el{margin-top: 20px;}}
@media screen and (max-width: 580px) {.col_2_el{margin-top: 20px;}}
.col_2_el > *{
  width: calc( 50% - 6px ) ;
  margin-right: 12px;
  margin-bottom: 12px;
}
.col_2_el> *:nth-child(2n){
  margin-right: auto;
}
.col_2_el > * > *{
  height: 0 auto;
  position: relative;
  overflow: hidden
}
@media screen and (max-width: 960px) {
  .col_2_el > *{
      width: 100%;
      margin-right: auto;
  }
}
@media screen and (max-width: 580px) {.col_2_el img{ width: 90%;}}
.col_2_el img{ width: 100%;}

a.btn_19 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 80%;
	max-width: 580px;
	margin: auto;
	padding: 0 0 1rem -1rem ;
	
	border-radius: 0.7rem;
	border: 2px solid #ffff87;
	color: #333333;
	box-shadow: 5px 5px 0 #226900;
	transition: 0.3s ease-in-out;
	background-color: #ffff87;
	font-size: 1.3em;
}

a.btn_19 img{margin: 0 auto; padding: 0;}

@media screen and (max-width: 580px) {a.btn_19 {width: 90%;font-size: 1.0em;}a.btn_17 img{width: 70%;}}
a.btn_19:hover {
	box-shadow: 0 0 0;
	transform: translate(5px, 5px);
	color: #333333;
}

.electrical_inf_07{width:100%;
	margin-top:100px;
border-radius: 15px;
padding:70px 0;
background-color: #d9e4cf;}
@media screen and (max-width: 1100px) {.electrical_inf_07{margin: 0 auto; margin-top:50px;padding:30px 0;width:90%;}}
@media screen and (max-width: 580px) {.electrical_inf_07{margin: 0 auto; margin-top:20px;padding:20px 0;width:90%;}}

.electrical_inf_07_tit{ text-align: center; color: #333333;font-size: 2.5em;padding-top: 150px;padding:0.1em; }
@media screen and (max-width: 580px) {.electrical_inf_07_tit{font-size: 1.3em;padding-top: 0px;padding:0; }}
.electrical_inf_07_tit::before {
    content: url('../img/home/img_28.png');
    vertical-align: middle;
    padding-right: 10px;
}
@media screen and (max-width: 580px) {.electrical_inf_07_tit::before{content: url('../img/home/img_28_s.png');}}
.electrical_inf_07_tit::after {
    content: url('../img/home/img_26.png');
    vertical-align: middle;
    padding-left: 10px;
}
@media screen and (max-width: 580px) {.electrical_inf_07_tit::after{content: url('../img/home/img_26_s.png');}}

.electrical_inf_06_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 50px 0;text-align: center; width: 100%;}
@media screen and (max-width: 960px) {.electrical_inf_06_txt{margin: 0 auto;width: 90%; text-align: left;}}
@media screen and (max-width: 780px) {.electrical_inf_06_txt{margin: 0 auto;font-size: 0.9em;padding:20px 10px 10px 10px; text-align: left; line-height: 110%;}}

.electrical_inf_07_txt{margin: 0 auto;font-size: 1.3em;padding:0px 0 0px 0;text-align: right; width: 100%;}
@media screen and (max-width: 1100px) {.electrical_inf_07_txt{margin: 0 auto;width: 90%;padding:0px 1px 0px 0;}}

/**高齢者あんしんサポート**/
.silver_service_inf_01_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 50px 0;text-align: left; width: 100%;}
@media screen and (max-width: 1100px) {.silver_service_inf_01_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.silver_service_inf_01_txt{margin: 0 auto;font-size: 1.1em;padding:20px 10px 30px 10px; text-align: left;}}

.silver_service_inf_02_txt{margin: 0 auto;font-size: 1.3em;padding:20px 0 20px 50px;text-align: left; width: 100%;}
@media screen and (max-width: 960px) {.silver_service_inf_02_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.silver_service_inf_02_txt{margin: 0 auto;font-size: 1.1em;padding:20px 10px 30px 10px; text-align: left;}}

a.btn_20 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 100%;
	max-width: 725px;
	margin: auto;
	padding: 0 0 1rem -1rem ;
	
	border-radius: 0.7rem;
	border: 2px solid #ffff87;
	color: #333333;
	box-shadow: 5px 5px 0 #226900;
	transition: 0.3s ease-in-out;
	background-color: #ffff87;
	font-size: 1.3em;
  margin-left: 40px;
}
@media screen and (max-width: 1100px) {a.btn_20{width: 80%;}}
a.btn_20 img{margin: 0 auto; padding: 0;}
@media screen and (max-width: 1100px) {a.btn_20 img{width: 80%;}}

@media screen and (max-width: 580px) {a.btn_20 {margin: 0 auto;width: 90%;font-size: 1.0em;margin-left: 5%;}a.btn_17 img{width: 70%;}}
a.btn_20:hover {
	box-shadow: 0 0 0;
	transform: translate(5px, 5px);
	color: #333333;
}
.silver_service_inf_03_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 50px 0;text-align: left; width: 90%; line-height: 150%;}
@media screen and (max-width: 960px) {.silver_service_inf_03_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.silver_service_inf_03_txt{margin: 0 auto;font-size: 0.8em; line-height: 150%;padding:20px 10px 20px 10px; text-align: center;}}

.silver_service_box{margin: 0 auto; width: 100%;border-radius: 20px; background-color: #226900; margin-top: 45px; padding-bottom: 45px;}
.silver_service_box img{margin: 0 auto; width: 80%; padding-top: 50px;}
@media screen and (max-width: 1100px) {.silver_service_box{width: 90%;}}

/**会社案内**/
.company_inf_01_tit {width: 100%;margin-top: 50px;
  font-size: 3.0em;
background-color: #ffff87;
  border: solid 1px #ffff87;/*線*/
  border-radius: 10px;/*角の丸み*/
text-align: center; padding: 20px;letter-spacing: 0.2em;
}
@media screen and (max-width: 780px) {.company_inf_01_tit {font-size: 1.3em;margin-top: 10px;padding: 10px;}}

.company_inf_01_tit_02{font-size: 2.5em; text-align: center; line-height: 150%;color:#226900;padding-top:90px;font-weight:900;}
@media screen and (max-width: 1100px) {.company_inf_01_tit_02{padding-top:80px;font-size: 2.0em;}}
@media screen and (max-width: 780px) {.company_inf_01_tit_02{padding-top:10px;font-size: 1.5em;}}

.company_box_01{width: 100%; margin-top: 80px;}
.company_box_01_left{float: left; width: 64%; margin-top: 0;}
.company_box_01_right{float: right;width: 30%;}
@media screen and (max-width: 1100px){.company_box_01{margin: 0 auto;width: 90%; margin-top: 80px;}}

@media screen and (max-width: 780px){.company_box_01{width: 100%; margin-top: 40px;}.company_box_01_left{float: left; width: 100%;}
.company_box_01_right{float: left;width: 100%;}}

.company_inf_03_tit {width: 100%;margin-top: 0px;
  font-size: 1.7em;
background-color: #ffff87;
  border: solid 1px #ffff87;/*線*/
  border-radius: 10px;/*角の丸み*/
text-align: center; padding: 30px;letter-spacing: 0.2em;line-height: 150%;
}
@media screen and (max-width: 780px) {.company_inf_03_tit {font-size: 1.3em;margin-top: 10px;padding: 10px;}}

.company_inf_01_txt{margin: 0 auto;font-size: 1.3em;padding:50px 0 50px 0;text-align: center; width: 90%;}
@media screen and (max-width: 1100px) {.company_inf_01_txt{margin: 0 auto;width: 90%;font-size: 1.1em;}}
@media screen and (max-width: 780px) {.company_inf_01_txt{margin: 0 auto;font-size: 1.1em;padding:30px 10px 20px 10px;}}

.company_inf_02_txt{margin: 0 auto;font-size: 1.3em;padding:0px 0 50px 0;text-align: left; width: 100%;}
@media screen and (max-width: 960px) {.company_inf_02_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.company_inf_02_txt{margin: 0 auto;font-size: 1.1em;padding:20px 10px 30px 10px; text-align: left;}}


/**EV事業部**/

.col_3_ev{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
margin-top: 50px;
}
@media screen and (max-width: 1100px) {.col_3_ev{width: 90%;margin-top: 20px; margin-left: 5%;}}
.col_3_ev > *{
  width: calc( 33.33333% - 24px ) ;
  margin-right: 36px;
  margin-bottom: 37px;border-radius: 20px; background-color: #ffff87;
  border: 7px solid #226900;
}
.col_3_ev > *:nth-child(3n){
  margin-right: auto;
}
.col_3_ev > * > *{
  height: 0 auto;
  position: relative;
  overflow: hidden
}
@media screen and (max-width: 1100px) {
  .col_3_ev > *{
      width: calc( 48% - 6px ) ;margin-right: 10px;
  margin-bottom: 15px;
  }
  .col_3_ev > *:nth-child(3n){
      margin-right: 12px;
  }
  .col_3_ev > *:nth-child(2n){
      margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
.col_3_ev{
margin-top: 20px;
}
  .col_3_ev > *{
      margin: 0 auto;width: 70%;
      margin-right: auto;margin-bottom: 20px;
  }
  .col_3_ev > *:nth-child(3n){
      margin-right: auto;
  }
}

.col_3_ev img{ width: 90%; padding-top: 20px;}
@media screen and (max-width: 580px) {.col_3_ev img{ width: 80%;}}

.ev_business_inf_02_txt{margin: 0 auto;font-size: 1.2em;padding:15px 0 22px 10px;text-align: left; width: 87%; word-break: break-all;}
@media screen and (max-width: 960px) {.ev_business_inf_02_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.ev_business_inf_02_txt{margin: 0 auto;font-size: 1.1em;padding:10px 10px 20px 10px; line-height: 120%;}}


.ev_business_inf_07{width:100%;
	margin-top:50px;
border-radius: 15px;
padding:70px 0;
background-color: #d9e4cf;}
@media screen and (max-width: 1100px) {.ev_business_inf_07{margin: 0 auto; margin-top:30px;padding:10px 0;width:90%;}}
@media screen and (max-width: 580px) {.ev_business_inf_07{margin: 0 auto; margin-top:30px;padding:10px 0;width:90%;}}

.ev_business_inf_08{width:100%;
	margin-top:0px;
border-radius: 15px;
padding:70px 0;
background-color: #d9e4cf;}
@media screen and (max-width: 1100px) {.ev_business_inf_08{margin: 0 auto; margin-top:0px;padding:10px 0;width:90%;}}
@media screen and (max-width: 580px) {.ev_business_inf_08{margin: 0 auto; margin-top:0px;padding:15px 0;width:90%;}}

.ev_business_inf_09{width:100%;
	margin-top:30px;
border-radius: 15px;
padding:20px 0;
background-color: #d9e4cf;}
@media screen and (max-width: 1100px) {.ev_business_inf_09{margin: 0 auto; margin-top:20px;padding:10px 0;width:90%;}}
@media screen and (max-width: 580px) {.ev_business_inf_09{margin: 0 auto; margin-top:20px;padding:0px 0;width:90%;}}

.ev_business_inf_03_txt{margin: 0 auto;font-size: 1.3em;padding:20px 0 20px 0px;text-align: left; width: 90%; color: #226900;border-bottom: 5px dotted #000; margin-left: 50px;
}
@media screen and (max-width: 960px) {.ev_business_inf_03_txt{margin: 0 auto;width: 90%;}}
@media screen and (max-width: 780px) {.ev_business_inf_03_txt{margin: 0 auto;font-size: 0.9em;padding:10px 10px 15px 0px; line-height: 120%;border-bottom: 2px dotted #000;margin-left: 15px;}}

.ev_business_inf_04_txt{margin: 0 auto;font-size: 1.3em;padding:20px 0 20px 0px;text-align: left; width: 90%; color: #226900; margin-left: 50px;letter-spacing: -0.05em;}
@media screen and (max-width: 960px) {.ev_business_inf_04_txt{margin: 0 auto;width: 90%;letter-spacing: 0em;}}
@media screen and (max-width: 780px) {.ev_business_inf_04_txt{margin: 0 auto;font-size: 0.9em;padding:10px 10px 20px 0px; line-height: 120%;margin-left: 15px;letter-spacing: 0em;}}