@charset "utf-8";
/************************************************************************************************************************************
	HOME
************************************************************************************************************************************/
/** btn *****************************************************************/
#index .btn a {
	position: relative;
	display: block;
	overflow: hidden;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	letter-spacing: 1px;
	text-align: center;
	width: 220px;
  height: 50px;
	margin: 0 auto;
	border-radius: 8px;
	background-color: rgb(85, 85, 85);
}
#index .btn a::before {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 12px;
	margin-right: 10px;
	background-image: url('../img/icon/arrow_index_01.png');
	background-size: 8px 12px;
	background-position: center;
	background-repeat: no-repeat;
}


@media print, screen and (min-width: 768px) {
	#index section:not(#section_00)  .btn {
		position: absolute;
		top: 16px;
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	#index section:not(#section_00) .btn {
		margin-top: 50px;
	}
}






/** #section_00 *****************************************************************/
#index #section_00 #mv {
	position: relative;
	background-image: url('../img/index/mv_bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#index #section_00 #mv .content .ttl {
	position: relative;
	z-index: 10;
	max-width: 752px;
	width: 100%;
	margin: 0 auto 0;
	padding-top: 70px;
}
#index #section_00 #mv .content .ttl .badge {
	position: relative;
	z-index: 11;
	display: block;
	max-width: 180px;
	width: 100%;
	margin: -80px -110px 0 auto;
}


@media print, screen and (min-width: 768px) {
	#index #section_00 #mv {
		min-height: 470px;
	}

	#index #section_00 #mv .content .ttl .main img:last-child {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#index #section_00 #mv {
		background-position: left -250px top;
		padding-bottom: 45px;
	}

	#index #section_00 #mv .content .ttl .main img:first-child {
		display: none;
	}
	#index #section_00 #mv .content .ttl .badge {
		display: none;
	}
}




#index #section_00 #mv .content .btn {
	position: relative;
	z-index: 12;
	letter-spacing: 20px;
	text-align: center;
}
#index #section_00 #mv .content .btn p {
	position: relative;
	display: inline-block;
	width: 260px;
  height: 60px;
}
#index #section_00 #mv .content .btn p a {
	position: relative;
	z-index: 13;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 60px;
  width: 260px;
  height: 60px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	background-color: rgb(227, 84, 51);
}
#index #section_00 #mv .content .btn p:hover::after {
	content: " ";
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	z-index: 12;
	display: block;
	width: 260px;
  height: 60px;
	margin: auto;
	border-radius: 10px;
	background-color: #FFF;
}

#index #section_00 #mv .content .btn p:last-child a {
	background-color: rgb(7, 103, 132);
}


@media print, screen and (min-width: 768px) {
	#index #section_00 #mv .content .btn {
		margin: -52px auto 0;
	}
}
@media screen and (max-width: 767px) {
	#index #section_00 #mv .content .btn {
		margin: 0 auto 0;
	}
	#index #section_00 #mv .content .btn p {
		display: block;
	}
	#index #section_00 #mv .content .btn p:first-child {
		margin: 15px auto 5px;
	}
	#index #section_00 #mv .content .btn p:last-child {
		margin: 5px auto 15px;
	}
	#index #section_00 #mv .content .btn p a {
		font-size: 16px;
	}
}




#index #section_00 .warning {
	color: #ff0000;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	padding: 22px 0 26px;
	background-color: #eeeeee;
}
#index #section_00 .warning .icon {
	display: inline-block;
	vertical-align: sub;
	width: 36px;
	height: 32px;
	margin-right: 11px;
	background-image: url('../img/icon/index_warning.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	#index #section_00 .warning {
		font-size: 16px;
	}
	#index #section_00 .warning .icon {
		width: 18px;
		height: 16px;
		margin-right: 5px;
		margin-bottom: 2px;
		background-size: 16px auto;
	}
}






/** #section_01 *****************************************************************/
#index #section_01 {
	padding: 60px 0 76px;
}
@media print, screen and (min-width: 768px) {
	#index #section_01 .pc_left {
		width: 740px;
	}
	#index #section_01 .pc_right {
		width: 304px;
	}
}
@media screen and (max-width: 767px) {
}




