@charset "utf-8";
/* Reset sanitize.css
----------------------------------------------------------------------------------------------*/
pre, textarea {
	overflow: auto;
}
[hidden], audio:not([controls]), template {
display: none;
}
details, main, summary {
	display: block;
}
input[type=number] {
	width: auto;
}
input[type=search] {
	-webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
progress {
	display: inline-block;
}
small {
	font-size: 75%;
}
textarea {
	resize: vertical;
}
[unselectable] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*, ::after, ::before {
	box-sizing: inherit;
	border-style: solid;
	border-width: 0;
}
* {
	margin: 0;
	padding: 0;
	line-height: inherit;
	font-weight: normal;
	font-size: inherit;
}
::after, ::before {
	text-decoration: inherit;
	vertical-align: inherit;
}
:root {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	box-sizing: border-box;
	font: 16px/1.5 sans-serif;
	text-rendering: optimizeLegibility;
	cursor: default;
}
a {
	text-decoration: none;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
button, input, select, textarea {
	background-color: transparent;
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	min-height: 1.5em;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
}
ol, ul {
	list-style: none;
	margin: 0;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
}
select::-ms-expand {
	display: none;
}
select::-ms-value {
	color: currentColor;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::-moz-selection {
background-color: #B3D4FC;
text-shadow: none;
}
::selection {
	background-color: #B3D4FC;
	text-shadow: none;
}
@media screen {
[hidden~=screen] {
	display: inherit;
}
[hidden~=screen]:not(:active):not(:focus):not(:target) {
	clip: rect(0 0 0 0)!important;
	position: absolute!important;
}
}


/* Common
----------------------------------------------------------------------------------------------*/
/* --------------------------------------
Font base　14px
-----------------------------------------
10px 	72%
11px 	79%
12px 	86%
13px 	93%
14px 	100%
15px 	108%
16px 	115%
17px 	122%
18px 	129%
19px 	136%
20px 	143%
21px 	150%
22px 	158%
23px 	165%
24px 	172%
25px 	179%
26px 	186%
*/

/* imgoverを指マークに
==========================================================*/
.imgover {
	cursor:pointer;
}

/* Base Setting
==========================================================*/
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin:0;
	padding: 0;
	line-height: 1.6;
	letter-spacing:0.1px;
	-webkit-text-size-adjust: 100%;
	font-size: 0.875em;
	color:#383838;
}
p {
	margin: 0;
}
a {
	text-decoration: none;
	color: #64a2ff;
}
a:hover {
	text-decoration: none;
}
a {
	outline: none;
}
img {
	-ms-interpolation-mode: bicubic;
}

/*for IE7-8*/
:focus {
	outline: 0;
}

/*Margin
==========================================================*/
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb50 {
	margin-bottom: 50px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}

/* float reset
==========================================================*/
.clear {
	margin:0;
	padding:0;
	clear:both;
}
/*clearfix*/
* html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
/*clearfix*/

.txtr {
	text-align: right !important;
}
.txtc {
	text-align: center !important;
}
.txtl {
	text-align: left !important;
}
.fonts {
	font-size: 0.57em !important;
}

/*common
========================================================*/

/*画像全幅*/
img.w-max {
	width: 100%;
	height: auto;
}
.w-max img {
	width: 100%;
	height: auto;
}
/*コンテンツ*/
.inner {
	text-align: center;
}
section article {
	padding-bottom: 2.0rem;
	padding-top: 2.0rem;
}
article {
	position: relative;
	padding-right: 5%;
	padding-left: 5%;
	box-sizing: border-box;
}
article .title {
	font-size: 1.20rem;
}
.contents {
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	box-sizing: border-box;
	border-top: none;
}
section {
	position: relative;
}
/*文字*/
h3 {
	font-weight: bold;
	text-align: center;
}
.x-large {
	font-size: 3.0em !important;
	text-align: center;
}
.x-large strong {
	font-weight: bold;
}
.x-large br {
	display: none;
}
.color01 {
	color: #c91c0d;
}
.attention {
	font-size: 1em !important;
}

@media screen and (max-width: 991px) {
.x-large {
	font-size: 1.20em !important;
}
.x-large br {
	display: block;
}
.attention {
	font-size: 0.86em !important;
}
.attention02 {
	font-size: 0.25em !important;
}
.subtitle {
	margin: 30px 0;
	text-align: center;
	font-size: 1.10rem;
	font-weight: bold;
}
/*アイコン*/
.aniicon {
	padding-bottom: 0.60rem;
	text-align: center;
}
.aniicon img {
	width: 50px;
}
}


/*テーブル
========================================================*/
.fream {
	width: 100%;
	height: 340px;
	overflow-x: auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin: 20px 0 1em;
}
.fream::-webkit-scrollbar/*for iOS*/ {
-webkit-appearance: none;
	width: 14px;
	height: 14px;
	z-index: 100;
}
.fream::-webkit-scrollbar-thumb/*for iOS*/ {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
	z-index: 100;
}
.table01 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-size: 12px;
}
.table01 td {
	padding: 8px;
	border: 1px solid #d4d1d1;
}
.table01 th {
	background: #f5f1f0;
	padding: 8px;
	border: 1px solid #d4d1d1;
	text-align: center;
	color: #000;
}
.table01 td {
	text-align: center;
}
.table01 td.td01 {
	text-align: left;
}
.table01 th.th01 {
	background:#d4d1d1;
}
.table01 th.w80 {
	width: 80px;
}

/*口座申込ボタン
========================================================*/
.account_btn {
	width: 80%;
	display: inline-block;
	background: #f15b64;
	padding: 1.0em 0 0.8em;
	border-bottom: solid 6px #b52a33;
	border-radius: 5px;
	text-decoration: none;
	font-size: 1.20em;
	color: #FFF;
}
.account_btn:active {
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	border-bottom: none;
}

.open-account-box {
	width: 100%;
	padding: 5%;
	box-sizing: border-box;
}
.open-account-box h2 {
	font-size: 1.60em;
	text-align: center;
}
.btn-open-account01 {
	min-height: 62px;
	margin-top: 20px;
	text-align: center;
}
.btn-open-account01 img {
	width: 100%;
	height: auto;
}

/*ヘッダー
========================================================*/
.site-header {
	background: #fff;
	border-top: 6px solid #d70c19;
}
.site-header .site-header-inner {
	display: flex;
	justify-content: space-between;
	margin:0 auto;
	padding: 16px 10px;
	overflow: hidden;
}
.site-header .site-header-inner a{
	color: #ffffff;
}
.site-header .site-header-inner p {
	float: left;
	width: 46%;
}
.site-header .site-header-inner p img {
	width: 100%;
}
.site-header .site-header-inner .lp-header-btn{
	margin-top: 10px;
}
.site-header .site-header-inner .btn {
	padding:10px;
	border-radius: 5px;
}
.site-header .site-header-inner .btn1 {
	background: #d80c18;
}
.site-header .site-header-inner .btn2 {
	background: #eb5505;
}
@media screen and (max-width: 991x) {
.site-header .site-header-inner h1 {
	font-size: 0.6em;
}
}

/*ナビゲーション
========================================================*/
#mainnav {
	background: #f0f0f0;
	margin-top: 20px;
	padding: 5%;
}
#mainnav ul {
	box-sizing: border-box;
}
#mainnav li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	position: relative;
	height: 87px;
	background: #fff;
	border: 2px solid #f0f0f0;
}
#mainnav li a {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#mainnav li span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	text-decoration: underline;
	color: #64a2ff;
}
#mainnav li img {
	width: 100%;
}


