@charset "UTF-8";
header .logo {
	float: left;
	padding-left: 30px;
}

#top-head .logo img {
	width: 220px;
}

header #header-cont {
	width: 1300px;
}

.inner {
	position: relative;
	margin: 0 auto;
	width: 1300px;
	height: 100px;
}

#cover{
	margin-top: 0 !important;
	padding-top: 0 !important;
}

h1.coverttl,
h2.coverttl,
h3.coverttl,
h1.product,
h2.product,
h3.product {
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 48px;
	letter-spacing: 3px;
	overflow-wrap: break-word;
}

#top-head {
	background-color: transparent;
	box-shadow: none;
}

#top-head a {
	background-color: transparent;
}

#top-head.fixed {
	height: 100px;
}

#cover h1.coverttl {
	color: #2e467c;
	font-weight: bold;
	
}

#cover h1.coverttl span {
	font-style: normal;
	font-weight: bold;
	display: block;
	font-size: 1.1rem;
	padding-top: 10px;
	padding-left: 0;
}

.solar #main {
	width: 100%;
}

.solar #main img {
	display: block;
	margin: 0 auto;
}

.solar #main h2 {
	text-align: center;
}

.solar #main h2 span:not(.uline_r):not(.httl):not(.minttl) {
	font-style: normal;
	display: block;
	font-size: small;
}

#container {
	padding: 0;
	text-align: left;
}

.h-breadcrumbs{
		height: 60px;
	margin: 0 auto;
	line-height: 60px;
}

#container .h-breadcrumbs {
	width: 1100px;

}

.breadcrumb {
	padding: 0;
	border: none;
}

/* toppage */
#top-head img.color{
	display: none;
}

#top-head.fixed img.color{
	display: block;
}

#top-head img.white{
	display: block;
}

#top-head.fixed img.white{
	display: none;
}

#top-head.home .inner a{
	color: black;
}

#cover h1.toppage{
	font-family: serif;
	font-weight: normal;
	font-style: normal;
	color: black;
	width: 716px;
	left: calc(50% - 358px);
	top: 20%;
	text-align: center;
	font-size: 56px;
	line-height:1.4
}

#container.solar_top{
	position: relative;
	background-image: url(../img/bg-gray_top.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#container.solar_top dl{
	position: absolute;
	top: -30px;
	left: calc(50% - 495px);
	display: flex;
	flex-wrap: wrap;
	background-color: #000;
	width: 990px;
	height: 60px;
	margin: 0 auto;
	padding: 10px 0;
	color: #FFF;
}

#container.solar_top dl dt,
#container.solar_top dl dd,
#container.solar_top dl dd a{
	line-height: 40px;
	margin: 0;
	padding: 0;
	color: #FFF;
}

#container.solar_top dl dt{
	width: 20%;
	padding: 0 65px;
	text-align: center;
	letter-spacing: 3px;
	border-right: #FFF solid 1px;	
}

#container.solar_top dl dd{
	width: calc(80% - 30px);
	margin-left: 30px;
}
#container.solar_top dl dd a{
	margin-left: 30px;
}

#container.solar_top p.text{
	width: 990px;
}

#container.solar_top p.text{
	margin: 20px auto;
}

#container.solar_top p.text+p.more_txt{
	width: 990px;
	}

#container.solar_top p.more_txt{
	text-align: right !important;
	margin: 0 auto;
}

#container.solar_top p.more_txt a{
	background: url(../img/btn_bg_bk.png) no-repeat center right;
	padding: 10px 35px 10px;
	color: #000;
	border: none;
}
	
#container.solar_top h2{
	font-family: "Fira Sans", sans-serif;
	font-size: 48px !important;
	font-style: italic;
	letter-spacing: 5px;
	line-height: 1.5;
	text-align: center;
}

#container.solar_top h3{
	text-align: center;
	line-height: 1;
	margin-bottom: 20px;
}

#container.solar_top h4.ttl{
	font-family: serif;
	font-size: 28px;
	text-align: center;
	line-height: 1.4;
}

#container.solar_top .text_box{
	display: block;
	width: 490px;
	height: 410px;
	background-color: #FFF;
	padding: 30px;
	box-shadow: 0px 0px 5px #00000040;
}

#container.solar_top .text_box h2,
#container.solar_top .text_box h3,
#container.solar_top .text_box h4,
#container.solar_top .text_box p{
	text-align: left;
}

#container.solar_top .wpb_content_element{
	margin-bottom: 0;
}

#container.solar_top .text_box p{
	margin-top: 20px;
	line-height: 1.8
}

#container.solar_top #intro{
	height: 400px;
	padding-top: 100px;
}

#container.solar_top #intro h4.ttl{
	margin-top: 40px;
}

#container.solar_top #intro p{
	margin-top: 40px;
}

#container.solar_top #system{
	margin-top: 130px;
	margin-bottom: 50px;
	padding-top: 75px;
	background: url(../img/top_system.png) top center no-repeat;
	height: 557px;
}

#container.solar_top #system,
#container.solar_top #service{
	position: relative;
	background-size: cover;
}

#container.solar_top p.more_txt{
	margin-bottom: 30px;	
}

#container.solar_top #system .text_box{
	position: absolute;
	left: 50%
}

#container.solar_top #service .text_box{
	position: absolute;
	right: 50%
}

#container.solar_top #service{
	padding-top: 75px;
	background-image: url(../img/top_service.png);
	height: 557px;
	margin-bottom: 130px;
}

#campaing img{
	display: block;
	margin: 0 auto;
}

#topics{
	margin-top: 0 !important;
	background-color: #f2f2f2
	}
	
#topics ul li p{
	width: auto;
}

#news ul li p{
	width: auto;
}

#container.solar_top{
	background-image: none !important;
	z-index: 1;
}
.bg_g1 {
	background-image: none !important;
	background-color: #f2f2f2;
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
	z-index: -2;
}

.bg_g1::before {
    content: '';
	display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2000px;
    background-color: #FFFFFF;
    transform: skewY(-24deg) translateY(50px);
    transform-origin: bottom right;
    z-index: -1;
}

.bg_g2 {
    background-image: none !important;
    width: 100%;
    margin: 0;
    position: relative;
    background: #FFFFFF;
    overflow: hidden;
    z-index: -2;
}

