@charset "UTF-8";

/*★★★★★★★★★★★★★★★★★★★★★★★★★★
*ルール
*★★★★★★★★★★★★★★★★★★★★★★★★★★
*
* BEMを意識した形でセレクタ名をつけること
* スタイルシートは１枚で完結すること
* IDにはスタイル定義しないこと
* javascriptで使用するセレクタは　接頭辞　js-をつけること
* プロパティの順序は以下の順序で指定すること
* 1.位置情報系(position, top, right, z-index, display, float等)
* 2.サイズ(width, height, padding, margin)
* 3.文字系(font, line-height, letter-spacing, color- text-align等)
* 4.背景(background, border等)
* 5.その他(animation, transition等)
*
* radius は４つ指定する   border-radius: 5px 5px 5px 5px;
*
* border-radius ・box-shadow ・border-image ・multiple background images ・linear-gradientには以下を末尾につける
* position: relative;
* behavior: url(/js/PIE.htc);
*
* clearfixは以下をつける
* :after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*
*===================================
*目次　$をつけて検索する
*======================================
*
*   $BLOCK       ブロックに適用するセレクタ
*   $ELEMENT     要素に適用するセレクタ
*   $browser     ブラウザ限定処理
*   $common      汎用に使うセレクタ
*
*/


/*==================================================================
resset
==================================================================*/

h1,
h2,
h3,
h4,
h5,
h6,
img,
p,
div,
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

