@charset "UTF-8";

html {
height:100%;
width: 100%;
overflow-y:scroll;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
margin:0;
padding:0;
height:auto !important;
height: 100%;
min-height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
overflow:hidden;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color:#1a1a1a;
}

.pinkback {
background:#FADCD2;
}

.font_red {
color:#ee1b0a;
}


.normal {
font-style: normal;
font-weight: 400;
}
.medium {
font-style: medium;
font-weight: 500;
}
*{
margin: 0;
padding: 0;
}
a {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.slow * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

img{
border:none;
max-width: 100%;
height: auto;
width:auto;
margin:0;
padding:0;
vertical-align:bottom;
}

p {
-webkit-hyphens: auto;
hyphens: auto; 
-epub-hyphens: auto;
-ms-hyphens: auto;
}

a:link,a:visited,a:hover,a:active  { 
text-decoration:none;
}

.header a img:hover,
.follow_banner a img:hover,
.title_link_col a img:hover,
.title_link_koza a img:hover,
.koza_link a img:hover,
.present_link a img:hover,
.daiwa_link a img:hover,
.title_pc a img:hover
{
transform: scale(1.02, 1.02);
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}


a img {
border:none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

section {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
}

#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
line-height:1.6;
color:#1a1a1a;
z-index:0;
text-align:justify;
}


/*------ヘッダー-------*/
.top_header {
position:relative;
width:100%;
height:60px;
background:#ffffff;
}
.header {
width:50%;
max-width:250px;
margin:0 auto 25px auto;
padding:15px 0 0 0;
display:block;
}
.header img {
width:100%;
}


/*------タイトル-------*/
.title_back {
position:relative;
width:100%;
background:#FADCD2;
background-size:cover;
background-position: center center;
padding:0 0 15px 0;
margin:0;
box-sizing: border-box;
z-index:2;
}

.title_back:after {
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
z-index:3;
background:url("../img/hosha.png")no-repeat;
background-position:center;
background-size:contain;
}

.title_link_koza {
position:relative;
width:90%;
max-width:320px;
margin:15px auto 0 auto;
display:block;
z-index:5;
}

h1 {
position:relative;
width:96%;
max-width:460px;
margin:0 auto 0 auto;
padding:0;
z-index:5;
}

h1 img {
width:100%;
margin:0 auto;
display:block;
vertical-align: top;
}

h2 {
position:relative;
display:block;
margin:0 auto;
}



.title_link_copy {
position:relative;
width:80%;
max-width:360px;
margin:15px auto 12px auto;
display:block;
}
.title_link_copy img {
vertical-align: bottom;
}
.title_link_flex {
position:relative;
width:96%;
max-width:460px;
margin:0 auto 0 auto;
display:flex;
justify-content: space-between;
}

.title_link_col {
width:49%;
display:block;
}
.title_link_col a {
width:100%;
display:block;
}
.title_link_col a img{
width:100%;
vertical-align: bottom;
}
.title_link_tasu {
position:absolute;
top:0;
left:7px;
right:0;
bottom:0;
margin:auto;
width:10%;
width:33px;
height:33px;
display:block;
}

.title_chuki_right {
position:relative;
width:96%;
max-width:460px;
margin:7px auto 15px auto;
text-align:right;
font-size:min(2.4vw,12px);
}

.title_chuki_left {
position:relative;
width:90%;
max-width:460px;
margin:0px auto 30px auto;
text-align:left;
font-size:min(2.4vw,12px);
z-index:5;
}

.title_chuki_center {
position:relative;
width:90%;
max-width:460px;
margin:5px auto 10px auto;
text-align:center;
font-size:min(2.4vw,12px);
z-index:5;
}
.title_copy {
position:relative;
width:90%;
max-width:460px;
margin:7px auto 5px auto;
font-size:min(3.7vw,15px);
line-height:1.7;
}


/*------プレゼント-------*/
.present_box {
position:relative;
width:90%;
max-width:460px;
display:block;
margin:20px auto 0 auto;
z-index:4;
padding:20px 5%;
box-sizing:border-box;
background:#ffffff;
border-top:13px solid #FAAAAA;
}

.present_title {
position:relative;
width:100%;
margin-top:5px;
}
.present_text_link a {
color:#004098;
text-decoration: underline;
text-underline-offset:0.3em;
font-size:min(3.7vw,15px);
line-height:1.7;
}

.present_text_link a:hover {
color:#004098;
text-decoration:none;
}

.present_ribon {
position:absolute;
top:-25px;
left:12px;
width:20%;
max-width:70px;
display:block;
z-index:10;
}

.present_bar {
position:relative;
width:100%;
display:block;
margin:20px auto 5px auto;
}

.present_content {
position:relative;
width:100%;
display:block;
margin:0 auto;
}

.present_chuki {
position:relative;
width:100%;
margin:10px auto 0 auto;
font-size:min(2.4vw,12px);
}

.present_brand_box {
position:relative;
width:100%;
border:1px solid #004098;
border-radius: 20px;
box-sizing:border-box;
padding:5%;
}

.present_brand {
position:absolute;
top:-15px;
left:0;
right:0;
width:94%;
margin:0 auto;
display:block;
}

.present_brand_flex {
width:100%;
display:flex;
margin-top:5%;
justify-content: space-between;
flex-wrap: wrap;
}

.present_brand_col {
width:48%;
display:block;
margin-bottom:20px;
}

.present_brand_icon {
width:100%;
margin:0 auto;
display:block;
margin-bottom:5px;
}

.present_brand_text {
width:100%;
font-size:min(2.4vw,12px);
text-align:center;
}


.present_text {
position:relative;
width:100%;
margin:0 auto;
font-size:min(3.7vw,15px);
line-height:1.7;
}


/*------口座開設-------*/
.koza_link {
position:relative;
width:80%;
max-width:380px;
display:block;
margin:15px auto 0 auto;
z-index:99;
}




.app_box {
position:relative;
width:86%;
max-width:440px;
display:block;
margin:0 auto;
border:2px solid #f64f9c;
border-radius: 20px;
padding-bottom:20px;
z-index:4;
}
.app_title {
width:86%;
max-width:440px;
margin:0 auto 10px auto;
}

.app_sub {
width:60%;
max-width:250px;
margin:30px auto 20px auto;
}

.app_box_flex {
width:90%;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items: center;
padding-right:3%;
box-sizing:border-box;
}
.app_img {
width:28%;
display:block;

}
.app_text {
width:70%;
font-size:min(3.8vw,16px);
display:block;

}
.app_chuki {
width:90%;
text-align:center;
margin:10px auto 0 auto;
font-size:min(3.2vw,13px);
}

.app_chuki a {
color:#0d2478;
text-decoration: underline;
text-underline-offset:0.3em;
}
.app_chuki a:hover {
color:#0d2478;
text-decoration: none;
opacity:1;
}


.app_sankaku {
width:10%;
max-width:30px;
margin:10px auto;
}

.osusume_title {
width:86%;
max-width:440px;
margin:0 auto 10px auto;
}
.osusume_sub {
width:90%;
margin-bottom:5px;
}

.osusume_box {
position:relative;
width:86%;
max-width:440px;
display:block;
margin:0 auto;
border:2px solid #f64f9c;
border-radius: 20px;
z-index:4;
padding:15px 0;
}

.osusume_box_flex {
width:84%;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items: center;
}

.osusume_box_flex_left {
width:26%;
display:block;
}
.osusume_box_flex_right {
width:68%;
display:block;
}

.osusume_img {
width:100%;
font-size:min(5vw,16px);
}
.osusume_text {
width:100%;
font-size:min(3.8vw,16px);
}

.campaign_banner {
width:86%;
max-width:440px;
margin:0 auto;
display:block;
}

.campaign_banner img {
width:100%;
}




.daiwa_link {
width:86%;
max-width:440px;
display:block;
margin:0 auto;
}

.imgbox {
position:relative;
width:90%;
max-width:400px;
display:block;
margin:0 auto;
}


.width100 {
width:100%;
}

.osusume {
position:relative;
width:100%;
margin:0 auto;
display:flex;
justify-content: center;
}
.osusume p {
max-width:540px;
display:flex;
justify-content: center;
margin:0 -3% 0 -3%;
}
.osusume p img {
width:100%;
margin:0 auto;
}

.note_table {
position:relative;
width:86%;
max-width:440px;
margin:0 auto;
border-top:1px solid #1a1a1a;
border-left:1px solid #1a1a1a;
border-right:1px solid #1a1a1a;
box-sizing:border-box;
}

.note_table a {
color:#0d2478;
text-decoration: underline;
text-underline-offset:0.3em;
}
.note_table a:hover {
color:#0d2478;
text-decoration: none;
opacity:1;
}

.note_table_title {
width:100%;
margin:0 auto;
border:1px solid #1a1a1a;
box-sizing:border-box;
background:#4d4d4d;
color:#ffffff;
text-align:center;
font-size:min(3.8vw,14px);
padding:5px 0;
}
.note_table_flex {
width:100%;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
.note_table_flex_left {
position:relative;
width:25%;
text-align:center;
color:#1a1a1a;
background:#e6e6e6;
border-right:1px solid #1a1a1a;
border-bottom:1px solid #1a1a1a;
box-sizing:border-box;
font-size:min(2.5vw,11px);
display:flex;
align-items: center;
padding:5px 10px;
}
.note_table_flex_right {
position:relative;
width:75%;
text-align:left;
color:#1a1a1a;
background:#ffffff;
border-bottom:1px solid #1a1a1a;
box-sizing:border-box;
font-size:min(2.8vw,12px);
display:flex;
align-items: center;
padding:5px 10px;
}
.note_table_flex_left_in {
width:100%;
}

.note_table_flex_right_in {
width:100%;
}

.note_table_flex_right_in div {
margin-left:1.3em;
}


.notes {
position:relative;
width:90%;
max-width:400px;
display:block;
margin:0 auto;
font-size:min(3vw,12px);
color:#4d4d4d;
}

.notes p a {
color:#004098;
text-decoration: underline;
text-underline-offset:0.3em;
font-size:min(3.5vw,13px);
line-height:1.7;
}

.notes p a:hover {
color:#004098;
text-decoration:none;
}

.noteflex {
width:100%;
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.noteflexleft {
width:17%;
margin-right:3%;
}
.noteflexright {
width:80%;
}
.footer_box {
width:90%;
margin:0 auto;
font-family: "Noto Sans JP", sans-serif;
font-weight:400;
margin-top:30px;
padding-top:30px;
border-top: solid 1px #a6a3a3; 
margin-bottom:30px;
}
.footer_box a img {
-webkit-transition: background-color .3s ease, opacity .3s ease;
transition: background-color .3s ease, opacity .3s ease; 
text-decoration: none;
}

.l-footer a:hover {
opacity: 0.7;
}
.footer_flex {
width:100%;
max-width:400px;
margin:0 auto;
display:flex;
justify-content:flex-start;
flex-wrap: wrap;
}
.footer_flex li {
text-align:left;
margin-right:6%;
font-size: 10px;
line-height: 2.9;
list-style:none;
}
.footer_flex li a {
color:#000000;
}

.footer_flex li a::after {
content: '';
display: inline-block;
width: 8px;
height: 8px;
margin-left: 5px; 
background-color: #2fbff0;
-webkit-mask-size: 8px 8px;
mask-size: 8px 8px;
-webkit-mask-image: url(../img/icon_newTab.svg);
mask-image: url(../img/icon_newTab.svg);
}
.footer_border {
width:100%;
max-width:400px;
border-bottom: solid 1px #a6a3a3; 
display:block;
margin:17px auto 25px auto;
}

.footer_bottom_flex {
width:100%;
max-width:400px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.footer_logo {
width:140px;
margin-bottom:15px;
}

.footer_logo img {
width:100%;
vertical-align:middle;
}

.footer_copy {
font-size: 10px;
font-weight: 400; 

margin-bottom:20px;
}

.footer_no {
font-size: 10px;
line-height: 1.2; 
}

.footer_bottom_left {
width:70%;
display:block;
}
.footer_bottom_right {
width:30%;
max-width:67px;
display:block;
}
.footer_bottom_right p {
margin-bottom:10px;
}
.footer_bottom_right p a img {
width:67px;
margin-left:auto;
display:block;
}
.space5 {
padding-top:5px;
display:block;
}
.space10 {
padding-top:10px;
display:block;
}
.space15 {
padding-top:15px;
display:block;
}
.space20 {
padding-top:20px;
display:block;
}
.space30 {
padding-top:30px;
display:block;
}
.space40 {
padding-top:40px;
display:block;
}
.space50 {
padding-top:50px;
display:block;
}
.font60 {
font-size:60%;
vertical-align:50%;
}
.font80 {
font-size:80%;
}
.font90 {
font-size:90%;
}

.font110 {
font-size:110%;
}

.font120 {
font-size:120%;
}
.font130 {
font-size:130%;
}
.font150 {
font-size:150%;
}
.bold {
font-weight:700;
}

.indent05 {
text-indent:-0.5em;
}






/*PCメニュー--------------------------------*/
@media print, screen and (min-width: 1000px) {


.hanbargericon {
display:none;
}

.title_pc {
position:absolute;
width: calc(50% - 250px);
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
display:block;
z-index:5;
}
.title_pc a img {
width:71%;
display:block;
margin:0 auto;
filter:drop-shadow(2px 2px 7px rgba(0, 133, 0, 0.3));
}




.menubox {
position:absolute;
z-index:3;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right:0;
width: calc(50% - 250px);
max-width:440px;
display:block;
padding-left:3%;
box-sizing:border-box;

}
.menu {
position:relative;
display:block;
width:100%;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
}



.menu ul {
list-style: none;
display:block;
}

.menu_title {
color:#004098;
font-weight:700;
font-size:20px;
margin-bottom:2%;
}
.menu ul li a {
color:#004098;
box-sizing:border-box;
margin-bottom:15px;
display:block;
border-bottom:1px solid #004098;
padding-bottom:3px;
margin-left:5px;
}

.menu_main {
font-size:min(1.1vw,20px);
font-weight:500;
margin-left:20px;
}

.menu_sub {
font-size:min(1.1vw,17px);
font-weight:300;
margin-left:40px;
}

.menu_main a:hover,
.menu_sub a:hover {
margin-left:10px;
opacity:1;
}
}
/*PCメニュー--------------------------------*/
@media print, screen and (max-width: 999px) {
.title_pc {
display:none;
}
.menubox {
display:none;
}



.hanbargericon {
z-index:9999;
position: fixed;
top: 0;
right:0;
width: 60px;
height: 60px;
background:#004098;
}
/*--------------ハンバーガーメニュー---------------*/
.fullscreenmenu {
position:relative;
z-index:999;
}
.hanbarger span {
display: inline-block;
-webkit-transition:all .4s;
transition: all .4s;
box-sizing: border-box;
}
.hanbarger {
z-index:9999;
position: fixed;
top: 14px;
right:  5px;
width: 50px;
height: 45px;
background:none;
border:none;
color:#ffffff;
}
.hanbarger:before{
content: '';
z-index:10;
position: fixed;
width: 60px;
height: 60px;
top:0;
right:0;
background:#004098;
}


.hanbarger span:nth-of-type(1) {
top:0;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(2) {
top:10px;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(3) {
top: 20px;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(4) {
bottom:7px;
position: absolute;
left: 0;
width: 100%;
z-index: 10;
font-size:9px;
font-weight:500;
line-height:1;
}

.hanbarger.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(40deg);
transform: translateY(10px) rotate(40deg);
background:#ffffff;
}
.hanbarger.active span:nth-of-type(2) {
opacity: 0;
}
.hanbarger.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(-40deg);
transform: translateY(-10px) rotate(-40deg);
background:#ffffff;
}
.hanbarger.active span:nth-of-type(4) {
color:#ffffff;
}
#nav ul{
position: relative;
z-index:9999;
overflow-y:scroll; 
max-height:100vh;
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
scrollbar-width: none;
-ms-overflow-style: none;
padding-top:60px;
box-sizing: border-box;

}
#nav ul::-webkit-scrollbar {
display: none;
}
#nav ul li{
width:100%;
list-style-type: none;
display:block;
margin:0 auto;
border-bottom:1px solid #0f1350;
}
#nav ul li a{
position:relative;
display: block;
transition: all 0.2s ease-in-out;
margin:0 auto;
text-decoration: none;
color:#ffffff;
text-align:left;
line-height:1.5em;
box-sizing:border-box;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-style: normal;
}
#nav ul li a:hover {
text-decoration:none;
background:#ffffff;
color:#0f1350;
opacity:1;
}
#nav ul li a:active {
text-decoration:none;
}
#nav ul li a:link {
text-decoration:none;
}
#nav ul li a:visited {
text-decoration:none;
}
.hanbargermenu {
width:100%;
padding:5px 0;
display:block;
}
.hanbargerspace {
margin-bottom:40px;
}
.nav_main {
font-size:min(4.8vw,20px);
font-weight:500;
padding-left:10%;
padding-top:3%;
padding-bottom:3%;
}