.bg_g2::before {
    content: '' !important;
	display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2000px;
    background-color: #f2f2f2;
    transform: skewY(-24deg) translateY(370px);
    transform-origin: bottom right;
    z-index: -1;
}
/* about */
#main.about{
	background-color: #f2f3f5;
	padding-top: 70px;
	padding-bottom: 70px;
}

#main.about .about-sochiku{
	margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
}

#main.about .about-sochiku .text-big p{
	font-size: 1.2em;
} 

#main.about .about-sochiku .text-bold,
#main.about .about-sochiku .text-bold p{
	font-weight: bold;
}

#main.about .about-topcontents h2.vc_custom_heading{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 32px;
}

#main.about .about-sochiku .about-topcontents p{
    font-size: 18px;
}
		
#main.about .about-sochiku .about-inner ul li{
    background-image: url(../img/about_09.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 50px;
    line-height: 55px;
    font-size: 20px;
    font-weight: bold;
}

#main.about .about-sochiku .about-homemade .about-homemadecome{
	width: 560px;
	margin: 0 auto;
}

#main.about .about-sochiku .about-box{
	border: 3px solid #ec584c;
	position: relative;
	margin-top: 15px;
	margin-bottom: 35px;
}
#main.about .about-sochiku .about-box .about-boxtitle{
  text-align: center;
  position: absolute;
  font-size: 25px;
  right: 0;
  left: 0;
  top: -1em;
}
#main.about .about-sochiku .about-box h3{
  padding: 0 .5em;
  background: #FFF;
  color: #000;
  display: inline-block;
  }

#main.about .about-sochiku .about-box .about-inner{
padding: 4em 3.5em 2.5em
}

#main.about .about-sochiku h3.h-under.h-red{
	    font-weight: 700;
	    font-style: normal;
	    font-size: 30px;
	    position: relative;
	    text-align: center;
	    margin-bottom: 1em;
}

#main.about .about-sochiku h3.h-red:before {
    background-color: #e23c30;
}
#main.about .about-sochiku h3.h-under:before {
    content: '';
    position: absolute;
    bottom: -5px;
    display: inline-block;
    width: 100px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 2px;
}

#main.about .about-sochiku h4{
	font-size: 24px;
	font-weight: bold;
}

#main.about .about-sochiku span.txt-red{
	color: #e23c30;
	font-weight: bold;
}
#main.about .about-sochiku .about-zeroarrow{
	position: relative;
	margin-bottom: 70px !important;
	  margin: 0;
  font-size: 24px;
  line-height: 70px;
  font-weight: normal;
}

#main.about .about-sochiku .about-zeroarrow span{
	font-size: 36px;
	font-weight: bold;
}

#main.about .about-sochiku .about-zeroarrow:after{
content: "";
    position: absolute;
        top: 100%;
    left: calc( 50% - 50px);
  border-top: 40px solid #ffc000;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}

#main.about .about-sochiku .about-zerobox{
	    position: relative;
  border: 3px solid #ffc000;
  width: 90%;
  margin: 0 auto;
}

#main.about .about-sochiku .about-zerobox:before,
#main.about .about-sochiku .about-zerobox:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#main.about .about-sochiku .about-zerobox:before {
    border: solid 50px transparent;
    border-top: solid 40px #ffc000;
}
#main.about .about-sochiku .about-zerobox:after {
    border: solid 50px transparent;
    border-top: solid 40px #fff;
    margin-top: -4px;
}

#main.about .about-sochiku .about-zerobox h3{
  background: #ffc000;
  color: #000;
  text-align: center;
  margin: 0;
  font-size: 24px;
  line-height: 70px;
  font-weight: normal;
}

#main.about .about-sochiku .about-zerobox h3 span{
	font-size: 36px;
	font-weight: bold;
}
#main.about .about-sochiku .about-zerobox .about-zeroinner{
  padding: 3.5em;
}

#main.about .about-sochiku .about-zerobox .about-zeroinner ul{
	overflow: hidden;
    margin: 0 auto;
    display: table;
}
#main.about .about-sochiku .about-zerobox .about-zeroinner ul li{
	padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#main.about .about-sochiku .about-zerobox .about-zeroinner ul li:nth-child(2){
	padding: 0 20px;
}

#main.about .about-sochiku .btnarea3 {
    width: 500px;
    margin: 30px auto 0;
}

#main.about .about-sochiku .btnarea3 a {
    padding: 10px 30px;
    width: 100%;
    color: white;
    background: #6db73e;
    display: inline-block;
    text-align: center;
    transition: all ease-in-out 0.3s;
    border-radius: 20px;
    font-size: 30px;
}


#main.about .about-sochiku .about-mainsection{
	
}

#main.about .about-sochiku .about-mainsection table{
	font-size: 16px;
}

#main.about .about-sochiku .about-mainsection table thead th{
	background-color: #bcbdc0;
	text-align: center;
	border-right: 2px #FFF solid;
}

#main.about .about-sochiku .about-mainsection table thead th:last-child{
	border-right: none;
}

#main.about .about-sochiku .about-mainsection table tbody td{
	border: none;
	border-right: 2px #FFF solid;
	padding-left: 20px;
		text-align: center;
}

#main.about .about-sochiku .about-mainsection table tbody td:first-of-type{
	text-align: left;
}

#main.about .about-sochiku .about-mainsection table tbody td:last-child{
	border-right: none;
}

#main.about .about-sochiku .about-mainsection table .even td{
	background-color: #f2f3f4;
}



#main.about .about-sochiku .about-mainsection .about-casebox{
  border: none;
  background-color: #eaf0f7;
}
#main.about .about-sochiku .about-mainsection .about-casebox h3{
  background: #0094D6;
  color: #FFF;
  margin: 0;
  display:inline-block;
  padding: 15px;
  font-size: 24px;
}

#main.about .about-sochiku .about-mainsection .about-casebox h4{
    margin: 0;
    display: inline-block;
    margin: 15px;
    padding-right: 15px;
    font-size: 24px;
    border-right: 1px solid #000;
}