ul,
li {
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

b {
  font-weight: bold;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  outline: none;
}

.second {
  background: #f7f7f7 url(../img/share/bg_second.jpg) no-repeat center 110px;
  min-width: 980px;
}


/* -----------------
アンカー設定
-------------------------------*/

a,
a:link {
  color: #282982;
  text-decoration: none;
  vertical-align: baseline;
}

a:visited {
  color: #282982;
}

a:hover {
  text-decoration: none;
  color: #282982;
}

a:active {
  color: #282982;
}


/*----*/

a img {
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  transition-property: opacity, filter;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

a:hover img {
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  -ms-filter: "alpha(opacity=80)";
}


/*----*/

.link-01 {
  background: transparent url("../img/share/icon_arr_01.png") no-repeat scroll left 0.3rem;
  padding-left: 15px;
  margin: 0px 0px 8px;
}

.out-link {
  background: transparent url("../img/share/icon_outlink.png") no-repeat scroll right 50%;
  padding-right: 20px;
}


/*==================================================================
$BLOCK ブロックに適用するセレクタ
==================================================================*/

body {
  background-color: #F9F9F9;
}


/* -----------------
$header
-------------------------------*/

header {
  width: 100%;
  background: #282982;
}

header ul {
  width: 980px;
  margin: 0 auto;
  height: 46px;
}

header ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

header ul li {
  float: right;
  background: url(../img/share/line_v_01.gif) no-repeat right 50%;
}

header ul li:first-child {
  background: none;
}

header ul li a,
header ul li a:link {
  display: block;
  line-height: 46px;
  padding: 0 20px;
  color: #FFF;
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
}

header ul li:first-child a {
  padding-right: 0;
}

header ul li a:visited {
  color: #FFF;
  text-decoration: none;
}

header ul li a:hover {
  color: #FFF;
  text-decoration: underline;
}

header ul li a:active {
  color: #FFF;
  text-decoration: none;
}


/* -----------------
$nav
-------------------------------*/

nav {
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #f5f5f5;
  background-color: #FFF;
  padding: 30px 0;
}

nav > .g-nav {
  width: 980px;
  margin: 0 auto;
}

nav > .g-nav:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

nav > .g-nav > li {
  position: relative;
  float: right;
  line-height: 40px;
  margin-right: 10px;
}

nav > .g-nav > li:hover:not(.logo) {
  background-color: #272781;
  color: #FFF;
}

nav > .g-nav > li:hover:not(.logo) > a {
  color: #FFF;
}

nav > .g-nav > li:hover a {
  color: #FFF;
  text-decoration: none;
  background-image: none;
}

nav > .g-nav > li:nth-child(n+6) {
  float: right;
}

nav > .g-nav > li:nth-child(2) {
  margin-right: 0;
}

nav > .g-nav > li > a {
  display: block;
  background: url(../img/share/icon_arr_01.png) no-repeat left 50%;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #2b2b2b;
  text-decoration: none;
}

nav > .g-nav > li > a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

nav > .g-nav > li >a:hover {
  color: #FFF;
  text-decoration: none;
  background-image: none;
  background-color: #272781;
}

nav > .g-nav > li > a:active {
  color: #2b2b2b;
  text-decoration: none;
}

nav > .g-nav > li:first-child {
  float: left;
}

nav > .g-nav > li:first-child > a {
  background: none;
  padding: 0;
}

nav > .g-nav > li:first-child > a > img {
  vertical-align: middle;
}

nav > .g-nav > li > .subMenu {
  position: absolute;
  height: auto;
  top: 40px;
  left: 0;
  border: 1px solid #D4D4D4;
  background: #FFF;
  padding: 10px 10px 10px 10px;
  min-width: 187px;
  box-sizing: border-box;
  display: none;
  border-top: 2px solid #272781;
}

nav > .g-nav > li > .subMenu.w120 {
  width: 120px;
}

nav > .g-nav > li > .subMenu.w180 {
  width: 180px;
}

nav > .g-nav > li > .subMenu.w350 {
  width: 350px;
}

nav > .g-nav > li > .subMenu > li {
  padding: 3px 0;
  line-height: 22px;
  text-align: left;
  /*padding-left: 20px;*/
}


/*nav > .g-nav > li > .subMenu > li:last-child { border-bottom: none; }*/

nav > .g-nav > li > .subMenu > li > a {
  display: block;
  color: #4646BA;
  border-bottom: 1px solid #B1B2B1;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}

nav > .g-nav > li > .subMenu > li > a:hover {}

nav > .g-nav > li > .subMenu > li > .subMenu-child {
  margin-top: 10px;
  margin-left: 1em;
}

nav > .g-nav > li > .subMenu > li > .subMenu-child > li {
  background: url(../img/share/icon_arr_07.png) no-repeat left 50%;
  padding-left: 10px;
}

nav > .g-nav > li > .subMenu > li > .subMenu-child > li > a {
  font-size: 12px;
  font-size: 1.2rem;
  color: #4646BA;
}


/* -----------------
$breadNav-wrapper
-------------------------------*/

.breadNav-wrapper {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  background-color: #FFF;
}

.breadNav {
  width: 980px;
  margin: 0 auto;
}

.breadNav:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.breadNav li {
  font-size: 10px;
  font-size: 1rem;
  float: left;
  margin-right: 10px;
  padding-left: 10px;
  background: url(../img/share/bnav_arr_icon.png) no-repeat 0 50%;
  color: #0077c5;
  height: 24px;
}

.breadNav li:first-child {
  background: none;
  padding-left: 0;
}

.breadNav li a,
.breadNav li a:link {
  text-decoration: none;
  color: #0077c5;
  line-height: 24px;
}

.breadNav li a:visited {
  text-decoration: none;
}

.breadNav li a:hover {
  text-decoration: underline;
}

.breadNav li a:active {
  text-decoration: none;
}

.breadNav li > span {
  font-size: 10px;
  font-size: 1rem;
  line-height: 24px;
}


/* -----------------
$video
-------------------------------*/

.video-area {
   overflow: hidden;
  position: relative;
  height: 640px;
}

.video-area .inner {
    position: absolute;
    left:50%;
    margin-left: -800px;
  
}
video {
  display: block;
  height: auto;
}

#bgvid {
  position: relative;
  width: 1600px;
  height: 640px;
  margin: 0 auto;
  background: url(../img/top/movie.jpg) no-repeat;
  background-size: cover;
}
/*
#bgvid source {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
}*/

.overlay {
  width: 100%;
  height: 640px;
  position: absolute;
  bottom: 0;
  left: 0
}
.overlay-01 {
  width: 980px;
  margin: 130px auto 0px;
  text-align: center;

}
.overlay-01 h1 {
  text-align: center;
}

.overlay-01 p {
  margin: 20px 0;
  text-align: center;
}

.overlay-01 p.tar {
  text-align: right;
  padding-top: 30px;
}

.overlay-02 {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 25px 0px;
  margin-top: 41px;
}

.overlay-02 ul {
  width: 946px;
  margin: 0 auto;
}

.overlay-02 ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.overlay-02 ul li {
  width: 226px;
  float: left;
  margin-right: 14px;
}

.overlay-02 ul li:last-child {
  margin-right: 0;
}

.overlay-02 ul li span {
  display: block;
  background: #1E186F url(../img/share/icon_arr_06.png) no-repeat right 50%;
  color: #FFF;
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}


/*==================================================================
$media モバイル限定処理
==================================================================*/

@media screen and (max-device-width: 800px) {
  html {
    /*background: url(../img/top/movie.jpg) #000 no-repeat center center fixed;*/
  }
  #bgvid {
    /*display: none;*/
    /*width: 100%;*/
  }
}


/* -----------------
$main-area-top
-------------------------------*/

.main-area-top {
  width: 100%;
  padding: 0 0 30px;
  background-color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
}


/* -----------------
$service
-------------------------------*/

.service {
  width: 980px;
  margin: 0 auto 50px;
  padding-top: 30px;
}

.service-list {
  width: 980px;
  margin: 0 -25px 0 0;
}

.service-list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.service-list li {
  width: 310px;
  float: left;
  margin-right: 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #4c4948;
}

.service-list li:last-child {
  margin-right: 0;
}


/*----*/

.service-list2 {
  width: 980px;
  margin: 50px 0;
}

.service-list2:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.service-list2 li {
  width: 477px;
  float: left;
  margin-right: 26px;
  /*background-color: #F2F3ED;*/
}

.service-list2 li:last-child {
  margin-right: 0;
}

.service-list2 li a {
  display: block;
  text-decoration: none;
  background-color: #F2F3ED;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  position: relative;
  behavior: url(/js/PIE.php);
}

.service-list2 li a:link {}

.service-list2 li a:visited {}

.service-list2 li a:hover {
  background-color: #ffb92c;
}

.service-list2 li a:active {}

.service-list2 li a:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.service-list2 li a img {
  display: block;
  float: left;
}

.service-list2 li a span {
  line-height: 132px;
  text-align: center;
  background: transparent url("../img/share/icon_arr_01.png") no-repeat scroll left 0.3rem;
  padding-left: 15px;
  margin-left: 50px;
}


/* -----------------
$pickup
-------------------------------*/

.pickup {
  background: url(../img/top/pickup.jpg) no-repeat center top;
  height: 311px;
  margin: 0 auto;
}

.pickup p {
  width: 300px;
  margin: 0 auto 20px;
  padding-top: 60px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  color: #FFF;
}

.pickup a {
  width: 8em;
  margin: 0 auto;
  padding: 5px;
  display: block;
  background-color: #FFF;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
}

.pickup a:link {
  text-decoration: none;
}

.pickup a:visited {
  text-decoration: none;
}

.pickup a:hover {
  text-decoration: none;
  background-color: #ffb92c;
}

.pickup a:active {
  text-decoration: none;
}

.pickup a span {
  background: transparent url("../img/share/icon_arr_01.png") no-repeat scroll left 0.3rem;
  padding-left: 15px;
}


/* -----------------
$info
-------------------------------*/

.info {
  width: 980px;
  margin: 0 auto 30px;
  padding: 30px 0 30px;
}

.info dl:after< .info01 dl:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.info dl dt,
.info01 dl dt {
  display: block;
  clear: left;
  float: left;
  padding: 8px 10px 8px 0;
}

.info dl dt span,
.info01 dl dt span {
  display: inline-block;
  color: #FFF;
  font-size: .8em;
  padding: 0 30px;
  background-color: #0A186F;
}

.info02 h2 span {
  display: inline-block;
  color: #FFF;
  font-size: .6em;
  padding: 0 30px;
  background-color: #0A186F;
  font-weight: normal;
}

.info dl dd,
.info01 dl dd {
  padding: 8px 30px 8px 160px;
  /*border-bottom: 1px dashed #000;*/
}

.info dl dd span,
.info01 dl dd span {
  display: inline-block;
  color: #FFF;
  font-size: .8em;
  padding: 0 10px;
  background-color: #FD8820;
}

.info02 span.new {
  display: inline-block;
  color: #FFF;
  font-size: .6em;
  padding: 0 10px;
  background-color: #FD8820;
}

.info p,
.info01 p {
  padding-bottom: 10px;
  border-bottom: 1px solid #4c4948;
}



/*----*/

.torikumi {
  display: block;
  margin: 40px 0;
  text-decoration: none;
  background-color: #F2F3ED;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  position: relative;
  behavior: url(/js/PIE.php);
}

.torikumi:link {
  text-decoration: none;
}

.torikumi:visited {
  text-decoration: none;
}

.torikumi:hover {
  text-decoration: none;
  background-color: #ffb92c;
}

.torikumi:active {
  text-decoration: none;
}

.torikumi img {
  display: block;
  float: left;
}

.torikumi span {
  line-height: 132px;
  background: transparent url("../img/share/icon_arr_01.png") no-repeat scroll left 0.3rem;
  padding-left: 15px;
  margin-left: 120px;
}


/* -----------------
$case
-------------------------------*/

.case {
  width: 980px;
  margin: 0 auto;
  padding-top: 30px;
}

.case ul {
  width: 980px;
  margin: 0 auto 50px;
}

.case ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.case ul li {
  float: left;
  width: 164px;
  padding: 30px 30px;
  border-right: 1px dashed #BFBEBE;
}

.case ul li:first-child {
  border-left: 1px dashed #BFBEBE;
}


/* -----------------
$quality
-------------------------------*/

.quality {
  width: 980px;
  margin: 0 auto 50px;
  padding-top: 30px;
}

.quality ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.quality ul li {
	/*width: 164px;*/
	width: 428px;
	border-right: 1px dashed #BFBEBE;
	text-align: center;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	float: left;
}

.quality ul li:first-child {
  border-left: 1px dashed #BFBEBE;
}

.quality ul li img {
  margin-top: 20px;
}


/* -----------------
$main-area
-------------------------------*/

.main-area {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 20px 0 40px;
}

.main-area:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}


