@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%; margin-top: 0px !important;}
body { position: relative; height: 100%; margin: 0; color: #4d3527; font-size: 16px; overflow-x: inherit; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; background-color: white; line-height: 1.42857143; }
button,input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; }
img { border: 0; vertical-align: bottom; }
ul, ol { list-style: none; }
input { padding: 5px; font-size: 14px; }
header { padding: 5px; position:relative; }
header .block { position:absolute; right:0; }
header .login , .global-header .member { width: 40px; float: right; }
header .login a , .global-header .member a { display: block; }
header .logo { display: block; margin: 0 auto; }
footer li { line-height: 30px; background-color: #AAA; border-bottom: 1px solid #888; }
footer a { display: block; text-decoration: none; padding-left: 10px; color: #000; }
footer .title { background:#000; color:#FFF; padding:0 10px; line-height:36px; }
.copyright { padding: 20px 0 10px; color:  #000000; text-align: center; background:#AAA; font-size:80%; }
.login-form { background-image: url(../image/dot_bg.gif); background-repeat: repeat; border-radius: 5px; padding: 5px; margin: 25px auto; max-width:600px; }
.login-form dl { background-color: #ffffff; border-radius: 8px; padding: 5px 10px; }
.login-form dt { font-weight: bold; }
.login-form dd { margin-bottom: 10px; }
.login-form .button input { width:100%; font-size: 130%; color: #ffffff; font-weight: bold; line-height: 34px; text-decoration: none; border-radius: 8px; margin: 12px 0 7px; background-image: -webkit-gradient(linear, left top, left bottom, from(#0097FA), to(#006ACA)); }
.login-form dt span { color: #DC143C; font-weight: bold; font-size:80%; }
.login-title {  }
.error{ color:#DC143C; font-weight:bold; }
.pmark-box { width:100%; border:#888 solid 1px; background:#FFF; color:#4d3527; }
.pmark-box img { display:block; margin:20px auto 0 ; width:80px; }
.pmark-text { padding:0 20px; }
.top-img { width:100%; position:relative; }
.resist-btbacksp { position:absolute; bottom:35%; left: 50%; transform: translate(-50%,-50%); color:#FFF; background:rgba(255,39,110,0.8); border-radius:10px; height:7vw; width:60%; text-align:center; line-height:7vw; }
.resist-bttextsp { position: absolute; bottom: 35%; left: 50%; transform: translate(-50%,-50%); color: #FFF; background: rgba(255,39,110,0.8); border-radius: 10px; height: 7vw; width: 60%; text-align: center; line-height: 7vw;}
.resist-btbackpc { position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color:#FFF; background:#ff276e; border-radius:30px; height:68px; width:60%; text-align:center; opacity:0.8; }
.resist-bttextpc { position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color:#FFF; text-align:center; text-shadow:3px 3px 3px #7b0d0d; }
.resist-btbacksp2 { position:absolute; bottom:0; left: 50%; transform: translate(-50%,-50%); color:#FFF; background:rgba(255,39,110,0.8); border-radius:10px; height:7vw; width:60%; text-align:center; line-height:7vw; }
.resist-btbackpc2 { position:absolute; top:77%; left: 50%; transform: translate(-50%,-50%); color:#FFF; background:#ff276e; border-radius:30px; height:68px; width:60%; text-align:center; opacity:0.8; }
.resist-bttextpc2 { position:absolute; top:77%; left: 50%; transform: translate(-50%,-50%); color:#FFF; text-align:center; text-shadow:3px 3px 3px #7b0d0d; }
.resist-bttextpc span,.resist-bttextpc2 span { font-size:120%; font-weight:bold; }
.resist-bt { display:block; margin:10px auto; background:#c863bc; width:96%; max-width:600px; border-radius:15px; line-height:45px; color:#FFF; font-size:18px; font-weight:bold; text-align: center; text-decoration: none; }
.login-btn { position:absolute; top:-30px; right:0; background:#c863bc; width:96%; max-width:200px; border-radius:15px; line-height:30px; color:#FFF; font-size:14px; font-weight:bold; text-align: center; text-decoration: none; }
.leftup-text { position:absolute; top:10px; left:10px; color:#FFF; text-shadow:1px 1px 1px #000; }
.leftbottom-text { position:absolute; bottom:10px; left:50%; color:#FFF; text-shadow:1px 1px 1px #000; font-size:80%; transform: translate(-50%,-0%); width: 90%; }
.login-form-pg { position:absolute; bottom:0px; right:10px; width:100%; max-width:360px;}
.cacth-textarea { width:100%; background:#5d4297; padding:10px; color:#FFF; }
.cacth-textarea div { margin:20px 0; }
.pd-box { padding:20px 10px 10px; }
.p-boxback { width:32.333%; display:inline-block; color:#FFF; background:#5d4297; text-align:center; padding:10px 0; }
.bt-size { width:96%; margin:20px auto 0; }
.detail-bt { background:#c863bc; border-radius:5px; text-decoration:none; display:block; color:#FFF; line-height:36px; text-align:center; }
.emphasis-ps { position:relative; }
.emphasis-text { font-size:120%; text-align:center; font-weight:bold; }
.number-box { position:absolute; width:15%; max-width:125px; background:#5d4297; border-radius:10px; color:#FFF; top:0; left:0px; padding:3px; text-align:center; }
.number-box2 { position:absolute; width:125px; background:#5d4297; border-radius:10px; color:#FFF; top:0; left:0px; padding:3px; text-align:center; }
.system-img { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; position: relative; margin: 0 auto;}
.system-img img { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.img-ps { width:96%; margin:20px auto 0; text-align:center; max-width: 250px;}
.top-title { width:100%; background:#5d4297; color:#FFF; padding-left:10px; line-height:36px; font-weight:bold;}
.agree dt { padding-left: 5px; margin-bottom: 10px; font-size: 120%; border-left: 5px solid #5d4297; }
.agree dd { margin-bottom:20px; }
.company dt { padding-left: 5px; margin-bottom: 10px; font-size: 120%; border-left: 5px solid #5d4297; }
.company dd { margin-bottom:20px; }
#news { height:800px; overflow: scroll; overflow-x: hidden;background: rgba(93, 66, 151, 0.1); padding: 20px; box-shadow: 1px 1px 1px rgba(93, 66, 151, 0.4);} 
#news::-webkit-scrollbar{width:10px;}
#news::-webkit-scrollbar-track{background:#dddddd;}
#news::-webkit-scrollbar-thumb{background:#5d4297;}
#news dt { font-weight:bold; } 
#news dd { margin-bottom:20px; } 
.faq dt { padding: 30px 0 10px 35px; position: relative; }
.faq dt:first-child { padding: 10px 0 10px 35px; position: relative; }
.faq dt:before { content: 'Q'; position: absolute; left: 2px; top: 25px; color: #AAA; font-weight: bold; font-size: 150%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.faq dt:first-child:before { content: 'Q'; position: absolute; left: 2px; top: 5px; color: #AAA; font-weight: bold; font-size: 150%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.faq dd { padding: 10px 0px 30px 35px; border-bottom:1px #EEE solid; position: relative; }
.faq dd:before { content: 'A'; position: absolute; left: 2px; top: 7px; color: #DC143C; font-weight: bold; font-size: 150%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.b-dashbox { border:1px dashed #5d4297; width:100%; padding:10px; }
.b-dashbox img { max-width:480px; }
.disppc-rewimg img { max-width:300px; }
.subtitle-box { background:#5d4297; width:50%; line-height:26px; color:#FFF; border-radius:13px; margin:0 auto; text-align:center; }
.table-left { display:inline-table; width:30%; padding:5px 0;}
.table-left2 { display:inline-table; width:125px; padding:0;}
.table-right { display:inline-table; width:68%; padding:5px 0;}
.table-right2 { display:inline-table; width:68%; padding:0 10px;}
h2 { text-align:center; font-size:130%; margin:10px 0 0; }
h3 { position: relative; padding-left: 10px; line-height: 30px; margin-top: 10px; color: #5d4297; font-size:120%; }
h3::before, h3::after { position: absolute; bottom: -4px; left: 0; content: ''; height: 4px; }
h3::before { z-index: 2; width: 15%; background-color: #5d4297; }
h3::after { width: 100%; background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #5d4297 2px, #5d4297 4px); background: repeating-linear-gradient(45deg, #fff, #fff 2px, #5d4297 2px, #5d4297 4px); }
.mgt20 { margin-top:20px; }
.mgt40 { margin-top:40px; }
.mgb20 { margin-bottom:20px; }
.w100 { width:100%; }
.fwb { font-weight:bold; }
.uline { text-decoration:underline; }
.p-text { color:#5d4297; }	
.r-text { color:#DC143C; }
.center { text-align:center; }
.vatop { vertical-align: top; }
.flex-main{ display:inline-flex; width:100%; margin:0 auto; flex-wrap:wrap; justify-content: flex-start; padding-bottom:15px;position: absolute; top: 0px; }
.flex-main2{ display:inline-flex; width:100%; margin:0 auto; flex-wrap:wrap; justify-content: flex-start; padding-bottom:15px; top: 0px; }
.flex-main a{ color:#333; }
.flex-sub{ display:inline-block; flex-basis:46%; position:relative; line-height:26px; color:#303030; text-decoration:none; letter-spacing:-1px; margin: 10px auto; }
.reason-box{   padding: 15px; background: rgba(93,66,151,0.2); margin: 10px; }
.pg-title { text-align:center; font-size: 26px; padding-bottom: 5px; }
.purple { color:#FFF; text-shadow:0 0 8px #5d4297; }
.green { color:#FFF; text-shadow:0 0 8px #82c07d; }
.white-bg { background:rgba(255,255,255,0.5); line-height: 67px; font-size: 26px; }
.purple-bg { background: rgba(226, 217, 247, 0.8); padding: 10px; min-height: 153px;}
.purple-bg2 { background:rgba(93,66,151,0.5);}
.green-bg { background: rgba(187, 236, 183, 0.8); padding: 10px; min-height: 293px; }
.fs100p{ font-size: 100px; }
.fs26p{ font-size: 26px; }
.purple-bg .text,.green-bg .text {padding: 10px 15px 0px; font-size: 18px;}
.pdl60 { padding-left:60px; }
.pdl100 { padding-left:100px; }
.fc { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.pd15 { padding:15px; }
.under-red{background: linear-gradient(transparent 50%, #FF8FA6 100%);}

@media screen and (min-width:900px){
	.disppc-box { display:inline-table; width:49%; padding:0 10px; position:relative; height:520px; }
	.disppc-sysbox2 { display:inline-table; width:49%; padding:0 10px; position:relative; height:400px; }
	.disppc-sysbox3 { display:inline-table; width:33%; padding:0 10px; position:relative; height:400px; }
	.disppc-rewbox { display:inline-table; width:49%; padding:0 10px; position:relative; height:300px; }
	.disppc-adbox { display:inline-table; width:49%; padding:0 10px; position:relative; height:300px; }
	.disppc-adbox2 { display:inline-table; width:49%; padding:0 10px; position:relative; height:600px; }
	.disppc-pdtb { padding:58px 0;}
	.disppc-none { display:none; }
	.disppc-bt { position: absolute; bottom:5px; }
	.disppc-sysbt { position: absolute; bottom:40px; left: 50%; transform: translate(-50%,0%); }
	.disppc-rewimg { position: absolute; bottom:40px; left: 50%; transform: translate(-50%,0%); width:100%; }
	.disppc-adimg { position: absolute; top:40px; left: 50%; transform: translate(-50%,0%); width:100%; }
	.disppc-advertisement { max-width: 250px; }
	.disppc-maxsize { max-width: 1180px; margin: 0 auto; min-width: 1180px; }
	.h-menu { border-bottom: 1px solid #F3F1F8; width: 100%; margin-bottom:10px; }
	.h-menu-box { width:900px; margin:0 auto; }
	.h-menu nav { display: table; }
	.h-menu nav a { display: table-cell; min-width: 145px; max-width: 145px; padding: 10px 0 6px 0; text-align: center; border-bottom: 5px solid #FFFFFF; font-size: 16px; text-decoration:none; color:#5d4297; }
	.h-menu nav a:hover { border-color: #5d4297; }
	.h-address { width: 400px; height: 60px; position: absolute; top: 62px; right: 0; }
	.fs130 { font-size:130%; }
	.table-right2 { display:inline-table; width:85%; padding:0 10px;}
}
@media screen and (min-width:360px){
	.table-right2 { display:inline-table; width:63.5%; padding:0 10px;}
}
@media screen and (min-width:660px){
	.table-right2 { display:inline-table; width:79.5%; padding:0 10px;}
}
@media screen and (min-width:1160px){
	.h-menu-box { width:1160px; margin:0 auto; position: relative; }
	.h-menu nav { display: table; }
	.h-menu nav a { display: table-cell; min-width: 193px; max-width: 193px; padding: 10px 0 6px 0; text-align: center; border-bottom: 5px solid #FFFFFF; font-size: 16px; text-decoration:none; color:#5d4297; }
	.table-right2 { display:inline-table; width:88%; padding:0 10px;}
}
@media screen and (max-width:899px){
	.dispsp-none { display:none; }
	#news { height:300px; }
.white-bg { line-height: 7vw !important; font-size: 3.5vw !important; }
.pdl60 { padding-left: 7vw !important; }
.pdl100 { padding-left: 8.5vw !important; }
.pg-title { font-size: 3.5vw !important; }
.fs100p{ font-size: 7vw !important; }
.fs26p{ font-size: 5vw !important; }
.purple-bg { min-height: auto !important;}
.green-bg { min-height: auto !important; }
.reason-box{ margin: 0 10px 10px !important; }
}

@media screen and (max-width:321px){
	.table-right2 { display:inline-table; width:53%; padding:0 10px;}
	.resist-bttextsp { font-size: 90%; }
	.leftbottom-text { line-height: 16px ; }
}