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

/*
Author: assion
Author URI: http://www.assion.co.jp/
*/


/*==================================================
フォント設定
==================================================*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, border-spacing, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
list-style-type: none;
vertical-align: bottom;
letter-spacing:0.1rem;
}

@font-face{font-family: 'Courgette', cursive,'Hind', sans-serif;}

/*==================================================
全体
==================================================*/
html, body{
-webkit-text-size-adjust: none;
overflow-x: hidden;
}
/*ページトップへのボタン
#top{
position:fixed;
width:100px;
height:100px;
right:0px;
}
*/

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

ul{margin:0; padding:0px;}


/* Hides from IE-mac \*/
* html .sec {height: 1%;}
/* End hide from IE-mac */


/*==================================================
hr 設定
==================================================*/
hr {
display:block;
width:100%;
height:1px;
border:0;
padding:0;
}

/*==================================================
ヘッダー
==================================================*/
header{
}

#main_bg{
background-size: cover;
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/bg.jpg);
background-position:center;
}

.no-webp #main_bg{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/bg.jpg);
}

.webp #main_bg{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/bg.webp);
}

h1{
float:left;
width:250px;
}

#top_contents{
padding-top: 300px;
}

#title{
}

#title h2{
color:#FFF;
line-height:3rem;
font-size:3rem;
font-family:'Hind', sans-serif;
}

.c_copy{
padding-top:22px;
color:#FFF;
font-size:2rem;
line-height:2rem;
font-family:'Hind', sans-serif;
}

#contact {
}

#content{
padding:20px;
}

#contact_left{
background-color: rgba(0,0,0,0.6);
padding: 20px 0 20px 4px;
}

#contact input{
width: 90%;
border: 0;
padding: 0 10px;
border-radius: 0 !important;
min-height:50px;
max-height:50px;
}

#contact input[type=text] {
margin-bottom:10px;
}

#inf_field_FirstName, #inf_field_Email {
color:#979797;
}

#content p{
font-size:1.2rem;
font-family:'Hind', sans-serif;
}

#contact_right{
padding: 20px 10px;
background-color: rgba(0,0,0,0.6);
}

#contact input[type=submit]{
min-height:110px;
max-height:110px;
cursor:pointer;
background:none;
border:none;
font-family:'Hind', sans-serif;
color:#42352A;
font-size:18px;
background-color:#EFFB38;
}

input[type=submit] p{
font-size:1.2rem;
font-family:'Hind', sans-serif;
}

input[type=text], input[type=email], input[type=submit] {
-webkit-appearance: none !important;
}




/*==================================================
トップエリア
==================================================*/


#toparea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/top_bg.png);
}

.no-webp #toparea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/top_bg.png);
}

.webp #toparea{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/top_bg.webp);
}

h3{
padding-top:45px;
font-family:'Hind', sans-serif;
text-align:center;
font-size:320%;
color:#3d3636;
}
@media (max-width: 600px) {
h3 {
padding-top:25px;
font-size:200%;
}
}

#toparea p{
font-size:1.2rem;
text-align:center;
line-height:1.5rem;
font-family: 'Courgette', cursive;
color:#3d3636;
}

#toparea_bg{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/maps_02.png);
background-size: cover;
-moz-background-size: cover;
margin:0px auto;
}

.no-webp #toparea_bg{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/maps_02.png);
}

.webp #toparea_bg{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/maps_02.webp);
}

#top_info{
}


#cercle{
}

#doga{
}


#kind_1{
font-family:'Hind', sans-serif;
position:absolute;
line-height:1rem;
top:79px;
left:410px;
color:#3d3636;
}

#kind_2{
font-family:'Hind', sans-serif;
position:absolute;
top:335px;
left:390px;
line-height:1rem;
color:#3d3636;
}

#kind_3{
font-family:'Hind', sans-serif;
position:absolute;
top:340px;
left:50px;
color:#3d3636;
}

#kind_4{
font-family:'Hind', sans-serif;
position:absolute;
top:232px;
left:20px;
color:#3d3636;
}

#kind_5{
font-family:'Hind', sans-serif;
position:absolute;
line-height:1rem;
top:85px;
left:50px;
color:#3d3636;
}

#kind_6{
font-family:'Hind', sans-serif;
position:absolute;
top:35px;
left:180px;
color:#3d3636;
}

#kind_7{
font-family:'Hind', sans-serif;
position:absolute;
top:28px;
left:257px;
color:#3d3636;
}

#message{
text-align:left;
}

#toparea h4{
font-family: 'Courgette', cursive;
line-height:1.9rem;
color:#362921;
}


.logo_slider{
margin:0px auto;
}


/*==================================================
セカンドエリア
==================================================*/

#secondarea{
background-color:#0e7ca5;
width:100%;
box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#secondarea h3{
color:#FFF;
line-height:4.8rem;
}
@media (max-width: 600px) {
#secondarea h3 {
line-height:2rem;
}
}

#secondarea #contents{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/second_bg.png);
background-size: contain;
-moz-background-size: contain;
background-repeat: repeat-x;
margin:0px auto;
}

