@charset "utf-8";
/* CSS Document */
*{
	box-sizing: border-box;
}
html{
	font-size: 62.5%;
	-webkit-text-ajust: 100%;
}
body{
	line-height: 1.6;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.6rem!important;
	background: #353535;
}
main{
	width: 100%;
	display: block;
	  background: #ffffff;

	margin:0 auto;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

.wrapper{
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}
.wrapper_inner{
	width: calc(100% - 20px);
	max-width: 1200px;
	margin: 0 auto;

}
.inner{
	width: calc(100% - 20px);
	max-width: 1100px;
	margin: 0 auto;
}
.contents-inner{
	width: calc(100% - 20px);
	max-width: 1000px;
	margin: 0 auto;
}
.sponly{
	display: none;
}
.pconly{
	display: block;
}
/*header-------------*/
.header{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	padding: 18px 20px 14px;
	background-color: #ffffff;
	z-index: 2;
}
.header p a{
	display: block;
}

a{
	color: #3087e9;
	text-decoration: none;
}

.amonelogo{
	margin-left: 20px;
}



.red_box{
	margin: 10px auto;
	border: 1px solid #b81a35;
	padding: 5px 10px;
	font-size: 1.4rem;
	color: #b81a35;
}

/*flexbox-------------*/
.flexbox , .flexbox02{
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.flexbox > .graphArea{
	margin-top: 0;
}

section>.flexbox{
	margin-top: 0;
}


/*action*/

.graphArea{
	margin: 40px auto;
}






/* =======================
   HERO（全体）
======================= */
.hero{
  position: relative;
  background: linear-gradient(90deg, #313435 0%, #333230 100%);
  overflow:hidden;
}

/* 背景素材（bd_N.png / bg_NG.png） */
.product--n::before{
  content:"";
  position:absolute;
  inset: 0;
  background: url("../images/bd_N.png") no-repeat center / cover;
  pointer-events:none;
}

.product--ng::after{
  content:"";
  position:absolute;
  inset: 0;
  background: url("../images/bg_NG.png") no-repeat center / cover;
  pointer-events:none;
}

/* PC：2カラム */
.hero__inner{
  position: relative;
  z-index: 1;
}

/* =======================
   商品パネル（配置を画像寄りに）
======================= */
.product{
  width: 50%;
  position: relative;
  min-height: 600px;
  padding: 100px 18px 30px;
  overflow:hidden;
}

/* 波線：メーター背面に横断するように absolute */
.product__wave{
  position:absolute;
  left: -20px;
  bottom: 100px;
  pointer-events:none;
  z-index: 1;
}

/* メーター：右下寄せ、商品内で最も目立つように */
.product__meterWrap{
  position:absolute;
  right: 10px;
  bottom: 30px;
  z-index: 2;
}
.product__meter{
  width: 80%;
  height:auto;
  display:block;
	margin-right: 0;
	margin-left: auto;

}

/* 商品のテキストは左側に寄せ、メーターと被らないように最大幅 */
.product__title,
.product__meta{
  position: relative;
  z-index: 3;

}

/* =======================
   日付（PC：横）
======================= */
.dates{
  background: #dcdcdc;
	/*padding-bottom: 10px;*/
}

.dates__inner{
	align-items: stretch;
}

.datebox{
  display:flex;
  align-items:center;
	width: 50%;
}

.datebox__label{
	display: flex;
	align-items: center;
	justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color:#fff;
 background-image: linear-gradient(0deg, #7d4c4c, #4d6381);
  padding: 6px 10px;
	min-width: 110px;
	min-height: 100px;
	height: 100%;
	text-align: center;
	line-height: 1.2;
}

.datebox__value{
	padding: 20px 30px;
  font-size: 2.2rem;
	line-height: 1.2;
  font-weight: bold;
  color:#2b2d33;
}
.datebox__value span{
  font-size: 3.6rem;
}
.datebox__value .note{
  margin-top: 5px;
}

/* =======================
   メッセージ
======================= */
.message{
  padding: 100px 0 120px;
  background:#fff;
	font-size: 2.6rem;
}

.message__lead{
  margin: 0;
  text-align:center;
  font-weight: bold;
}
.message__lead .tx_big{
	font-size: 3.6rem;
}
.tx_marker{
  background: linear-gradient(transparent 30%, #f4d11f 30%);
}
.tx_wavy{
	text-decoration: underline wavy #f4d11f;
	text-underline-offset: 6px;
}

/* =======================
   POINT（PC：横3つ）
======================= */
.points{
  background: linear-gradient(#3a3a3a 80% , transparent 80%);
  padding: 26px 0 0;
}

.points__list{

}
.points__item{
	width: calc((100% - 60px)/3);
	
}
.point{
	display: block;
  text-align:center;
	position: relative;
}
/* 円：背景（pointbg0x）＋ゲージ（gauge）を重ねて “画像通り” の構成に寄せる */
.point__circle{
  width: 90%;
	max-width: 400px;
	aspect-ratio: 1 / 1;
  margin: 0 auto 10px;
  padding: 14px 14px 18px;
  position: relative;
  background: #ffffff;
	border-radius: 50%;
}
.point__circle::before{
	position: absolute;
  content:"";
  display:block;
  width: 0;
  height: 0;
	bottom: 5%;
	left: 50%;
	margin-left: -4px;
	border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid #cbcbcb;
}

.point__gauge{
  position:absolute;
  left: 50%;
  top: 14px;
  transform: translateX(-50%);
  width: 90%;
  height:auto;
} 
.navtx{
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	z-index: 5;
}

/* POINTラベル画像（navpoint1-3） */
.point__labelImg{
  margin: 0 auto 10px;
}

.point__text{
  color:#000000;
  font-weight: bold;
  line-height: 1.2;
	font-optical-sizing: auto;
  font-size: 2.2rem;
text-shadow:
            3px 3px 3px #fff, -3px -3px 3px #fff,
           -3px 3px 3px #fff,  3px -3px 3px #fff,
            3px 0px 3px #fff, -3px -0px 3px #fff,
            0px 3px 3px #fff,  0px -3px 3px #fff;}
@media screen and (min-width:768px) and (max-width:950px){
.point__text{
	font-size: 1.8rem;}
}

/*section-------------*/

/*h-------------*/
.h2pointic_s{
	position: relative;
	background: url("../images/hic_s.png") no-repeat bottom 36px right 0;
	width: 100%;
}
.h2pointic_s:before{
	content: "";
	position: absolute;
	width: calc(100% - 160px);
	height: 6px;
	bottom: 26px;
	right: 0;
	background-color: #d4d4d4;
}
.h2pointic_g{
	position: relative;
	background: url("../images/hic_g.png") no-repeat bottom 36px right 0;
	width: 100%;
}
.h2pointic_g:before{
	content: "";
	position: absolute;
	width: calc(100% - 160px);
	height: 6px;
	bottom: 26px;
	right: 0;
	background-color: #dfd3be;
}
.h2{
	position: relative;
	font-size: 3.6rem;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 40px;
}
.h2pointic_s+.h2:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background-color: #9ed1db;
	bottom: 0;
	left: 0;
}
.h2pointic_g+.h2:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background-color: #db9e9e;
	bottom: 0;
	left: 0;
}
.h3{
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.point1h3{
	border: 1px solid #000;
	background-color: #d4d4d4;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 50px;
	max-width: 500px;
	margin-bottom: 40px;
}
.h4{
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
	.txAreaBox{
		margin: 60px auto 160px;
	}
	.txAreaBox .note+p{
		margin-top: 20px;
	}

/*point-------------*/
.flexbox.pointcontents{
	align-items: stretch;
	justify-content:flex-start;
	flex-wrap: wrap;
}
.flexbox .rightArea , .leftArea{
	width: calc((100% - 40px)/2);
}
.flexbox .rightArea+.leftArea{
	margin-top: 40px;
}
.rightArea{margin-left: 40px;}

/*point1-------------*/
#point1 dt{
	padding-left: 50px;
	font-size: 2rem;
	font-weight: bold;
	color: #396aa2;
	background: url("../images/ic01.png") no-repeat center left;
	margin-bottom: 10px;
}
#point1 dd{
	padding: 10px 30px;
	background-color: #f0f0f0;
}
#point1  .graphBox{
	max-width: 950px;
	margin: 40px auto;
	text-align: center;
}
#point1  .graphBox .flexbox{
	justify-content: space-between;
}
#point1  .graphBox .graphArea{
	margin: 0;
}
#point1  .graphBox .flexbox .graphArea+.graphArea{
	margin-left: 40px;
}

/*point3-------------*/
.fundbox{
	margin-top: 20px;
	margin-bottom: 70px;
}
.fundbox > div{
	width: calc((100% - 20px)/2);
	padding: 8px 30px 70px;
	color: #ffffff;
	position: relative;
}
.fundbox .ADLV_N{
	background-color: #4c6480;
}
.fundbox .ADLV_NG{
	background-color: #7d4c4c;
}
.fundbox .ADLV_N:after{
	content: "";
	position: absolute;
	width: 99px;
	height: 99px;
	bottom: -30px;
	right: 30px;
	background:url("../images/ic_N.png") no-repeat center center / contain;
}
.fundbox .ADLV_NG:after{
	content: "";
	position: absolute;
	width: 132px;
	height: 99px;
	bottom: -30px;
	right: 30px;
	background:url("../images/ic_NG.png") no-repeat center center / contain;
}
.fundbox .h4{
	background-color: #ffffff;
	padding: 5px 20px 0;
	font-size: 2rem;
	font-weight: bold;
	margin: 0 -30px 20px;
	text-align: left;
}
.fundbox .ADLV_N .h4{
	color: #4c6480;
}
.fundbox .ADLV_NG .h4{
	color: #7d4c4c;
}
.tx_Nlb{
	color: #9ed1db;
}
.tx_NGy{
	color: #f0de93;
}

/*table-------------*/
.hikakuArea th,
.hikakuArea td{
  border: 1px solid #000000;
  padding: 10px 12px;
  line-height: 1.35;
  vertical-align: middle;
	text-align: center;
  background: #fff;
}
.hikakuArea tbody tr:nth-child(even) td{
  background: #f0f0f0;
}
/* 列幅（画像の比率に寄せる） */
.col16{width: 16%}
.col20{width: 20%}
.col21{width: 21%}
.col22{width: 22%}
.col26{width: 26%}
.col40{width: 40%}

/* 左列（行見出し） */
th.back_gray{
  background: #d4d4d4;
  font-weight: bold;
  text-align: center;
}

/* ヘッダー行 */
.hikakuArea .table__blank{
  border-top: none;
  border-left: none;}

.table__head{
  color: #fff;
	font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.hikakuArea .table__head--N{ background: #4b647f; }
.hikakuArea .table__head--NG{  background: #7b4446; }

/* colspanの行（中央寄せ） */
.table__merge{
  text-align: center;
}


.ADLVNbox{
	margin-top: 80px;
	position: relative;
	border: 4px solid #4c6480;
	padding: 50px;
}
.ADLVNGbox{
	margin-top: 80px;
	position: relative;
	border: 4px solid #7d4c4c;
	padding: 50px;
}
.h2_G{
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	padding: 0 10px;
	text-align: center;
}
.h2_G span{
	display: inline-block;
	background-color: #ffffff;
	font-size: 3rem;
	font-weight: bold;
	padding: 0 20px 0 5px;
}

.ADLVNbox .caption{
	position: relative;
	margin-left: 40px;
	padding: 20px 30px 20px 90px;
	background-color: rgba(158,209,219,0.2);
}
.ADLVNbox .caption:before{
	content: "";
	position: absolute;
	width: 99px;
	height: 99px;
	top: 10px;
	left: -40px;
	background: url("../images/ic_N.png") no-repeat center center / contain;
}
.tx_Nb{
	color: #4c6480;
}
.ADLVNGbox .caption{
	position: relative;
	margin-left: 90px;
	padding: 20px 30px 20px 90px;
	background-color: rgba(242,223,148,0.3);
}
.ADLVNGbox .caption:before{
	content: "";
	position: absolute;
	width: 132px;
	height: 99px;
	top: 10px;
	left: -90px;
	background: url("../images/ic_NG.png") no-repeat center center / contain;
}
.tx_NGr{
	color: #7d4c4c;
}

.scroll_x{
	overflow-x: scroll;
	width: 100%
}
.riskreturn_table table{
	min-width: 800px;
}
.riskreturn_table th,
.riskreturn_table td{
  border: 1px solid #000000;
  padding: 10px 12px;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
}

/* 左上の空セル */
.table__corner{
  border-top: none;
  border-left: none;
}

/* 最上段の色付き th（指定クラス名） */
.riskreturn_table .back_orange{
  background: #e2942b;
  font-weight: 900;
}

.riskreturn_table .back_blue{
  background: #3f5f83;
  color: #fff;
  font-weight: 900;
}

.riskreturn_table .back_brown{
  background: #8a8077;
  color: #fff;
  font-weight: 900;
}

.riskreturn_table .back_purple{
  background: #a396b7;
  font-weight: 900;
}

/* 最左列 th（指定クラス名） */
.back_gray{
  background: #d9d9d9;
  font-weight: bold;
}

/*note-------------*/
#notes{
	background-color: #ffffff;
	color: #333333;
	padding-bottom: 200px;
}
#notes .note:first-of-type{
	margin-top: 0;
}
.note{
	margin-top: 20px;
	text-align: left;
	font-size: 1.2rem;
}
.note li:not(.flat) , p.note:not(.flat){
	position: relative;
	padding-left: 16px;
}
.note02{
	text-align: left;
	font-size: 1.6rem;
}
.note02 li:not(.flat) , p.note02:not(.flat){
	position: relative;
	padding-left: 20px;
}
.note02 li+li{
	margin-top: 10px;
}

ol.note , ol.note02{
  counter-reset: item;
  list-style-type: none;
}
ol.note li:not(.flat){
  position: relative;
	padding-left: 28px;
}
ol.note02 li:not(.flat){
  position: relative;
	padding-left: 32px;
}
.kome_number:before{
  counter-increment: item;
  content: "※"counter(item);
	position: absolute;
	margin-left: -28px;
}
.ast_number:before{
  counter-increment: item;
  content: "＊"counter(item);
	position: absolute;
	margin-left: -28px;
}
.circle_number:before{
  counter-increment: item;
  content: counter(item);
	position: absolute;
	margin-left: -28px;
	margin-top: 5px;
  line-height: 1.7rem;
  text-align: center;
  height: 16px;
  width: 16px;
	border: 1px solid #333333;
  border-radius: 50%;
	font-size: 1.4rem;
}
.kome:before{
	content: "※";
	position: absolute;
	margin-left: -16px;
}
.circle:before{
	content: "●";
	position: absolute;
	margin-left: -16px;
}
.asta:before{
	content: "＊";
	position: absolute;
	margin-left: -16px;
}
.tx_super{
	vertical-align: super;
	font-size: 1rem;
}
.tx_bold{
	font-weight: bold;
}
.tx_center{
	text-align: center;
}
.tx_right{
	text-align: right;
}
.tx_red{
	color: #FF0004;
}
.tx_big{
	font-size: 2rem;
}
.margin_top{
	margin-top: 70px;
}

	/* info -------------*/
.info{
	margin-top: 180px;
	margin-bottom: 200px;
	text-align: center;
	font-size: 1.8rem;
}
.info .flexbox{
	margin-top: 20px;
}
.info .flexbox >div{
	width: calc((100% - 20px)/2);
	padding: 50px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: 2.8rem;
}
.fs24{
	font-size: 2rem;
}
.info .flexbox .ADLV_N{
	background: linear-gradient(#4c6480 0% , #000000 100%);
}
.info .flexbox .ADLV_NG{
	background: linear-gradient(#7d4c4c 0% , #000000 100%);
}
.info .flexbox div .btList{
	margin-top: 50px;
}
.info .bt01 a{
	display: block;
	margin: 0 auto 20px;
	font-weight: bold;
	font-size: 2rem;
	padding: 10px;
	border-radius: 2px;
	border-radius:25px;
	color: #000000;
}
.info .ADLV_N .bt01 a{
	background-color: #a0d3dd;
}
.info .ADLV_NG .bt01 a{
	background-color: #f2df94;
}
.info .bt01 a:hover {
}
.info .bt02 a:active {
	transition-duration: .1s;
}


.btArea{
	margin-top: 80px;
	padding: 30px 0 40px;
	text-align: center;
	background-color: #d4d4d4;
	font-weight: bold;
}
.btArea p{
	margin-bottom: 10px;
}
.btArea ul.btList{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.bt02 a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #0061bc;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.2);
  transition: transform 0.5s ease;
}
.bt02 a:hover{
	opacity: 0.8;
}
.btArea .btList li{
	width: calc((100% - 20px) / 3);
}
.btArea .btList li+li{
	margin-left: 10px;
}


/*fundpage-------------*/
.fundpage{
	position: fixed;
	right: 50px;
	bottom: 0;
	z-index: 999;
	max-width: 70%;
}
.fundpage a{
	position: relative;
	display: block;
	width: 100%;
	padding: 34px 100px 30px 14px;
	border-radius: 6px 6px 0px 0px;
	background: #203864;
	color: #ffffff;
	box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.30);
	font-size: 2rem;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
p.fundpage:after{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	right: 10px;
	bottom: 50%;
	margin-bottom: -9px;
	border-style: solid;
	border-width: 9px 0 9px 16px;
	border-color: transparent transparent transparent #ffffff;
}
/*pagetop-------------*/
.pageTop{
	display: none;
	position: fixed;
	right: 50px;
	bottom: 30px;
	z-index: 999;
}
.pageTop a{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border: 3px solid #000000;
	background: #203864;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
	color: #ffffff;
	font-size: 2rem;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

/*footer------------*/
.footer{
	padding: 25px 0;
	background-color: #ffffff;
	color: #333333;
}
.footer .linkArea{
	display: -webkit-flex;
	display: flex;
	margin-bottom: 20px;
	margin-left: 30px;
}
.footer .linkArea li:not(last-of-type) a{
	padding-right: 10px;
}
.footer .linkArea li+li{
	padding-left: 10px;
	border-left: 1px solid #d5d5d5;
}
.footer .linkArea a{
	color: #004fab;
	text-decoration: underline;
}
.footer .linkArea a:hover{
	text-decoration: none;
}
.footerBox{
	padding: 30px 0 25px;
	background-color: #d5d5d5;
	font-size: 1.4rem;
	text-align: center;
}
.footerBox .name{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 2.4rem;
}
.footer .small{
	margin-top: 20px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}


/*------------------------------------------------------------
　　スマートフォン
------------------------------------------------------------*/
@media screen and (max-width:768px){
	body , .note02{
		font-size: 1.5rem!important;
	}
	main{
		padding-bottom: 50px;
	}
	.sponly{
		display: block;
	}
	.point02 p .sponly{
		display: inline-block;
	}
	.pconly{
		display: none;
	}
	/*header-------------*/
	.header{
		position: static;
		display: block;
		padding: 5px 10px 10px;
	}


/* =======================
   HERO（全体）
======================= */

/* 背景素材（bd_N.png / bg_NG.png） */
.product--n::before{
  content:"";
  position:absolute;
  inset: 0;
  background: url("../images/bd_N.png") no-repeat center / cover;
  pointer-events:none;
}

.product--ng::after{
  content:"";
  position:absolute;
  inset: 0;
  background: url("../images/bg_NG.png") no-repeat center / cover;
  pointer-events:none;
}
/* =======================
   商品パネル
======================= */
.product{
  width: 100%;
  min-height: 400px;
  padding: 30px 18px 30px;
}

/* 波線：メーター背面に横断するように*/
.product__wave{
  left: -20px;
  bottom: 100px;
  z-index: 1;
}

/* メーター：右下寄せ*/
.product__meterWrap{
  position:absolute;
  right: 10px;
  bottom: 30px;
	width: 80%;
	max-height: 80%;
  z-index: 2;
}
.product__meter{
  width: 100%;
  height:auto;
  display:block;

}
.product--n .product__meter{
  width: 80%;
  height:auto;
  display:block;
}

/* =======================
   日付（PC：横）
======================= */
.datebox{
  display:flex;
	width: 100%;
}

.datebox__label{
	display: flex;
  font-size: 1.8rem;
  padding: 6px 10px;
	min-width: 110px;
	min-height: 100px;
	height: 100%;
	line-height: 1.2;
}

.datebox__value{
	padding: 10px 30px;
  font-size: 2rem;

}
.datebox__value span{
  font-size: 2.6rem;
}
.datebox__value .note{
  margin-top: 5px;
}

/* =======================
   メッセージ
======================= */
.message{
  padding: 80px 10px;
	font-size: 1.6rem;
}
.message__lead .tx_big{
	font-size: 2.4rem;
}
.tx_wavy{
	text-decoration: underline wavy #f4d11f;
	text-underline-offset: 6px;
}

/* =======================
   POINT（PC：横3つ）
======================= */
.points{
  padding: 26px 0 0;
}
.points__item{
	width: 100%;
	
}
.point{
	display: block;
  height:100%;
  text-align:center;
	position: relative;
}
/* 円：背景（pointbg0x）＋ゲージ（gauge）を重ねて “画像通り” の構成に寄せる */
.point__circle{
  width: 90%;
	aspect-ratio: 1 / 1;
  margin: 0 auto 10px;
  padding: 14px 14px 18px;
  position: relative;
  background: #ffffff;
	border-radius: 50%;
}
.point__circle::before{
	position: absolute;
  content:"";
  display:block;
  width: 0;
  height: 0;
	bottom: 5%;
	left: 50%;
	margin-left: -4px;
	border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid #cbcbcb;
}
.navtx{
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	z-index: 5;
}

	.points{
		  background-color: #3a3a3a;

	}
/* POINTラベル画像（navpoint1-3） */
.point__labelImg{
  margin: 0 auto 20px;
}

.point__text{
  color:#000000;
  font-weight: bold;
  line-height: 1.35;
  font-size: 2.4rem;
text-shadow:
            3px 3px 3px #fff, -3px -3px 3px #fff,
           -3px 3px 3px #fff,  3px -3px 3px #fff,
            3px 0px 3px #fff, -3px -0px 3px #fff,
            0px 3px 3px #fff,  0px -3px 3px #fff;}	.red_box{
		margin: 10px auto;
		border: 1px solid #b81a35;
		padding: 3px 8px;
		font-size: 1.2rem;
		line-height: 1.3;
	}

	.flexbox{
		margin: 0 auto;
		flex-direction: column;
	}

	
/*h-------------*/
.h2pointic_s img , .h2pointic_g img{
	width: 100px;
}
.h2pointic_s{
	background: url("../images/hic_s.png") no-repeat bottom 24px right 0 / 145.6px 22.4px;
	width: 100%;
}
.h2pointic_s:before{
	width: calc(100% - 110px);
	height: 4px;
	bottom: 16px;
}
.h2pointic_g{
	background: url("../images/hic_g.png") no-repeat bottom 24px right 0 / 145.6px 22.4px;
	width: 100%;
}
.h2pointic_g:before{
	width: calc(100% - 110px);
	height: 4px;
	bottom: 14px;
}
.h2{
	font-size: 2.4rem;
	line-height: 1.3;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.h2pointic_s+.h2:after{
	width: 100%;
	height: 5px;
	background-color: #9ed1db;
}
.h2pointic_g+.h2:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background-color: #db9e9e;
	bottom: 0;
	left: 0;
}
.h3{
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.point1h3{
	font-size: 1.8rem;
	padding: 10px 30px;
	max-width: 500px;
	margin-bottom: 40px;
}
.h4{
	font-size: 1.5rem;
	margin-bottom: 20px;
}

/*point-------------*/
.flexbox .rightArea , .leftArea{
	width: 100%;
}
	.flexbox .rightArea+.leftArea{
		margin-top: 30px;
	}
.flexbox .rightArea{margin-left: 0;margin-top: 30px;}

/*point1-------------*/
#point1 dt{
	padding-left: 30px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #396aa2;
	background: url("../images/ic01.png") no-repeat center left / 26.6px 18.9px;
	margin-bottom: 10px;
}
#point1 dd{
	padding: 10px;
}
#point1  .graphBox .flexbox .graphArea+.graphArea{
	margin-left: 0;
	margin-top: 30px;
}

/*point3-------------*/
.fundbox{
	margin-top: 20px;
	margin-bottom: 70px;
}
.fundbox > div{
	width: 100%;
	padding: 8px 10px 70px;
}
.fundbox > div+div{
	margin-top: 60px;
}
.fundbox .ADLV_N:after{
	width: 99px;
	height: 99px;
	bottom: -30px;
	right: 30px;
	background:url("../images/ic_N.png") no-repeat center center / contain;
}
.fundbox .ADLV_NG:after{
	width: 132px;
	height: 99px;
	bottom: -30px;
	right: 30px;
	background:url("../images/ic_NG.png") no-repeat center center / contain;
}
.fundbox .h4{
	padding: 5px 10px 0;
	font-size: 1.8rem;
	margin: 0 -10px 10px;
}

/*table-------------*/
.hikakuArea th,
.hikakuArea td{
  padding: 10px 12px;
  line-height: 1.35;
}
/* 列幅（画像の比率に寄せる） */
.col16{width: 16%}
.col20{width: 20%}
.col21{width: 21%}
.col22{width: 22%}
.col26{width: 26%}
.col40{width: 40%}

/* 左列（行見出し） */
th.back_gray{
  background: #d4d4d4;
  font-weight: bold;
  text-align: center;
}

/* ヘッダー行 */
.hikakuArea .table__blank{
  border-top: none;
  border-left: none;}

.table__head{
  color: #fff;
	font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.ADLVNbox{
	margin-top: 80px;
	border: 4px solid #4c6480;
	padding: 50px 10px;
}
.ADLVNGbox{
	margin-top: 80px;
	position: relative;
	border: 4px solid #7d4c4c;
	padding: 50px 10px;
}
.h2_G{
	position: relative;
	margin-top: -40px;
	width: 100%;
	padding: 0 10px;
	text-align: center;
}
.h2_G span{
	display: inline-block;
	font-size: 2.2rem;
	padding: 0 20px 0 5px;
}

.ADLVNbox .caption{
	margin-left: 0;
	margin-top: 40px;
	padding: 60px 10px 20px 10px;
}
.ADLVNbox .caption:before{
	width: 99px;
	height: 99px;
	top: -50px;
	left: 10px;
	background: url("../images/ic_N.png") no-repeat center center / contain;
}
.ADLVNGbox .caption{
	margin-left: 0;
	margin-top: 40px;
	padding: 60px 10px 20px 10px;
}
.ADLVNGbox .caption:before{
	width: 132px;
	height: 99px;
	top: -50px;
	left: 10px;
	background: url("../images/ic_NG.png") no-repeat center center / contain;
}
.tx_NGr{
	color: #7d4c4c;
}

.scroll_x{
	overflow-x: scroll;
	width: 100%
}
.riskreturn_table table{
	min-width: 800px;
}
.riskreturn_table th,
.riskreturn_table td{
  border: 1px solid #000000;
  padding: 10px 12px;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
}

/* 左上の空セル */
.table__corner{
  border-top: none;
  border-left: none;
}

/* 最上段の色付き th（指定クラス名） */
.riskreturn_table .back_orange{
  background: #e2942b;
  font-weight: 900;
}

.riskreturn_table .back_blue{
  background: #3f5f83;
  color: #fff;
  font-weight: 900;
}

.riskreturn_table .back_brown{
  background: #8a8077;
  color: #fff;
  font-weight: 900;
}

.riskreturn_table .back_purple{
  background: #a396b7;
  font-weight: 900;
}

/* 最左列 th（指定クラス名） */
.back_gray{
  background: #d9d9d9;
  font-weight: bold;
}

	
.info{
	margin-top: 100px;
	margin-bottom: 160px;

	}
.info .flexbox >div{
	width: 100%;
	padding: 50px 20px;
	font-size: 2.4rem;
}
.info .flexbox >div+div{
	margin-top: 30px;
}
.fs24{
	font-size: 1.6rem;
}
.info .flexbox div .btList{
	margin-top: 50px;
}
.info .bt01 a{
	margin: 0 auto 20px;
	font-size: 1.8rem;
	padding: 10px;
	border-radius:25px;
}
.btArea{
	margin-top: 20px;
}
.btArea p{
	margin-bottom: 10px;
}
ul .bt01{
	width: 100%;
}
.btArea .btList li{
	width: calc((100% - 8px) / 2);
	margin-top: 8px;
}
.btArea .btList li+li{
	margin-left: 8px;
}
.btArea .btList li:nth-of-type(2n+1){
	margin-left: 0;
}


			/*fundpage-------------*/
	.fundpage{
		right: 5px;
		max-width: 70%;
	}
	.fundpage a{
		width: 100%;
		padding: 18px 70px 18px 10px;
		border-radius: 10px 10px 0px 0px;
		font-size: 1.8rem;
		line-height: 1.2;
	}
	.fundpage a:after{
		right: 10px;
		bottom: 50%;
		margin-bottom: -5px;
		border-width: 5px 0 5px 8px;
	}
		/*--  pagetop  ----------------------------------*/
	.pageTop{
		right: 10px;
		bottom: 65px;
	}
	.pageTop a{
		width: 65px;
		height: 65px;
		border-radius: 35px;
	}
		/*--  footer  ----------------------------------*/
	.footer{
		padding: 25px 0;
	}
	.footer .linkArea{
		display: block;
		margin-right: 15px;
		margin-bottom: 23px;
		margin-left: 13px;
		font-size: 1.4rem;
	}
	.footer .linkArea li:not(last-of-type) a{
		padding-right: 0;
	}
	.footer .linkArea li+li{
		padding-top: 10px;
		padding-left: 0;
		border-left: none;
	}
	.footerBox{
		padding: 25px 13px 20px;
		font-size: 1.3rem;
	}
	.footerBox .name{
		margin-bottom: 8px;
		font-size: 1.8rem;
	}
	.footer .small{
		margin-top: 20px;
		padding: 0 15px;
		font-size: 1.1rem;
	}



}