#main.about .about-sochiku .about-mainsection .about-casebox .about-casebox-title{
	margin-bottom: 20px
}

#main.about .about-sochiku .about-mainsection .about-casebox .about-casebox-title>p{
	display: inline
}

#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner h5{
    display: inline-block;
    background: #FFF;
    margin: 0 10px 20px;
    padding: 10px 20px;
    font-size: 20px;
    text-align: center;
}
#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-left,
#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-right{
	margin-bottom: 40px
}

#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-left{
	width: 35%;
	margin-left: 5%;
	margin-right: 10%;
	float: left;
}

#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-right{
	width: 45%;
	margin-right: 5%;
	float: right
}

#main.about .about-sochiku .about-matome{
position: relative;
    padding: 50px 70px 25px;
    border-radius: 5px;
    background: #ec584c;
}

#main.about .about-sochiku .about-matome span.title{
	position: absolute;
    top: -10px;
    left: 50px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding: 0 20px;
    color: #FFF;
    text-align: center;
    background: #cfc117;
}

#main.about .about-sochiku .about-matome span.title:before,
#main.about .about-sochiku .about-matome span.title:after {
  position: absolute;
  content: '';
}

#main.about .about-sochiku .about-matome span.title:before {
    right: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #8c8315;
}

#main.about .about-sochiku .about-matome ul{
	color: #FFF;
	font-size: 18px;
}

#main.about .about-sochiku .about-matome ul li {
	list-style-type: none;
}

#main.about .about-sochiku .about-matome ul li:before {
	content: '';
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 100%;
	background: #FFF;
	position: relative;
	left: -15px;
	top: 0px;
}

#main.about .about-sochiku .about-matome ul li span{
	font-size: 24px;
    font-weight: bold;
}

#main.about .about-sochiku .clearfix::after {
    content: "";
    display: block;
    clear: both;
  }

/* product page */
.product_box ul li .boxinner .txt_org {
    color: #d49300;
}

.product_box .prod_tag4 {
    text-align: center;
    overflow: hidden;
    width: 100%;
}

.product_box .prod_tag4 dd{
	    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    margin-right: 10px;
    color: white;
    padding: 5px 8px;
    text-align: center;
    overflow: hidden;
	background: #d49300;
}

.bg-green {
	background-color: #b9d300;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 35px;
}

.bg-orange {
	background-color: #d49300;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 35px;
}

.bg-blue {
	background-color: #003a73;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 35px;
}

.bg-red {
	background-color: #e23c30;
	color: #FFF;
	margin-bottom: 10px;
	padding-top: 35px;
}

#main,
#maincontent {
	margin: 0 auto;
	background-image: url('../img/bg-gray.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.post-404 #main{
	background-image: none;
}

.text-box {
	width: 1100px;
	margin: 0 auto;
	padding: 70px 0;
	overflow: auto
}

.text-box .col-2 {
	width: 50%;
	float: left;
}

h4.product {
	display: block;
	font-style: normal;
	letter-spacing: normal;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 1em;
}

h4.h-under {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	position: relative;
	text-align: center;
	margin-bottom: 1em;
}

h4.h-under:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 2px;
}

h4.h-orenge:before {
	background-color: #d49300;
}

h4.h-blue:before {
	background-color: #003a73;
}

h4.h-red:before {
	background-color: #e23c30;
}

h4.h-green:before {
	background-color: #b9d300;
}


#container.solar_top .text-box p {
	text-align: left;
}

#container.solar_top .text-box p.text-center {
	text-align: center;
}

#container.solar_top .text-box p.text-small {
	margin: 0;
	padding: 0;
	font-size: smaller;
}


.tab_container{
	background-color: transparent;
}

.prod_head {
	background: #f2f2f2
}

.prod_head li:nth-child(1) {
	background: #a0a0a0;
	color: white;
	padding: 30px 0
}

.prod_head li:nth-child(1) .inner {
	width: 1085px;
	margin: 0 auto;
	position: relative
}

.prod_head li:nth-child(1) .inner p {
	display: block;
	font-weight: bold
}

.prod_head li:nth-child(1) .inner p.prodcate {
	font-size: 24px;
	line-height: 1.4;
}

.prod_head li:nth-child(1) .inner p.prodname {
	font-size: 30px;
	line-height: 1.2;
}

.prod_head li:nth-child(1) .inner p.prodcoad {
	font-size: 18px;
	font-weight:nomal
}

.prod_head li:nth-child(1) .inner .prodimg {
	position: absolute;
	top: 0;
	right: 0;
	width: 28%
}

.prod_head li:nth-child(2) {
	font-weight: bold;
	padding: 30px 0 200px
}

.prod_head li:nth-child(2) .inner {
	width: 1085px;
	margin: 0 auto
}

.prod_head li:nth-child(2) .inner p {
	font-size: 24px;
}

.prod_head li:nth-child(3) {
	display: none
}

.prod_head li:nth-child(1) .inner p,
.prod_head li:nth-child(2) .inner p {
	width: 65%
}

.spbr {
	display: none
}

.spec_txt{
	font-size: 10px;
}


.vc_tta-tab {
	width: 100%;
	padding:15px 0;
	margin-left: 0 !important;
	background-color: #ececec;
	text-align: center;
	color: #00b0f0 !important;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a{
	  border-radius:  0px !important;
  }

  .vc_tta-tab>a{
	border-color: transparent !important;
    background-color: transparent !important;
    color: #00b0f0 !important
  }

  .vc_tta-tab:nth-child(2)>a{
	border-color: transparent !important;
    background-color: transparent !important;
    color: #ff2600 !important;
  }

  .vc_tta-tab:nth-child(2) {
	width: calc(100%/2);
	padding:15px 0;
	margin-left: 0 !important;
	background-color: #ececec;
	text-align: center;
	color: #ff2600 !important;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .vc_tta-tab:hover , .vc_tta-tab2:hover {
	opacity: 0.75;
  }

  .tab_content {
	display: none;
	padding: 2em 0 0;
	clear: both;
	overflow: hidden;
  }

  .vc_tta-tab.vc_active a {
	background-color: #00b0f0 !important;
	color: #fff !important;
  }
  .vc_tta-tab.vc_active:nth-child(2) a{
	background-color: #ff2600 !important;
	color: #fff!important;
  }

  .vc_tta.vc_general .vc_tta-panel-body{
	padding: 0!important;
}
.vc_tta-panels{
	border-radius: 0 !important;
	border: none !important;
	background-color: transparent !important;
	padding: 2em 0 0;
    clear: both;
    overflow: hidden;
}

