@charset "utf-8";

body{background: none}
.flex_right{
	display: flex;
	justify-content: flex-end;
}.btn_01{
	width: 240px;
	border-radius: 30px;
	background-color: #F5F5F5;
	font-size: 1.4rem;
	display: block;
	padding: 3px 0px 3px 0px;
	position: relative;
	color: #29ABE2;
	text-indent: 2em;
}.btn_01::after{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/icon_arrow_right.svg") no-repeat;
	display: inline-block;
	width: 21px;
	height: 18px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}.btn_01:hover{
	background-color: rgba(41, 171, 226, 0.2);
}section.ir_message{
	position: relative;
}
.btn_02{
	color:#2b2b2b !important;
	text-align: left;
}
section.ir_message::after{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    height: 240px;
    background: #F5F5F5;
	z-index: -5;
}section.ir_message .contents{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 240px;
}section.ir_message .contents a{
	background-color: #29ABE2;
	width: 44%;
	color: #000;
	text-align: center;
	border-radius: 6px;
	transition: 1s;
	display: block;
	padding: 30px 0px 30px 30px;
	font-size: 1.8rem;
	position: relative;
	line-height: 2.8rem;
}section.ir_message .contents a:hover{
	background-color: rgba(41, 171, 226, 0.6);
	transition: 1s;
}section.ir_message .contents a::after{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/icon_arrow_white_02.svg") no-repeat;
	display: inline-block;
	width: 21px;
	height: 18px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 65px;
}section.ir_message .contents a::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_001.png") no-repeat;
	display: inline-block;
	width: 60px;
	height: 60px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;
}section.ir_message .contents a:last-child::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_002.png") no-repeat;
	display: inline-block;
	width: 60px;
	height: 60px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;
}section.ir_message .contents a span{
	color: #fff;
	font-family: AlBayan;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	line-height: 1.3rem;
}section.index div.wrap{
	border: 1px solid #D9D9D9;
	border-radius: 6px;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	padding: 40px 0px 40px 40px;
}section.index div.wrap .title{
	width: 35%;
}section.index div h3{
	font-size: 1.8rem;
	line-height: 2.5rem;
	text-align: left;
	margin-left: 100px;
	position: relative;
}section.index div h3 span{
	font-size: 1.3rem;
	text-align: left;
	color: #29ABE2;
	font-family: AlBayan;
	letter-spacing: 0.2rem;
}
section.index div.wrap div{
	line-height: 3.5rem;
	width: 65%;
}section.index div h3::after{
	content:"";
    display:inline-block;
    width: 1px;
    height: 180%;
    background-color: #CECECE;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	right: 30px; 
}section.index div ul li{
	position: relative;
	padding-left: 30px;
	max-width: 100%;
	width: 220px;
}section.index div ul li::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #29ABE2;
  transition: .3s;
}
section.index div ul li:hover::after {
  width: 90%;
}section.index div ul{
	display: flex;
	flex-wrap: wrap;
}section.index div ul li::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/icon_arrow_right.svg") no-repeat;
	display: inline-block;
	width: 21px;
	height: 18px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
}section.index div h3::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_003.png") no-repeat;
	display: inline-block;
	width: 90px;
	height: 90px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 275px;
}section.index div:nth-child(2) h3::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_004.png") no-repeat;
	display: inline-block;
	width: 90px;
	height: 90px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 275px;
}section.index div:nth-child(3) h3::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_005.png") no-repeat;
	display: inline-block;
	width: 90px;
	height: 90px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 275px;
}section.index div:nth-child(4) h3::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_006.png") no-repeat;
	display: inline-block;
	width: 90px;
	height: 90px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 275px;
}section.index .index_half h3::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_007.png") no-repeat;
	display: inline-block;
	width: 90px;
	height: 90px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 145px;
}section.index .index_half .wrap:last-child h3::before{
	content:" ";
	background: url("/wp-content/themes/BTM/ir/images/top/img_008.png") no-repeat;
	display: inline-block;
	width: 90px;
	height: 90px;
	position: absolute;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: 160px;
}section.index .index_half{
	display: flex;
	justify-content: space-around;
}section.index .index_half .wrap{
	width: 30%;
	margin-bottom: 60px;
}section.index .index_half .wrap:hover{
	background-color: rgba(41, 171, 226, 0.08);
}section.index .index_half .wrap h3::after{
	display: none;
}.flex_between{
	display: flex;
	justify-content: space-between;
}section.index .btn_01{
	background-color: #fff;
	border: 1px solid #D9D9D9;
}section.index .btn_01:hover{
	background-color: rgba(41, 171, 226, 0.08);
}section.index .index_half .wrap div{
	line-height: 3.5rem;
	width: 100%;
}

section.index .external_link{
	width: 18px;
	height: 18px;
	vertical-align: text-bottom;
	margin-left: 3px
}