#index #section_01 .content_01 .info_cate {
}
#index #section_01 .content_01 .info_cate ul {
}
#index #section_01 .content_01 .info_cate ul li {
}
#index #section_01 .content_01 .info_cate ul li a {
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	display: block;
	color: #555555;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 60px;
	width: 240px;
	height: 67px;
	background-color: #f5f5f5;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}
#index #section_01 .content_01 .info_cate ul li a.active, 
#index #section_01 .content_01 .info_cate ul li a:hover {
	color: #FFF;
	background-color: #076784;
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	#index #section_01 .content_01 .info_cate ul li {
		width: 33%;
	}
	#index #section_01 .content_01 .info_cate ul li a {
		font-size: 15px;
		width: 100%;
	}
}
@media screen and (max-width: 320px) {
	#index #section_01 .content_01 .info_cate ul li a {
		font-size: 14px;
	}
}




#index #section_01 .content_01 .info_area {
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	position: relative;
	padding: 38px 35px 27px;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
#index #section_01 .content_01 .info_area::before {
	content: " ";
	position: absolute;
	top:0; left:0; right:0;
	display: block;
	width: 100%;
	height: 6px;
	margin: auto;
	background-color: #076784;
}

#index #section_01 .content_01 .info_area ul {
	display: none;
}
#index #section_01 .content_01 .info_area ul:first-child {
	display: block;
}

#index #section_01 .content_01 .info_area li.item {
	font-size: 18px;
	padding-bottom: 17px;
	margin-bottom: 17px;
	border-bottom: dotted 1px #cccccc;
}

#index #section_01 .content_01 .info_area li.item .date {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
}
#index #section_01 .content_01 .info_area li.item .description {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.778;
	text-decoration: underline;
}
#index #section_01 .content_01 .info_area li.link {
	text-align: right;
}
#index #section_01 .content_01 .info_area li.link a {
	font-size: 18px;
	line-height: 1;
	padding-left: 20px;
	background-image: url('../img/icon/arrow_index_02.png');
	background-size: 9px 14px;
	background-position: left center;
	background-repeat: no-repeat;
}


@media print, screen and (min-width: 768px) {
	#index #section_01 .content_01 .info_area li.item {
		padding-left: 103px;
		text-indent: -103px;
	}
	#index #section_01 .content_01 .info_area li.item .date {
		padding-right: 20px;
	}
}
@media screen and (max-width: 767px) {
	#index #section_01 .content_01 .info_area {
		padding: 19px 17px 14px;
	}
	#index #section_01 .content_01 .info_area li.item .date {
		font-size: 13px;
		margin-bottom: 20px;
	}
	#index #section_01 .content_01 .info_area li.item .description {
		font-size: 14px;
		display: block;
	}
}






/** #section_02 *****************************************************************/
#index #section_02 {
	padding: 80px 0;
	background-image: url('../img/pattern/index_01.png');
	background-size: 8px 8px;
	background-position: center;
	background-repeat: repeat;
}
#index #section_02 .content_01 {
	position: relative;
}

#index #section_02 .content_01 li .ttl {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin: 28px auto 24px;
}


@media print, screen and (min-width: 768px) {
	#index #section_02 .content_01 li {
		max-width: 336px;
	}
	#index #section_02 .content_01 .btn {
		position: absolute;
		top: 16px;
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	#index #section_02 .content_01 li {
		margin-bottom: 50px;
	}
	#index #section_02 .content_01 li:last-child {
		margin-bottom: 50px;
	}
	#index #section_02 .content_01 li .img {
		max-width: 336px;
		margin: 0 auto;
	}
}






/** #section_03 *****************************************************************/
#index #section_03 {
	padding: 80px 0 80px;
}
#index #section_03 .content_01 {
	position: relative;
}

#index #section_03 .content_01 .text.indent {
	margin-top: 17px;
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}






/** #section_04 *****************************************************************/
#index #section_04 {
	padding: 80px 0;
	background-image: url('../img/pattern/index_01.png');
	background-size: 8px 8px;
	background-position: center;
	background-repeat: repeat;
}
#index #section_04 .content_01 {
	position: relative;
}

