@charset "UTF-8";
/* CSS Document */

.inner{ position: relative; background:url(../../img/common/bg_content_01.png); border-radius: 20px; padding: 80px 80px 50px;}
.tit{ position: absolute; top: -40px; left: 0; right: 0; text-align: center; padding: 0 20px;}

.inner li { position: relative; padding-left: 100px; padding-right: 20px; margin-bottom: 10px; float: left; width: 50%; font-size: 14px;}
.inner li .th,
.inner li .td{ color: #555; display: inline-block; padding: 7px 0;}
.inner li .th{ position: absolute; top: 0; left: 0;}
.inner li .td{ border-left: 2px solid #cab883; padding-left: 10px;}


.main{ margin-top: 80px;}
#commonOutlineBox {  background: none !important; }
#commonOutlineBox * { color: #000 !important }
#commonOutlineBox dl dd { margin-left: 0; }

@media (max-width: 767px){
  .inner { padding: 80px 40px 50px;}
.inner li { float: none!important; width: 100%; font-size: 14px;}

	#commonOutlineBox dl dt { background: rgba(2, 24, 57, 0.1) !important; }

/* ~767px */}
@media (max-width: 480px){
.inner{ background-color: #e5e3cd; border-radius: 15px; padding: 60px 30px 30px;}
.tit{ top: -20px;}

.inner li { position: static; padding-left: 0; padding-right: 20px; margin-bottom: 10px; float: left; width: 100%; font-size: 14px; border-bottom: 1px solid #cab883; padding-bottom: 20px; margin-bottom: 20px;}
  .inner li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.inner li .th,
.inner li .td{ color: #555; display: block; width: 100%; padding: 0 0; line-height: 1.5em;}
.inner li .th{ position: static; border-left: 6px solid #cab883; padding-left: 10px; margin-bottom: 10px;}
.inner li .td{ border-left: none; padding-left: 16px;}
/* ~480px */}