.nav_sub {
font-size:min(4vw,18px);
font-weight:300;
padding-left:15%;
padding-top:3%;
padding-bottom:3%;
}


#nav {
position: fixed;
top:0;
right: 0;
z-index: 10;
width: 100%;
height: 100vh;
overflow:hidden;
transition: .3s;
background:#004098;
border-left:1px solid #40220f;

/* スライドイン */
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
-webkit-transform: translateX(110%) translateZ(0);
-webkit-transition: -webkit-transform 500ms 0s ease;
transition: -webkit-transform 500ms 0s ease;
transition: transform 500ms 0s ease;
transition: transform 500ms 0s ease, -webkit-transform 500ms 0s ease;
-webkit-overflow-scrolling: touch;
}
#nav.active{
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
overflow-x: hidden;
}

.nav_main::before {
content: '〉';
position:absolute;
left:7%;
display: flex;
align-items: center;
font-size:min(4vw,10px);
font-weight:900;
}
.nav_sub::before {
content: '〉';
position:absolute;
left:13%;
display: flex;
align-items: center;
font-size:min(4vw,10px);
font-weight:900;
}
}
/*PC & Tablet--------------------------------*/
@media print, screen and (min-width: 768px) {
.pc {
display:block;
}
.sp {
display:none;
}




#pcback {
position:fixed;
z-index:1;
width:100%;
height:100vh;
margin:0;
padding:0;
overflow:hidden;
display:block;
background:url(../img/pc_back_kabu.png)no-repeat;
background-position: top center;
background-size: 100% 100%;
}