#index #section_04 .content_01 .img {
	max-width: 540px;
}
#index #section_04 .content_01 .text_area .ttl {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.667;
	margin-bottom: 11px;
}

#index #section_04 .content_01 .benefits {
	position: relative;
	text-align: center;
	max-width: 830px;
	padding: 43px 0;
	margin: 70px auto 0;
	border: solid 4px #076784;
}
#index #section_04 .content_01 .benefits::before {
	content: " ";
	position: absolute;
	top:0; bottom:0; left:0; right:0;
	display: block;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	margin: auto;
	background-color: #FFF;
}
#index #section_04 .content_01 .benefits .ttl2 {
	position: absolute;
	z-index: 1;
	top: -24px;
	left:0; right:0;
	color: #FFF;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
	width: 300px;
	height: 50px;
	margin: auto;
	background-image: url('../img/index/sec_04_bg.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#index #section_04 .content_01 .benefits ul {
	position: relative;
	z-index: 1;
	text-align: center;
	letter-spacing: 40px;
}
#index #section_04 .content_01 .benefits ul li {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0px;
	margin: 7px 0;
}
#index #section_04 .content_01 .benefits ul li span {
	display: inline-block;
	color: rgb(7, 103, 132);
	font-size: 18px;
	font-weight: 500;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	text-align: center;
	line-height: 22px;
	vertical-align: text-bottom;
	width: 22px;
	height: 22px;
	margin-right: 9px;
	border: solid 2px rgb(7, 103, 132);
	border-radius: 50%;
}


@media print, screen and (min-width: 768px) {
	#index #section_04 .content_01 .text_area {
		width: 520px;
	}
}
@media screen and (max-width: 767px) {
	#index #section_04 .content_01 .img {
		margin: 0 auto 20px;
	}
	#index #section_04 .content_01 .text_area .ttl {
		font-size: 20px;
	}
	#index #section_04 .content_01 .benefits .ttl2 {
		font-size: 18px;
	}

	#index #section_04 .content_01 .benefits {
		padding: 36px 0;
	}
	#index #section_04 .content_01 .benefits ul li {
		display: block;
		font-size: 16px;
		text-align: left;
		padding-left: 48px;
		padding-right: 16px;
		text-indent: -36px;
		margin: 14px 0;
	}
	#index #section_04 .content_01 .benefits ul li span {
		text-indent: 0px;
	}
}
@media screen and (max-width: 350px) {
	#index #section_04 .content_01 .benefits .ttl2 {
		font-size: 16px;
		width: 280px;
	}
	#index #section_04 .content_01 .benefits ul li {
		font-size: 14px;
		text-indent: -28px;
		padding-left: 38px;
	}
	#index #section_04 .content_01 .benefits ul li span {
		position: relative;
		top: 2px;
		font-size: 16px;
		line-height: 20px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
}






/** #section_05 *****************************************************************/
#index #section_05 {
	padding: 80px 0 55px;
}
#index #section_05 .content_01 {
	position: relative;
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}






/************************************************************************************************************************************
	会社概要（講師紹介）
************************************************************************************************************************************/
#company {
}


/** .content_01 *****************************************************************/
#company .content_01 {
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}






/** .content_02 *****************************************************************/
#company .content_02 {
}
#company .content_02 .left {
	max-width: 320px;
}

#company .content_02 .name {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 40px 0;
}
#company .content_02 .name span {
	font-size: 32px;
	font-weight: 700;
	vertical-align: middle;
	margin-left: 15px;
}

#company .content_02 .text.indent {
	text-indent: 0px;
	padding-left: 22px;
	margin-bottom: 33px;
}
#company .content_02 .text.indent:last-child {
	margin-bottom: 0;
}

#company .content_02 .border {
	overflow: hidden;
	text-indent: -10000%;
	width: 100%;
	height: 2px;
	margin-bottom: 33px;
	background-color: rgb(238, 238, 238);
}


