@charset "utf-8";

/**********************************************
** Site Name: キャロットレードアジア
** Site URI: 
** Description: キャロットレードアジアについて
**********************************************/

/*-------------------------------------------*/
/*  CONTENTS:
/*--------------------------------------------
1.0 - 汎用スタイル
    1.1 - 見出し　背景
2.0 - キャロットレードアジアについて
		
---------------------------------------------*/

/*-------------------------------------------*/
/*  1.0 - 汎用スタイル
/*-------------------------------------------*/

.about .txt {
  line-height: 2.0em;
}
.about .about_detail {
  background-color: #EEF1F1;
}

/*タブレット・スマホ*/
/* 959px以下 */
@media screen and (max-width:959px) {
  .about .about_detail {
    margin-bottom: 60px;
    padding: 20px 20px 30px;
  }
  .about .txt { font-size: 1.2rem;}
}

/*PC*/
/* 960px以上 */
@media screen and (min-width:960px) {
  .about .about_detail { 
    margin-bottom: 90px;
    padding: 40px 40px 60px;
  }
  .about .txt { font-size: 1.7rem;}
}

/*  1.1 - 見出し
/*-------------------------------------------*/

.about h3 { letter-spacing: 1px;}
.about h3 span {
  position: relative;
  font-size: 2.0rem;
}

/*タブレット・スマホ*/
/* 959px以下 */
@media screen and (max-width:959px) {
 .about h3 {
   margin-bottom: 20px;
   font-size: 2.0rem;
 }
 .about h3 span { font-size: 1.8rem;}
 .about h3 span::before { top: 10px;}
}

/*PC*/
/* 960px以上 */
@media screen and (min-width:960px) {
  .about h3 {
    margin-bottom: 30px;
    font-size: 3.0rem;
  }
  .about h3 span { font-size: 2.5rem;}
}


/*  1.2 - 見出し　背景
/*-------------------------------------------*/

.about .title_bg {
  background: url("../img/about/bg_about.png") no-repeat center top;
  background-size: cover;
}

/*PC*/
/* 960px以上 */
@media screen and (min-width:960px) {
  .about .title_bg {
    height: 450px;
    padding-top: 185px;
  }
  .title.title_bg h1.heading { margin-bottom: 151px;}
}


/*-------------------------------------------*/
/*  2.0 - キャロットレードアジアについて
/*-------------------------------------------*/

/*タブレット・スマホ*/
/* 959px以下 */
@media screen and (max-width:959px) {
  .about { padding-bottom: 50px;}
}

/*PC*/
/* 960px以上 */
@media screen and (min-width:960px) {
  .about { padding-bottom: 70px;}
}