.vc_tta-tabs-container{
	display: none !important;
}

.hi_txt{
	border: none;
}

.product_hosyo{
	background-color: #b9d300
}

.product_hosyo h2 {
    color: #FFF;}

.product_hosyo h2::after {
    border-bottom: solid 0.3vw #FFF;
}

/* FAQ */
.newqueBox .faq01ttl{
	background-color: transparent !important;
}

.newqueBox .specialty_w{
	background-color: transparent !important;
}

.newqueBox .specialty_w li {
	padding: 0 10px 0 0;
}
.newqueBox .specialty_w li:last-child{
	padding: 0 !important;
}

/*	service page	*/
#main .colmlist {
	padding: 0;
	position: relative;
	background: #f5f5f5;
	padding: 20px;
	border-radius: 10px;
}

#main .colmlistttl2 {
	position: relative;
	margin-bottom: 20px;
	padding: 70px 0px 10px 70px !important;
	font-size: 1.6rem !important;
	line-height: 1.4;
	border-bottom: 4px solid #ec584c;
	border-left: none !important;
	text-align: left !important;
}

#main .colmlistttl2 .httl {
display: block;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 4.8rem;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #ec584c;
    font-style: italic;
}

#main .colmlistttl .minttl,
#main .colmlistttl2 .minttl {
	display: block;
	font-size: 1.2rem;
}

.warranty_inner{
	padding-top: 0;
	padding-bottom: 0;
}

.warranty_inner .erroer_t {
	width:100%;
	border-collapse: collapse;
  border-spacing: 0;
}
.warranty_inner .erroer_t th , .warranty_inner .erroer_t td {
	padding:10px;
	border-left:1px solid white;
	border-bottom:1px solid white;
	vertical-align:middle
}
.warranty_inner .erroer_t th:last-child , .warranty_inner .erroer_t td:last-child {
	border-right:none;
	width:50%
}
.warranty_inner .erroer_t th {
	background:#2d4277;
	color:white
}
.warranty_inner .erroer_t tr:nth-child(2n+1){ background:#dcdcdc;}
.warranty_inner .erroer_t tr:nth-child(2n){ background:#eeeeee;}


.warranty_inner .charalist{
	width: 100%;
}

.warranty_inner .charalist img{
	margin-bottom: 10px !important}

.warranty_inner .contactlist ul li{
	background-size: 10% !important
}

#main .warranty_contents{
	margin-left: auto !important;
	margin-right: auto !important;
}

.servicelist {
	overflow: hidden;
}

 .inner {
	position: static;
	margin: 0 auto;
	height: 100%;
}

.servicelist>div {
	padding: 80px 0;
}

.servicelist:nth-child(odd) {
	background: #f6f8fb;
}

.servicelist div .inner {
	width: 1025px !important;
    margin: 0 auto !important;
}

.servicelist div .inner a {
	color: #f9dd32;
	text-decoration: underline !important;
}

.servicelist div .inner a:hover {
	text-decoration: none !important;
}

.servicelist div .inner h2 {
	color: #17366a;
	font-size: 1.9rem;
	font-style: italic;
	letter-spacing: 0.2em;
	line-height: 0.8;
	font-family: "Fira Sans", sans-serif;
	text-align: left !important;
}

.servicelist div .inner .su_jpttl {
	color: #17366a;
	font-size: 1rem;
	padding-bottom: 35px;
	margin-bottom: 30px;
}

.servicelist div .inner .suenttl1 {
	background: url(../img/service_bgttl.png) no-repeat left bottom;
	background-size: 26%;
}

.servicelist div .inner .suenttl2 {
	background: url(../img/service_bgttl2.png) no-repeat left bottom;
	background-size: 26%;
}

.servicelist div .inner .suenttl3 {
	background: url(../img/service_bgttl3.png) no-repeat left bottom;
	background-size: 26%;
}

.servicelist div .inner .suenttl4 {
	background: url(../img/service_bgttl4.png) no-repeat left bottom;
	background-size: 26%;
}

.servicelist div .inner .su_content {
	background: #96b1c8;
	padding: 50px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: white;
}
.servicelist div .inner .su_content .kaitekibg p {
	color: #000; 
	font-size: 13px;
	line-height: 1.7;
}

.servicelist div .inner .su_content h3 {
	background: url(../img/service_mark.png) no-repeat left center;
	background-size: contain;
	font-size: 1.6rem;
	padding-left: 60px;
	margin-bottom: 20px;
}

.servicelist div .inner .su_content .midtxt {
	display: block;
	font-size: 1.1rem;
	line-height: 1.4;
	margin-bottom: 10px;
}

.opelist li .midtxt{
	display: inline !important;
}

.servicelist div .inner .su_content .sutxt {
	line-height: 1.6;
	margin-bottom: 20px;
}

.servicelist div .inner .su_content .line{
	margin:  20px auto !important;
}

.servicelist div .inner .su_content ul {
	overflow: hidden;
	background: white;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 30px;
	display: table;
}

.servicelist div .inner .su_content ul li {
	padding: 0;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

.servicelist div .inner section{
	display: flex;
}

.servicelist div .inner section .f-item.f-left{
	width: 40%;
}

.servicelist div .inner section .f-item.f-right{
	width: 60%;
}

.servicelist div .inner .su_content ul li:nth-child(1),
.servicelist div .inner .su_content ul li:nth-child(3) {
	width: 46%;
}

.servicelist div .inner .su_content ul li:nth-child(2) {
	width: 8%;
}

.servicelist div .inner .su_content ul li:nth-child(2) img {
	margin-top: 100px;
}

.servicelist div .inner .su_content ul li:nth-child(odd) {
	background: none !important;
}

.servicelist div .inner .moniter {
	overflow: hidden;
	display: inherit;
}

.servicelist div .inner .moniter li {
	float: left;
	margin-right: 5% !important;
	width: 30% !important;
	color: black;
	display: block;
}

.servicelist div .inner .moniter li img {
	margin: 0 auto !important;
}

.servicelist div .inner .moniter li:last-child {
	margin-right: 0 !important;
}

.servicelist div .inner .moniter li h4 {
	text-align: center;
	margin-bottom: 5px;
	font-size: 1.2rem
}

.servicelist div .inner .moniter li p {
	line-height: 1.8;
	text-align: left;
}

.servicelist div .inner .aittl {
	text-align: center;
	border: 1px solid #cccccc;
	padding: 5px 0;
	margin-bottom: 10px;
	color: #4e5f7c;
	font-size: 1.2rem;
	font-weight: normal;
	background: white;
}

.servicelist div .inner .kaitekibg {
	background: white;
	padding: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 100%;
}

.servicelist div .inner .fukidashi {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 5em;
  }
  
  .servicelist div .inner .fukidashi:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -65px;
	border: 65px solid transparent;
	border-top: 45px solid white;
  }

 .opelist {
	overflow: hidden;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

 .opelist li {
	float: left;
}

 .btnarea3 a {
	padding: 10px 30px;
	width: 100%;
	color: white;
	background: #2e467c;
	display: inline-block;
	text-align: center;
	transition: all ease-in-out 0.3s;
	border-radius: 7px;
	font-size: 1rem;
}

.warranty_inner .charalist li{
	width: calc(100% / 3) !important;
	padding: 0 20px;
	vertical-align:top !important;
}

.bg-gray{
	padding-top: 60px;
	padding-bottom: 30px;
}

.product_hosyo .product_hosyo .hosyolist {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product_hosyo .product_hosyo .hosyolist li {
	float: left;
	width: 178px;
	padding: 5px 10px 10px 10px;
	margin-right: 15px;
	background: url(img/hosyo_more.png) no-repeat center bottom 10px #fff;
}

.product_hosyo .product_hosyo .hosyolist li:last-child {
	margin-right: 0;
}

.product_hosyo .product_hosyo .hosyolist li a {
	color: black;
	text-decoration: none !important;
}

.product_hosyo .product_hosyo .hosyolist li .taisyo {
	font-size: 0.7rem;
	line-height: 1.4;
	padding-bottom: 25px;
}

.opelist li:nth-child(1) {
	width: 63% !important;
	margin-right: 7% !important;
}

.opelist li:nth-child(2) {
	width: 30% !important;
}

.opelist li:nth-child(2) img {
	margin-top: 0 !important;
}

.keytxt{
	background-color: white;
}

.kaitekibg .midtxt ,
.warranty_inner .midtxt {
	font-size: 1.2rem !important;
	line-height: 1.7 !important;
	padding-bottom: 5px;
	text-align: center;
	background: linear-gradient(transparent 80%, #f8e1dc 70%);
}


.opelist .midtxt {
	font-size: 1.4rem !important;
	display: inline;
	line-height: 1.7 !important;
	padding-bottom: 5px;
	background: linear-gradient(transparent 70%, #f6e458 70%);
}

.opelist .sutxt {
	margin-bottom: 0 !important;
	padding-top: 20px;
}
/*	footer	*/
footer{
	background-color: #1b3661;
}

footer .fbreadcrumbs {
	width: 100%;
	background: #1276b3;
	padding: 10px 0 10px;
}

footer .fbreadcrumbs ul {
	display: block;
	width: 940px;
	margin: 0 auto;
	padding: 15px 0;
	background: none;
	color: #FFF;
}

footer .fbreadcrumbs a {
	color: #FFF;
}


footer ul#menu-footermenu {
	column-count: 3;
}

.footer-menu1 {
	float: left;
}

.footer-menu3 {
	float: right;
}

footer .fnav li.footer-menu2,
footer .fnav li.footer-menu3{
	break-inside: avoid;
}

footer .fnav ul.sub-menu li {
	margin-bottom: 0;
	width: 310px;
}

footer ul#menu-footermenu li a {
	display: inline-block;
	padding-bottom: 10px;
}

footer ul#menu-footermenu li.break-column {
	break-after: column;
}

footer ul#menu-footermenu li ul {
	position: relative;
	margin-top: 10px;
}

footer ul#menu-footermenu li ul li::before {
	content: "-";
	position: absolute;
	left: 1em;
	color: #FFF;
}

