@charset "UTF-8";

/*
  メインコンテナーCSS
*/


/***********************************************************
#1 コンテナー
***********************************************************/
#c-main {
  width: 100%;
  text-align: left;
	background:  #fff;
}
#c-main-inner {
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  #c-main {
    max-width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
}




/***********************************************************
#1 基本
***********************************************************/
/*======================================
#2 段落
======================================*/
#c-main .section {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* 幅 */
#c-main .section.w800 {
  width: 800px;
}
#c-main .section.w960 {
  width: 960px;
  margin-bottom: 2.0em;
}
#c-main .section.w1000 {
  width: 1000px;
  max-width: 96%;
}

#c-main .section.w1280 {
  width: 1280px ;
  max-width: 96%;
}
#c-main .section.w1000-2 {
  width: 1000px;
  padding-top: 2.0em;
  padding-bottom: 1.0em;
}

#c-main .section.w960-2 {
  width: 960px;
  padding-top: 2.0em;
  padding-bottom: 1.0em;
}

#c-main .w96p {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  #c-main .section {
    padding-left: 2%;
    padding-right: 2%;
  }
}


/*======================================
#2 カラム
======================================*/
#c-main .cols2-l {
  width: 75%;
  float: left;
}
#c-main .cols2-r {
  width: 19%;
  float: right;
}

#c-main .cols3-l {
  width: 30%;
  float: left;
  margin-right: 5%
}
#c-main .cols3-c {
  width: 30%;
  float: left;
}
#c-main .cols3-r {
  width: 30%;
  float: right;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
#c-main .cols2-l {
  width: 100%;
  float: none;
}
#c-main .cols2-r {
  width: 100%;
  float: none;
}

}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .cols2-l {
  width: 100%;
  float: none;
}
#c-main .cols2-r {
  width: 100%;
  float: none;
}


}

/*======================================
#2 見出し
======================================*/
#c-main h1 {
  margin-bottom: 1em;
  font-size: 180%;
  line-height: 120%;
  color: #0e2047;
}

#c-main h2 {
  margin-bottom: 1.0em;
  margin-top: 1.8em;
  font-size: 1.2em;
  line-height: 130%;
  color: #0e2047;
  font-weight: 600;
  padding: 0.7em 0 0.7em 10px ;
  border: solid 2px #0e2047;
}

#c-main h3 {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  line-height: 120%;
  color: #0e2047;
  margin: 1.2em 0 1.0em 0;
  padding: 0.8em 0 0.8em 10px;
  font-weight: 600;
  border-bottom: solid 1px #0e2047;
}

#c-main h4 {
  font-size: 1.1em;
  margin-top: 1.5em;
  margin-bottom: 1.0em;
  line-height: 130%;
  font-weight: 600;
  padding: 0 0 0 10px;
  color: #0e2047;
  border-left: solid 3px #0e2047;
}

#c-main h5 {
  margin-top: 1.5em;
  margin-bottom: 1.0em;
  font-size: 1.0em;
  color: #0e2047;
  font-weight: 600;
}

#c-main h6 {
  margin-bottom: 0.5em;
  font-size: 100%;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
	
#c-main h3 {
  font-size: 1.3em;
}

#c-main h3.h3-en {
  font-size: 1.3em;
}

#c-main h4 {
  font-size: 1.2em;
}
	
}


/*======================================
#2 テキスト
======================================*/
#c-main p {
  margin-bottom: 1em;
}

#c-main pre {
  margin-bottom: 1em;
}

#c-main address {
  margin-bottom: 1em;
}

#c-main blockquote {
  margin: 0 0 1em 0;
  padding: 15px 15px 1px 15px;
  border: solid 1px #EDEDF0;
  background: #F8F8F8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

#c-main strong {
  font-weight: bold;
}

#c-main sup {
  vertical-align: super;
  font-size: smaller;
}

#c-main sub {
  vertical-align: sub;
  font-size: smaller;
}


/*======================================
#2 表
======================================*/
#c-main table {
  margin: 2.0em 0;
  padding: 0;
  font-size: 0.9em;
}
#c-main tr {
  border-top: solid 1px #0e2047;
  border-bottom: solid 1px #0e2047;
}

#c-main table th {
  padding: 0.8em 1.0em;
  white-space: nowrap;
  font-weight: normal;
  border-right: solid 2px #fff;
}

#c-main table tr:nth-child(2n) th {
  background: #E4EDF7;
}
#c-main td {
  padding: 0.8em 1.0em;
}
#c-main tr:nth-child(2n) td {
  background: #F9F9F9;
}
/* レイアウト用 */
#c-main table.layout th,
#c-main table.layout td {
  border: none;
}

/* 表配置 */
#c-main table.pos-c {  /* 中央 */
  margin-left: auto;
  margin-right: auto;
}
#c-main table.pos-r {  /* 右 */
  margin-left: auto;
}


/*======================================
#2 リスト
======================================*/
/* リスト */
#c-main ul {
  margin: 0 0 1em 30px;
  padding: 0;
}
#c-main ul li {
  margin: 0;
  padding: 0;
}
#c-main ul.gapped li {  /* 間隔あり */
  margin-bottom: 1em;
}

/* 番号付リスト */
#c-main ol {
  margin: 0 0 1em 30px;
  padding: 0;
}
#c-main ol li {
  margin: 0;
  padding: 0;
}
#c-main ol.gapped li {  /* 間隔あり */
  margin-bottom: 1em;
}

/* 定義リスト */
#c-main dl {
  margin-bottom: 1em;
  padding: 0;
}
#c-main dt {
  margin: 0;
  padding: 0;
}
#c-main dd {
  margin: 0 0 0 30px;
  padding: 0;
}
#c-main dl.gapped dd {  /* 間隔あり */
  margin-bottom: 1em;
}

/* ネストしたリスト */
#c-main ul ul, #c-main ul ol, #c-main ul dl,
#c-main ol ul, #c-main ol ol, #c-main ol dl,
#c-main dl ul, #c-main dl ol, #c-main dl dl {
  margin-bottom: 0;
}



/***********************************************************
#1 メインコンテナー用汎用クラス
***********************************************************/

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

}