@charset "utf-8";

/*
Theme Name: REVO
Description: REVO
Theme URI: https://revo365.jp/
Author: ifdesign.inc
Author URI: https://revo365.jp/
Version: 1.00
*/

/*default clear設定*/
h1{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:normal;}h2{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h3{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h4{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:left;margin-bottom:10px;}ul,menu,dir{display:block;list-style-type:none;margin:0;padding:0;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-before:0em;-webkit-padding-after:0em;-webkit-padding-start:0px;-webkit-padding-end:0px;}dl{display:block;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;}dd{display:block;-webkit-margin-start:0px;}p{display:block;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;}fieldset{border:none;}hr{display:none;}img{border:0px;}p{padding:0;margin:0;}table{display:table;border-collapse:collapse;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;}

button {
cursor: pointer;
cursor: hand;
}
/*a href 設定*/
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
/*clearfix設定*/
cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
/*テキスト設定*/
.bold {
	font-weight: bold;
}
.txtrd {
	color: #F10004;
}
/*端末別設定*/
@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
.pc {
	display: none;
}
.smp,.tbl {
	display: block;
}
}
@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */
.tbl {
	display: block;
}
.smp,.pc {
	display: none;
}
}
@media screen and (min-width: 910px) {
/* 910px以上用（PC用）の記述 */
.pc {
	display: block;
}
.smp,.tbl {
	display: none;
}
}

/*--------------------------
共通設定
---------------------------*/
body , html {
    height: 100%;
}
body {
border: none;
padding: 0px;
margin: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: medium;
color: #231815;
line-height: 1.8em;
background-color: #FFFFFF;
-webkit-text-size-adjust: 100%;
}
article {
width: 100%;
}
article.GY {
background-color: #f8f8f8;
}
section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 80px;
padding-bottom: 50px;
max-width: 1000px;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 2%;
padding-right: 2%;
}
section:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
.flex {
display: -webkit-flex; /* Safari */
display: flex;
flex-wrap: wrap;
}
/*--------------------------
ヘッダー
---------------------------*/
/*ヘッダー固定 */
#fixed {
position: fixed;
top: 0px;
z-index: 100;
width: 100%;
display: block;
}
header {
background-color: rgba(255,255,255,0.80);
}
header article {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 100;
height: 65px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*ロゴ*/
header .logo {
width: 100%;
display: block;
margin-right: auto;
max-width: 77px;
padding-left: 20px;
padding-top: 20px;
}
header .logo img {
width: 100%;
height: auto;
}
/*ナビ*/
header .gnavi {
width: 600px;
margin-right: auto;
padding-top: 10px;
}
header .gnavi ul {
}
header .gnavi ul li {
width: 25%;
padding-top: 5px;
padding-bottom: 5px;
}
header .gnavi ul li:after {
content: ".";
display: block;
visibility: hidden;
line-height: 0;
width: 100%;
height: 0;
clear: both;
}
header .gnavi ul li p {
font-weight: bold;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height: 1.4em;
}
header .gnavi ul li p.sub {
display: block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: small;
}
header .gnavi ul li a {
text-decoration: none;
color: #010101;
text-align: center;
}
header .gnavi ul li a:hover {
color: #C2C2C2;
}
header .headNavi {
width: 100%;
display: block;
margin-left: auto;
max-width: 240px;
padding-right: 20px;
}
header .headNavi ul {
display: flex;
}
header .headNavi ul li {
width: 50%;
}
header .headNavi ul li.iso {
padding-top: 10px;
}
header .headNavi ul li.iso img {
}
header .headNavi ul li a {
display: block;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
color: #FFFFFF;
background-color: #E87A00;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-align: center;
text-decoration: none;
}
header .headNavi ul li a:hover {
background-color: #E59133;
}

/*--------------------------
GOTOP
---------------------------*/
.gotop {
width: 60px;
position: fixed;
bottom: 50px;
right: 20px;
text-align: center;
padding-top: 10px;
background-color: #B0B0B0;
padding-bottom: 10px;
color: #FFFFFF;
}

/*--------------------------
フッター
---------------------------*/
footer {
padding-bottom: 10px;
background-color: #383838;
padding-top: 50px;
}
footer article {
text-align: center;
}
footer p {
font-size: medium;
color: #FFFFFF;
margin-bottom: 15px;
}
footer .tell {
font-size: xx-large;
}
footer p .sub {
font-size: small;
padding-left: 10px;
}
footer p a {
color: #FFFFFF;
text-decoration: none;
}
footer p a:hover {
color: #C4C4C4;
}
footer .copyright {
color: #FFFFFF;
text-align: center;
font-size: small;
}

/*--------------------------
メインコンテンツ
---------------------------*/
/*共通*/
.btn .link {
margin-bottom: 50px;
border-style: none;
color: #FFFFFF;
font-size: x-large;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 500px;
display: block;
margin-left: auto;
margin-right: auto;
}
.btn .link.OR {
background-color: #E87A00;
}
.btn .link.OR:hover {
background-color: #E29948;
}

h2 {
font-size: xx-large;
margin-bottom: 50px;
text-align: center;
color: #333333;
}
article .sub_text {
width: 100%;
max-width: 800px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 50px;
}
h3 {
margin-bottom: 30px;
text-align: center;
}
article.full {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
width: 100%;
}
article.full .main_logo {
display: block;
margin-bottom: 10px;
}
article.full h1 {
font-size: large;
text-align: left;
color: #FFFFFF;
line-height: 1.8em;
}
/*概要*/
#concept {
}
#concept .flex {
justify-content: center;
align-items: center;
}
#concept .flex .img {
width: 35%;
}
#concept .flex .img img {
width: 100%;
height: auto;
}
#concept .flex .text {
width: 65%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
}
#concept .flex .text p {
margin-bottom: 20px;
}
/*悩み*/
#worries ul {
}
#worries ul li {
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
color: #E87A00;
text-align: center;
border: 2px solid #E87A00;
border-radius: 20px;
font-weight: bold;
}