footer ul#menu-footermenu li ul li {
	padding-left: 30px;
	margin-bottom: 5px;
}

footer ul#menu-footermenu li ul li a {
	font-weight: normal;
}

.side-btn .contact {
	background: #1276b3;
}

.side-btn .dl {
	background: #eb9248;
}

#newstop ul li{
	text-align: center;
}

/*	pagetop arrow	*/
.kasou{
	background-color: #FFF;
}
.kasou .pagesend ul li .active{
	color: #FFF;
}

.sideArea .column_term-archive a, 
.post_column_tag a{
	border: 1px solid #f1795d;
}

/*
	WPbakery Design
*/

#main .wpb_gallery .flex-direction-nav li {
	position: static;
}

#main .wpb_gallery .flexslider {
	border: none;
	margin-bottom: 0;
}
.vc_row{
	margin-left: 0 !important;
    margin-right: 0 !important;
}

.flex-control-paging li a {
	width: 20px;
	height: 20px;
	background-color: #DDD;
}

.vc_row-full {
	width: 100% !important;
}

.vc_row-full>.vc_col-sm-12 {
	width: 100% !important;
}
.vc_column_container > .vc_column-inner{
	padding: 0 !important;
}
.vc_row-full .vc_column_container>.vc_column-inner {
	padding: 0 !important;
}

.vc_row-full .vc_single_image-wrapper img {
	display: block;
	width: 100%;
	height: auto;
}

.vc_row-full .wpb_single_image .vc_figure {
	display: block;
	width: 100%;
}

.vc_row-full .wpb_single_image .vc_single_image-wrapper {
	display: block;
	width: 100%;
}

#main .spec_t {
	margin: 0 auto !important;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #535353
}

#main .spec_t th,
#main .spec_t td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #535353;
	vertical-align: middle;
}

