@charset "UTF-8";
/* CSS Document */
/* ------------------------------------ #################################### ISSUE_LIST #################################### ------------------------------------ */
/* CSS Document */
/* ------------------------------------ #################################### 共通設定 #################################### ------------------------------------ */
/* ------------------------------------ MediaScreen指定 ------------------------------------ */
/* ------------------------------------ ベースプロパティ ------------------------------------ */
/* ------------------------------------ FONT指定 ------------------------------------ */
/* CSS Document */
/* ------------------------------------ #################################### module #################################### ------------------------------------ */
/* CSS Document */
/* ------------------------------------ #################################### Extend #################################### ------------------------------------ */
#keyvis h2, #contents02 h3 { padding: 30px 0 20px; text-align: center; position: relative; margin-bottom: 50px; }

#keyvis h2:after, #contents02 h3:after, #keyvis h2:before, #contents02 h3:before { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%) rotate(0deg); transform: translateX(-50%) rotate(0deg); -moz-transform: translateX(-50%) rotate(0deg); }

#keyvis h2:before, #contents02 h3:before { content: url("../../img/common/tit-icon.png"); top: -30px; }

#keyvis h2:after, #contents02 h3:after { width: 80px; border-bottom: 5px dotted #c0bfbf; bottom: 0; }

#keyvis { background: #fceef1; padding: 55px 0; }

#keyvis .inner { background: #fff; padding: 60px 0; }

#keyvis h2 { font-weight: bold; font-size: 200%; margin-bottom: 0; }

@media screen and (max-width: 760px) { #keyvis { padding: 30px 0; } }

#contents00 { padding: 40px 0 60px; }

#contents00 .listNews02 dl { padding: 20px 20px 20px 0; display: flex; align-items: center; border-bottom: 1px solid #d5d5d5; position: relative; }

#contents00 .listNews02 dl :after { position: absolute; content: ''; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); right: 0; content: url("../../img/common/arw_g.png"); }

#contents00 .listNews02 dl dt { color: #fff; background: #ea6d8b; margin-right: 30px; padding: 2px 10px; width: 80px; }

#contents01 { padding: 60px 0 60px; }

#contents01 p { line-height: 1.7; }

#contents01 .link { display: inline-block; position: relative; padding: 0 20px 0 30px; margin: 20px 0; }

#contents01 .link a { vertical-align: top; }

#contents01 .link:before, #contents01 .link:after { content: ''; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); }

#contents01 .link:before { background: url("../../img/common/xlsx.png") no-repeat center center; background-size: contain; width: 23px; height: 23px; left: 0; }

#contents01 .link:after { background: url("../../img/common/link.png") no-repeat center center; background-size: contain; width: 14px; height: 14px; right: 0; top: 45%; }

#contents01 h4 { position: relative; font-size: 140%; padding-left: 20px; font-weight: bold; margin: 40px 0; }

#contents01 h4:before { position: absolute; content: ''; height: 25px; width: 4px; background: #ea6d8b; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); }

#contents01 ol { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

#contents01 ol li { width: 23%; margin-bottom: 20px; }

#contents01 ol li a { box-sizing: border-box; display: block; padding: 20px 30px; background: #f9f9f9; }

#contents01 ol li a:before { content: ''; background: url("../../img/common/arw_p.png") no-repeat center center; background-size: contain; display: inline-block; width: 14px; height: 13px; margin-right: 15px; }

#contents01 .arrow { display: inline-block; }

#contents01 .arrow:after { content: url("../../img/common/arw_g.png"); margin-left: 10px; }

#contents01 .arrow a { border-bottom: 1px solid #444; }

#contents02 { padding: 0 0 60px; }

#contents02 ol { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

#contents02 ol li { width: 23%; margin-bottom: 20px; text-align: center; }

#contents02 ol li a { display: block; box-sizing: border-box; padding: 20px 10px 20px 0px; background: #f9f9f9; }

#contents02 ol li a:before { content: ''; background: url("../../img/common/arw_p.png") no-repeat center center; background-size: contain; display: inline-block; width: 14px; height: 13px; margin-right: 15px; }

/* -------------------------- 768px -------------------------- */
@media screen and (max-width: 760px) { #contents01 ol li, #contents02 ol li { width: 48%; margin-bottom: 10px; font-size: 80%; text-align: left; }
  #contents01 ol li a, #contents02 ol li a { box-sizing: border-box; padding: 15px 0 15px 10px; }
  #contents01 ol li a:before, #contents02 ol li a:before { width: 12px; height: 10px; margin-right: 5px; }
  #contents01 { padding: 30px 0 60px; }
  #contents01 .inner { padding: 20px; }
  #contents01 .caution { background: #fff; padding: 25px; }
  #contents01 .caution dd { line-height: 1.6; font-size: 90%; }
  #contents01 .red { margin-top: 20px; font-size: 100%; }
  #contents02 { padding: 0 0 60px; }
  #contents02 h3:before { height: 20px; }
  #contents02 li { width: 100%; } }

/*
--------------------------
480
--------------------------
*/