/* -----------------
$main
-------------------------------*/

.main {
  width: 737px;
  float: left;
}


/* -----------------
$main-contents
-------------------------------*/

.main-contents {
  box-shadow: 0px 0px 5px #e9e9e9;
  margin-bottom: 30px;
  padding: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #FFF;
}


/* -----------------
$kyv-second
-------------------------------*/

.kyv-second {
  display: table;
  width: 100%;
  background-color: #4369DE;
  color: #FFF;
  margin-bottom: 20px;
  border-bottom: 2px solid #292981;
}

.kyv-second:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.kyv-second p {
  display: table-cell;
}

.kyv-second b {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}


/* -----------------
$kyv-second2
-------------------------------*/

.kyv-second2 {
  padding: 20px 0 0;
}


/* -----------------
$shinraisei-list
-------------------------------*/

.shinraisei-list {
  display: table;
  margin-bottom: 30px;
  width: 100%;
}

.shinraisei-list dt {
  display: table-cell;
  width: 158px;
  color: #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  height: 51px;
  text-align: center;
  padding: 52px 0 0 0;
}

.shinraisei-list dd {
  display: table-cell;
  vertical-align: middle;
  min-height: 103px;
  padding: 0 20px;
  background-color: #f9f9f9;
  border-radius: 0 5px 5px 0;
}

.motto1 {
  background: #f9f9f9 url(../img/products/shinraisei/index/motto_01.png) no-repeat 0 0;
}

.motto2 {
  background: #f9f9f9 url(../img/products/shinraisei/index/motto_02.png) no-repeat 0 0;
}

.motto3 {
  background: #f9f9f9 url(../img/products/shinraisei/index/motto_03.png) no-repeat 0 0;
}


/* -----------------
$assemblytech-flow
-------------------------------*/

.assemblytech-flow {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  font-size: 92%;
}

.assemblytech-flow li {
  display: table-cell;
  vertical-align: middle;
  border: solid 3px #FFF;
  border-spacing: 6px 0;
  text-align: center;
}

.assemblytech-flow li:first-child {
  border-left: none;
}

.assemblytech-flow li:last-child {
  border-right: none;
}

.assemblytech-flow li b {
  /*display: block;*/
  display: table-cell;
  vertical-align: middle;
  background: #e0e0e0 url(../img/share/icon_arr_05.png) no-repeat right 50%;
  padding: 15px 12px 15px 2px;
  border-radius: 5px 0 0 5px;
  white-space: nowrap;
  font-weight: normal;
}