#main .spec_t td.column-1 {
	background: #a0a0a0;
	border-right: 1px solid #535353;
	width: 200px;
	color: #FFF;
}

#main .spec_t td {
	background: white;
	color: black;
}

#main .spec_t thead th {
	background: #4f5a6c;
	color: #FFF;
}

/*  FAQ  */
.queBox ul li .grayBg{
	background-color: #FFF;
}
.queBox ul li .qArea .tableBox,
.queBox ul li .aArea{
	background-color: #f8f8f8;
}

/* 製品情報 */
.api_area {
    position: relative;
}
.api_area p {
    position: absolute;
    left: 15px;
    top: 170px;
    
}
.api_area .api_banner {
    position: absolute;
    overflow: hidden;
    left: 105px;
bottom: 50px;
}
.api_area .api_banner li {
    float: left;
    margin: 0 50px 0 0;
    width: auto;
}
.api_area .api_banner li:nth-child(2n) {
    margin-right: 0;
}
.api_area .pc {display: block !important;width: 100%;}
.api_area .tb {display: none !important}
.api_area .sp {display: none !important} 

@media screen and (max-width: 980px) {
	header {
		background-size: cover;
		height: auto;
	}
	header .logo img {
		width: 40%;
	}
	header #header-cont {
		width: 90%;
		margin: 0 auto;
	}
	header h1 {
		font-size: 18px;
		position: static;
		padding-bottom: 30px;
		top: auto;
		left: auto;
		transform: none;
	}
	
	.api_area p {
		top: 120px;
		width: 70%;
		line-height: 1.6
	}
	.api_area .api_banner {
		position: absolute;
		overflow: hidden;
		left: 15px;
		bottom: 20px;
	}
	.api_area .api_banner li {
		margin: 0 25px 0 0;
	}
	.api_area .api_banner li img {
		width: 100%
	}
	.api_area .pc {display: none !important}
	.api_area .tb {display: block !important}
	.api_area .sp {display: none !important}


	footer {
		width: 100%;
		margin-bottom: 170px;
	}
}

@media screen and (min-width: 981px) {
	header #global-nav ul {
		list-style: none;
		right: 30px;
		top: auto;
		float: right;
		font-size: 14px;
		height: 100px;
	}
	header #global-nav ul li {
		line-height: 100px;
	}
	header #global-nav ul li a {
		height: 0;
	}
	#global-nav ul li .sub-menu li {
		line-height: 50px;
	}
	#global-nav ul li .sub-menu li a {
		background-color: #FFF;
		color: #000 !important;
		padding: 0 !important;
	}
	#main .vc_row {
		margin-left: 0;
		margin-right: 0;
	}
	#main .vc_row.warranty_contents>.vc_col-sm-12 {
		width: 980px;
		margin: 0 auto;
		float: none;
	}
	#main .vc_row.warranty_contents>.vc_col-sm-12 .vc_row {
		width: 980px;
		margin: 0 auto;
		padding: 0;
	}
	
	#main .vc_row>.vc_col-sm-12,
	#post-404 {
		width: 1100px;
		margin: 0 auto;
		float: none;
	}
	#main .vc_row>.vc_col-sm-12 .vc_row {
		width: 1100px;
		margin: 0 auto;
		padding: 0;
	}
	
	#main  .inner.vc_row>.vc_col-sm-12 {
    width: 100% !important;
}
	#main .spec_t {
		width: 100%;
	}
	.side-btn ul li {
		display: block;
	}
	.side-btn ul li img {
		padding: 10px;
		width: 80px;
	}
	.side-btn.fixed {
		position: fixed;
		top: 350px;
		right: 0;
		z-index: +1;
	}
	.side-btn.fixed.none {
		opacity: 0;
		z-index: -1;
	}
		
	
	#main.about .vc_row>.vc_col-sm-12 .vc_row:not(.about-topcontents),
	#main.about .vc_row>.vc_col-sm-12{
		width: 100% !important;
	}
	
	#main.about .about-sochiku .about-topcontents{
	width: 580px !important;
	margin-left: auto !important;
    margin-right: auto !important;
	}
	
	#main.about .about-sochiku .about-topcontents p{
    width: 100% !important;
    padding: 0 25px;
    word-break: break-word;
	}	
	
	.ho_naiyo li{
		width: calc( calc(100% - 20px) /2) !important;
	}
	
	#main .warranty_contents{
	width: 980px !important;
	}
	
	#main.about .about-sochiku .about-mainsection p{
	}
	
	#main.about .about-sochiku .about-mainsection img{
	float: right;
	margin: 10px;
	}
	
	.hosyolist li{
	width: calc(calc(100% - 40px) / 5);
    margin-right: 6px;
	}
}

@media screen and (min-width: 768px) {
	/*	プルダウン	*/
	#top-head #global-nav ul li .sub-menu {
	    left: -150px;
	    top: 55px;
	    height: auto !important;
	}
	#top-head .sub-menu {
		position: relative;
		width: 310px;
		min-height: 60px;
		margin: 20px;
		padding: 10px;
	}
	#top-head .sub-menu::before {
		content: '';
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 50px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg) skew(-10deg, -10deg);
	}	
	#top-head .sub-menu::after {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#top-head .sub-menu>* {
		position: relative;
		z-index: 3;
	}
	#top-head .sub-menu,
	#top-head .sub-menu::before {
		box-shadow: 0 0 6px 0 rgba(163, 163, 163, 0.50);
	}
	#top-head .sub-menu,
	#top-head .sub-menu::before,
	#top-head .sub-menu::after {
		background: #FFF;
	}
	
	.vc_col-sm-6{
		width: 48% !important;
	}
	
	.vc_col-sm-6:first-child{
		margin-right: 4%;
	}

	.beginning-row {
		width: 950px !important;
		margin: 0 auto !important;	
	}
	
}