/*about
========================================================*/
#about .contents {
	padding-top: 5%;
}
#about h2 {
	background: linear-gradient(transparent 52%, #fddfe1 40%);
	margin-bottom: 5%;
	text-align: center;
	font-size: 1.55rem;
	color: #d80c18;
	font-weight: bold;
}
.pointbox {
	width: 100%;
	margin-top: 20px;
	box-sizing: border-box;
}
.pointbox-inner {
	border: 1px solid #d80c18;
	border-radius: 10px;
	padding: 5%;
}
.pointbox img {
	margin: 0 auto;
	display: block;
}
.pointbox h3 {
	margin: 10px 0 6px;
	font-size: 1.2em;
}
.pointbox p {
	text-align: left;
}

/*anywhere
========================================================*/
#anywhere {
/*	background: url(/sp/company/lp/lp38/img/re_anywhere_bg_sp.jpg) no-repeat center; */
	background: #f5f1f0;
	padding-bottom: 4.0rem;
}
#anywhere .contents {
	background: #fff;
	margin-top: 5%;
}
#anywhere a {
	text-decoration: underline;
}

/*merit
========================================================*/
#merit {
	background: #f5f1f0;
	padding-bottom: 2rem;
}
.meritbox {
	background: #fff;
	border-radius: 10px;
	padding: 5%;
	margin-bottom: 20px;
}
.meritbox .center {
	text-align: center;
}
.meritbox h3 {
	margin: 10px 0 6px;
	font-size: 1.2em;
}