@media print, screen and (min-width: 768px) {
	#company .content_02 .left {
		width: 320px;
	}
	#company .content_02 .right {
		width: 722px;
	}
}
@media screen and (max-width: 767px) {
	#company .content_02 .left {
		margin: 0 auto;
	}
	#company .content_02 .name {
		font-size: 16px;
	}
	#company .content_02 .name span {
		font-size: 24px;
	}
}






/** .content_03 *****************************************************************/
#company .content_03 {
}

#company .content_03 .img {
	max-width: 210px;
	width: 100%;
}

#company .content_03 .name {
	font-size: 28px;
	font-weight: 700;
}
#company .content_03 .name span {
	color: #777777;
	font-size: 20px;
	margin-left: 12px;
}
#company .content_03 .ttl {
	font-size: 18px;
	font-weight: 500;
	margin: 15px 0;
}
#company .content_03 .text {
	margin-top: 8px;
	margin-bottom: 8px;
}

#company .content_03 ul {
	margin-bottom: 50px;
}
#company .content_03 ul:last-child {
	margin-bottom: 0;
}
#company .content_03 li {
	margin-bottom: 50px;
}
#company .content_03 li:last-child {
	margin-bottom: 0;
}


@media print, screen and (min-width: 768px) {
	#company .content_03 .list1 .text_area {
		width: 860px;
	}
	#company .content_03 .list2 li {
		width: 536px;
	}
	#company .content_03 .list2 .text_area {
		width: 295px;
	}

	#company .content_03 .list2 li:nth-last-child(2) {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	#company .content_03 .name {
		font-size: 20px;
		text-align: center;
	}
	#company .content_03 .name span {
		font-size: 18px;
	}
	#company .content_03 .ttl {
		font-size: 16px;
		text-align: center;
		margin-bottom: 20px;
	}

	#company .content_03 .img {
		margin: 0 auto 20px;
	}
}








/************************************************************************************************************************************
	お知らせ / 無料セミナー / 有料セミナー
************************************************************************************************************************************/
#blog {
}


/** #post_list *****************************************************************/
#blog #post_list {
}


#blog #post_list .info_area {
}

#blog #post_list .info_area ul {
}

#blog #post_list .info_area li.item {
	font-size: 18px;
	padding-bottom: 27px;
	margin-bottom: 27px;
	border-bottom: dotted 1px #cccccc;
}
#blog #post_list .info_area li.item:first-child {
	padding-top: 27px;
	margin-top: 27px;
	border-top: dotted 1px #cccccc;
}

#blog #post_list .info_area li.item .date {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
}
#blog #post_list .info_area li.item .description {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.778;
	text-decoration: underline;
}
#blog #post_list .info_area li.link {
	text-align: right;
}
#blog #post_list .info_area li.link a {
	font-size: 18px;
	line-height: 1;
	padding-left: 20px;
	background-image: url('../img/icon/arrow_index_02.png');
	background-size: 9px 14px;
	background-position: left center;
	background-repeat: no-repeat;
}


@media print, screen and (min-width: 768px) {
	#blog #post_list .info_area li.item {
		padding-left: 123px;
		text-indent: -123px;
	}
	#blog #post_list .info_area li.item .date {
		padding-right: 40px;
	}
}
@media screen and (max-width: 767px) {
	#blog #post_list .info_area {
		padding: 19px 17px 14px;
	}
	#blog #post_list .info_area li.item .date {
		font-size: 13px;
		margin-bottom: 20px;
	}
	#blog #post_list .info_area li.item .description {
		font-size: 14px;
		display: block;
	}
}




/** #post *****************************************************************/
#blog #post_list {
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}








/************************************************************************************************************************************
	コラム
************************************************************************************************************************************/
#column {
}


/** #post_list *****************************************************************/
#column #post_list {
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}




/** #post *****************************************************************/
#column #post {
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}








/************************************************************************************************************************************
	事例
************************************************************************************************************************************/
#case {
}


/** .content_01 *****************************************************************/
#case .content_01 {
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}






/** .case_content *****************************************************************/
#case .case_content {
}