@media screen and (max-width: 768px) {
	.inner {
		width: auto;
		height: auto;
	}
	#top-head .logo img {
		width: 34%;
	}
	#global-nav {
		top: -660px;
	}
	.open #global-nav {
		-moz-transform: translateY(656px);
		-webkit-transform: translateY(656px);
		transform: translateY(710px);
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		padding: 12px 0 !important;
	}
	#global-nav ul li .sub-menu li a {
		background-color: #FFF !important;
		color: #000 !important;
	}

	.pc{
		display: none !important;
	}
	.tb{
		display: block !important;
	}
	#top-head img.color{
		display: block;
	}
	
	#top-head.fixed img.color{
		display: block;
	}

	#top-head img.white{
		display: none;
	}
	
	#top-head.fixed img.white{
		display: none;
	}
	
	#cover {
		padding-top: 60px !important;
	}
	
	#cover h1.coverttl {
		width: 90%;
		top: 45%;
		left: calc(50% - calc(45%));
		text-align: center;
	}
	
	#container.solar_top #intro{
		margin-bottom: 180px !important
	}

	#container.solar_top #system, #container.solar_top #service{
		margin-left: 0 !important;
		margin-right: 0 !important;
		background-size: auto 50% !important;
		width: 100% !important;
	}
	#container.solar_top #system{
		background: url(../img/top_system-sp.png) top center no-repeat;
	}
	#container.solar_top #service{
		background: url(../img/top_service-sp.png) top center no-repeat;
	}


	#container.solar_top dl dt, 
	#container.solar_top dl dd, 
	#container.solar_top dl dd a {
		line-height: 1.5;
	}
	
	#container.solar_top dl{
		width: 90%;
		left: calc(50% - calc(45%));
		height: 100px;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	
	#container.solar_top dl dt{
		width: 25%;
		padding: 30px 0;
		letter-spacing: 0;
		
	}
	
	#container.solar_top dl dd{
		width: 75%;
		margin: 0;
		padding: 0 15px;
	}
	
	#container.solar_top dl dd a:before {
	  content: '\A';
	  white-space: pre;
	}
	
	#container.solar_top dl dd a{
		margin: 0;
		line-height: 1.7;
	}
	
	#container.solar_top{
		background-size: 350% auto;
	}
	
	#container.solar_top{
		width: 100%
	}
	
	#container.solar_top h2{
		font-size: xx-large!important;
	}
	
	
	#container.solar_top #intro h4.ttl{
		margin-top: 20px;
		font-size: large;
	}
	
	#container.solar_top p.text,
	#container.solar_top p.more_txt{
		width: 100%;
		margin-top: 40px;
		padding: 0 20px;
		line-height: 1.8;
	}
	
	#container.solar_top p.text+p.more_txt {
		width: 100%;
	}
	
	#container.solar_top p.more_txt{
		position: static;
		margin-bottom: 0;
	}
	
	#container.solar_top .text_box{
		position: static !important;
		width: 80%;
		height: auto;
		margin: 0 auto;
	}

	#container.solar_top .text_box h4{
		font-size: large;
	}
	
	#container.solar_top p.more_txt a{
		display: inline
	}

	#container .h-breadcrumbs {
		width: 100%;
	}
	.h-breadcrumbs ul {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	#cover h1.coverttl {
		font-size: 9vw;
		top: 27%;
	}
	
	#cover h1.coverttl.product{
		font-size: 9vw;
		top: 31%;
		text-align: left;
		line-height:1.2
	}
	#cover h1.coverttl span {
		font-style: normal;
		font-weight: normal;
		display: block;
		font-size: 0.8rem;
		padding-top: 0px;
		padding-left: 0;
	}
	
	#main ul li {
		word-break: break-all;
	}
	#main .colmlistttl2 {
		/*padding: 70px 0px 10px 20px !important;*/
	}
	#nav-toggle {
		right: 15px;
	}
	#main .vc_row {
		padding-top: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	#main .vc_row .servicelist div{
		padding: 0 !important;
	}
	#main .moniter {
		padding: 15% 15% 10% !important;
	}
	.servicelist > div{
		padding-top: 30px!important;
		padding-bottom: 30px !important;
	}

    .servicelist div .inner {
        width: 90% !important;
        margin: 0 auto;
    }
    .servicelist div .inner .su_jpttl {
        padding-bottom: 10%;
        margin-bottom: 5%;
    }
    .servicelist div .inner .suenttl1,
    .servicelist div .inner .suenttl2,
    .servicelist div .inner .suenttl3,
    .servicelist div .inner .suenttl4 {
        background-size: 60%;
    }
    .servicelist div .inner .su_content {
        padding: 5%;
    }
    .servicelist div .inner .su_content .midtxt {
        margin-bottom: 3%;
    }
    .servicelist div .inner .su_content .sutxt {
        margin-bottom: 5%;
    }
    .servicelist div .inner .su_content h3 {
        font-size: 1.4rem !important;
        background-size: 13%;
        padding: 5% 0 5% 16%;
        line-height: 1.3;
    }
    .servicelist div .inner .su_content ul {
        padding: 5%;
    }
    .servicelist div .inner .su_content ul li {
        padding: 0;
        margin: 0;
        display: block;
        vertical-align: middle;
        text-align: center;
    }
    .servicelist div .inner .su_content ul li:nth-child(1),
    .servicelist div .inner .su_content ul li:nth-child(3) {
        width: 100%;
    }
    .servicelist div .inner .su_content ul li:nth-child(2) {
        width: 100%;
    }
    .servicelist div .inner .su_content ul li:nth-child(2) img {
        margin-top: 0px;
    }
    .servicelist div .inner .su_content ul li:nth-child(odd) {
        background: none !important;
    }
    .servicelist div .inner .moniter li {
        float: none;
        margin-right: 0% !important;
        width: 100% !important;
        margin-bottom: 7% !important;
    }
    .servicelist div .inner .moniter li img {
        margin: 0 !important;
		width: 100%;
    }
    .servicelist div .inner .aittl {
        margin-bottom: 3%;
		padding: 5px;
    }
    .servicelist div .inner .kaitekibg {
        padding: 5%;
    }
	.servicelist div .inner section{
	flex-wrap: wrap;
	}
	.servicelist div .inner section .f-item.f-left,
	.servicelist div .inner section .f-item.f-right{
		width: 100%;
	}

	.midtxt.t_bold{
		word-break: keep-all;
	}

	.vc_tta-panel-heading{
		display: none;
	}
	.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body{
		background-color: #FFF !important;
	}
     .opelist li {
        float: none;
    }
     .opelist li:nth-child(1) {
        width: 100% !important;
        margin-right: 0% !important;
        margin-bottom: 5% !important;
        text-align: left !important;
    }
     .opelist li:nth-child(2) {
        width: 100% !important;
    }
     .opelist li:nth-child(2) img {
        margin-top: 0 !important;
        width: 70%;
    }
     .opelist li .midtxt {
        font-size: 1.4rem !important;
        border-bottom: 5px solid #f6e458;
        display: inline;
        line-height: 1.7 !important;
        padding-bottom: 5px;
    }
     .opelist li .sutxt {
        margin-bottom: 0 !important;
        padding-top: 20px;
    }

	.warranty_inner .charalist li{
		width: 100% !important;
	}
	.bg-gray{
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.queBox ul li .qArea .tableBox .qText{
		padding: 7px 0 0px 35px;
	}

	footer .fbreadcrumbs ul {
		width: 80%;
		margin-left: 20px;
	}
	footer ul#menu-footermenu {
		column-count: 1;
	}
	footer ul#menu-footermenu li ul.sub-menu {
		margin-top: 0;
	}
	footer ul#menu-footermenu li a {
		padding-bottom: 0;
	}
	footer .fnaviinner {
		padding-bottom: 5%;
	}
	.side-btn ul{
		position: fixed;
		bottom: 0;
		height: 70px;
		width: 100%;
		z-index: 1;
	}

	.side-btn ul li {
		float: left;
		width: 50%;
	}
	.side-btn ul li img {
		display: block;
		margin: 0 auto;
		height: 70px;
	}
		
	.prod_head li:nth-child(1) {padding: 20px 0;}
    .prod_head li:nth-child(1) .inner {width: 95%;}
    .prod_head li:nth-child(1) .inner p.prodname {font-size: 30px; line-height: 1.2; margin-bottom: 10px;}
    .prod_head li:nth-child(1) .inner .prodimg {display: none}
    .prod_head li:nth-child(2) {padding: 20px 0 30px;}
    .prod_head li:nth-child(2) .inner {width: 95%;}
    .prod_head li:nth-child(3) {display: block; width: 65%; margin: 0 auto; padding-bottom: 50px}
    
    .prod_head li:nth-child(1) .inner p, .prod_head li:nth-child(2) .inner p {width: 100%;}
    
    .spbr {display: block}

	.vc_inner,
	.wpb_wrapper .tablepress {
		width: 96%;
		margin: 0 auto !important;
	}
	
	#main.about .about-sochiku{
	width: 96%;
}
	
	#main.about .about-sochiku .about-box .about-inner {
    padding: 4em 1em 2em;
	}
	#main.about .about-sochiku .about-inner ul{
		margin-top: 20px;
	}
	
	#main.about .about-sochiku .about-inner ul li{
		background-size: 25px;
		background-position-y: 8px;
		padding-left: 35px;
		line-height: 1.8;
	}
	
	#main.about .about-sochiku h3.h-under.h-red{
		margin-top: 20px;
		font-size: 24px;
	}
	
	#main.about .about-sochiku .about-homemade .about-homemadecome{
		width: auto !important;
	}
	
	#main.about .about-sochiku .about-zerobox{
		width: 100% !important;
	}
	
	#main.about .about-sochiku .about-zerobox h3{
		font-size: 18px;
		line-height: normal;
		padding: 20px
	}
	#main.about .about-sochiku .about-zerobox .about-zeroinner{
		padding: 1em;
	}
	
	#main.about .about-sochiku .about-zerobox .about-zeroinner ul,
	#main.about .about-sochiku .about-zerobox .about-zeroinner ul li{
		display: block;
	}
	
	#main.about .about-sochiku .about-zerobox .about-zeroinner ul li:nth-child(2){
		padding: 20px 0
	}

	
	#main.about .about-sochiku .about-tablepress{
  overflow: auto; 
    white-space: nowrap;
    margin-bottom: 20px;
 }

	
	
	#main.about .about-sochiku .btnarea3{
		width: auto;
	}
	
	#main.about .about-sochiku .btnarea3 a {
    font-size: 18px;
}
#main.about .about-sochiku .about-mainsection .colmlistttl2{
	  padding: 0px 0px 10px 60px !important;
	  font-size: 1.4rem !important; 
}