/*機能*/
#function .flex {
}
#function .flex dl {
width: 46%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFFFFF;
border-top: 5px solid #E87A00;
}
#function .flex dl h3 {
text-align: left;
font-weight: bold;
font-size: large;
line-height: 1.8em;
margin-bottom: 20px;
}
#function .flex dl dd {
font-size: small;
}
/*導入事例*/
section#case div.flex {
justify-content: center;
}
section#case div.flex img {
width: 50%;
height: auto;
}
section#case div.flex ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
section#case div.flex ul li {
margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #E87A00;
    text-align: center;
    border: 2px solid #E87A00;
    border-radius: 20px;
    font-weight: bold;
}
section#case div.flex ul li.none {
border-style: none;
}

/*Revo*/
article.full.revo {
width: 100%;
background-image: url(/frontparts/image/bg_revo.jpg);
padding-top: 200px;
padding-bottom: 300px;
}
article.full.revo .main_logo {
margin-left: auto;
margin-right: auto;
display: block;
max-width: 230px;
}
article.full.revo .main_logo img {
max-width: 230px;
height: auto;
}
article.full.revo h1 {
font-size: large;
margin-bottom: 50px;
text-align: center;
color: #FFFFFF;
}
article.full.revo ul {
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
article.full.revo ul li {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid #FFFFFF;
width: 46%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 20px;
}
article.full.revo ul li p {
color: #FFFFFF;
font-size: x-large;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight: bold;
}
article.full.revo ul li p.sub {
display: block;
font-size: medium;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#series .flex {
margin-bottom: 100px;
}
#series .flex dl {
margin-left: 1%;
margin-right: 1%;
width: 23%;
padding-bottom: 80px;
background-color: #FFFFFF;
position: relative;
}
#series .flex dl dt {
text-align: center;
}
#series .flex dl dd {
font-size: small;
line-height: 1.6em;
padding-left: 6%;
padding-right: 6%;
padding-bottom: 10px;
display: block;
}
#series .flex dl dt img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
#series .flex dl button {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
color: #FFFFFF;
text-decoration: none;
border-style: none;
background-color: #144584;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
font-size: medium;
}
#series .flex dl button:hover {
background-color: #315C93;
}

/*EC-Revo*/
article.full.ec {
background-image: url(/frontparts/image/bg_ec.jpg);
padding-top: 150px;
padding-bottom: 200px;
}

/*Store-Revo*/
article.full.store {
background-image: url(/frontparts/image/bg_store.jpg);
padding-top: 150px;
padding-bottom: 200px;
}

/*Logistics-Revo*/
article.full.logi {
background-image: url(/frontparts/image/bg_logi.jpg);
padding-top: 150px;
padding-bottom: 200px;
}

/*Rakucon*/
article.full.rakucon {
background-image: url(/frontparts/image/bg_rakucon.jpg);
padding-top: 150px;
padding-bottom: 200px;
}

/*--------------------------
各種コンテンツ
---------------------------*/
/*--------------------------
REVO
---------------------------*/



/*--------------------------
EC-Revo
---------------------------*/



/*--------------------------
Store-Revo
---------------------------*/



/*--------------------------
Logistics-Revo
---------------------------*/
#logiworries dl {
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
width: 18%;
}
#logiworries dl dt {
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
color: #E87A00;
text-align: center;
border: 2px solid #E87A00;
border-radius: 20px;
font-weight: bold;
}
#logiworries dl dd {
margin-bottom: 10px;
font-weight: bold;
font-size: small;
}

#introduction dl {
margin-bottom: 30px;
width: 100%;
max-width: 600px;
display: block;
margin-left: auto;
margin-right: auto;
}
#introduction dl dt {
font-size: medium;
line-height: 1.8em;
margin-bottom: 10px;
font-weight: bold;
}
#introduction dl dt a {
text-decoration: none;
color: #333333;
}
#introduction dl dt a:hover {
text-decoration: underline;
}
#introduction dl dd {
font-size: small;
line-height: 1.8em;
margin-bottom: 10px;
}

