@charset "utf-8";
/*
Theme Name: META ENERGY
Version: 1.0
*/

/* Reset.css */
* {
	font-style:normal;
	margin:0pt;
	padding:0pt;
	border:0;
	text-decoration: none;
}
body {
		font-family:'Noto Sans JP',"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
background:#fff;
color:#231815;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}
ol, ul, ul li {
	list-style-type:none;
}
img {
border:0 none;
vertical-align:bottom;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
font-size: 1.4rem;
line-height: 2;
}
@media (min-width: 768px) {
  body {
	font-size:1.8rem;
	line-height: 1.8;
  }
}
@media (min-width: 992px) {
  body {
	font-size:1.8rem;
	line-height: 1.8;
  }
}
.contents p, .contents dl, .contents ul, .contents ol {
    margin-bottom:2em;
}
select {
  -webkit-appearance: none;
  appearance: none;
}
a:link{
	color:#00A0E9;
}
a:visited{
	color:#00A0E9;
}
a:hover{
	color:#FF4B33;
}
a:active{
	color:#FF4B33;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
img{
max-width:100%;
height:auto;
}
/*a:hover img{
opacity:0.7;
transition: all 0.5s ease 0s;
}*/
.only_sp{
display:none;
}
.only_pc{
display:block;
}
.f22 {
font-size:1.6em;
line-height: 1.6em;
}
.fbold{
font-weight:600;
}
.tunderline{
text-decoration:underline;
}
.blue{
color:#00A0E9;
}
.orange{
color:#D83F00;
}
.tcenter{
text-align:center;
}
.tright{
text-align:right;
}
.red{
color:#ea3b28;
}
.fs09{
	font-size:0.9em;
}
.fm12{
	font-size:1.2em;
}
.bgyellow{
    background: linear-gradient(transparent 60%, #FFD400 60%);
}
.luckiest{
	font-family: 'Luckiest Guy', cursive;
}
.Barlow{
	font-family: 'Barlow Condensed', sans-serif;
}
.wrap{
width:92%;
max-width:980px;
margin:0 auto;
clear:both;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify{
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
    padding: 0;
}
.gmap,
.youtube{
position: relative;
padding-bottom: 36.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed,
.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gmap2,
.youtube{
position: relative;
padding-bottom: 46.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap2 iframe,
.gmap2 object,
.gmap2 embed,
.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 94%;
}
.futura{
			font-family:"futura-pt",sans-serif;
}
.serif {
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* editor */
 
p {
    display: block;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/*sp common*/
.spnav{
		display:none;
}

/*common*/
.logo{
	max-width:527px;
}
.pageHeader{
	margin:0 0 2em;
}
.head_contact{
	max-width:125px;
}
.head_inner{
	align-items:center;
}
.copyright{
	text-align:center;
	margin:2em 0;
	font-weight:bold;
}
.spnav{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:#fff;
}
.spnav_list a{
	color:#000;
	display:block;
	width:100%;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2;
	margin:0 0 1em;
	text-align:center;
}
.spnav_list a:hover{
	opacity:0.7;
}
.spnav_close{
	margin:0 0 2em;
}

/*page common*/
.combox01{
	padding:3em 0;
}
.comttl01{
	text-align:center;
	margin:0 0 2em;
	font-weight:bold;
}
.comttl01m{
	font-size:2.4em;
	line-height:1.2em;
}
.comttl01s{
	font-size:1.6em;
}

/*top*/
.tmain{
	margin:0 0 2em;
}
.tpoint>div{
	width:33.3333%;
}
.tabout01_img{
	width:28%;
}
.tabout01_txt{
	width:70%;
}
.tabout01_ttl{
	font-size:1.6em;
	font-weight:bold;
}
.tabout01_bar{
	text-align:center;
}
.tabout01_bg{
	margin:-4em 0 0;
}
.tabout02_unit01{
	width:45%;
}
.tabout02_unit02{
	width:45%;
}
.tabout02{
	background:url(img/ja/about_img01.png) no-repeat right bottom;
	padding-bottom:8em;
}
.tabout03_unit01{
	width:50%;
	margin-left:50%;
	margin-top:-4em;
}
.tabout03_txt{
	width:48%;
}
.tabout03_img{
	width:48%;
}
.tabout04_unit01{
	width:48%;
}
.tabout04_img{
	margin-top:-8em;
	text-align:right;
}
.tabout04_bar{
	text-align:center;
}
.timg01{
	margin:0 0 3em;
	text-align:center;
}
.taddress_ttl{
	font-weight:bold;
	font-size:2.4em;
	margin-right:1em;
	line-height: 1;
}
.taddress_txt{
	margin-left:1em;
}
.taddress_txt01{
	font-weight:bold;
	font-size:1.2em;
}
.taddress_txt02{
	font-weight:500;
}
.taddress_inner{
	justify-content: center;
	margin:0 auto 3em;
}
.tstory_head img{
	width:100%;
}
.tstory_bar{
	text-align:center;
}
.tphilosophy_img01{
	width:80%;
	margin-left:20%;
	margin-top:-6em;
}
.thistory_inner{
	align-items:center;
}
.thistory_img01{
	width:25%;
}
.thistory_txt{
	width:30%;
	text-align:center;
}
.thistory_img02{
	width:35%;
}
.thistory_img03{
	width:50%;
	margin-left:50%;
}
.thistory_bar{
	text-align:center;
}
.tteam_unit01_illust{
	width:50%;
	margin-left:50%;
	margin-top:-7em;
}
.tteam_unit02_txt{
	text-align:center;
}
.tteam_unit02_img{
	margin:0 0 1em;
}
.timg02{
	text-align:center;
}
.timg02 div{
	margin:0 0 1em;
}
.tservice_illust01{
	width:50%;
	margin-right:50%;
	margin-top:-7em;
	z-index:-1;
	position:relative;
	margin-bottom:3em;
}
.tservice_bar{
	text-align:center;
}
.toem_inner{
	align-items:center;
}
.toem_list{
	text-align:center;
	margin:0 0 2em;
}
.toem_list_ttl{
	font-weight:bold;
	font-size:1.4em;
	line-height:1.2;
}
.toem_list_arrow{
	max-width:21px;
	margin:0.5em auto 1em;
}
.toem_img3{
	margin-top:-3em;
}
.tspecialties_img01{
	text-align:center;
}
.tspecialties_bar{
	text-align:center;
}
.tprocess_unit01{
	margin:0 0 2em;
	align-items:center;
}
.tprocess_unit01_img{
	width:36%;
}
.tprocess_unit01_txt{
	width:62%;
}
.tprocess_unit01_ttl,
.tprocess_unit02_ttl{
	font-weight:bold;
	font-size:1.4em;
}
.tprocess_unit02_img{
	
}
.tprocess_unit02_img div{
	width:32%;
	margin:0 0 1em;
}
.tprocess_unit02_txt{
	text-align:center;
}
.tmessage_txt01{
	text-align:center;
}
.tmessage_img01{
	text-align:right;
}
.tmessage_img02{
	margin-top:-8em;
}
.tmessage_img03{
	text-align:center;
	margin-top:-3em;
}
.tflow_ttl{
	font-weight:bold;
	font-size:1.4em;
	text-align:center;
}
.tflow_arrow{
	max-width:21px;
	margin:0.5em auto 1em;
}
.tflow_txt01{
	text-align:center;
}
.tflow_unit02_txt{
	text-align:center;
}
.tflow_unit01:after{
	content:"";
	display:block;
	width:24%;
}
.tflow_unit01_img{
	width:24%;
}
.tflow_unit01_txt{
	width:50%;
}
.tflow p{
	margin:0;
}
.tflow_unit02_img div{
	margin:0 0 2em;
}
.tflow_unit02{
	margin:0 0 2em;
}
.tprivacy p{
	font-size:0.8em;
}
.tcontact_txt01{
	text-align:center;
}
.form{
	width:100%;
	margin:0 0 2em;
}
.form th{
	font-size:0.8em;
	padding:0.5em;
	text-align:left;
}
.form .hissu{
	color:#ff0000;
}
.form td{
	padding:0.5em;
}
.form td input,
.form td textarea{
	width:100%;
	background:#e6e6e6;
	padding:0.5em 1em;
	border-radius:0.5em;
	font-size:16px;
}
.submitbtn input{
	border: 0px;
    width:250px;
    height:45px;
    background: url(img/ja/send_btn.png) left top no-repeat;
	background-size:contain;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
.submitbtn input:hover{
	opacity:0.7;
}

/*thanks*/
.thanks{
	text-align:center;
}