.assemblytech-flow li span {
  /*display: block;*/
  display: table-cell;
  vertical-align: middle;
  background: #e0e0e0 url(../img/share/icon_arr_05.png) no-repeat right 50%;
  padding: 15px 12px 15px 2px;
  border-radius: 5px 0 0 5px;
  white-space: nowrap;
}

.assemblytech-flow li:first-child span {
  /*display: block;*/
  display: table-cell;
  vertical-align: middle;
  background: #344FD6 url(../img/share/icon_arr_05.png) no-repeat right 50%;
  color: #FFF;
  white-space: nowrap;
}

.assemblytech-flow li b span.tsuyomi {
  display: block;
  background: url(../img/share/icon_tsuyomi.png) no-repeat center top;
  padding: 18px 0 0 0;
  margin-top: 5px;
  font-size: 80%;
}


/* -----------------
$hirel-01
-------------------------------*/

.hirel-01 {
  padding: 10px 90px;
  margin-bottom: 20px;
  text-align: center;
  background: url(../img/share/bg_01.jpg) no-repeat 0 0;
}

.hirel-01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.hirel-01 p {
  margin-top: 10px;
}

.hirel-01 p.text {
  color: #FFF;
}

.hirel-01 .L {
  float: left;
}

.hirel-01 .R {
  float: right;
}

.hirel-01 .L span,
.hirel-01 .R span {
  display: block;
}


/* -----------------
$side
-------------------------------*/

.side {
  position: relative;
  width: 220px;
  float: right;
  box-shadow: 0px 0px 5px #e9e9e9;
  background-color: #FFF;
}


/* -----------------
$side-submenu
-------------------------------*/

.side-submenu {
  margin: 0 7px 15px;
}

.side-submenu li {
  background: url(../img/share/icon_arr_01.png) no-repeat 8px 1rem;
  padding: 8px;
  padding-left: 25px;
}

.side-submenu li.current {
  background-color: #E5EFF8;
}

.side-submenu li.sec {
  margin-left: 20px;
  margin-left: 2rem;
}

.side-submenu li.title {
  background: none;
  font-size: 1.2rem;
  padding-left: 0;
}

.side-submenu li a {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}


/* -----------------
$side-bnr
-------------------------------*/

.side-bnr {
  margin: 7px;
}

.side-bnr li {
  margin-bottom: 10px;
}


/* -----------------
$conversion-side
-------------------------------*/

.conversion-side {
  margin: 7px;
}

.conversion-side dt {
  position: relative;
  background: #4269de url(../img/share/bg_02.png) no-repeat center bottom;
  /*background-color: #4269de;*/
  color: #FFF;
  padding: 10px 10px 20px 10px;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 800;
}

.conversion-side dd {
  background-color: #f7f7f7;
  padding: 10px 15px 10px;
  border-radius: 0 0 10px 10px;
}

.conversion-side dd a {
  display: block;
  background: #ff9b29 url(../img/share/icon_arr_04.png) no-repeat 118% 50%;
  border-radius: 5px 5px 5px 5px;
  padding: 15px 30px;
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  box-shadow: 0px 4px 0px #e38a25;
  position: relative;
  behavior: url(/js/PIE.php);
}

.conversion-side dd a:link {
  color: #FFF;
  text-decoration: none;
}

.conversion-side dd a:visited {
  color: #FFF;
  text-decoration: none;
}

.conversion-side dd a:hover {
  background: #ffb92c url(../img/share/icon_arr_04.png) no-repeat 118% 50%;
  color: #FFF;
  text-decoration: none;
}

.conversion-side dd a:active {
  color: #FFF;
  text-decoration: none;
}


/* -----------------
  $conversion
  -------------------------------*/

.conversion {
  width: 980px;
  margin: 0 auto;
  clear: both;
  box-shadow: 0 0 5px #e9e9e9;
  padding: 20px;
  background-color: #FFF;
}

.conversion-inner {
  border: 1px solid #e7e7e7;
}

.conversion-inner em {
  display: block;
  background-color: #e6e6e6;
  text-align: center;
  padding: 20px 0;
  color: #4c4948;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 800;
}

.conversion-inner .LR {
  padding: 15px 0;
}

.conversion-inner .LR:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.conversion-inner .L {
  width: 307px;
  float: left;
  padding: 0 20px;
}

.conversion-inner .R {
  width: 587px;
  float: right;
  padding: 0 20px;
  border-left: 1px solid #e7e7e7;
}

.conversion-inner .L b,
.conversion-inner .R b {
  display: block;
  color: #223181;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px solid #eaeaea;
}

.conversion-inner .L span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea;
}

.conversion-inner .L .tel {
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea;
}

.conversion-inner .L .tel2 {
  text-align: center;
  padding: 5px 0;
}

.conversion-inner .L .date {
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  padding: 5px 0;
  background-color: #e6e6e6;
}

.conversion-inner .R span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0 12px;
}

.conversion-inner .R a {
  display: block;
  margin-right: 100px;
  margin: 10px auto 0;
  padding: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #FFF;
  text-decoration: none;
  background: #223181 url(../img/share/icon_arr_02.png) no-repeat 96% 50% !important;
  text-align: center;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  position: relative;
  behavior: url(/js/PIE.php);
}

.conversion-inner .R a:link {}

.conversion-inner .R a:visited {}

.conversion-inner .R a:hover {
  background: #3251b2 url(../img/share/icon_arr_02.png) no-repeat 96% 50% !important;
}

.conversion-inner .R a:active {}


/* -----------------
$conversion-second
-------------------------------*/

.conversion-second {
  box-shadow: 0 0 5px #e9e9e9;
  padding: 20px;
  background-color: #FFF;
}

.conversion-second-inner {
  border: 1px solid #e7e7e7;
}

