@charset "UTF-8";

/*---------------------------------------------
headArea
---------------------------------------------*/
section.headArea {
/*    background: rgba(239, 239, 239,0.5);*/
padding: 30px 0 60px;
}
.headArea .attention01{
width: 950px;
margin: 0 auto 0;
background: #fff;
}
.headArea .attention01 li{
margin-top: 5px;
}
.headArea .attention01 .important01 dt,
.headArea .attention01 .important01 dd{
display: inline-block;
}
.headArea .attention01 .important01 dt{
padding-right: 20px;
font-weight: bold;
color: #cc0000;
vertical-align: top;
}
@media screen and (max-width: 949px) {
.headArea .attention01{
width: 96%;
margin-top: 20px;
}
section.headArea {
/*    background: rgba(239, 239, 239,0.5);*/
padding: 0 0 80px;
}
}
.headArea .mainBnrArea01{
width: 100%;
margin:30px auto 0;
position: relative;
}
.headArea .mainBnrArea01 .mainBnrList01{
margin: auto;
position: relative;
width: 950px;
}
.headArea .mainBnrArea01 .mainBnrList01 li.slick-slide{
width: 950px;
margin: auto;
border-radius: 8px;
}

.headArea .mainBnrArea01 .mainBnrList01 li.slick-slide.slick-current.slick-active.slick-center {
background: #fff;
}
.headArea .mainBnrArea01 .mainBnrList01 li.slick-slide.slick-current.slick-active.slick-center img{
opacity: 1;
transform: all 0.5s ease;
}
.headArea .mainBnrArea01 .mainBnrList01 li.slick-slide a{
display: block;
}
.headArea .mainBnrArea01 .mainBnrList01 li.slick-slide a:hover {
opacity: 0.8;
}

.slideDots {
max-width: 950px;
min-width: 240px;
margin: 10px auto 0;
display: inline-block;
text-align: center;
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
.slideDots .controlBtn{
width: 20px;
height: 20px;
background: url(/common_Y17/img/icon_stop01.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
margin-top: 5px;
float: right;
}
.slideDots .controlBtn.stop{
background: url(/common_Y17/img/icon_start01.png) no-repeat 0 0;
background-size: contain;
}

.slideDots .slick-dots li button{
line-height: 0;
display: block;
width: 12px;
height: 12px;
outline: none;
background: #ddd;
border-radius: 100px;
box-sizing: border-box;
}

.slideDots .slick-dots{
bottom: 0;
width: auto;
display: inline-block !important;
position: relative;
}
.slideDots .slick-dots li.slick-active button{
background: #02993B;
}
.slideDots .slick-dots li button:before{
display: none;
}
.slick-prev, .slick-next{
height: 100%;
}
.slick-prev:before,.slick-next:before {
width: 15px;
height: 15px;
}
/*Media-queries
----------------------*/
@media screen and (max-width: 949px) {
.head_attention{
width: 100%;
}
.headArea .mainBnrArea01{
/*padding-bottom: 35px;*/
}
.headArea .mainBnrArea01 .mainBnrList01{
width: 100%;
}
.headArea .mainBnrArea01 .mainBnrList01 li.slick-slide{
width: 100%;
}
.headArea .mainBnrArea01 .mainBnrList01 li.slick-slide img {
width: 100%;
height: auto;
}
.slideDots .slick-dots li button{
background: #ddd;
}
.slideDots .slick-dots{
}
}
@media screen and (max-width: 425px) {
}



/*---------------------------------------------
content
---------------------------------------------*/
#contents{
/*margin-top: 50px;*/
}
#contents section .contWrap{
margin: auto;
padding-top: 0px;
padding-bottom: 0px;
overflow-x: initial;
overflow-y: initial;
}
#contents section .contWrap .title01 h5{
/*border-bottom: 1px solid #02993B;*/
}
#contents section .contWrap .title01 h5:after {
content:"";
display:block;
height:2px;
width:100%;
max-width: 440px;

background:-webkit-gradient(linear, left top, right bottom, from(#FF7032), to(rgba(255, 255, 255, 0.1)));
background:-moz-linear-gradient(left, #FF7032, rgba(255, 255, 255, 0.1));
/*background:linear-gradient(left, #FF7032, rgba(255, 255, 255, 0.1));*/
background:linear-gradient(to right, #FF7032, rgba(255, 255, 255, 0.1));

}

#contents section .contWrap .title01 h5 a{
font-size: 3.2rem;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#contents section .contWrap .title01 h5 a:before{
width: 16px;
height: 16px;
vertical-align: 5%;
}
#contents section .contWrap .title01 .lead{
margin-top: 10px;
font-size: 1.6rem;
}
#contents section .contWrap .title02{
border-bottom: 1px solid #ccc;
display: table;
width: 100%;
}
#contents section .contWrap .title02 h6,
#contents section .contWrap .title02 .txtLink_def01{
display: table-cell;
}
#contents section .contWrap .title02 h6{
width: 60%;
font-size: 1.6rem;
color: #02993B;
font-weight: bold;
}
#contents section .contWrap .title02 .txtLink_def01{
text-align: right;
}
#contents section .contWrap .title02 .txtLink_def01 a{
text-decoration: none;
}
/*Media-queries-------------*/
@media screen and (max-width: 949px) {
#contents section .contWrap .title01 h5 a{
font-size: 2.4rem;
}
#contents section .contWrap .title02 h6{
width: 50%;
}
}

#contents .wrap_half01{
margin-top: 30px;
}
#contents .wrap_half01 .pageMenu01{
float: left;
width: 620px;
}
#contents .wrap_half01 .pageMenu01:nth-of-type(2){
float: right;
width: 280px;
}
#contents .wrap_half01 .pageMenu01.mypageBlock{
float: right;
width: 280px;
}
#contents .wrap_half01 .pageMenu01.left{
float: left;
width: 620px;
}