#case dl {
margin-bottom: 20px;
width: 100%;
max-width: 600px;
display: block;
margin-left: auto;
margin-right: auto;
}
#case dl dt {
font-size: medium;
line-height: 1.8em;
margin-bottom: 10px;
font-weight: bold;
}
#case dl dt a {
text-decoration: none;
color: #333333;
}
#case dl dt a:hover {
text-decoration: underline;
}
#case dl dd {
font-size: small;
line-height: 1.8em;
margin-bottom: 10px;
}

#history p {
width: 100%;
max-width: 700px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-bottom: 10px;
}


/*--------------------------
フォーム
---------------------------*/
article section form .table {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article section form .table .tr {
	border-bottom: 2px dotted #CCC8B4;
	display: table;
	width: 94%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 3%;
	margin-right: 3%;
}
article section form .table .th {
	display: table-cell;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 30%;
}
article section form .table .td {
	width: 70%;
	display: table-cell;
	padding-top: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article section form .table .tr:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
/*入力フォームスタイル設定*/
.table .field {
	border: 1px solid #bdbdbd;
	background: #ffffff;
	border-radius: 4px;
	padding: 8px;
	margin-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 3px;
}
.table .s {
   width:20%;
}
.table .m {
   width:30%;
   }
.table .l {
   width:50%;
 }
.table .xl {
   width:100%;
 }
.table .area {
   width:100%;
   height: 7em;
   line-height: 1.5em;
}
.alert {
	font-size: x-small;
	color: #FF3E41;
}
.caution {
	font-size: x-small;
	color: #FF3E41;
}
.button {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
.button .submit-button {
	color: #FFFFFF;
	background-color: #E87A00;
	width: 250px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-top: 40px;
	text-align: center;
	line-height: 1.6em;
	border-style: none;
	font-size: large;
}
.button .submit-button:hover {
background-color: #EA9F4D;
}
.button .reset-button {
	color: #FFFFFF;
	background-color: #4A4A47;
	width: 250px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-top: 40px;
	text-align: center;
	line-height: 1.6em;
	border-style: none;
	font-size: large;
}
.button .reset-button:hover {
	background-color: #747473;
}
.button .btn {
	color: #FFFFFF;
	background-color: #E87A00;
	width: 300px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 40px;
	text-align: center;
	line-height: 1.6em;
	border-style: none;
	font-size: large;
}
.button .btn:hover {
	background-color: #EA9F4D;
}
.submit p {
	text-align: center;
}

@media screen and (max-width: 767px) {
/* スマホ：736px以下の場合に適用*/

article section form .table {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article section form .table .tr {
	border-bottom: 2px dotted #CCC8B4;
	display: block;
	width: 94%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 3%;
	margin-right: 3%;
}
article section form .table .th {
	display: block;
	border-right: none;
	padding-top: 5px;
	padding-right: 2%;
	padding-bottom: 0px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
article section form .table .td {
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article section form .table .tr:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
/*入力フォームスタイル設定*/
.table .field {
	border: 1px solid #bdbdbd;
	background: #ffffff;
	border-radius: 4px;
	padding: 8px;
	margin-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 3px;
}
.table .s {
   width:20%;
}
.table .m {
   width:30%;
   }
.table .l {
   width:50%;
 }
.table .xl {
   width:100%;
 }
.table .area {
   width:100%;
   height: 7em;
   line-height: 1.5em;
}
.alert {
	font-size: x-small;
	color: #FF3E41;
}
.caution {
	font-size: x-small;
	color: #FF3E41;
}
.btn {
width: 80%;
padding: 15px;
margin-bottom: 30px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.button .submit-button {
	width: 80%;
	padding: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: large;
}
.button .reset-button {
	width: 80%;
	padding: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: large;
}
article section form .table .th {
	margin-bottom: 10px;
}
article section form .table .td {
	margin-bottom: 10px;
}
}


@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
/*ロゴ*/
header .logo {
width: 100%;
max-width: 77px;
margin-left: auto;
}
header .logo img {
width: 100%;
height: auto;
}
/*ナビ*/
header .gnavi {
display: none;
}
header .headNavi {
display: none;
}
article.full .main_logo {
display: block;
margin-bottom: 10px;
width: 80%;
}
article.full .main_logo img {
width: 100%;
height: auto;
}
#logiworries dl {
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
width: 100%;
}
#function .flex dl {
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 3%;
padding-right: 3%;
}
article.full.revo ul li {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid #FFFFFF;
width: 92%;
margin-left: 4%;
margin-right: 4%;
margin-bottom: 30px;
}
#series .flex dl {
margin-left: 2%;
margin-right: 2%;
width: 96%;
padding-bottom: 80px;
background-color: #FFFFFF;
position: relative;
margin-bottom: 30px;
}

}