.conversion-second-inner em {
  display: block;
  background-color: #e6e6e6;
  text-align: center;
  padding: 20px 0;
  color: #4c4948;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 800;
}

.conversion-second-inner .LR {
  padding: 15px 0;
}

.conversion-second-inner .LR:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.conversion-second-inner .L {
  width: 307px;
  float: left;
  padding: 0 20px;
}

.conversion-second-inner .R {
  width: 307px;
  float: right;
  padding: 0 20px;
  border-left: 1px solid #e7e7e7;
}

.conversion-second-inner .L b,
.conversion-second-inner .R b {
  display: block;
  color: #223181;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px solid #eaeaea;
}

.conversion-second-inner .L span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea;
}

.conversion-second-inner .L .tel {
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea;
}

.conversion-second-inner .L .tel2 {
  text-align: center;
  padding: 5px 0;
}

.conversion-second-inner .L .date {
  text-align: center;
  padding: 5px 0;
  background-color: #e6e6e6;
}

.conversion-second-inner .R span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0;
}

.conversion-second-inner .R a {
  display: block;
  margin-right: 100px;
  margin: 0 auto;
  padding: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #FFF;
  text-decoration: none;
  background: #223181 url(../img/share/icon_arr_02.png) no-repeat 96% 50% !important;
  text-align: center;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  position: relative;
  behavior: url(/js/PIE.php);
}

.conversion-second-inner .R a:link {}

.conversion-second-inner .R a:visited {}

.conversion-second-inner .R a:hover {
  background: #3251b2 url(../img/share/icon_arr_02.png) no-repeat 96% 50% !important;
}

.conversion-second-inner .R a:active {}


/* -----------------
$footer-sitemap-top
-------------------------------*/

.footer-sitemap-top {
  width: 100%;
  background-color: #f7f7f7;
  border-top: 1px solid #DDDDDD;
  height: 50px;
}


/* -----------------
$footer-inner-top
-------------------------------*/

.footer-inner-top {
  width: 980px;
  margin: 0 auto;
}

.footer-inner-top:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.footer-inner-top a {
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
}


/* -----------------
$siteTop
-------------------------------*/

.siteTop,
.siteTop:link {
  display: block;
  float: left;
  line-height: 50px;
  color: #292a30;
  padding: 0 80px 0 0;
}

.siteTop:visited {}

.siteTop:hover {
  text-decoration: underline;
}

.siteTop:active {}


/* -----------------
$pageTop
-------------------------------*/

.pageTop,
.pageTop:link {
  display: block;
  float: right;
  width: 220px;
  text-align: center;
  background-color: #292a30;
  line-height: 50px;
  color: #FFF;
  text-decoration: none;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  position: relative;
  behavior: url(/js/PIE.php);
}

.pageTop:visited {}

.pageTop:hover {
  background-color: #53555e;
}

.pageTop:active {}

.pageTop span {
  background: url(../img/share/icon_arr_03.png) no-repeat right 50%;
  padding: 5px;
  padding-right: 20px;
}


/* -----------------
$footer-inner
-------------------------------*/

.footer-inner {
  width: 980px;
  margin: 0 auto;
}

.footer-inner li {
  margin-bottom: 8px;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
}

.footer-inner li:nth-child(n+2) {
  margin-left: 1em;
}

.footer-inner li.ml0 {
  margin-left: 0;
}

.footer-inner a,
.footer-inner a:link {
  color: #FFF;
  text-decoration: none;
}

.footer-inner a:visited {
  color: #FFF;
  text-decoration: none;
}

.footer-inner a:hover {
  color: #FFF;
  text-decoration: underline;
}

.footer-inner a:active {
  color: #FFF;
  text-decoration: none;
}


/* -----------------
$footer-sitemap-pro
-------------------------------*/

.footer-sitemap-pro {
  width: 100%;
  padding: 30px 0 5px;
  background-color: #3B3938;
}

.footer-sitemap-pro:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.footer-inner {
  display: table;
}

.footer-sitemap-pro ul {
  display: table-cell;
}

.footer-sitemap-pro ul li.sec {
  padding-left: 8px;
  background: url(../img/share/line_h_01.gif) no-repeat left 50%;
}


/* -----------------
$footer
-------------------------------*/

footer {
  width: 100%;
  background-color: #3B3938;
  text-align: center;
}

footer .footer-inner {
  width: 980px;
  margin: 0 auto;
  border-top: 1px solid #504E4D;
  padding-top: 10px;
}

footer .footer-inner:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

footer img {
  float: left;
  margin: 10px 0 15px;
}

.copy {
  float: right;
  text-align: right;
  font-size: 10px;
  font-size: 1rem;
  color: #FFF;
  padding-top: 20px;
  padding-bottom: 40px;
}


/*==================================================================
$ELEMENT 要素に適用するセレクタ
==================================================================*/


/*---BOX-------*/


/*--テキストのみに適用--*/

.read {
  margin-bottom: 30px;

}

.read-top {
  width: 980px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.notes {
  font-size: 85%;
}

.bold {
  font-weight: bold;
}


/*--画像のみに適用--*/

.img-box {
  text-align: center;
  margin-bottom: 30px;
}


/*----*/

.box-01 {
  margin-bottom: 30px;
}

.box-01 dt {
  position: relative;
  color: #FFF;
  text-align: center;
  padding: 5px 0 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
  background-color: #4369de;
}

.box-01 dt:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1000;
  border-top: 10px solid #4369de;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin-left: -10px;
}

.box-01 dd {
  background-color: #f9f9f9;
  padding: 10px 15px 15px 15px;
}

.box-02 {
  margin-bottom: 20px;
}

.box-03 {
  margin-bottom: 55px;
  padding-top: 20px;
  border-top: 1px dotted #d1d1d1;
}