.no-webp #contents{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/second_bg.png);
}

.webp #contents{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/second_bg.webp);
}

#strength{
}


/*==================================================
サードエリア
==================================================*/

#thirdarea{
background-position:right;
background-size: cover;
-moz-background-size: cover;
}

.no-webp #thirdarea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/third_bg.jpg);
}

.webp #thirdarea{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/third_bg.webp);
}

#thirdarea #contents{
margin:0px auto;
}

#thirdarea h3{
padding-top:100px;
color:#FFF;
line-height:4.2rem;
}

@media (max-width: 600px) {
#thirdarea h3 {
padding-top:50px;
line-height:2rem;
}
}

#arrow{
padding-top:15px;
text-align:center;
}

#boxes{
width:100%;
}

#function_box1{
margin:0px auto;
}

.function-gray{
background:rgb(192,192,192);
background: transparent\9;
background:rgba(192,192,192,0.9);
}

.function-lightgray{
background:rgb(224,224,224);
background: transparent\9;
background:rgba(224,224,224,0.9);
}

.box1_icon{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/function1.png);
}

#function_box1 p{color:#000;}
#function_box2 p{color:#000;}

.box2_icon{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/function2.png);
}

#function_box2{
margin:0px auto;
}

.box3_icon{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/function3.png);
}

.box4_icon{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/function4.png);
}

.function_text h6{
text-align:center;
font-family:'Hind', sans-serif;
}

.function_text p{
font-size:90%;
line-height:1.3rem;
padding-top:30px;
text-align:center;
font-family:'Hind', sans-serif;
}

/*==================================================
フォースエリア
==================================================*/

#fourtharea{
}

#graph{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/four_bg.png);
background-size: cover;
-moz-background-size: cover;
}

.no-webp #graph{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/four_bg.png);
}

.webp #graph{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/four_bg.webp);
}

#graph h3{
color:#FFF;
}

#graph h4{
font-size:140%;
text-align:center;
color:#bfbdbb;
font-family:'Hind', sans-serif;
}

#fraph_text{
position:absolute;
top:210px;
left:10px;
}

#fraph_text p{
text-align:right;
font-weight:bold;
font-family:'Hind', sans-serif;
color:#FFF;
padding:28px 0px;
font-size:180%;
}

/*==================================================
フィフスエリア
==================================================*/

#fivearea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/five_bg.png);
background-size: cover;
-moz-background-size: cover;
}

.no-webp #fivearea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/five_bg.png);
}

.webp #fivearea{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/five_bg.webp);
}

#success{
margin:0px auto;
}

#line{
padding-top:50px;
text-align:center;
}

@media (max-width: 600px) {
#line {
padding-top:20px;
}
}

#success h3{
font-size:300%;
margin-top:-40px;
color:#555555;
padding-bottom:50px;
}

@media (max-width: 600px) {
#success h3 {
margin-top:-25px;
font-size:200%;
padding-bottom:20px;
}
}

#success_sl{
margin:0px auto;
}

#success_sl .slick-slide { outline: none;}


/*==================================================
シックスエリア
==================================================*/

#sixarea{
background-position:center;
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/six_bg.jpg);
position:relative;
height: 784px;
background-size: cover;
-moz-background-size: cover;
}

.no-webp #sixarea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/six_bg.jpg);
}

.webp #sixarea{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/six_bg.webp);
}

#sixarea #contents{
top: 300px;
position:absolute;
background-position:center;
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/six_opacity.png);
width:100%;
}

.no-webp #sixarea #contents{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/six_opacity.png);
}

.webp #sixarea #contents{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/six_opacity.webp);
}

@media (max-width: 600px) {
#sixarea #contents {
top: 180px;
}
}

#six_text{
margin:0px auto;
}

#six_text h3{
color:#FFF;
}

#six_text h5{
text-align:center;
color:#FFF;
font-family:'Hind', sans-serif;
}

#six_text h6{
font-size:120%;
text-align:center;
color:#fffd71;
margin-bottom:17px;
font-family:'Hind', sans-serif;
}

#icon_w{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/icon_webiner.png);
background-position: center;
background-repeat:no-repeat;
margin-top:65px;
margin:0px auto;
}

.no-webp #icon_w{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/icon_webiner.png);
}

.webp #icon_w{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/icon_webiner.webp);
}

#six_text p{
padding-top:80px;
color:#FFF;
font-family: 'Courgette', cursive;
text-align:center;
}

.text_small{
font-size:0.8rem;
color:#FFF;
font-family:'Hind', sans-serif;
}

#joinus{
padding-top:16px;
margin:0px auto;
}

#joinus a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/*==================================================
セブンエリア
==================================================*/

.no-webp #sevenarea #contents{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/seven_bg.png);
}

.webp #sevenarea #contents{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/seven_bg.webp);
}

#pc{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/pc.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
max-width: 660px;
margin:0px auto;
}

.no-webp #pc{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/pc.png);
}

.webp #pc{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/pc.webp);
}

#all_f{
padding-top: 228px;
}