#contents .wrap_half02 .pageMenu01{
float: left;
width: 440px;
}
#contents .wrap_half02 .pageMenu01:nth-of-type(2){
float: right;
}
#contents .wrap_half02 .pageMenu01 .title01{
margin-bottom: 20px;
}
/*Media-queries-------------*/
@media screen and (max-width: 949px) {
#contents .wrap_half01 .pageMenu01,
#contents .wrap_half01 .pageMenu01:nth-of-type(2),
#contents .wrap_half01 .pageMenu01.mypageBlock,
#contents .wrap_half01 .pageMenu01.left,
#contents .wrap_half02 .pageMenu01,
#contents .wrap_half02 .pageMenu01:nth-of-type(2){
width: 100%;
float: none;
}
#contents .wrap_half01 .pageMenu01:nth-of-type(2),
#contents .wrap_half02 .pageMenu01:nth-of-type(2),
#contents .wrap_half01 .pageMenu01.left{
margin-top: 30px;
}
}


#contents .pageMenu01 .menuList01 li{
float: left;
margin:20px 20px 0 0;
width: 48%;
width: calc(100%/2 - 10px);
}
#contents .pageMenu01 .menuList01 li:nth-child(-n+2){
margin-top: 0;
}
#contents .pageMenu01 .menuList01 li:nth-child(even){
margin-right: 0;
}
#contents .pageMenu01 .icon a{
font-size: 1.6rem;
display: table;
width: 100%;
line-height: 1.3;
padding: 15px;
box-shadow: 4px 4px 3px #ccc;
box-sizing: border-box;
border: 2px solid #02993B;
}
#contents .pageMenu01 .icon a span{
display: table-cell;
vertical-align: middle;
}
#contents .pageMenu01 *[class*="boxLink_"] a{
font-weight: bold;
}

#contents .pageMenu01 .menuList02 {
border: 2px solid #02993B;
background: #fff;
padding: 5px 15px;
border-radius: 3px;
}
#contents .pageMenu01 .menuList02 li{
margin:0;
width: 100%;
border-bottom: 1px dotted #ccc;
}
#contents .pageMenu01 .menuList02 li:last-of-type{
border-bottom: 0;
}
#contents .pageMenu01 .menuList02 li a{
padding-top: 10px;
padding-bottom: 10px;
}



#contents .pageMenu01 .icon a:before {
display: none !important;
}
#contents .pageMenu01 .icon a span {
display: table-cell;
vertical-align: middle;
}
#contents .pageMenu01 .icon a span:nth-of-type(1){
width: 70px;
}
#contents .pageMenu01 .icon a span:nth-of-type(1):before {
width: 56px;
height: 56px;
background-size: 100%;
background-position: left center;
}
/*Media-queries-------------*/
@media screen and (max-width: 425px) {
#contents .pageMenu01 .menuList01 li{
float: none;
margin-right: 0;
width: 100%;
}
#contents .pageMenu01 .menuList01 li:nth-child(2){
margin-top: 20px;
}
#contents .pageMenu01 .icon a span:nth-of-type(1) {
width: 60px;
}
#contents .pageMenu01 .icon a span:nth-of-type(1):before {
width: 46px;
height: 46px;
}

}

#contents .lineWrap_mypage01{
border: 1px solid #01993A;
background: #Dff4cc;
padding: 10px;
margin-bottom: 20px;
}
#contents .lineWrap_mypage01 .inner01{
background: #fff;
padding: 20px;
}
#contents .lineWrap_mypage01 .inner01 .boxLink_emp01.other01 a:before{
display: none;
}
#contents .lineWrap_mypage01 .inner01 p{
margin-top: 20px;
}
/*Media-queries-------------*/
@media screen and (max-width: 425px) {
#contents .lineWrap_mypage01 .inner01 p{
margin-top: 10px;
}
}


#contents .contBg01{
background-position: center bottom;
background-size: cover;
padding: 70px 0;
background-repeat: no-repeat;
}

/*-- ご契約者さま --*/
#contents #life_assured{
background-image: url(../img/cont_bg_pic01.jpg);
}
#contents #life_assured .boxLink_emp02 a{
text-align: center;
}

/*-- 保険をご検討 --*/
#contents #products{
background-image: url(../img/cont_bg_pic02.jpg);
}

/*-- 法人 三井生命について --*/
#contents #for_corporations{
background-image: url(../img/cont_bg_pic03.jpg);
}
#contents #for_corporations .match01 a{
vertical-align: middle;
display: table;
width: 100%;
}
#contents #for_corporations .match01 a img{
width: 100%;
}
#contents #for_corporations .match01 a span{
vertical-align: middle;
display: table-cell;
}


/*-- そのた --*/
#contents #other .bnrSlideArea01{
margin-bottom: 70px;
}
#contents #other .bnrList01{
margin-top: 30px;
}
/*Media-queries-------------*/
@media screen and (max-width: 949px) {
#contents .contBg01{
padding: 35px 0;
}
}


.tbl_news01{
margin-top: 20px;
}
.tbl_news01 th,
.tbl_news01 td {
vertical-align: top;
line-height: 1.2;
padding-bottom: 10px;
}
.tbl_news01 th {
width: 20%;
color: #999999;
}
.tbl_news01 td a{
line-height: 1.2;
}
/*Media-queries-------------*/
@media screen and (max-width: 949px) {
.tbl_news01 th,
.tbl_news01 td {
padding-bottom: 15px;
}
.tbl_news01 th {
width: 90px;
}
}