
@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;
	}

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);
	}

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;
	}

#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;
}

#strength{
	}


/*==================================================
サードエリア
==================================================*/

#thirdarea{
    background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/third_bg.jpg);
    background-position:right;
    background-size: cover;
    -moz-background-size: cover;
	}

#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;
	}

#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;
	}

#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;
}

#sixarea #contents{
    top: 300px;
	position:absolute;
    background-position:center;
    background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/six_opacity.png);
	width:100%;
}
@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;
	}

#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;
	}

/*==================================================
セブンエリア
==================================================*/

#sevenarea #contents{
    background-image:url(https://d3e4ftxt69wtye.cloudfront.net/images/overview/seven_bg.png);
	}

#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;
	}

#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%;
	}

#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%;
}


#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;
}