#all_f .single-item{
max-width:658px;
margin: 0px auto;
}

@media (max-width: 600px) {
#all_f {
padding-top: 144px;
}
}

/*==================================================
エイトエリア
==================================================*/

#eightarea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/eight_bg.png);
width:100%;
}

.no-webp #eightarea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/eight_bg.png);
}

.webp #toparea{
background-eightarea:url(https://media.productionschedulingsystem.com/en/images/overview/eight_bg.webp);
}

#system{
padding:16px 0;
margin:0px auto;
}

#system h5{
font-size:300%;
font-family:'Hind', sans-serif;
color:#FFF;
}

p{
font-family:'Hind', sans-serif;
color:#FFF;
font-size:80%;
line-height:1.2rem;
letter-spacing:0.05rem;
}

#erp{
position:absolute;
top:230px;
left:5px;
text-align:center;
}

#db{
position:absolute;
top:420px;
left:40px;
text-align:center;
}

#as{
position:absolute;
top:240px;
left:350px;
text-align:center;
}

#mes{
position:absolute;
top:440px;
left:350px;
text-align:center;
}

.system_left{
position:absolute;
top:360px;
left:300px;
}

.system_right{
position:absolute;
top:360px;
left:490px;
}

.system_left p{font-family: 'Courgette', cursive; color:#5c574c;}
.system_right p{font-family: 'Courgette', cursive; color:#5c574c;}


/*==================================================
ナインスエリア
==================================================*/

#nignarea{
background-position:center;
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/nign_bg.jpg);
width:100%;
}

.no-webp #nignarea{
background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/nign_bg.jpg);
}

.webp #nignarea{
background-image:url(https://media.productionschedulingsystem.com/en/images/overview/nign_bg.webp);
}

#free_bg{
margin:0px auto;
min-height:270px;
}

#free_bg h3{
color:#FFF;
}

#contact_free{
margin-top: 50px;
}

#contact_free:after{
padding-bottom: 50px;
}

#free_left{
}

#contact_free input {
width: 100%;
min-height:60px;
border-radius: 0 !important;
border: 0;
padding: 0 10px;
font-size: 20px;
}

#contact_free input[type=text]{
margin-bottom:12px;
}

#content p{
font-size:1.2rem;
font-family:'Hind', sans-serif;
}

#free_right{
padding-left:10px;
padding-top:32px;
}

#contact_free input[type=submit]{
height:132px;
cursor:pointer;
background:none;
border:none;
font-family:'Hind', sans-serif;
color:#42352A;
font-size:180%;
width: 100%;
background-color:#EFFB38;
-webkit-appearance: none;
}

input[type=submit] p{
font-size:1.2rem;
font-family:'Hind', sans-serif;
}


/*==================================================
フッター
==================================================*/

#pagetop{
display: block;
position: fixed;
z-index: 9999;
bottom: 10px;
right: 10px;
width: 80px;
padding: 30px 20px;
background: rgba(0,0,0,.7);
text-align: center;
}

#pagetop a{
color:#FFF;
font-size:80%;
text-decoration:none;
font-family:'Hind', sans-serif;
}

#pagetop:hover{
background: rgba(0,0,0,.8);
}


footer{
background-color:#d0c7b6;
}

#information{
margin:0px auto;
border-bottom:solid 1px #97948f;
}

#sns{
}

#sns li{
float:left;
padding:0px 100px 0px 0px;
}

#sns{
padding-bottom:20px;
}


#companies{
margin:0px auto;
border-top:solid 1px #FFF;
}


#company_link{
padding-top:30px;
padding-left:30px;
border-right:solid 1.5px #a8a6a1;
}


#company_link a{
color:#414040;
font-size:140%;
text-decoration:none;
font-family:'Hind', sans-serif;
}

#company_link a:hover{
color:#927c70;
font-size:140%;
text-decoration:none;
font-family:'Hind', sans-serif;
}

#company_number, #distributor_link{
padding-top:30px;
padding-left:30px;
border-left:1px #FFF solid;
}

#company_number ul{
}

#company_number a{
color:#414040;
font-size:140%;
text-decoration:none;
font-family:'Hind', sans-serif;
}

#distributor_link>ul>li.company_info {
color: #414040;
font-size: 140%;
text-decoration: none;
font-family: 'Hind', sans-serif;
text-align: right;
}

.company_title{
color:#414040;
font-size:160%;
padding-bottom:10px;
font-family: 'Courgette', cursive;
}


.telnumber{
color:#414040;
}

.telnumber:hover{
color:#927c70;
}

#copyright{
font-size:130%;
text-align:center;
color:#927c70;
font-family:'Hind', sans-serif;
}

/*
Overwrite bootstrap
*/
.container-padding-0 {
padding-right: 0px;
padding-left: 0px;
}

.padding-b-16 {
padding-bottom: 16px;
}

.padding-t-16 {
padding-top: 16px;
}

.img-responsive-centering{
margin: 0 auto;
}

.navbar-custom .navbar-toggle .icon-bar {
background: #222;
}

.navbar-brand{
padding: 4px 15px;
}