#spbackground {
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
background:#ffffff;
overflow:hidden;
}
#spback {
position:relative;
z-index:2;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
max-width:500px;
margin:0 auto;
display:block;
padding:0 0;
box-sizing:border-box;
overflow: hidden;
background:#ffffff;
}


/*------フッター追従バナー-------*/
.follow_banner {
position:fixed;
bottom:0;
left:0;
right:0;
width:100%;
max-width:500px;
z-index:99999;
background:#009944;
padding-top:7px;
margin:0 auto;
}

.follow_banner p {
width:90%;
max-width:320px;
margin:0 auto;
}
}



/*SP
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pc {
display:none;
}
.sp {
display:block;
}



/*------フッター追従バナー-------*/
.follow_banner {
position:fixed;
bottom:0;
width:100%;
z-index:99999;
background:#009944;
padding-top:7px;
}

.follow_banner p {
width:90%;
max-width:320px;
margin:0 auto;
}

#pcback {
display:none;
}
#spbackground {
width:100%;
margin:0;
background:#ffffff;
}
#spback {
position:relative;
z-index:2;
width:100%;
margin:0;
display:block;
padding:0;
box-sizing:border-box;
overflow: hidden;
background:#ffffff;
}


.solid_border {
width:100%;
border-bottom: solid 1px #a6a3a3; 
display:block;
}


.center {
text-align:center;
}


}

.att2 {
margin-left: -0.5em;
box-sizing:border-box;
}

/*------打ち消しマージン----
#koza,#campaign1,#campaign2,#note{
margin-top:-60px;
padding-top:60px;
}
---*/