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

/*a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}*/

/*img{
  cursor: pointer;
}*/

html{scroll-behavior:smooth;}

a:hover img.rotate{
  transform: rotateY(360deg);
  transition: transform .5s;
}

h4, h5{font-size:20px;}

.info-box{
    margin:2em 0;
    position: relative;
    padding: 1em 3em;
    border-top: solid 2px #85c8dd;
    border-bottom: solid 2px #85c8dd;
	background-color:#FFFFFF;
}
.info-box:before, .info-box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
/*    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);*/
    background-color: #85c8dd;
}
.info-box:before {left: 10px;}
.info-box:after {right: 10px;}
.info-box p {margin: 2em 1em; padding: 0;}
.info-box img{margin:0 auto;}

div.risk-group h4{text-align:center;}
div.risk-group img{width:60%;margin:0 auto;}

.box-link{border:solid 1px #85c8dd; padding:1em; margin:1em auto;}

.box-link a:hover{text-decoration: underline;}

ul.diversification li span:before { content:'…'; }
ul.diversification li{margin-left:4em; text-indent:-4em;margin-top:0.5em;}

.red{color: #990000;}

table.tbl-advantage{width:100%;border:solid 1px #EFEFEF;}
table.tbl-advantage th{background:#14A095; color:#FFFFFF;}
table.tbl-advantage th,td{padding:0.5em; text-align:center;}
table.tbl-advantage tr:nth-child(odd) {background: #EFEFEF; }

p.img-frame{
	
	border-image: url("../img/img-frame.png") 50 stretch;
	border-style:solid; 
	border-width:35px;}
	
img.img-icon{width:80%; height:80%;margin:0 auto;}

.row-eq-height {display: flex; flex-wrap: wrap;}

/*ベース*/
section.typeA{
	display: flex;
	flex-wrap: wrap;
}
section.typeA::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	/*background: rgba(0,137,167,.7);*/
}
section.typeA .tabLabel {	/* タブ */
	margin-right: 5px;
	padding: 3px 12px;
	flex: 1;
	order: -1;
	/*border-radius: 3px 3px 0 0;*/
	/*color: #444;*/
	/*background: rgba(0,137,167,.3);*/
	transition: .5s ;
	cursor: pointer;
	text-align:center;
}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }

section.typeA input { display: none; /* ラジオボタン非表示 */}

section.typeA .content {	
	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
section.typeA .content h3{text-align:center;}
section.typeA .content p.img-frame{margin-bottom:0;}

/*アクティブ設定*/
section.typeA input:checked + .tabLabel {
	color: #fff;
	background: rgba(0,137,167,.7);
	/*color:#444;*/
	/*border-bottom: solid 2px #85C8DD;*/
}

section.typeA input:hover + .tabLabel {
	color: #fff;
	background: rgba(0,137,167,.7);
	/*color:#444;*/
	/*border-bottom: solid 2px #85C8DD;*/
}


section.typeA input:checked + .tabLabel + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	/*box-shadow: 0 0 5px rgba(0,0,0,.2);*/
	transition: .5s opacity;
	opacity: 1;
}