#case .case_content .ttl {
	font-weight: 700;
	padding: 18px 0;
	border-top: solid 3px #076784;
	border-bottom: solid 1px #076784;
}
#case .case_content .ttl .type {
	color: #FFF;
	font-size: 18px;
	line-height: 38px;
  height: 38px;
	padding: 0 13px;
	margin-right: 15px;
	background-color: rgb(7, 103, 132);
}
#case .case_content .ttl .name {
	font-size: 26px;
}
#case .case_content .ttl .date {
	color: #444444;
	font-size: 16px;
	margin-left: auto;
}

#case .case_content .ttl2 {
	font-size: 22px;
	font-weight: 700;
}
#case .case_content .text {
	margin-top: 8px;
	margin-bottom: 8px;
}

#case .case_content .left {
	margin-top: 40px;
}
#case .case_content .right {
	margin-top: 40px;
}


#case .case_content table.common_table tbody th {
	vertical-align: middle;
	padding: 16px 20px;
	background-color: #dae8ed;
}
#case .case_content table.common_table tbody td {
	vertical-align: middle;
	padding: 16px 16px;
	background-color: #f2f2f2;
}
#case .case_content .indent {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 35px;
}

#case .case_content .img {
	max-width: 500px;
}
#case .case_content .arrow {
	max-width: 45px;
}


@media print, screen and (min-width: 768px) {
	#case .case_content .left {
		width: 550px;
	}
	#case .case_content .right {
		width: 500px;
	}

	#case .case_content table.common_table tbody th {
		font-size: 16px;
		width: 128px;
	}
	#case .case_content table.common_table tbody td {
		font-size: 18px;
	}
}
@media screen and (max-width: 767px) {
	#case .case_content .ttl .type {
		font-size: 16px;
	}
	#case .case_content .ttl .name {
		font-size: 20px;
	}
	#case .case_content .ttl .date {
		font-size: 14px;
		display: block;
		margin-top: 10px;
	}
	#case .case_content .ttl2 {
		font-size: 18px;
	}
	#case .case_content .img {
		margin: 0 auto;
	}
	#case .case_content .arrow {
		margin: 20px auto;
		transform: rotate(90deg);
	}
}








/************************************************************************************************************************************
	お問い合わせ（セミナー申込み）資料ダウンロード
************************************************************************************************************************************/
#contact {
}


/** .content_01 *****************************************************************/
#contact .content_01 {
}

#contact .content_01 .read {
	font-size: 20px;
}

#contact .content_01 .required_text {
	font-size: 16px;
	margin: 25px 0 17px;
}
#contact .content_01 .required_text span {
	display: inline-block;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	width: 40px;
  height: 22px;
	margin: auto;
	margin-right: 8px;
	border-radius: 4px;
	background-color: rgb(227, 84, 51);
}

#contact .content_01 .pptext {
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	text-align: center;
	max-width: 780px;
	width: 100%;
	padding: 25px 10px;
	margin: 40px auto 30px;
	border: solid 4px rgb(221, 221, 221);
  background-color: rgb(255, 255, 255);
}
#contact .content_01 .pptext a {
	color: #076784;
	text-decoration: underline;
}
#contact .content_01 .pptext label {
	display: inline-block;
	text-align: center;
	line-height: 40px;
	width: 160px;
  height: 40px;
	margin-top: 13px;
	background-color: rgb(238, 238, 238);
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	#contact .content_01 .read {
		font-size: 16px;
	}
	#contact .content_01 .required_text {
		font-size: 14px;
	}
	#contact .content_01 .pptext .text {
		font-size: 13px;
		text-align: left;
	}
}








/************************************************************************************************************************************
	プライバシー・ポリシー
************************************************************************************************************************************/
#privacy {
}


/** .content_01 *****************************************************************/
#privacy .content_01 {
}

#privacy .content_01 .wrap {
	margin-bottom: 35px;
}
#privacy .content_01 .ttl {
	font-size: 20px;
	font-weight: 700;
}
#privacy .content_01 .text {
	margin: 10px 0;
}
#privacy .content_01 .text_large {
	margin: 0 0 45px;
}
#privacy .content_01 .text_medium {
	margin-left: -0.5em;
}
#privacy .content_01 .text_right {
	letter-spacing: 0;
}


#privacy .content_01 li.indent {
	padding-left: 2em;
}