.box-03 ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.box-03 li {
  float: left;
}

.box-03 li:last-child {
  float: right;
  text-align: right;
}

.box-04 {
  background-color: #f9f9f9;
  padding: 20px;
  margin-bottom: 30px;
}

.box-05 a {
  width: 8em;
  margin: 0 auto;
  padding: 5px;
  display: block;
  background-color: #FFF;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
}

.box-05 a:link {
  text-decoration: none;
}

.box-05 a:visited {
  text-decoration: none;
}

.box-05 a:hover {
  text-decoration: none;
  background-color: #ffb92c;
}

.box-05 a:active {
  text-decoration: none;
}

.box-05 a span {
  background: transparent url("../img/share/icon_arr_01.png") no-repeat scroll left 0.3rem;
  padding: 0 0 0 15px !important;
  display: inline !important;
}

.box-06 {
  margin-bottom: 10px;
}

.box-07 {
  background-color: #fafafa;
  padding: 3px;
  margin-top: 8px;
}


/*---カラム-------*/

.col-auto {
  display: table;
  margin-bottom: 30px;
  width: 100%;
}

.col-auto .col-child {
  display: table-cell;
  border: 5px solid #FFF;
  vertical-align: top;
}

.col-auto .col-child:first-child {
  border-left: none;
}

.col-auto .col-child:first-child p {
  margin-bottom: 20px;
}

.col-auto .col-child:last-child {
  border-right: none;
}


/*----*/

.col2-01 {
  position: relative;
  border-top: 4px solid #EDEDED;
  background-color: #f9f9f9;
  padding: 10px;
  margin-bottom: 30px;
}

.col2-01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col2-01 img {
  display: block;
  float: left;
  margin-right: 20px;
 margin-bottom:60px}

