@charset "utf-8";

@media screen and (max-width: 740px) {

/*  =============================================================

　　共通モジュール設定

============================================================= */


/*  全体・コンテナー 設定
--------------------------------------------- */

/*  フォーム 設定
-------------------------- */

.boxInput {
  margin: 0 0 15px;
}

.boxInput > ul {
}

.boxInput > ul > li {
  display: block;
  margin: 10px 0;
  padding-left: 22px;
  text-indent: -22px;
}


/*  コンテンツ　設定
--------------------------------------------- */

/*  ボタン
-------------------------- */

.btnEntry.large a,
.btnEntry.large span {
  position: relative;
  padding: 0.8em 2.2em 0.8em 3.1em;
  border-radius: 6px;
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
}

.btnEntry.large.arw a,
.btnEntry.large.arw span {
  background-position: 1.5em 50%;
}



.btn > * {
  border-radius: 4px;
}

/* 中サイズ */
.btn.middle {
}

.btn.middle > *,
.btn.middle.arw > * {
  min-width: 160px;
}

/* 大サイズ */
.btn.large {
  margin: 30px 0;
}

.btn.large > * {
  width: 100%;
  min-width: 0;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 1.2em;
}

.boxColumnList .btn.large {
  margin: 0;
  padding-top: 15px !important;
  padding-right: 0;
  padding-left: 0;
}

.boxColumnList .btn.large > * {
  width: 100%;
  min-width: 0;
  padding-right: 5px;
  padding-left: 5px;
}


/*  アイコン
-------------------------- */

/* -- 矢印アイコン -- */

/* 矢印 */
.icnArw a:before,
.boxAccHead.icnArw span:before {
  top: 6px;
}

/* -- ファイル -- */

.boxFile {
  margin-top: 20px;
  padding: 15px;
}

.boxFile .txtSmall {
  padding-left: 32px;
  font-size: .85em;
}

.icnFile {
  display: block;
  padding: 5px 0 5px 32px;
  background-size: 20px;
  background-position: 0 7px;
}


/*  バナー
-------------------------- */

.bnr {
}

.bnr:hover {
}

.bnr.round {
  padding: 13px 10px;
}


/*  タグ
-------------------------- */

.tag {
}


/*  テーブル
-------------------------- */

table {
  margin: 20px 0;
}

.boxTable {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-top: none;
}

.boxTable,
.boxTable tbody,
.boxTable tr,
.boxTable th,
.boxTable td {
  display: block;
  width: auto;
}

.boxTable tr {
  border: none;
}

.boxTable th,
.boxTable td {
  padding: 10px;
}

.boxTable th {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.boxTable td {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* ---- テーブルスタイル02 ---- */

table.tableStyle02 {
}

/* ---- テーブルパターン01 ---- */

table.tablePtn01 {
}

table.tablePtn01 td:first-child + td {
  width: 60px !important;
}

table.tablePtn01 td:first-child + td + td {
  width: auto;
}

/* ---- テーブルパターン02 ---- */

table.tablePtn02 {
}

table.tableStyle02 th,
table.tableStyle02 td {
  padding: 10px;
}

table.tableStyle02 td:first-child {
  width: 40px;
}

table.tableStyle02 td:first-child + td {
  width: 100px;
}

/* ---- テーブルパターン03 ---- */

table.tablePtn03 {
}

table.tablePtn03 td:first-child + td {
  width: 23%;
  font-size: .9em;
}

table.tablePtn03 td:first-child + td + td {
  width: auto;
}

table.tablePtn03 td:first-child + td + td + td {
  padding-right: 2px;
  padding-left: 2px;
  text-align: center;
}

table.tablePtn03 td:last-child {
  width: 100px;
}

table.tablePtn03 td:last-child .tag {
  margin-left: 0;
  padding-right: 7px;
  padding-left: 7px;
}

/* ---- テーブルパターン04 ---- */

table.tablePtn04 {
}

table.tablePtn04 td:first-child + td {
  width: 40%;
}



/*  カラムリスト
-------------------------- */

/* ---- 共通設定 ---- */

.boxColumnList {
}

.boxColumnList > ul {
  letter-spacing: -.40em;
}

.boxColumnList > ul > li {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  letter-spacing: normal;
  vertical-align: top;
}

/* -- 画像 -- */

.boxColumnList .imgItem {
}

/* -- タイトル -- */

.boxColumnList .ttlItem {
  padding-top: 22px;
  text-align: center;
  line-height: 1.65em;
}

/* -- 内容 -- */

.boxColumnList .txtCont {
  padding-top: 15px;
}

/* ---- 2カラム設定 ---- */

.boxColumnList.columnTwo > ul {
  margin-top: -40px;
  margin-left: 0;
}

.boxColumnList.columnTwo > ul > li {
  width: 100%;
  padding: 40px 0 0;
}

.boxColumnList.columnTwo .txtCont {
  line-height: 2em;
}

/* ---- 3カラム設定 ---- */

.boxColumnList.columnThree > ul {
  margin-top: -25px;
  margin-left: 0;
}

.boxColumnList.columnThree > ul > li {
  width: 100%;
  padding: 25px 0 0;
}

.boxColumnList.columnThree .txtCont {
  line-height: 2em;
}

/* ---- 4カラム設定 ---- */

.boxColumnList.columnFour > ul {
  margin-top: -12px;
  margin-left: -12px;
}

.boxColumnList.columnFour > ul > li {
  width: 50%;
  padding: 12px 0 0 12px;
}

/* ---- 5カラム設定 ---- */

.boxColumnList.columnFive > ul {
  margin-top: -12px;
  margin-left: -12px;
}

.boxColumnList.columnFive > ul > li {
  width: 50%;
  padding: 12px 0 0 12px;
}

/* ---- 6カラム設定 ---- */

.boxColumnList.columnSix > ul {
  margin-top: -12px;
  margin-left: -12px;
}

.boxColumnList.columnSix > ul > li {
  width: 33.333%;
  padding: 12px 0 0 12px;
}

/* ---- ライン付きカラム設定 ---- */

.boxColumnList.columnLine {
  margin: 30px 0;
}

.boxColumnList.columnLine > ul {
  display: block;
  margin: 0;
  border-top: 1px solid #ccc;
}

.boxColumnList.columnLine > ul > li {
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}

.boxColumnList.columnLine .boxInfoArea > dl {
  padding: 30px 0;
}


/*  下線付きリスト
-------------------------- */

.boxLineList > ul > li {
}

.boxLineList > ul > li > a {
  padding: 13px 15px;
}

.boxLineList.icnArw > ul > li > a {
  padding-left: 28px;
}

.boxLineList.icnArw > ul > li > a:before,
.boxLineList.icnArw > ul > li.active > *:before {
  top: 20px;
  left: 15px;
}


/*  セクション
-------------------------- */

.boxSection {
}

.boxSection .boxSectionMain,
.boxSection .boxSectionSide {
  float: none !important;
  width: auto;
}

.boxSection .boxSectionMain.fltR,
.boxSection .boxSectionSide.fltR {
  width: auto;
  padding-left: 0;
}

.boxSection .boxSectionMain.fltL,
.boxSection .boxSectionSide.fltL {
  width: auto;
}

.boxSection .boxSectionMain {
  padding-bottom: 15px;
  font-size: 1em;
  line-height: 1.7em;
}

.boxSection .boxSectionMain .imgPhoto {
  float: none !important;
  padding: 0 0 30px !important;
  text-align: center;
}

.boxSection > p,
.boxSection .boxInner > p,
.boxSection .boxTxtArea > p {
  padding-top: 15px;
  line-height: 1.8em;
}

/*  フレームエリア
-------------------------- */

/*  2カラム一覧
-------------------------- */

.boxTwoColumn {
  margin: 20px 0;
}

.boxSection .boxTwoColumn {
  margin-top: 0;
}

/* -- リスト -- */

.boxTwoColumn > ul {
}

.boxTwoColumn > ul > li {
  padding: 15px 0;
}

.boxTwoColumn .boxTitle,
.boxTwoColumn .boxCont {
  float: none;
  width: auto !important;
}

/* -- タイトル -- */

.boxTwoColumn .boxTitle {
  padding-bottom: 5px;
}

/* -- 内容 -- */

.boxTwoColumn .boxCont {
  padding-left: 0;
}

.boxTwoColumn .boxCont li {
  padding-top: 10px;
}


/*  リスト
-------------------------- */

/* -- 箇条書きリスト -- */

.boxDotList {
  margin: 20px 0 30px;
}

/* -- 順序付きリスト -- */

.boxNumList {
  margin: 20px 0 30px;
}

.boxNumList ol {
  padding-left: 25px;
}

.boxNumList li ol {
  padding-left: 35px;
}

/* -- 矢印付きリスト -- */

.boxArwList {
}

.boxArwList ul {
  padding-left: 2px;
}

.boxArwList.icnArw a:before {
  top: 4px;
}


}