#privacy .content_01 table.common_table {
	margin: 20px 0;
}
#privacy .content_01 table.common_table tbody td .indent {
	padding-left: 80px;
	text-indent: -80px;
}


@media print, screen and (min-width: 768px) {
	#privacy .content_01 .text_large {
		font-size: 20px;
		line-height: 1.8;
	}
	#privacy .content_01 table.common_table tbody th {
		width: 220px;
	}
	#privacy .content_01 table.common_table tbody th, 
	#privacy .content_01 table.common_table tbody td {
		font-size: 16px;
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {
}








/************************************************************************************************************************************
	投資比較
************************************************************************************************************************************/
#invest {
}


/** .content_01 *****************************************************************/
#invest .content_01 {
}

#invest .content_01 .ttl {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
	padding-left: 14px;
	margin-bottom: 40px;
	border-left: solid 5px #076784;
}

#invest .content_01 .text {
	letter-spacing: 0;
}
#invest .content_01 .text.indent {
	text-indent: 0px;
	padding-left: 22px;
	margin-bottom: 33px;
}

#invest .content_01 .right {
	max-width: 502px;
	margin-top: 4px;
}


@media print, screen and (min-width: 768px) {
	#invest .content_01 .left {
		width: 545px;
	}
}
@media screen and (max-width: 767px) {
	#invest .content_01 .ttl {
		font-size: 20px;
	}
}




/** .content_02 *****************************************************************/
#invest .content_02 .ttl2 {
	position: relative;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 20px;
	margin-bottom: 27px;
	border-bottom: solid 2px #dddddd
}
#invest .content_02 .ttl2::after {
	content: " ";
	display: block;
	position: absolute;
	left: 0px;
	bottom: -2px;
  width: 100px;
  height: 2px;
	background-color: rgb(7, 103, 132);
}

#invest .content_02 .text.indent {
	margin-top: 17px;
}


@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	#invest .content_02 .ttl2 {
		font-size: 20px;
	}
}




/** .content_03 *****************************************************************/
#invest .content_03 {
	padding: 55px 40px 50px;
	background-image: url('../img/pattern/invest_01.png');
	background-size: 8px 8px;
	background-position: center;
	background-repeat: repeat;
}
#invest .content_03 .ttl3 {
	position: relative;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin-bottom: 40px;
}
#invest .content_03 .ttl3::before, 
#invest .content_03 .ttl3::after {
	content: " ";
	position: absolute;
	top: 15px;
	display: block;
	width: 227px;
  height: 2px;
	background-color: rgb(7, 103, 132);
}
#invest .content_03 .ttl3::before {
	left: 71px;
}
#invest .content_03 .ttl3::after {
	right: 71px;
}

#invest .content_03 .img {
	max-width: 1020px;
	margin: 0 auto 49px;
}

#invest .content_03 ul {
}
#invest .content_03 ul li {
	border: solid 3px #076784;
}
#invest .content_03 ul li {
	margin-bottom: 30px;
}
#invest .content_03 ul li:last-child {
	margin-bottom: 0;
}
#invest .content_03 ul li .ttl4 {
	font-size: 26px;
	font-weight: 700;
	padding: 15px 24px;
	background-color: #f3f3dc;
}
#invest .content_03 ul li .ttl4 span {
	display: inline-block;
	color: #FFF;
	font-size: 22px;
	line-height: 42px;
	text-align: center;
	padding: 0 10px;
	height: 42px;
	margin-right: 15px;
	background-color: rgb(7, 103, 132);
}

#invest .content_03 ul li .text {
	letter-spacing: -0.02em;
	padding: 30px 24px;
	background-color: #FFF;
}