.col2-01 .link-more {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.col2-01 .link-more:link {
  text-decoration: none;
}

.col2-01 .link-more:visited {
  text-decoration: none;
}

.col2-01 .link-more:hover {
  text-decoration: underline;
}

.col2-01 .link-more:active {
  text-decoration: none;
}

.col2-01 video {
  float: left;
  margin-right: 20px;
}


/*----*/

.col2-02 {
  border: 1px solid #EDEDED;
  background-color: #f9f9f9;
  padding: 10px;
  margin-bottom: 30px;
}

.col2-02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col2-02 p {
  width: 335px;
  float: left;
  padding-top: 20px;
  text-align: center;
}

.col2-02 a {
  display: block;
  width: 335px;
  float: right;
}


/*----*/

.col2-03 {
  border-top: 4px solid #EDEDED;
  background-color: #f9f9f9;
  padding: 10px;
  margin-bottom: 30px;
}

.col2-03:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.ttl {
  width: 310px;
  background: url(../img/share/ttl_05_bg.png) no-repeat left top;
  margin: 0 -20px;
  margin-top: -30px;
  ;
  height: 43px;
  color: #FFF;
  padding: 4px 0 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.col2-03 img {
  display: block;
  float: right;
  margin-left: 20px;
}

.col2-03 .cont {
  width: 270px;
  float: left;
}

.col2-03 .cont-02 {
  width: 300px;
  float: left;
}


/*----*/

.col2-04 {
  margin-bottom: 30px;
}

.col2-04:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col2-04 img {
  display: block;
  float: right;
  margin-left: 10px;
}

.col2-04 .cont {
  width: 62%;
  float: left;
}


/*----*/

.col2-05 {
  margin-bottom: 30px;
}

.col2-05:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col2-05 img {
  display: block;
  float: left;
  margin-right: 10px;
}

.col2-05 .cont {
  float: right;
}


/*----*/

.col3-01 {
  width: 737px;
  margin: 0 -11px 20px 0;
}

.col3-01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col3-01 li {
  float: left;
  width: 225px;
  margin-right: 11px;
}

.col3-01 li p {
  position: relative;
  /*margin-top: 10px;*/
  background-color: #f9f9f9;
  min-height: 110px;
}

.col3-01 li p span {
  display: block;
  padding: 10px;
  min-height: 70px;
}


/*----*/

.col3-02 {
  width: 737px;
  margin: 0 -11px 20px 0;
}

.col3-02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col3-02 li {
  float: left;
  width: 225px;
  margin-right: 11px;
}

.col3-02 li p {
  position: relative;
  text-align: center;
  margin-top: 10px;
}

.col3-02 li p .pop {
  position: absolute;
  top: 0;
  left: 10px;
}

.col3-02 li span {
  display: block;
  padding: 10px;
}


/*----*/

.col4-01 {
  width: 737px;
  margin: 0 -11px 20px 0;
}

.col4-01:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col4-01 li {
  float: left;
  width: 166px;
  margin-right: 11px;
}

.col4-01 li p {
  background-color: #f9f9f9;
  text-align: center;
  min-height: 100px;
}

.col4-01 li p span {
  display: block;
  padding: 15px 0 10px;
  line-height: 1.2;
}


/*----*/

.col4-02 {
  width: 737px;
  margin: 0 -11px 20px 0;
}

.col4-02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.col4-02 li {
  float: left;
  width: 166px;
  margin-right: 11px;
}

.col4-02 li p {
  border: 1px solid #f9f9f9;
  text-align: center;
  min-height: 100px;
}

.col4-02 li b {
  display: block;
  text-align: center;
}


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

.ttl-01 {
  padding: 15px 0 15px 25px;
  background: #f7f7f7 url(../img/share/line_v_02.gif) no-repeat left 50%;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 1px 3px #ededed;
  color: #282882;
  font-size: 25px;
  font-size: 2.5rem;
}

.ttl-02 {
  background: url(../img/share/ttl_02_bg.png) no-repeat left top;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 5px 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #dcdddd;
}


/*TOPのたいとる*/

.ttl-03 {
  position: relative;
  width: 100%;
  background-color: #f7f7f7;
  text-align: center;
  border-top: 1px solid #eaebeb;
  border-bottom: 1px solid #eaebeb;
  line-height: 120px;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: normal;
}

.ttl-03:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1000;
  border-top: 20px solid #f7f7f7;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  margin-left: -20px;
}

.ttl-04 {
  color: #282882;
  font-size: 18px;
  font-size: 1.8rem;
}

.ttl-05 {
  width: 223px;
  background: url(../img/share/ttl_00_bg.png) no-repeat left top;
  margin: 0 -10px;
  height: 43px;
  color: #FFF;
  padding: 6px 0 0 0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}

.ttl-06 {
  width: 310px;
  background: url(../img/share/ttl_05_bg.png) no-repeat left top;
  margin: 0 -30px;
  height: 43px;
  color: #FFF;
  padding: 4px 0 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.ttl-06L {
  width: 500px;
  background: url(../img/share/ttl_05L_bg.png) no-repeat left top;
  margin: 0 -30px;
  height: 43px;
  color: #FFF;
  padding: 4px 0 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.ttl-07 {
  background-color: #FFF;
  display: inline;
  padding: 10px;
  color: #282882;
  font-size: 20px;
  font-size: 2rem;
}

.ttl-08 {
  background: url(../img/share/ttl_08_bg.png) no-repeat center bottom;
  padding: 10px 10px 18px 10px;
}

.ttl-08 span {
  display: block;
  background-color: #f9f9f9;
  text-align: center;
  color: #282882;
}

.ttl-09 {
  font-size: 18px;
  font-size: 1.8rem;
}

.ttl-10 {
  background-color: #FFF;
  display: inline;
  padding: 10px 0 10px 10px;
  color: #282882;
  font-size: 20px;
  font-size: 2rem;
}

.ttl-10 span {
  background-color: #272781;
  padding: 10px 15px;
  margin-left: 30px;
  color: #fff;
}

.ttl-11 {
  color: #282882;
  font-weight: bold;
}


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

.ul-decimal li {
  list-style-type: decimal;
  margin-left: 1em;
}

.ul-disc li {
  list-style-type: disc;
  margin-left: 1em;
}

.ul-square li {
  list-style-type: square;
  margin-left: 1em;
}

.ul-01 {}

.ul-01 li {
  background: url(../img/share/icon_arr_01.png) no-repeat left .6rem;
  padding-left: 15px;
  margin: 0 0 5px 0;
}

.ul-01 li a {
  display: block;
}

.ul-01 li.sec {
  margin-left: 20px;
}

.ul-02 {
  border: 1px solid #dddddd;
  padding: 15px 20px;
  width: 260px
}

ul.ul-02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.ul-02 li {
  float: left;
  margin-right: 70px;
}

.ul-02 li:nth-child(even) {
  margin-right: 0;
}

.ul-03 {
  margin-left: 15px;
}

.ul-03 li {
  margin-bottom: 15px;
}

.ul-03 li a {
  background: rgba(0, 0, 0, 0) url("../img/share/icon_arr_01.png") no-repeat scroll left 50%;
  color: #2b2b2b;
  display: block;
  padding-left: 15px;
  text-decoration: none;
}

.ul-03 li.sit_second {
  margin-left: 5em;
}

.ul-03 li.sit_third {
  margin-left: 10em;
}


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

.ol-01 {
  margin-left: 1em;
}

.ol-01 li {
  text-indent: -1em;
  margin-bottom: 10px;
}

.ol-01 li span {
  color: #223181;
  font-weight: bold;
}


/*---定義リスト-------*/

.dl-01 {
  border: 1px solid #dddddd;
  padding: 15px 20px 5px;
  font-size: 85%;
}

.dl-01 dt {
  float: left;
  width: 8em;
  clear: both;
  margin-bottom: 10px;
}

.dl-01 dd {
  margin-left: 8em;
  margin-bottom: 10px;
}


/*--*/

.dl-02 {}

.dl-02 dt {
  font-weight: bold;
}

.dl-02 dd {
  margin-bottom: 20px;
}


/*--*/

.dl-03 {
  margin: 0 0 30px 20px;
}

.dl-03 dt {
  float: left;
  width: 6em;
  clear: both;
  margin-bottom: 10px;
  font-weight: bold;
}

.dl-03 dd {
  margin-left: 6em;
  margin-bottom: 10px;
}


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

.tbl-01 {
  width: 100%;
  margin-bottom: 30px;
  font-size: 85%;
}

.tbl-01 thead th {
  background-color: #1E186F;
  color: #FFF;
  border: 1px solid #FFF;
  padding: 8px;
  font-weight: normal;
}

.tbl-01 tbody td {
  padding: 8px;
}

.tbl-01 tbody tr {
  background-color: #E7ECFA;
}

.tbl-01 tbody tr:nth-child(odd) {
  background-color: #D0D8F6;
}


/*----*/

.tbl-02 {
  width: 100%;
  margin-bottom: 30px;
}

.tbl-02 tbody th {
  background-color: #CAC9DF;
  border: 1px solid #D6D7D7;
  width: 20%;
  padding: 8px;
  vertical-align: top;
  font-weight: normal;
}

.tbl-02 tbody td {
  border: 1px solid #D6D7D7;
  padding: 8px;
}


/*----*/

.tbl-03 {
  width: 100%;
  margin-bottom: 30px;
}

.tbl-03 thead th {
  background-color: #1E186F;
  color: #FFF;
  border-right: 1px solid #D6D7D7;
  border-bottom: 1px solid #D6D7D7;
  padding: 8px;
}

.tbl-03 tbody td {
  border-right: 1px solid #D6D7D7;
  border-bottom: 1px solid #D6D7D7;
  padding: 8px;
}

.tbl-03 thead th:last-child {
  border-right: none;
}

.tbl-03 tbody td.border-none {
  border-right: none;
}

.tbl-w10 {
  min-width: 10%;
}

.tbl-w25 {
  min-width: 25%;
}

.tbl-w40 {
  min-width: 40%;
}


/*----*/

.tbl-04 {
  width: 100%;
  margin-bottom: 30px;
}

.tbl-04 thead th {
  background-color: #1E186F;
  color: #FFF;
  border: 1px solid #FFF;
  padding: 8px;
}

.tbl-04 tbody th {
  padding: 8px;
  background-color: #CAC9DF;
  text-align: left;
  font-weight: normal;
  border-right: 1px solid #D6D7D7;
  border-bottom: 1px solid #D6D7D7;
}

.tbl-04 tbody td {
  padding: 8px;
  border-right: 1px solid #D6D7D7;
  border-bottom: 1px solid #D6D7D7;
}

.tbl-04 tbody td:last-child {
  border-right: none;
}


/*----*/

.tbl-05 {
  width: 100%;
  margin-bottom: 30px;
}

.tbl-05 thead th {
  background-color: #344FD6;
  color: #FFF;
  border: 10px solid #FFF;
  padding: 2px;
}

.tbl-05 thead th:first-child {
  border-left: none;
}

.tbl-05 thead th:last-child {
  border-right: none;
}

.tbl-05 tbody td {
  padding: 8px;
  border-right: 1px solid #D6D7D7;
  border-bottom: 1px solid #D6D7D7;
}

.tbl-05 tbody th:first-child {
  border-left: none;
}

.tbl-05 tbody td:last-child {
  border-right: none;
}


/*----*/

.tbl-06 {
  width: 100%;
  margin-bottom: 30px;
}

.tbl-06 tbody th {
  border: 1px solid #D6D7D7;
  padding: 8px;
  vertical-align: top;
}

.tbl-06 tbody td {
  border: 1px solid #D6D7D7;
  padding: 8px;
}

/*----*/

.tbl-07 {
  width: 100%;
  margin-bottom: 30px;
  font-size: 85%;
}

.tbl-07 thead th {
  background-color: #1E186F;
  color: #FFF;
  border: 1px solid #FFF;
  padding: 8px;
  font-weight: normal;
}

.tbl-07 tbody td {
  padding: 8px;
  	border: 1px solid #FFF;
}

.tbl-07 tbody tr {
	background-color: #D0D8F6;
	border: 1px solid #FFF;
}

.tbl-07 tbody tr:nth-child(odd) {
	background-color: #D0D8F6;
	border: 1px solid #FFF;
}






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

.btn-01 {
  display: block;
  text-align: center;
  padding: 5px;
  background: #E0E0E0;
}

.btn-01 span {
  background: transparent url("../img/share/icon_arr_01.png") no-repeat scroll left 50%;
  padding-left: 15px;
}

.btn-01:link {
  text-decoration: none;
}

.btn-01:visited {
  text-decoration: none;
}

.btn-01:hover {
  text-decoration: none;
}

.btn-01:active {
  text-decoration: none;
}

.btn-02 {
  display: block;
  text-align: center;
  background: #ff9b29 url(../img/share/icon_arr_04.png) no-repeat 105% 50%;
  border-radius: 5px 5px 5px 5px;
  padding: 15px 0;
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  box-shadow: 0px 4px 0px #e38a25;
  position: relative;
  behavior: url(/js/PIE.php);
}

.btn-02:link {
  color: #FFF;
  text-decoration: none;
}

.btn-02:visited {
  color: #FFF;
  text-decoration: none;
}

.btn-02:hover {
  background: #ffb92c url(../img/share/icon_arr_04.png) no-repeat 105% 50%;
  color: #FFF;
  text-decoration: none;
}

.btn-02:active {
  color: #FFF;
  text-decoration: none;
}

.btn-03 {
  display: block;
  padding: 5px 20px;
  color: #FFF;
  background: #282982 url(../img/share/icon_arr_02.png) no-repeat 95% 50%;
  transition-property: background;
  transition-duration: .4s;
  transition-timing-function: ease-in-out;
  position: relative;
  behavior: url(/js/PIE.php);
}

.btn-03:link {
  color: #FFF;
  text-decoration: none;
}

.btn-03:visited {
  color: #FFF;
  text-decoration: none;
}

.btn-03:hover {
  color: #FFF;
  background: #3251b2 url(../img/share/icon_arr_02.png) no-repeat 95% 50%;
  text-decoration: none;
}

.btn-03:active {
  color: #FFF;
  text-decoration: none;
}

.btn-03 span.height2em {
  display: block;
  padding: 0.8em 0;
}


/*==================================================================
$browser　　ブラウザ限定処理
==================================================================*/


/*-------------------------
Firefoxのみ
---------------------------*/

@-moz-document url-prefix() {}


/*-------------------------
Chromeのみ
---------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /*nav ul.g-nav li a {
    padding: 10px 41.5px;
  }
  .pro-search-btn {
    padding: 5px 18px;
  }*/
}


/*-------------------------
IEのみ
---------------------------*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  /*nav ul.g-nav li a {
    padding: 10px 41.55px;*/
  /* IE10（\9なしでIE11にも適用） */
  /*}*/
}


/*==================================================================
$common
==================================================================*/

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb30 {
  margin-bottom: 30px;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.indent1 {
  text-indent: -1em;
  margin-left: 1em;
}