#main.about .about-sochiku .about-mainsection .colmlistttl2 .minttl{
	font-size: 1rem;
}

#main.about .about-sochiku .about-mainsection .about-casebox h3 {
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 24px;}

#main.about .about-sochiku .about-mainsection .about-casebox h4{
	display: block;
	border-right: none;
	text-align: center;
}

#main.about .about-sochiku .about-mainsection .about-casebox .about-casebox-title p{
width: 90%;
    margin: 0 auto;
    display: block;
    word-break: keep-all;
}
	#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner h5{
		display: block;
	}
	
	#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-left,
	#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-right{
		width: 100%;
		margin-left: 0;
		margin-right: 0;

	}
		#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-left img,
	#main.about .about-sochiku .about-mainsection .about-casebox .about-caseinner .about-caseinner-right img{
		width: 96%
}

#main.about .about-sochiku .about-matome span.title{
	left: 20px;
	font-size: 14px;
	font-weight: bold;
}

#main.about .about-sochiku .about-matome {
    padding: 50px 30px 25px;
}
#main.about .about-sochiku .about-matome ul li {
    margin-top: 10px;
}
#main.about .about-sochiku .about-matome ul li:before {
    width: 15px;
    height: 15px;
    left: -8px;
    top: -2px;
}
}

@media screen and (max-width: 599px) {

    .api_area p {
    top: 100px;
    width: 54%;
    line-height: 1.8
}
    .api_area .api_banner {
    position: initial;
    margin-top: 5%;
}
    .api_area .api_banner li {
    margin: 0 4% 0 0;
    width: 48%;
}
    .api_area .api_banner li img {
    height: 100%
}
    .api_area .pc {display: none !important}
    .api_area .tb {display: none !important}
    .api_area .sp {display: block !important}
}

@media screen and (max-width: 375px) {
.h-breadcrumbs ul {
  line-height: 1.5;
  margin-top: 5%;
}
}

#main .moniter {
		padding:30px
	}