/*cpn_bnr
========================================================*/
.cpn_bnr img{
	width:100%;
}

/*service-type
========================================================*/
#service-type {
	position: relative;
	background: #fffafa;
	width: 100%;
}
.service-type {
	position: relative;
	width: 100%;
	background: #fff;
	margin-bottom: 25px;
	text-align: center;
}
.service-type {
	background: #fff;
	border: 1px solid #d80c18;
	padding: 5%;
	margin-bottom: 20px;
}
.service-type .center {
	text-align: center;
	margin: 10px 0 14px;
}
.service-type h3 {
	font-size: 1.2em;
	color: #d80c18;
}
.service-type ul {
	list-style: disc;
	margin: 0 0 0.5em 1em;
}
.service-type li,
.service-type p {
	text-align: left;
}
.service-type span.strong {
	color: #d80c18;
}
.service-type .small {
	font-size: 0.9em;
}

/*シミュレーション
========================================================*/
#simulation {
	background: #fff;
	width: 100%;
	margin-top: 30px;
	padding: 5%;
	border: 1px solid #f7a89b;
	box-sizing: border-box;
}
#simulation p {
	font-size: 2.5em !important;
}
#simulation p strong {
	padding: 0 5px;
	font-size: 1.8em;
	font-weight: bold;
	color: #f7a89b;
}
@media screen and (max-width: 991px) {
#simulation p {
	font-size: 1.43em !important;
}
#simulation p strong {
	font-size: 1.4em !important;
}
}

/*外貨建てMMF
========================================================*/
#yield {
	overflow: hidden;
	width: 100%;
}
#yield li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-top: 30px;
}
#yield li img {
	width: 100%;
}
#yield li:nth-child(2n) {
	margin-right: 0;
}

/*フリーダイヤル
========================================================*/
#support {
	padding-bottom: 0;
}
#support h3 {
	border-bottom: 1px dashed;
}

#freedial {
	width: 100%;
	margin: 30px 0;
	padding: 5%;
	box-sizing: border-box;
	border: 6px solid #eaeaea;
}
#freedial p {
	font-size: 2.5em !important;
	font-weight: bold;
}
#freedial p br {
	display: none;
}
@media screen and (max-width: 991px) {
#freedial p {
	font-size: 1.10em !important;
	text-align: center;
}
#freedial p br {
	display: block;
}
#freedial p a {
	text-decoration: underline;
	font-size: 1.20em !important;
}
}

/*ディスクレーマー
========================================================*/
#risk-box {
	background: #f5f1f0;
	box-sizing: border-box;
}
#risk-box h3 {
	margin: 0 auto;
	margin-bottom: 20px;
	text-align:center;
	font-weight:bold;
	font-size:2em;
}
#risk-box dt:before {
	content: "■";
}
#risk-box dd {
	margin-bottom: 16px;
}
#risk-box h4 {
	margin-top: 20px;
	font-weight: bold;
	font-size:1.5em;
}
#risk-box .plain {
	padding-left: 1.4em;
	list-style-type: disc;
}
#risk-box .plain li {
	margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
#risk-box {
	font-size: 0.71em;
}
#risk-box h3 {
	width: 90%;
	font-size: 1.5em;
}
#risk-box a {
	text-decoration: underline;
}

/*フッター
========================================================*/
#footer {
	background: #d80c18;
	padding: 10px;
	text-align: center;
	font-size: 0.71em;
	color: #fff;
}
.pagetop {
	position:fixed;
	_display:none;
	bottom:20px;
	right:20px;
}
.pagetop a {
	display:block;
	background:url(/company/lp/lp37/img/pagetop.png) no-repeat 0 0;
	width:45px;
	height:45px;
	text-indent:-9999px;
}

/* ヘッダ固定 */
header {
	position: sticky;
	top: 0;
	z-index: 3;
}