@charset "utf-8";

body {
  color: #3b3c3c;
  font-size: 1.125em;
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
body a {
  display: block;
}

img {
	max-width: 100%;
	height: auto;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.txt_c {text-align: center;}

/* ================header==================== */
.n_navCont {
  max-width: 1260px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.logo {margin-right: auto;}
nav .menu {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
nav .menu li {
  background: url(/ad/common/img/n_top-menu-icon.png) center bottom no-repeat rgb(0, 114, 191);
}
nav .menu li {
  margin-left: 1px;
  text-align: center;
  width: 9.2em;
}
nav .menu li a{
  height: 104px;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center; 
  -webkit-justify-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #fff;
  text-decoration: none;  
}
nav .menu li:first-child a {
    font-size: 0.9vw;
}

nav .menu-btn {display: none;}


/* ナビゲーションフローティング処理
スクロールして固定するときにheaderに.is-fixedが付与されたときの設定 */
.is-fixed {
  position: fixed;
  top: 0;
  z-index: 90;
  width: 100%;
  margin: 0 auto;
}
.is-fixed .logo {padding-left: 1em;}
header.is-fixed {background-color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.3); overflow: hidden;}


/* ==============  メインビジュアル  lp4_3  ============== */
.bnrArea div img {height: auto; margin: auto; max-width: 100%;}
.bnrArea {text-align: center;}


/* ================メインビジュアル==================== */

.main-img {
  max-width: 1500px;
  margin: 0 auto;
  position: relative;
}
.main-img .wrap {text-align: center;}
/* 広告掲載日等テキスト */
.main-img-txt {
	z-index: 80;
	font-size: 0.75em;
	max-width: 900px;
	margin: -4.5em auto 0.5em;
	position: relative;
	padding: 0 1em;
	text-align: left;
}
.main-img-txt.ad_caution {
	margin: 0 auto 0.5em;
}

@media only screen and (min-width: 1000px) {
/* 広告掲載日等テキスト ver2 */
.main-img-txt {
/* 注意書き追加用 */
	/*margin: -6.5em auto 0.5em;注意書き追加用*/
	margin: 0 auto 0.5em;  
	font-size: 13px;
  
}
}
/* 白ふちをつける */
.main-img-txt li {text-shadow: 
white 1px 1px 0, white -1px -1px 0,/*右下、左上*/
white -1px 1px 0, white 1px -1px 0,/*右上、左下*/
white 0px 1px 0, white  0-1px 0,/*右、左*/
white -1px 0 0, white 1px 0 0;/*上、下*/display: inline-block;bottom: 48px;}

/* ================コンテンツ==================== */
.content {max-width: 100%; margin: 0 auto;}

/* 口座開設へのボタン */
.btn {max-width: 730px; margin: 2em auto 1.5em auto; text-align: center;}
 
 /* 6つの理由 */
.pointList {
  background-color: #0072bf;
  margin: 2em 0;
}
.pointList p {
	background: url(/ad/common/include/body_messages/img_lp19/n_point-title.png) left top no-repeat; padding: 2.6em 0;/* lp19共通フォルダ */
}
.pointList .wrap {max-width: 1000px; margin: 0 auto; padding: 0.5em 0;}
.pointList ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pointList ul li {margin-bottom: 1.3em;}

/* title */
.title {text-align: center; padding: 1em 0;}

h3{
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 0.8em;
  text-align: center;
}

.leadUl {font-size: 0.83em;}

/* 各ブロック */
.pontBlock {margin: 0 auto 2em auto; max-width: 1000px;}
/* 背景にグレーあり */
.pontBlock_bg {
  background-color: #f5f5f5;
  padding:1.6em 3.8em;
  margin-bottom: 2.5em;
  box-sizing: content-box;
}
.pontBlock_bg p {margin-bottom: 1em;}

/* Point1 */
ul.pont1_Parts01 {
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 1em auto 2em auto;
}
ul.pont1_Parts01 li{
    width:48%;
}  

.pont1_Parts {
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* max-width: 860px; */
  margin: 0 auto 2em auto;
}
  
.pontBlock_bg.pont1 {
    background: #0072BF;
    margin:20px auto 0;
    padding: 1rem 1rem 0;
}
.pontBlock_bg.pont1 h3{
       font-size:1.4rem;
       color: #fff;
}
.point1_flex {
    display: flex;
  align-items: stretch;
}
ul.pont1_Parts{
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

ul.pont1_Parts li {
  display: flex;
  flex-direction: column;
  width: 24%;
  padding: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}    
ul.pont1_Parts li img {
    min-height: 0%;
    margin: 0;
}    

ul.pont1_Parts p.tar {
    font-size:2.5rem;
    margin-top:10px;
    font-weight:bold;
    text-align: center;
}

ul.pont1_Parts p.tar_text {
 	margin-top: auto;
	text-align: left; 
}
ul.pont1_Parts p.tar_text img{
  margin:5px auto 10px;
}
.pont1_Parts li {background-color: #f5f5f5; margin-top: 1.5em;}
.pont1_Parts li:first-child {/* width: 100%; */}
.pont1_Parts li:nth-child(n+2):nth-child(-n+3){/* max-width: 400px; */}

.point1_cb{
	margin-top: 40px;
	margin-bottom: 0;	
}


/* pointIcon00 */
.pointIcon00 {position: relative;}
.pointIcon01 {position: absolute; z-index: 10; right: 4em; top: -2.5em;}




/* Point2 */
.detail.large {
    margin: 0 auto;
}
.detail.large ul li{
    font-size:1.2em;
    font-weight:bold;
}

.pontBlock_bg.pont2 p{
    text-align:center;
}

.costTxtBox p{
	display:table-cell; 
	vertical-align:middle; 
	margin: 0;
}
.costTxt_01{
	font-size:2.6rem!important;
	font-family: 'Open Sans', sans-serif;
	font-weight:700!important;
	color:#bc0000;
	line-height:1em;
	padding:0 7px;
}


/* Point3 マーケット情報*/
.week {
  margin: 0 auto 30px;
  text-align: center;
  width: 100%;
}
.week li {display: inline-block; width: 17%; margin: 0;}

.marketview {
  margin: 20px auto 30px;
  padding: 40px 0;
  text-align: center;
  width: 100%;
  background: /*#DEE8F1*/#f5f5f5;
}
.marketview h3 {
    margin: 30px 0;
}
.marketview ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 20px auto 0px;
  width: 88%;
}
.marketview li {
  margin: 0 0 2%;
  width: 45%;
  border: 2px solid #0b99cf;
  background: #fff;
}
.marketview ul li img {
  float: left;
}
.marketview p {
  float: left;
  width: 64%;
  text-align: left;
  padding: 5% 3%;
  line-height: 1.4;
}

/* コメンテーターポップアップ */
.hidden { display: none;}
.pbox {
  background: #fff;
  padding: 20px;
  list-style: none;
  display: block;
}
.LinkInline {display: inline;}
.pbox img {float: left; margin: 0 3% 20px 0; width: 15%; height: auto;}
.pbox .profile {float: left; width: 82%;}
/* モーニングマーケットフラッシュのところ */
.pontBlock_bg .mv-inbox {
  background: #fff url(/ad/common/include/body_messages/img_lp19/live-bg-icon.png) no-repeat scroll 366px 22px;
  border: 5px solid #cbcbcb;
  padding: 1.66em;
  position: relative;
  text-align: left;
}
.pontBlock_bg .title-mv01 {margin-bottom: 0;}
 .pontBlock_bg .title-mv01 img {margin: 0;}
.pontBlock_bg .mv-inbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pontBlock_bg .mv-inbox .detail p {margin: 0.5em 0 0 0;}
.pontBlock_bg .mv-inbox img {border: 1px solid #ccc;}
.pontBlock_bg .mv-inbox .img {width: 50%; padding-left: 1em; text-align: right;}

/* Point4 3つのチャート */
.pont4_Parts {max-width: 980px; margin: 0.5em auto;}
.pont4_Parts .pontBlock_bg {max-width:960px; padding: 1.6em 1.5em; box-sizing:content-box;}
.pont4_box01 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pont4_box01 .text {width: 50%;}
.pont4_box01 h3 {border-bottom: 1px solid #cdcdcd;  padding-bottom: 0.5em;}
.pont4_box01 .detail p b {font-size: 1.38em; margin-bottom: 1em;}
.pont4_box01 .detail ul {margin-bottom :1em;}
.pont4_box01 .detail ul li{margin-bottom: 0.8em;}
.pont4_box01 .detail ul li img {padding-right: 0.2em;display: inline;float: left;}
.pontBlock_bg .n-note {font-size: 0.88em; margin-bottom: 0;}

/* Point5　スマホ・タブレット */
.pont5_Part .pontBlock_bg {background-color: #fff; border-bottom: 1px solid #cbcbcb; margin:0 auto 2em auto;}
.pont5_Part .pont4_box01 .text{margin-left:1em; width: 55%;}
h3.midashiBorder_01 {border-bottom: 1px solid #cbcbcb; padding-bottom: 1.3em;}
.pont5_box01 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 2em;
}
.pont5_box01 .text {width: 50%; margin-left: 1em;}
.pont5_box01 .text .detail b {font-size: 1.38em;}
.pont5_box01 .text .detail ul li {/* font-size: 1.14em; */margin-bottom: 0.8em;/* margin-left: 1.6em; *//* text-indent: -1.6em; */}
.pont5_box01 .detail ul li img {margin-right: 0.2em;/* display: inline-block; */padding-right: 0.2em;display: inline;float: left;}

/* Point6　パーソナルレコード */
.pont6_Part {
	background-color: #fff; 
	/*border-bottom: 1px solid #cbcbcb;*/
	margin:0 auto 2em auto; 
	text-align: center;
}	
.pont6_Part p {margin: 2em 0;}

/* 各種サービス */
.serviceBlock {
  margin: 2em auto 3.5em auto;
  max-width: 860px;
  border-top: 1px solid #ccc;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.serviceBlock h2.pkTxt {
  color: #f9365f;
  font-size: 1.66em;
  padding: 1.3em 0 0.5em 0;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}

.serviceBlock.Pont4 {
  margin: 0em auto 3.5em auto;
  border-top:none;
}
.serviceBlock.Pont4 h2.pkTxt {
  padding: 0 0 0.5em 0;
}


.pkTxt.gr_line {border-bottom: 5px solid #ccc;}
/* 大切な資金を～ */
.heart {padding: 0 3.33em; margin-top: 2em; text-align: left;}
.heart li {
  margin-bottom: 0.77em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.ic-heart {height: 100%; margin-right: 1em;}
.heart p {font-size: 0.83em;}
.heart h4.pink {color: #F8355F; font-size:1.11em; font-weight: bold;}
.heart div {width: 100%;}
.heart img {margin-top: 0; margin-left: 0;}
/* ご縁と各種サービス */
.n_goenPoint {position: absolute; z-index: 11; top: 1em;}
.serviceBlock .area {text-align: center; margin-bottom: 1em;}
.serviceBlock .area p img {margin-bottom: 1em;}
/* お取引開始までの流れ */
.serviceBlock .area.b63 {margin-top: 3em;}

/* ====================Small devices==================== */
@media screen and ( max-width:1280px ){
.main-img {/*background-size: auto 100%;*/}
.main-img .wrap {
	/* padding: 0 15%; */
	width: auto;}
header {
  width: 100%;
  font-size: 1.45vw;
}
nav .menu li:first-child a {
    font-size: 1.3vw;
}
.logo img {height:auto; max-width: 90%; padding-left: 0.5em;}
}

@media screen and ( max-width:1000px ){
body {font-size: 18px;}
img {
  display: block;
  height: auto;
  margin: auto;
  max-width: 100%;
}

.n_navCont .logo {padding-left: 1em;}
.logo img {width: 23.62vw;}

/* メインビジュアル上注意書き */
.main-img-txt {font-size: 1.4vw;}

/* 口座開設ボタン */
.btn {width: auto; padding: 0 2em;}

.pointList ul {width: 95%; margin: auto;}
.pointList ul li {width: 16.4em;}
.title {margin: auto;}

.pontBlock {width: auto; margin: auto 1em;}
.pontBlock_bg {width: auto;}


.pont1_Parts li {width: 24%;}
.pont1_Parts li:nth-child(n+4):nth-child(-n+6) {/* width: 30%; */}
/* 24通貨ペア */
.pointIcon01 img {width: 14.7vw;}
.pontBlock_bg.pointIcon00 h3 {text-align: left;}


/* 3つのチャート */
.pont4_box01 p.pont4_box_img {width: 45%;}

/* 安心・安全の資産全額信託保全 */
.serviceBlock {padding: 0 2em;}

/* ご縁 */
.n_goenPoint img {width: 16.8vw;}

}

/* 個別対応 */
@media screen and ( max-width:960px ){
.pointList p {background: none; padding: inherit;}
.pointList ul li {width: 29.06vw;}
.n_navCont .logo {padding-left: 0;}
}
/* 個別対応 iPadMini */
@media screen and ( max-width:768px ){
/* 300万通貨アイコン */
.pointIcon01 {right: 0; top: -1em;}
/* ご縁 */
.n_goenPoint {top: 3em;}
}


@media screen and ( max-width:700px ){
/* メインビジュアル上注意書き */
/*.main-img-txt {font-size: 1.5vw;}*/
.main-img-txt {font-size: 0.7rem;}
h3 {font-size: 4.28vw;}	/* 700px--30px */
.n_navCont {width: 100%; display: block; margin: 0; text-align: center;}
.logo {padding: 1em 0;}
.logo img {width: 28.57vw;}
nav .menu li {width: 16.66%; font-size: 2vw;}
/*nav .menu li a {height: 9em;}*/

/* ヘッダーに「.is-fixed」が付与されたらロゴ部分を非表示にする */
header.is-fixed .logo {display:none;}

.pointList .wrap {margin: auto 1.5em;}
.pointList ul {width: auto; margin-top: 1em;}
.pointList ul li {width: 48%;}

/* 背景グレー*/
.pontBlock_bg {padding: 1.3em 3em;}

/* 300万通貨アイコン */
.pointIcon01 {right: 0; top: -1em;}

/* マーケット情報 */
.week li {width: 30%;}
.pontBlock_bg .title-mv01 {width: 33%;}
.pontBlock_bg .mv-inbox {display: block;}

.pontBlock_bg .mv-inbox .img {margin: auto;}
.pontBlock_bg .mv-inbox img {margin-top: 1em; width: auto;}

.marketview {
  margin: 0 auto 30px;
  padding: 20px 0 0;
}
.marketview h3 {
  margin: 20px;
  text-align: left;
}
.marketview ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px auto 0px;
  padding-bottom: 20px;
}
.marketview li {
  box-sizing: border-box;
  margin: 2%;
  padding: 10px;
  width: 96%;
}
.marketview p {
    float: left;
    width: 51%;
    text-align: left;
    padding: 3%;
}

/* スマホタブレット */
.pont5_box01 {display: block;}
.pont5_box01 .text {width: 100%; margin-left: 0;}
.pont5_box01 .detail ul li img {display: inline-block;float: left;}
.pont5_img01 img {width: 75%;}

/* サービス */
.serviceBlock { margin-bottom: 2em;}
.serviceBlock h2.pkTxt {font-size: 4.16vw;}
.serviceBlock .area p br {display: none;}
/* 大切な資金を～ */
.heart {padding: 0;}
/* ご縁 */
.n_goenPoint {top: 2.5em;}

}

@media screen and ( max-width:480px ){
body {font-size: 14px;}

.logo img {width: 41.66vw;}
nav .menu-btn {
  background-color: #0072bf;
  color: #fff;
  cursor: pointer;
  display: block;
  letter-spacing: 2px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 100;
  /*padding: 4%;*/
}
nav .menu-btn p {padding: 1.5em 0;}
nav .menu{display: block;}
nav .menu li {
  width: 100%;
  font-size: 3.75vw;
  margin: 0;
  border-top: rgb(0, 138, 231) 1px solid;
  background-size: 1.2em;
}
header {font-size: 2.91vw;}
nav .menu li a br {display: none;}
nav .menu li a {height: 5em;}


nav .menu li:first-child a {
     font-size: 0.8rem;
}


/* メインビジュアル */
/*.main-img {margin-bottom: 3em;}
.main-img-txt {
	padding: 0.5em 1em 0;
	background-color: rgba(255,255,255,0.5);
	bottom: -3em;
	margin-bottom: 0;
}*/
	
/* メインビジュアル　wide */
.main-img {margin-bottom: 0;}
.main-img-txt {
	padding: 0.5em 1em 0;
	background-color: rgba(255,255,255,0.5);
	bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}	
/* //メインビジュアル　wide */

.pontBlock_bg {padding: 1.3em 1em;}

.pointList ul li {width: auto; margin: auto; margin: 0 auto 1.5em auto;}

.pont1_Parts {display: block; margin: 1em auto 2em;}
.pont1_Parts li:nth-child(n+2):nth-child(-n+3),.pont1_Parts li:nth-child(n+4):nth-child(-n+6) {width: auto; max-width: 400px;}
 .pont1_Parts li:first-child img {width: 80%;}
 .pont1_Parts li:nth-child(n+2):nth-child(-n+3) img {width: 70%;}
 .pont1_Parts li:nth-child(n+4):nth-child(-n+6) img {width: 50%;}
.pont1_Parts li:not(:first-child) {margin: 1em auto;}
.pontBlock_bg.pointIcon00 h3 {text-align: left;}
/* 300万通貨アイコン */
.pointIcon01 {right: 0; top: -1em;}


ul.pont1_Parts li {
    width: 100%;
}
ul.pont1_Parts li img {
    width: 80%;
    margin: 0 auto;
}

/* 3つのチャート */
.pont4_box01 {display: block;}
.pont4_box01 .detail ul li {font-size: 1.14em;/* text-indent: -2.06em; *//* margin-left: 2.06em; *//* float: left; */}
.pont4_box01 .text,
.pont4_box01 p.pont4_box_img {width: auto;}

/* スマホタブレット */
.pont5_Part .pontBlock_bg p br {display: none;}



/* マーケットビュー */
.marketview ul li img {
    float: none;
}
.marketview p {
    width: 100%;
}    


.serviceBlock.Pont4,
.pont6_Part{
    margin: 0em auto 0 auto;
}
.pontBlock_bg.pont2,
.pont4_Parts .pontBlock_bg {
    margin-bottom: 0;
}

/* パーソナルレコード */
.pont6_Part p br {display: none;}

/* 大切な資金を～ */
.heart ul img.ic-heart {width: 20%;}

/* ご縁 */
.n_goenPoint {left: 1.3em;}
}

/* ==========モーダルウィンドウ========= */
#mod {
	top:150px;
	left:50%;
	background:url(/ad/common/include/body_messages/img_lp19/keikoku_modal_v2.png) no-repeat center;
	position:absolute;
	display:block;
	width:655px;
	height:310px;
	overflow:hidden;
	margin-left:-335px;
	z-index:5;
}

#mod img {
margin:/*142px 0 0 195px*/ 163px 0 0 148px;
cursor:pointer;
max-width: /*260px*/370px;	
}

#mod_bg {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url(/ad/common/include/body_messages/img_lp19/modal_toumei-trans.png) repeat;
	background-repeat: repeat;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

@media only screen and (max-width: 680px) {
 #mod {
	top:55px;
	left:5%;
	background:url(/ad/common/include/body_messages/img_lp19/keikoku_modal_v2.png) no-repeat center;
	background-size:100%;
	display:block;
	width:90%;
	overflow:hidden;
	margin:0 auto;
 }
 #mod img {
  position:absolute; 
　cursor:pointer;
	width:/*40%*/60%;
	margin-left:/*30%*/ 20%;
  margin-top:158px;
　}
 #mod_bg {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url(/ad/common/include/body_messages/img_lp19/modal_toumei-trans.png) repeat;
	background-repeat: repeat;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
 }

nav .menu li {
  background: url(/ad/common/img/n_top-menu-icon.png) 10% 64% no-repeat rgb(0, 114, 191);
}
nav .menu li a {
	height: 3.5em;
} 
}


/* ========== LP30 tabs ========= */
.cp_tab *,
.cp_tab *:before,
.cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 1em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #0066cc;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
	background:#fff;
}
.cp_tab .cp_tabpanel {
	padding: 0.5em 0;
	border-top: 1px solid #cccccc;
}
@media only screen and (max-width: 940px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
		overflow: auto;
		white-space: nowrap;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}  

/* ==========//LP30 tabs ========= */


/* ==========2021.01 ========= */
p.pont4_box_img.chart,
p.pont5_img01.chart {
    margin: 0 auto 20px;
}
.pont5_box01.new .detail h3{
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 0.5em;
}