@media print, screen and (min-width: 768px) {
	#invest .content_03 ul li .text {
		font-size: 20px;
		line-height: 1.8;
	}
}
@media screen and (max-width: 767px) {
	#invest .content_03 .ttl3 {
		font-size: 20px;
	}
	#invest .content_03 .ttl3::before, 
	#invest .content_03 .ttl3::after {
		top: 10px;
		width: 40px;
	}
	#invest .content_03 .ttl3::before {
		left: 20px;
	}
	#invest .content_03 .ttl3::after {
		right: 20px;
	}
	#invest .content_03 ul {
		width: calc(100% - 30px);
		margin: 0 auto;
	}
	#invest .content_03 ul li .ttl4 {
		font-size: 18px;
	}
	#invest .content_03 ul li .ttl4 span {
		font-size: 16px;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 355px) {
	#invest .content_03 .ttl3::before, 
	#invest .content_03 .ttl3::after {
		width: 30px;
	}
	#invest .content_03 .ttl3::before {
		left: 10px;
	}
	#invest .content_03 .ttl3::after {
		right: 10px;
	}
}








/************************************************************************************************************************************
	会員様向け（有料コンテンツ紹介）
************************************************************************************************************************************/
#member {
}


/** .content_01 *****************************************************************/
#member .content_01 {
}

#member .content_01 .ttl {
	position: relative;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.455;
	text-align: center;
	padding: 21px 0 24px;
	border-top: solid 4px #076784;

	margin-bottom: 50px;

	background-image: url('../img/member/border.png');
	background-size: 1100px 4px;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#member .content_01 .ttl::before {
	content: " ";
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width: 100%;
  height: 1px;
	background-color: #076784;
}
#member .content_01 .ttl span {
	font-size: 16px;
}

#member .content_01 ul {
}
#member .content_01 ul li {
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	padding: 0 22px 24px;
	border: solid 3px rgb(204, 204, 204);
	margin-bottom: 45px;
}
#member .content_01 ul li:last-child {
	margin-bottom: 0;
}
#member .content_01 ul li .ttl2 {
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 42px;
	width: 100%;
	height: 42px;
	background-image: url('../img/pattern/member_01.png');
	background-size: 7px 7px;
	background-position: center;
	background-repeat: repeat;
	border-radius: 0 0 7px 7px;
}
#member .content_01 ul li .ttl3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.333;
	text-align: center;
	margin: 24px 0 20px;
}

/*190116追加*/
#member .content_01 ul li .ttl3 a {
	text-decoration: underline;
}

#member .content_01 ul li .ttl3 span {
	font-size: 20px;
}
#member .content_01 ul li .text {
	font-size: 18px;
	letter-spacing: 0;
	margin: 10px 0;
}
#member .content_01 ul li .text span {
	color: #555555;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.1em;
	line-height: 2;
}
#member .content_01 ul li .text a {
	color: #555555;
	text-decoration: underline;
}

#member .content_01 ul li .img {
	margin: 40px auto 0;
}

#member .content_01 ul li:nth-child(1) .img { max-width: 120px; }
#member .content_01 ul li:nth-child(2) .img { max-width: 159px; }
#member .content_01 ul li:nth-child(3) .img { max-width: 231px; }
#member .content_01 ul li:nth-child(4) .img { max-width: 112px; }


@media print, screen and (min-width: 768px) {
	#member .content_01 ul li {
		max-width: 530px;
	}
	#member .content_01 li:nth-last-child(2) {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	#member .content_01 .ttl {
		font-size: 18px;
		text-align: left;
		padding-left: 5px;
	}
	#member .content_01 .ttl span {
		font-size: 14px;
	}

	#member .content_01 ul li .ttl3 {
		font-size: 17px;

	}
	#member .content_01 ul li .ttl3 span {
		font-size: 16px;
	}
	#member .content_01 ul li .text {
		font-size: 14px;
	}
	#member .content_01 ul li .text span {
		font-size: 12px;
	}
}
@media screen and (max-width: 355px) {
	#member .content_01 .ttl {
		font-size: 16px;
		text-align: left;
	}
	#member .content_01 .ttl span {
		font-size: 12px;
	}
}




/************************************************************************************************************************************
	【TOPページ】ページ下部コラム一覧の部分で、記事が2件の場合、左右に配置される　不具合の修正		@2019.02.01
************************************************************************************************************************************/
@media print, screen and (min-width: 768px) {
	.column_list ul::after {
		content: " ";
		display: block;
		max-width: 340px;
		width: 100%;
		height: 1px;
		margin-bottom: 45px;
	}
}