@charset "utf-8";

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

@media(max-width:500px){
img{
max-width: 100%;
width:100%;
height: auto;
width /***/:auto;
margin:0;
padding:0;
display:block;
}
}

#container{
width:100%;
}
/* 以下設定 */

html,body {
height:100%;
}

@media(max-width:500px){
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
li a{ display: block; }
div{
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
} /* 横px 縦px */
/* 文字リサイズ解除 */
body {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
table { table-layout:fixed; }
}

* {
margin:0;
padding:0;
}

body {
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;

font-size:90%;
line-height: 1.5;
color:rgba(64,62,62, 1);
position:relative;
text-align:left;
width:100%;
background: rgba(255,255,255, 1);
color: rgba(21,21,21, 1);
z-index:100;
font-feature-settings : "pkna";
letter-spacing: 0;
/*overflow-x: hidden;*/
}

@media(max-width:500px){
body {
font-size:85%;
min-width:100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}

/* タブレット */
@media (min-width: 501px) and (max-width: 768px) {
body {
font-size:100%;
}
}

/* iPhone4,iPhone5,iPhone5s+Android */
@media screen and (min-width: 320px) and (max-width: 374px){
body {
font-size: 80%;
}
}

img {
vertical-align: bottom;
}

.wrapper {
width:1000px;
margin:0 auto;
position:relative;
}

@media(max-width:1000px){ /*//1000pxでレスポンシブ切り替え//*/
.wrapper {
width:100%;
padding:1em 0;
}
}

/* 回り込み解除 */
.wrapper::after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.stop {
/* animatiion */
-webkit-animation: none !important;
animation:none !important;
}

/* 初期値 透明度0 */
.animation {
/* 透明 */
-webkit-opacity:0;
opacity:0;
}

/* Font Awesome */
i.fa,
i.fas,
i.far,
i.fab {
margin-right: .2em;
}

#container p i.fa,
#container p i.fas,
#container p i.far,
#container p i.fab {
margin-left: .2em;
}

/* テキスト選択時 */
::selection {
color:rgba(255,255,255, 1);
background: rgba(3,159,227, .6); /* Safari */
}

::-moz-selection {
color:rgba(255,255,255, 1);
background: rgba(3,159,227, .6); /* Firefox */
}

/* ////////////////////////////////////////////////////////////

リンクカラー

/////////////////////////////////////////////////////////////*/

a:link {
color:#fff;
text-decoration:none;
}
a:visited {
color:#fff;
text-decoration:none;
}
a:hover {
color:#fff;
/*text-decoration:underline;*/
}
a:active {
color:#fff;
text-decoration:none;
}

a img{border:none;}/*リンクのある画像は枠線をつけるのがデフォルトなので */
a:link,a:visited{border:none;}/* 以下a要素に関する枠の指定 */
a:focus,a:hover{border:none;}
a:active{border:none;}

a{ outline: none; } /* リンクの枠線 */

a{
/* トランジション */
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

a.over {
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}

a.over:hover {
/* 透明度 */
-webkit-opacity:.8;
opacity:.8;
filter: alpha(opacity=80);
}

@media(max-width:500px){
a.over:hover {
-webkit-opacity:1;
opacity:1;
filter: alpha(opacity=100);
}
}

a.disable:hover {
text-decoration:none;
cursor:default;
}

/* ////////////////////////////////////////////////////////////

基本設定

/////////////////////////////////////////////////////////////*/

a, abbr, acronym, del, em, ins, q, span, strong, ruby, code {
text-decoration:none;
}

a img {
padding:0;
margin:0;
}

abbr, acronym {
border-style:none none dotted none;
cursor:help;
}

del {
/*font-family:italic;*/
text-decoration:line-through;
}

em {
font-style:normal;
font-weight:bold;
}

strong {
font-size:1.8em;
font-weight:900;
}

rt {
font-size:0.7em;
}

ins {
border-style:solid;
}

kbd {
border-style:outset;
border-width:0.15em;
padding:0.1em;
margin:0 0.15em;
background-color:#ccc;
border-color:#ccc;
}

code {
padding:0 0.2em;
}

fieldset {
margin:0;
padding:0;
border:0;
}

blockquote {
padding: .5em 1em;
font-size: .8em;
background: rgba(200,200,200, .2);
}
}

address {
font-style:normal;
}

table, th, td
{
text-decoration:none;
margin:0;
padding:0;
font-size: 1em;
}

th {
font-style:italic;
font-weight:bold;
}

ul {
list-style-type:none;
}

ol {
list-style-type:decimal;
/*padding-left:2em;*/
}

li {
/*list-style-position:inside;*/
margin:0;
line-height:1.0;
}

br {
letter-spacing:0;
}

br.clear {
clear:both;
}

q::before {
content:open-quote;
}
q::after{
content:close-quote;
}

h1::before, h1::after,
h2::before, h2::after,
h3::before, h3::after,
h4::before, h4::after,
h5::before, h5::after,
h6::before, h6::after{
/*margin:0.2em;*/
margin: 0;
}

pre > code {
display:block;
border-style:dotted;
overflow:scroll;
}

blockquote > p {
margin:0;
padding:0;
}

ol {
list-style-type:decimal;
}

li {
}

li::before,
dt::before {
margin-right:0.2em;
}

table {
border-collapse:collapse;
}

hr {
margin: 10px 0px;
}

th {
font-style:normal !important;
}

label {
cursor:pointer;
}

span.clear {
display:none;
}

/*.clearfix {
clear:both;
}*/

.clearfix::after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* HTML5用 */

article, aside, dialog, figure, footer, header, section, hgroup, menu, nav, section {
display: block;
position:relative;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#container{
width:100%;
}

.pcOnly {
display: block !important;
}

.spOnly {
display: none !important;
}

@media(max-width:500px){
.pcOnly {
display: none !important;
}

.spOnly {
display: block !important;
}
}

/* iPhone用inputリセット */
input[type="submit"],
input[type="button"] {
//border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
//border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

input {
border:none;
}

/* ////////////////////////////////////////////////////////////

コンテナ

/////////////////////////////////////////////////////////////*/

#page {
position:relative;
width:100%;
height:100%;
z-index:100;
top: 0;
left: 0;
display:block;

/* animatiion */
-webkit-animation: fadeIn .9s ease alternate;
animation: fadeIn .9s ease alternate;
}

@media(max-width:1000px) {
.page_wrap {
overflow-x: hidden;
}
}

#container {
padding: 0;
text-align:left;
display:block;
position:relative;
z-index: 0;
}

@media(max-width:500px){
#container {
width:100%;
max-width:100%;
}
}

body.entry #container,
body.sitemap #container {
margin-top: 1em;
}


/* 回り込み解除 */
#container #wrapper::after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* 回り込み解除 */
#container::after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#container .wrap {
padding:0;
}

#container #main {
text-align:left;
}

@media(max-width:768px){
#container #main  {
font-size:.9em;
padding-top:inherit;
}
}

/* ////////////////////////////////////////////////////////////

メインカラムコンテナ設定・その他

/////////////////////////////////////////////////////////////*/

#container .section .wrapper {
padding: 0;
}

@media(max-width:500px){
#container .section .wrapper {
/*padding:inherit;*/
}
}

#container section.last{
padding-bottom:30px
}

#container .section .wrapper .inner {
padding:15px 30px;
}

@media(max-width:500px){
#container .section .wrapper .inner {
padding:5px 5px;
}
}

/* ////////////////////////////////////////////////////////////

カラム設定

/////////////////////////////////////////////////////////////*/

#container .MainColumn {
width: 75%;
float: left;
/*padding-bottom: 1em;*/

font-size: 1.1em;
}

@media(max-width:500px){
#container .MainColumn {
width: 100%;
float: inherit;
padding: 0;
}
}

body.SingleColumn #container .MainColumn {
width: 100%;
float: inherit;
}

body.policy #container .MainColumn {
width: 100%;
float: inherit;
padding-bottom: 0!important;
padding-top: 0!important;
}


/* ////////////////////////////////////////////////////////////

本文

/////////////////////////////////////////////////////////////*/

#container p {
font-size: 1em;
line-height: 1.6;
margin: 1.5em 0;

/* 両端揃え */
text-align: justify;
letter-spacing: 1px;
}

@media(max-width:500px){
#container p {
font-size: 1em;
}
}

#container p.Center {
text-align: center;
}

/* ////////////////////////////////////////////////////////////

ロゴ横並び見出し

/////////////////////////////////////////////////////////////*/

.center {
text-align: center;
}

.caption {
font-size: 2.4em;
font-weight: bold;
margin-bottom: 1em;
}

.caption p {
letter-spacing: 2px;
margin: 0!important;
text-align: center!important;
}

@media(max-width:500px) {
.caption {
white-space: nowrap;
font-size: 1.6em;
}
.caption p {
font-size: 1.3em!important;
}
}

.caption .next {
display: inline-flex;
align-items: center;
font-size: .85em;
}

.caption .next:before {
content: url(../img/logo.png);
padding-right: 10px;
}

@media(max-width:500px) {
.caption .next:before {
content: "";
display: inline-block;
width: 170px;
height: 30px;
background: url(../img/logoL.png) no-repeat;
background-size: contain;
vertical-align: middle;
}
}

/* ////////////////////////////////////////////////////////////

#header

/////////////////////////////////////////////////////////////*/

body.index #header {
position:relative;
}

#header {
position:relative;
}

@media(max-width:768px){
body.index #header {
min-height:inherit;
background-position:0 0;
padding-top:0px;
}

#header {
min-height:inherit;
background-position:0 0;
padding-top:0px;
}
}

@media(max-width:500px) {
#header .wrapper {
padding:0;
}
}

#header .logo {
float: left;
}

@media(max-width:768px){
#header .logo {
float: inherit;
margin-left: 0;
width: 100%;
}
}

#header .logo a {
display:block;
}

/* ////////////////////////////////////////////////////////////

#headerカスタマイズ

/////////////////////////////////////////////////////////////*/

#header {
position: relative;
}

body:not(.index) #header {
}

#header .headerBg {
position: relative;
background: url(../img/header_front.png) no-repeat center center,	url(../img/header_back.png) no-repeat center center, rgba(115,189,255,1);
background-size: 1000px,cover,cover;
height: 500px;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#header .headerBg {
position: relative;
background: url(../img/header_front.png) no-repeat center center,	url(../img/header_back.png) no-repeat center center, rgba(115,189,255,1);
background-size: 100vw,cover,cover;
height: 0;
width: 100%;
padding-top: 50%;
}
}

@media(max-width:500px){
#header .headerBg {
height: auto;
z-index: 0;
background: none;
}
}

#header .headerBg .wrapper {
width: 1000px;
position: relative;
}

@media(max-width:1000px){
#header .headerBg .wrapper {
width: 100%;
padding: 0;
}
}

#header .headerSP {
display: none;
}

@media(max-width:500px){
#header .headerSP {
display: block;
}
}

#header .logo {
width: 30%;
margin: 1.5em 0 1em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#header .logo {
width: 25vw;
margin-left: 1em;
}
}

@media(max-width:500px){
#header .logo {
width: 40%;
float: left;
margin: 1.5em 0.5em;
}
}

#header .logo a {
position: relative;
}

@media(max-width:500px) {
#header .logo a {
width: 150px;
}
}

#header .logo a:hover {
}

#header .logo .Icon {
position: absolute;;
top: 0;
left: 0;
display: block;

/* animation */
-webkit-animation: heartbeat 1s ease-in-out infinite normal; /* alternate / normal */
animation: heartbeat 1s ease-in-out infinite normal; /* alternate / normal */
}

#header .headerButton {
background: rgba(242,150,0,1);
color: #fff;
padding: .8em 2.3em .8em 3.3em;
border-radius: 50px;
font-size: 1.15em;
font-weight: bold;
text-align: center;
position: relative;
margin: .5em 0;
letter-spacing: 1.5px;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#header .headerButton {
font-size: 2vw;
margin-right: -1em;
}
}

#header .headerButton .fa-position-left {
position: absolute;
top: calc(50% - .5em);
left: 1rem;
font-size: 1.5em;
}
#header .headerButton .fa-position-right {
position: absolute;
top: calc(50% - .5em);
right: 1rem;
}

@media(max-width:500px){
#header .headerButton {
}
}

#header .headerButton:hover {
/* animation */
-webkit-animation: popup .4s ease-in-out 0s forwards;
animation: popup .4s ease-in-out 0s forwards;
}

@media(max-width:500px){
#header .headerButton:hover {
/* animation */
-webkit-animation:none;
animation:none;
}
}

#header .NavBar {
background: rgba(115,189,255,1);
position: relative;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
z-index: 1;
}

@media(max-width:1000px) {
#header .NavBar .wrapper {
padding: 0;
}
}

#header .NavBar .flexbox {
display: flex;
align-items: center;
justify-content: space-around;
width: 1000px;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}

@media(max-width:1000px) {
#header .NavBar .flexbox {
width: 100vw;
}
}

@media(max-width:500px) {
#header .NavBar .flexbox {
justify-content: space-between;
}
}

#header .NavBar .flexbox .topnavi {
padding: .5em 0 1em;
font-size: 1.1em;
font-weight: bold;
position: relative;
letter-spacing: 1.5px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#header .NavBar .flexbox .topnavi {
font-size: 1.8vw;
}
}

#header .NavBar .flexbox .topnavi:hover {
opacity: .6;
}

#header .NavBar .flexbox .topnavi:after {
content: '\f107';
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
bottom: -.3em;
left: calc(50% - 0.5rem);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

#header .NavBar .flexbox .topnavi:hover:after {
bottom: -.6em;
}

@media(max-width:500px){
#header .NavBar {
margin-top: 0;
height: 60px;
z-index: 100!important;
}
}


#header .feature {
background:#000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
}

#header .feature .wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 130px;
}

#header .feature .box{
background:#f4f4f4;
width: 27%;
margin: 0 .5em;
font-weight: bold;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
height: 86px;
border-radius: 5px;
white-space: nowrap;
}

#header .feature .box img {
width:40px;
}

#header .feature .box.earliest {
font-size: 2.5em;
}
#header .feature .box.earliest span {
color: #e51326;
font-size: 1.2em;
margin: 0 .15em 0 .1em;
letter-spacing: -3px;
}
#header .feature .box.earliest img {
margin-left: .5em;
margin-right: .6em;
}

#header .feature .box.commission {
font-size: 1.8em;
line-height: 1.1;
}

#header .feature .box.commission .block {
display: block;
}

#header .feature .box.commission span {
color: #e51326;
font-size: 1.3em;
}
#header .feature .box.commission img {
margin-left: .5em;
margin-right: 1.2em;
}

#header .feature .box.visit {
font-size: 2.5em;
}
#header .feature .box.visit span {
color: #e51326;
}
#header .feature .box.visit img {
margin-left: .5em;
margin-right: .6em;
}

/*//////////レスポンシブ501-1000//////////*/
@media screen and (min-width: 501px) and (max-width: 1000px){

#header .feature .box.earliest {
font-size: 3.5vw;
}
#header .feature .box.earliest img {
margin-right: .6em;
}
#header .feature .box.commission {
font-size: 3vw;
line-height: 1.2;
}
#header .feature .box.commission span {
font-size: 1.2em;
}
#header .feature .box.commission img {
margin-right: .5em;
}
#header .feature .box.visit {
font-size: 3.5vw;
}
#header .feature .box.visit img {
margin-right: .6em;
}
}


/*//////////レスポンシブ-500//////////*/

@media(max-width:500px) {

#header .feature .box{
border-radius: 3px;
}

#header .feature .wrapper {
height: 20vw;
}

#header .feature .box{
display: block;
height: 16vw;
padding: .4em 0 .4em 0;
}

#header .feature .box.earliest {
font-size: 4.5vw;
}
#header .feature .box.earliest span {
margin: 0 .1em 0 .1em;
letter-spacing: -1px;
}
#header .feature .box.earliest img {
margin: 0 auto;
width:23px;
}

#header .feature .box.commission {
font-size: 3vw;
}

#header .feature .box.commission br.com{
display: none;
}

#header .feature .box.commission .block {
display: inline;
}

#header .feature .box.commission span {
color: #e51326;
font-size: 1.5em;
margin-left: .1em;
}
#header .feature .box.commission img {
margin: 0 auto;
/*padding-bottom: .6em;*/
width:25px;
padding: .2em 0 .35em 0;
}

#header .feature .box.visit {
font-size: 4.5vw;
}
#header .feature .box.visit span {
color: #e51326;
}
#header .feature .box.visit img {
margin: 0 auto;
width:25px;
}
}


@media(max-width:1000px) {
#header .feature .wrapper {
padding: 0;
}
}


/* ////////////////////////////////////////////////////////////

#header換金率ボックス

/////////////////////////////////////////////////////////////*/

#header .header-rate-box {
position:absolute;
top: 115px;
right: 75px;
width: 290px;
}

#header .header-rate-box .rate-bar {
/*display: flex;
align-items: center;
justify-content: flex-end;
background: #000;*/
}

#header .header-rate-box .rate-bar .header-rate-brand {
color: #fff;
font-size: 2.7em;
font-weight: bold;
padding-right: 25px;
}

#header .header-rate-box img.Image {
width: 60px;
margin: .4em;
}

#header .header-rate-box .header-rate {
color: rgba(255,0,0,1);
font-size: 6em;
font-weight: bold;
text-align: center;
margin-bottom: -15px;
}

#header .header-rate-box .header-rate span {
font-size: .6em;
}

#header .header-rate-box .transfer {
font-size: 2.2em;
text-align: center;
}

#header .header-rate-box .transfer span {
font-size: 1.3em;
font-weight: bold;
padding-left: .2em;
}

#header .header-rate-box .header-rate-premium {
color: #fff;
text-align: center;
font-size: 1.4em;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #7a6431;
background-image: -webkit-linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
background-image: linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
}
#header .header-rate-box .header-rate-normal {
color: #fff;
text-align: center;
font-size: 1.4em;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #666666;
background-image: -webkit-linear-gradient(90deg, #999999, #cccccc, #999999, #cccccc, #999999);
background-image: linear-gradient(90deg, #999999, #cccccc, #999999, #cccccc, #999999);
}
#header .header-rate-box .header-rate-other {
color: #fff;
text-align: center;
font-size: 1.4em;
padding: .2em 0;
margin: 1em 0 .5em;
background: #000;
}
#header .header-rate-box .new-customer {
background: #fff;
text-align: center;
font-size: 1.4em;
padding: .2em 0;
/*border: 1px solid #000;*/
border: 1px solid #8e8e8e;
}

/*////////////////////レスポンシブ////////////////////*/

@media screen and (min-width: 801px) and (max-width: 1000px){
#header .header-rate-box {
position:absolute;
top: -315px;
right: 43px;
width: 33%;
}
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#header .header-rate-box {
position: absolute;
top: -38vw;
right: 7vw;
width: 30vw;
}

#header .header-rate-box .rate-bar .header-rate-brand {
font-size: 4vw;
padding-right: 2.5vw;
}
#header .header-rate-box img.Image {
width: 6vw;
margin: .5vw;
}

#header .header-rate-box .header-rate {
font-size: 9vw;
/*margin: -1vw 0 -2vw;*/
}
#header .header-rate-box .transfer {
font-size: 3vw;
}

#header .header-rate-box .transfer span {
font-size: 4vw;
}

#header .header-rate-box .header-rate-premium {
font-size: 2vw;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #7a6431;
}
#header .header-rate-box .header-rate-normal {
font-size: 2vw;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #666666;
}
#header .header-rate-box .header-rate-other {
font-size: 2vw;
padding: .2em 0;
margin: 1em 0 .5em;
background: #000;
}
#header .header-rate-box .new-customer {
font-size: 2vw;
padding: .2em 0;
}
}

@media screen and (min-width: 401px) and (max-width: 500px){
#header .header-rate-box {
top: 58px;
bottom: 0%;
right: 7%;
width: 36%;
}

#header .header-rate-box .rate-bar {
}

#header .header-rate-box .rate-bar .header-rate-brand {
color: #fff;
font-size: 1.4em;
font-weight: bold;
padding-right: 10px;
}

#header .header-rate-box img.Image {
width: 30px;
margin: 3px;
}

#header .header-rate-box .header-rate {
font-size: 2.7em;
margin-bottom: -5px;
margin-top: -3px;
}

#header .header-rate-box .header-rate span {
font-size: .6em;
}

#header .header-rate-box .transfer {
font-size: 1.2em;
text-align: center;
margin-bottom: -5px;
}

#header .header-rate-box .transfer span {
font-size: 1em;
}

#header .header-rate-box .header-rate-premium {
font-size: .9em;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #7a6431;
}
#header .header-rate-box .header-rate-normal {
font-size: .9em;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #666666;
}
#header .header-rate-box .header-rate-other {
font-size: .9em;
padding: .2em 0;
margin: 1em 0 .5em;
background: #000;
}
#header .header-rate-box .new-customer {
font-size: .9em;
padding: .2em 0;
}
}

@media screen and (min-width: 321px) and (max-width: 400px){
#header .header-rate-box {
top: 55px;
bottom: 0%;
right: 7%;
width: 36%;
}

#header .header-rate-box .rate-bar {
}

#header .header-rate-box .rate-bar .header-rate-brand {
color: #fff;
font-size: 1.4em;
font-weight: bold;
padding-right: 10px;
}

#header .header-rate-box img.Image {
width: 25px;
margin: 3px;
}

#header .header-rate-box .header-rate {
font-size: 2.7em;
margin-bottom: -5px;
margin-top: -3px;
}

#header .header-rate-box .header-rate span {
font-size: .6em;
}

#header .header-rate-box .transfer {
font-size: 1.2em;
text-align: center;
margin-bottom: -8px;
}

#header .header-rate-box .transfer span {
font-size: 1em;
}

#header .header-rate-box .header-rate-premium {
font-size: .9em;
padding: .2em 0;
margin: .9em 0 .5em;
text-shadow: 1px 2px 0 #7a6431;
}
#header .header-rate-box .header-rate-normal {
font-size: .9em;
padding: .2em 0;
margin: .9em 0 .5em;
text-shadow: 1px 2px 0 #666666;
}
#header .header-rate-box .header-rate-other {
font-size: .9em;
padding: .2em 0;
margin: .9em 0 .5em;
background: #000;
}
#header .header-rate-box .new-customer {
font-size: .9em;
padding: .2em 0;
}
}

@media(max-width:320px) {
#header .header-rate-box {
position: absolute;
top: 14.5vw;
right: 7.5vw;
width: 35vw;
}

#header .header-rate-box .rate-bar .header-rate-brand {
font-size: 5vw;
padding-right: 2vw;
}
#header .header-rate-box img.Image {
width: 7vw;
margin: 1vw;
}

#header .header-rate-box .header-rate {
font-size: 10vw;
margin: 0 0 -2vw;
}
#header .header-rate-box .transfer {
font-size: 4vw;
margin: -1vw 0 -1vw;
}

#header .header-rate-box .transfer span {
font-size: 5vw;
}

#header .header-rate-box .header-rate-premium {
font-size: 2.5vw;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #7a6431;
}
#header .header-rate-box .header-rate-normal {
font-size: 2.5vw;
padding: .2em 0;
margin: 1em 0 .5em;
text-shadow: 1px 2px 0 #666666;
}
#header .header-rate-box .header-rate-other {
font-size: 2.5vw;
padding: .2em 0;
margin: 1em 0 .5em;
background: #000;
}
#header .header-rate-box .new-customer {
font-size: 2.5vw;
padding: .2em 0;
}
}

/* ////////////////////////////////////////////////////////////

#headerナビバー

/////////////////////////////////////////////////////////////*/

#header .NavBar a.Button {
display: inline-block;
margin-left: -.5em;
float: left;
margin-top: .8em;
}

@media(max-width:768px){
#header .NavBar a.Button {
width: 49%;
}
}

#header .NavBar a.Button:hover {
-webkit-filter:saturate(0%);
filter:saturate(0%);
}

@media(max-width:768px){
#header .NavBar a.Button:hover {
-webkit-animation:none;
animation:none;
}
}

#header .NavBar a.Button img {
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 3px 0px rgba(0,133,178, .2);
box-shadow: 0px 3px 0px rgba(0,133,178, .2);
}

/* ////////////////////////////////////////////////////////////

#footer

/////////////////////////////////////////////////////////////*/

#footer {
width:100%;
background: rgba(0,0,0, 1);
display:block;
z-index:100;
bottom:0;
padding: .5em 0;
font-weight:normal;
font-size:1.2em;
bottom: 0;
}

@media screen and (min-width: 501px) and (max-width: 768px){
#footer {
font-size:.9em;
padding-top: .5em;
}
}

@media(max-width:500px){
#footer {
font-size:.7em;
padding-top: .5em;
/*height: 140px;*/
}
}

#footer .wrapper {
margin:0 auto;
position:relative;
}

@media(max-width:768px){
#footer .wrapper {
padding:0;
}
}

#footer .Block {
border-bottom:1px solid rgba(255,255,255, .2);
padding-bottom:.3em;
margin-bottom:1em;
}

.bnArea {
padding:2em 0 0;
min-height:70px;
background:rgb(255, 255, 255);
}

.bnArea a {
position:relative;
display:inline-block;
margin:0 5px 0 0;
}

#footer a {
}

#footer a:hover {
text-decoration:none;
}

#footer ul.menu {
margin-bottom:40px;
text-align: center;
width:100%;
margin-right:10px;
-webkit-text-shadow:none;
text-shadow:none;
}

@media(max-width:768px){
#footer ul.menu {
width:100%;
margin-bottom:10px;
margin-right:0;
}
}

#footer ul.menu:last-of-type {
margin-bottom:0;
}

@media(max-width:768px){
#footer .Box .head + ul.menu {
margin-left: 1em;
}
}

/* 回り込み解除 */
#footer ul.menu::after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#footer ul.menu li {
font-size:70%;
position:relative;
/*float:left;*/
display:inline-block;
}

@media(max-width:768px){
#footer ul.menu li {
display:block;
width:100%;
}
}

#footer ul.menu.items {
margin-top:-10px;
}

@media(max-width:768px){
#footer ul.menu.items {
margin-top:10px;
}
}

#footer ul.menu.items li {
font-size:.6em;
}

@media(max-width:768px){
#footer ul.menu.items li {
font-size:.8em;
margin-bottom:5px;
}
}

#footer ul.menu li.childrenHead > a {
font-size: 1.1em;
/*font-weight: bold;*/
margin-bottom: .5em;
padding: .2em 1em;
}

@media(max-width:768px){
#footer ul.menu li.childrenHead > a {
font-size: 1.7em;
}
}

#footer ul.menu li a {
display:inline-block;
padding:10px 2px;
margin:5px 5px 5px 0;
color:rgba(115,189,255,1);
text-decoration:none;
letter-spacing:1px;
font-weight:normal;
}

@media(max-width:768px){
#footer ul.menu li a {
padding:.7em .5em;
font-size:2.3em;
display:block;
/*background:rgba(242,21,127, .1);*/
font-weight:normal;
margin:0;
text-align:left;
}

#footer ul.menu li:first-child a {
border-top:1px dotted rgba(115,189,255,1);
}

#footer ul.menu li:not(:last-child) a {
border-bottom:1px dotted rgba(115,189,255,1);
}

#footer ul.menu li ul.children li a {
border-bottom: none;
}
}

#footer ul.menu.items li a {
margin:1px 1px 1px 0;
}

#footer ul.menu li a:hover {
/*background:rgba(242,21,127 , .1);*/
/*color:#fff;*/
text-decoration:none;

/* 透明 */
-webkit-opacity:.8;
opacity:.8;
}

@media(max-width:768px){
#footer ul.menu li a:hover {
background:inherit;
}
}

#footer ul.menu li.ranking {
}

#footer ul.menu li a svg {
margin-right:.1em;
}

/* ////////////////////////////////////////////////////////////

フットリンク

/////////////////////////////////////////////////////////////*/

#footer .footlink {
}

#footer .footlink ul {
left:inherit;
float:inherit;
text-align:center;
}

#footer .footlink ul li {
left:inherit;
float:inherit;
color:rgba(255,255,255, 1);
display:inline-block;
padding: 0 1.5em;
}

#footer .footlink ul li a {
}

@media(max-width:768px){
#footer .footlink ul li a {
width:inherit;
}
}

#footer .footlink ul li a span {
display:inline-block;
color: rgba(255,255,255, 1);
padding: .6em 0;
margin: 0 2px;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
border-bottom: 1px solid transparent;
font-size: 1.4em!important;
}

@media(max-width:768px) {
#footer .footlink ul li a span {
font-size: 1.5em!important;
}
}

#footer .footlink ul li a:hover span {
border-bottom-color: rgba(255,255,255, 1);
}

.footlink ul li a:after {
content: "";
margin:0;
}

/* 回り込み解除 */
#footer::after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.footlink {
overflow: hidden;
position:relative;
padding:1.5em 0 2em;
width: 1000px;
margin: 0 auto;
}

@media(max-width:1000px) {
.footlink {
width: auto;
}
}

.footlink ul {
position:relative;
left:50%;
float:left;
}

.footlink ul li {
position:relative;
left:-50%;
float:left;
font-size:.9em !important;
font-weight:normal !important ;
/*margin-right:20px;*/
}

.footlink ul li a {
display: block;
color:#999 !important;
}

.footlink ul li a:hover {
text-decoration:none !important;
}

/* 回り込み解除 */
#footer .footlink:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* ////////////////////////////////////////////////////////////

リスト ul

/////////////////////////////////////////////////////////////*/

#container ul {
display:block;
}

/* ////////////////////////////////////////////////////////////

p要素

/////////////////////////////////////////////////////////////*/

p {
font-size: 85%;
margin:.5em 0;
}

@media(max-width:500px){
p {
padding:0 5px;
font-size:85%;
}
}

/* ////////////////////////////////////////////////////////////

#copyright

/////////////////////////////////////////////////////////////*/

#copyright {
text-align:left;
font-size: .8em;
position:relative;
letter-spacing:0;
color:rgba(255,255,255, 1);
padding: 10px 0;
}

@media(max-width:768px){
#copyright {
padding: 5px 0;
margin-left:0;
font-size: 1em;
}
}

#copyright .wrapper {
margin:0 auto;
position:relative;
}

#copyright a {
}

#copyright a:hover {
text-decoration:underline;
}

#copyright .logo {
clear:both;
position:relative;
width:100%;
}

@media(max-width:768px){
#copyright .logo {
height:inherit;
}
}

#copyright .logo a.logoimg {
display:block;
z-index:100;
}

@media(max-width:768px){
#copyright .logo a.logoimg {
position:inherit;
}
}

#copyright .logo a.logoimg img {
width:400px;
}

@media(max-width:768px){
#copyright .logo a.logoimg img {
width:250px;
}
}

#copyright .copyright {
font-size:1em;
text-align: center;
margin-top:5px;
}

@media(max-width:768px){
#copyright .copyright::before {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#copyright .copyright {
position:inherit;
left:inherit;
top:inherit;
bottom:inherit;
margin-left:0;
}
}

#copyright .endCredit {
font-size:.8em;
text-align:center;
padding:1em 0 0;
letter-spacing:1px;
color:rgba(255,255,255, 1);
}

#copyright .endCredit a {
color:rgba(255,255,255, 1);
}

/* ////////////////////////////////////////////////////////////

コンテンツ

/////////////////////////////////////////////////////////////*/

/* ////////////////////////////////////////////////////////////

セクション01・セクション04

/////////////////////////////////////////////////////////////*/

#container section.content01,
#container section.content04 {
background: #e5e5e5;
padding: 3em 0;
}

#container section.content01 .box,
#container section.content04 .box{
background: #fff;
padding: 3em 0;
margin: 1em auto;
}

#container section.content01 img.Image,
#container section.content04 img.Image {
margin: 0 auto;
}

#container section.content01 .caption,
#container section.content04 .caption {
font-size: 2.7em;
}


@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content01 {
padding: 2em 0;
}
#container section.content04 {
padding: 2em 0;
}
#container section.content01 .box,
#container section.content04 .box{
width: 95%;
}
#container section.content01 img.Image,
#container section.content04 img.Image {
padding: 0 2em;
}

#container section.content01 .caption,
#container section.content04 .caption {
font-size: 2.2em;
}
}

@media(max-width:500px) {
#container section.content01,
#container section.content04 {
padding: .5em 0;
}

#container section.content01 .box,
#container section.content04 .box{
margin: 1em;
}

#container section.content01 img.Image,
#container section.content04 img.Image {
margin: 0 auto;
padding: 0 2em;
}

#container section.content01 .caption,
#container section.content04 .caption {
font-size: 1.3em;
}
}

/* ////////////////////////////////////////////////////////////

セクション02

/////////////////////////////////////////////////////////////*/

#container section.content02 {
background: rgba(192,231,255,1);
position: relative;
/*padding: 50px 0px 30px;*/
padding: 3em 0;
z-index: 1;
}

#container section.content02:after {
content: "";
position: absolute;
top: 100%;
right: 50%;
transform: translatex(50%);
box-sizing: border-box;
border-right: calc(50vw - 10px) solid transparent;
border-left: calc(50vw - 10px) solid transparent;
border-top: 200px solid rgba(192,231,255,1);
}

#container section.content02 img.Image{
/*width: 200px;*/
margin: 3em auto;
}

#container section.content02 .caption {
font-size: 2.7em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content02 {
padding: 3em 0;
}
#container section.content02 .caption {
font-size: 2.2em;
}
}

@media(max-width:500px) {
#container section.content02:after {
border-right: 50vw solid transparent;
border-left: 50vw solid transparent;
border-top: 80px solid rgba(192,231,255,1);
}
#container section.content02 {
padding: 1em 0 3.5em;
}
#container section.content02 .caption {
font-size: 5vw;
margin-bottom: .5em;
}
#container section.content02 img.Image{
margin: 2em auto 1em;
height: 15px;
}
}

/* ////////////////////////////////////////////////////////////

セクション02　換金率ボックス

/////////////////////////////////////////////////////////////*/

.ratebox {
text-align: center;
}

.ratebox .ratetype {
width: 900px;
display: inline-block;
position: relative;
padding: 15px 20px;
font-size: 2em;
letter-spacing: 2px;
font-weight: bold;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.ratebox .ratetype {
width: 90%;
}
}
@media(max-width:500px) {
.ratebox .ratetype {
width: 95%;
/*font-size: 1.6em;*/
font-size: 5vw;
padding: .3em;
margin-top: 2em!important
}
}

.ratebox .ratetype:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
z-index: -1;
}

.ratebox .ratetype:after {
position: absolute;
content: '';
top: 100%;
right: 0;
border: none;
border-bottom: solid 15px transparent;
z-index: -1;
}

.ratebox .ratetype.premium {
margin-top: 1em;
color: #fff;
text-shadow: 2px 3px 0 #7a6431;
filter: dropshadow(color=#7a6431, offx=2, offy=3);
background-image: -webkit-linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
background-image: linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
}
@media(max-width:500px) {
.ratebox .ratetype.premium {
margin-top: 1em!important;
text-shadow: 1px 2px 0 #7a6431;
}
}

.ratebox .ratetype.premium:before {
border-right: solid 20px #7a6431;/*折り返し部分*/
}

.ratebox .ratetype.premium:after {
border-left: solid 20px #7a6431;/*折り返し部分*/
}

.ratebox .ratetype.normal {
margin-top: 2.5em;
color: #fff;
text-shadow: 2px 3px 0 #666666;
filter: dropshadow(color=#666666, offx=2, offy=3);
background-image: -webkit-linear-gradient(90deg, #999999, #cccccc, #999999, #cccccc, #999999);
background-image: linear-gradient(90deg, #999999, #cccccc, #999999, #cccccc, #999999);
}
@media(max-width:500px) {
.ratebox .ratetype.normal {
text-shadow: 1px 2px 0 #666666;
}
}

.ratebox .ratetype.normal:before {
border-right: solid 20px #666666;/*折り返し部分*/
}

.ratebox .ratetype.normal:after {
border-left: solid 20px #666666;/*折り返し部分*/
}

.ratebox .ratetype.other {
margin-top: 2.5em;
color: #fff;
background: #000;
}

.ratebox .ratetype.other:before {
border-right: solid 20px #666666;/*折り返し部分*/
}

.ratebox .ratetype.other:after {
border-left: solid 20px #666666;/*折り返し部分*/
}

.ratebox .rateblock {
display: flex;
align-items: center;
justify-content: space-between;
width: 860px;
margin: 0 auto 5em;;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.ratebox .rateblock {
width: 86%;
}
}

@media(max-width:500px) {
.ratebox .rateblock {
width: 90%;
}
}

.ratebox .rateblock .white {
background: #fff;
width: 32%;
height: 410px;
border-radius: 0 0 15px 15px;
-webkit-box-shadow: 5px 5px 0px rgba(0, 0, 0, .2);
box-shadow: 5px 5px 0px rgba(0, 0, 0, .2);
margin-top: -5px;
}

@media screen and (min-width: 769px) and (max-width: 1000px){
.ratebox .rateblock .white {
height: 43vw;
}
}

@media screen and (min-width: 501px) and (max-width: 768px){
.ratebox .rateblock .white {
height: 47vw;
}
}

@media(max-width:500px) {
.ratebox .rateblock .white {
width: 32%;
/*height: 190px;*/
height: 50vw;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 0px rgba(0, 0, 0, .2);
padding: .5em;
}
}

.ratebox .last {
margin-top: -4em;
}
.ratebox .last .white {
background: #fff;
width: 32%;
height: 410px;
border-radius: 15px;
-webkit-box-shadow: 5px 5px 0px rgba(0, 0, 0, .2);
box-shadow: 5px 5px 0px rgba(0, 0, 0, .2);
margin-bottom: -15em;
z-index: 1;
}

@media screen and (min-width: 769px) and (max-width: 1000px){
.ratebox .last .white {
height: 43vw;
}
}

@media screen and (min-width: 501px) and (max-width: 768px){
.ratebox .last .white {
height: 47vw;
}
}

@media(max-width:500px) {
.ratebox .last .white {
width: 31.5%;
height: 50vw;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 0px rgba(0, 0, 0, .2);
margin-bottom: -12em;
}
}

.ratebox .rateblock .bland {
font-size: 1.8em;
font-weight: bold;
padding: 1em 0 .5em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.ratebox .rateblock .bland {
font-size: 3.3vw;
padding: 1em 0 .5em;
}
}

@media(max-width:500px) {
.ratebox .rateblock .bland {
font-size: 3.5vw;
padding: 1em 0 .5em;
}
}

.ratebox .rateblock img.icon {
/*padding: .5em 3.5em 1.5em;*/
margin: .5em auto 1.5em;
width: 160px;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.ratebox .rateblock img.icon {
width: 16.5vw;
}
}

@media(max-width:500px) {
.ratebox .rateblock img.icon {
margin: 0 auto .5em;
/*width: 60px;*/
width: 17vw;
}
}

.ratebox .rateblock .flexbox {
display: flex;
align-items: center;
justify-content: center;
}

.ratebox .rateblock .flexbox {
display: flex;
align-items: center;
justify-content: center;
/*justify-content: space-evenly;*/
}

.ratebox .rateblock .first {
padding: .2em 0;
font-size: 1.1em;
letter-spacing: 5px;
background: #e51326;
color: #fff;
width: 40%;
margin: .5em .8em;
margin-left: 0;
display: flex;
align-items: center;
justify-content: center;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.ratebox .rateblock .first {
font-size: 1.8vw;
}
}

@media(max-width:500px) {
.ratebox .rateblock .first {
padding: .2em 0;
letter-spacing: 2px;
width: 37%;
margin: 0 .5em 0 0;
height: 25px;
font-size: 2vw;
font-weight: bold;
}
}

.ratebox .rateblock .second {
padding: .2em 0;
font-size: 1.1em;
letter-spacing: 1px;
background: #0000ff;
color: #fff;
width: 40%;
margin: .5em .8em;
margin-left: 0;
display: flex;
align-items: center;
justify-content: center;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.ratebox .rateblock .second {
font-size: 1.8vw;
}
}

@media(max-width:500px) {
.ratebox .rateblock .second {
padding: .2em 0;
letter-spacing: 1px;
width: 37%;
margin: 0 .5em 0 0;
height: 25px;
line-height: 11px;
font-size: 2vw;
font-weight: bold;
}
}

.ratebox .rateblock .rate {
font-size: 2.1em;
font-weight: bold;
letter-spacing: -1px;
}

.ratebox .rateblock .rate span {
font-size: .7em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.ratebox .rateblock .rate {
font-size: 3.5vw;
}
}

@media(max-width:500px) {
.ratebox .rateblock .rate {
/*font-size: 1.6em;*/
font-size: 5.5vw;
letter-spacing: -0.5px;
}
}

/* ////////////////////////////////////////////////////////////

セクション02　換金率レート解説

/////////////////////////////////////////////////////////////*/

.rate_info {
font-weight: normal!important;
text-align: center;
position: relative;
width: 86%;
margin: 0 auto;
padding: 1em 0;
background: rgba(255,255,255,.5);
letter-spacing: 2px;
font-size: 1.1em;
margin-top: -3em;
}

.rate_info span{
/*font-size: 1.2em;*/
}

@media (max-width: 500px) {
.rate_info {
font-size: 1em!important;
padding: 5px 35px 5px 55px!important;
line-height: 1.5;
margin-top: -3.5em;
}
}

.rate_info:after {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: 1em;
position: absolute;
right: 20px;
top: 50%;
color: #000;
transform: translateY(-50%);
transition: 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
cursor: pointer;
}

@media (max-width: 768px) {
.rate_info:after {
font-size: 1.1em;
right: 12px;
}
}

.rate_info.is-active:after {
content: "\f068";
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: 1em;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 768px) {
.rate_info.is-active:after {
font-size: 1.1em;
right: 12px;
}
}

.rate_detail {
display: none;
transition: unset;
background: rgba(255,255,255,.5);
width: 86%;
margin: 0 auto;
padding: .5em 1.5em 1.5em;
font-size: 1.1em;
}

.rate_detail p {
line-height: 2.5!important;
text-align: center!important;
font-size: 1em!important;
margin: 0!important;
padding: 0!important;
}

.rate_detail .flexbox {
display: flex;
align-items: center;
justify-content: space-around;
border: solid 2px #000;
padding: 0.7em;
font-weight: bold;
margin: 1em 0 0.5em;
}

.rate_detail .gridbox {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media(max-width:500px) {
.rate_detail .gridbox {
display: block;
}
}

.grid {
border: solid 2px #000;
margin: 1em 1em 1em 1em;
padding: .5em 1em;
line-height: 2;
}

.grid .gridhead {
font-weight: bold;
margin-bottom: .2em;
}

.grid.grid_a {
grid-area: 1 / 1 / 3 / 2;
}
.grid.grid_b {
grid-area: 1 / 2 / 3 / 3;
}
.grid.grid_c {
grid-area: 1 / 3 / 2 / 4;
margin-bottom: .3em;
}
.grid.grid_d {
grid-area: 2 / 3 / 3 / 4;
margin-top: .3em;
}

.grid.grid_c,
.grid.grid_d {
margin-bottom: 1em;
margin-top: 1em;
}

@media (max-width: 768px) {
.rate_detail {
padding: 1em!important;
}
}

/* ////////////////////////////////////////////////////////////

セクション03

/////////////////////////////////////////////////////////////*/

#container section.content03 {
background-color:rgba(115,189,255,1);
background-image: url(../img/bg_pattern.png);
padding-top: 250px;
padding-bottom: 1em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content03 {
padding-top: 200px;
}
}

@media(max-width:500px) {
#container section.content03 {
background-image: url(../img/bg_patternSP.png);
/*padding-top: 70px;*/
padding-top: 5.5em;
}
}

/* ////////////////////////////////////////////////////////////

セクション03　シミュレーター

/////////////////////////////////////////////////////////////*/

.simubox {
background: #fff;
border: 2px solid #000;
border-radius: 15px;
width: 86%;
margin: 5em auto;
padding: 5em 2em 2em;
text-align: center;
position: relative;
}

@media(max-width:500px) {
.simubox {
width: 95%;
padding: 3em 2em 0;
margin: 4em auto 2em;
}
}

.simubox img.Image {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.simubox img.Image2 {
margin: 0 auto;
}

@media(max-width:500px) {
.simubox img.Image {
top: -20px;
width: 250px;
}
}

@media(max-width:500px) {
.simubox img.Image2 {
width: 280px;
margin: 0 auto;
}
}

.simubox .simulist input {
/*border: 1px solid #000;*/
border: 1px solid #8e8e8e;
padding: .5em .7em;
margin: .5em;
font-size: .9em;
border-radius: 5px;
height: 60px;
width: 360px;
background-color: #f4f4f4;
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
}

.simubox .simulist td.Radio input {
width: 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.simubox .simulist input {
height: 50px;
width: 80%;
font-size: 1em!important;
}
.simubox .simulist td.Radio {
text-align: left!important;
padding-left: 8vw!important;
font-size: 1.2em;
}
}

@media(max-width:500px) {
.simubox .simulist input {
height: 40px;
width: 85%;
font-size: .9em!important;
}
.simubox .simulist input.px16 {
font-size: 16px!important;
}
}

.simubox .simulist {
font-size: 1.4em;
font-weight: bold;
/*width: 90%;*/
margin: 2.5em auto 1em;
position: relative;

display: flex;
align-items: center;
justify-content: center;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.simubox .simulist {
display: table;
width: 100%;
margin: 1em auto 1em;
}
}

@media(max-width:500px) {
.simubox .simulist {
display: table;
width: 100%;
margin: .9em auto 1em;
}
}

.simubox .simulist th{
padding: 1em 0;
text-align: left;
padding-right: 4em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.simubox .simulist th{
padding: 1em 0 0 1em;
padding-right: 0;
display: block;
}
.simubox .simulist td{
display: block;
text-align: center!important;
padding: .5em 0 1em!important;
}
}

@media(max-width:500px) {
.simubox .simulist th{
padding: 1em 0 0;
padding-right: 0;
display: block;
}
.simubox .simulist td{
display: block;
text-align: center!important;
padding: .5em 0 1em!important;
}
.simubox .simulist th.second {
padding: 1em 0 .5em;
}
}

.simubox .simulist td{
padding: 1em 0;
text-align: left;
/*width: 50%;*/
position: relative;
}

.simubox .simulist .first:before {
content:url(../img/simu01.png);
vertical-align: middle;
margin-right: .5em;
}

.simubox .simulist .second:before {
content:url(../img/simu02.png);
vertical-align: middle;
margin-right: .5em;
}
.simubox .simulist .third:before {
content:url(../img/simu03.png);
vertical-align: middle;
margin-right: .5em;
}
.simubox .simulist .fourth:before {
content:url(../img/simu04.png);
vertical-align: middle;
margin-right: .5em;
}

@media(max-width:500px) {
.simubox .simulist th span {
margin-left: 2em;
}

.simubox .simulist .first:before {
content:'';
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/simu01.png);
left: .5em;
}
.simubox .simulist .second:before {
content:'';
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/simu02.png);
left: .5em;
}
.simubox .simulist .third:before {
content:'';
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/simu03.png);
left: .5em;
}
.simubox .simulist .fourth:before {
content:'';
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/simu04.png);
left: .5em;
}
}

.simubox .simulist .last {
background-image: linear-gradient(to right, #aaa, #aaa 6px, transparent 6px, transparent 8px);
background-size: 13px 1px;
background-repeat: repeat-x;
}

.simubox .simulist .last th,
.simubox .simulist .last td {
padding-top: 1.6em;
}

.simubox .simulist .amount th,
.simubox .simulist .amount td {
padding-bottom: 1.6em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.simubox .simulist .amount th {
padding-bottom: 0;
}
.simubox .simulist .last td {
padding-top: 0;
}
}

@media(max-width:500px) {
.simubox .simulist .amount th {
padding-bottom: 0;
}
.simubox .simulist .last td {
padding-top: 0;
}
}

.simubox .simulist .last input {
background-color: rgba(255,250,227,1);
}

.simubox .simulist select {
font-size: .9em;
border-radius: 5px;
height: 60px;
width: 360px;
background-color: #f4f4f4;
border: 1px solid #8e8e8e;
padding: 0em .7em;
margin: .5em;
/* グラデーション */
background-image: linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -o-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -moz-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -webkit-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -ms-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.2, rgb(230,230,230)),
color-stop(0.95, rgb(255,255,255))
);
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.simubox .simulist select {
height: 50px;
/*width: 80%;*/
width: 83.5%;
font-size: 1em!important;
}
}

@media(max-width:500px) {
.simubox .simulist select {
height: 40px;
/*width: 85%;*/
width: 90%;
font-size: .9em!important;
}
}

.simubox .simulist td.typeselect option {
text-align: left;
}

.simubox .simulist td.typeselect:after {
content:'';
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 0.4em);
right: 6%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/simu_arrow.png);
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.simubox .simulist td.typeselect:after {
right: 8%;
  top: calc(50% - 0.5em);
  width: 15px;
  height: 15px;
}
}

@media(max-width:500px) {
.simubox .simulist td.typeselect:after {
right: 3%;
top: calc(50% - 0.7em);
width: 15px;
height: 15px;
}
}

.simubox .simulist label {
font-size: .8em;
font-weight: normal;
margin-right: .5em;
vertical-align: middle;
}

.simubox .simulist label:before {
width: 15px;
height: 15px;
line-height: 15px;
margin-right: 1em;
border: 1px solid #8e8e8e;
background-color: #f4f4f4;
margin-bottom: 0.1em;
}

@media(max-width:500px) {
.simubox .simulist label {
font-size: 1em;
margin: .5em;
}
}

/* ////////////////////////////////////////////////////////////

セクション05

/////////////////////////////////////////////////////////////*/

#container section.content05 {
background: rgba(255,250,227,1);
padding: 3em 0;
}

#container section.content05 img.Image {
margin: 0 auto;
display: block;
padding: 4em 0 3em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content05 {
padding: 3em 0;
}

#container section.content05 img.Image {
padding: 4em 1em 1.5em;
}
}

@media(max-width:500px) {
#container section.content05 {
padding: .5em 0;
}

#container section.content05 img.Image {
padding: 3.5em 1em 0;
}
}

#container section.content05 img.icon {
width: 100px;
margin: .5em auto 0;
display: block;
}

#container section.content05 img.icon_big {
width: 130px;
margin: .5em auto 0;
display: block;
}

@media(max-width:500px) {
#container section.content05 img.icon {
width: 80px;
}
#container section.content05 img.icon_big {
width: 100px;
}
}

/* ////////////////////////////////////////////////////////////

セクション05　選ばれる理由

/////////////////////////////////////////////////////////////*/

.reasonbox {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-bottom: 5em;
}

.reasonbox .reasonblock {
width: 280px;
height: 450px;
background-color: #fff;
padding: 1em;
border-radius: 10px;
-webkit-box-shadow: 7px 7px 0px rgba(0, 0, 0, .05);
box-shadow: 7px 7px 0px rgba(0, 0, 0, .05);
position: relative;
margin: 4em .5em 1em;
font-size: 1.1em;
}

@media screen and (min-width: 801px) and (max-width: 1000px){
.reasonbox .reasonblock {
width: 250px;
height: auto;
}
}

@media screen and (min-width: 501px) and (max-width: 800px){
.reasonbox .reasonblock {
width: 450px;
height: auto;
margin: 2em 0 2em;
padding: 1em 1.5em;
}
}

@media(max-width:500px) {
.reasonbox .reasonblock {
width: 90%;
height: auto;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 0px rgba(0, 0, 0, .05);
box-shadow: 5px 5px 0px rgba(0, 0, 0, .05);
margin: 4em 0 0;
}
}

.reasonbox .reasonblock p {
line-height: 2.1!important;
letter-spacing: 0.5px!important;
}

@media screen and (min-width: 501px) and (max-width: 800px){
.reasonbox .reasonblock p {
font-size: 1.2em!important;
margin-bottom: .5em!important;
}
}

@media(max-width:500px) {
.reasonbox .reasonblock p {
font-size: 1.1em!important;
margin-bottom: .5em!important;
line-height: 1.9!important;
}
}

.reasonbox .reasonblock .title {
font-size: 1.5em;
font-weight: bold;
text-align: center;
padding: 1em 0 .5em;
letter-spacing: 2px;
}

@media(max-width:500px) {
.reasonbox .reasonblock .title {
font-size: 5.5vw;
}
.reasonbox .reasonblock .title span {
font-size: 6vw;
}
}

.reasonbox .reasonblock .title span {
font-size: 1.4em;
padding-left: .2em;
background:linear-gradient(transparent 75%, #fff666 75%);
}

.reasonbox .reasonblock:before{
content:'';
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

@media(max-width:500px) {
.reasonbox .reasonblock:before{
width: 50px;
height: 50px;
}
}

.reasonbox .a:before{
background-image: url(../img/reason01.png);
}
.reasonbox .b:before{
background-image: url(../img/reason02.png);
}
.reasonbox .c:before{
background-image: url(../img/reason03.png);
}
.reasonbox .d:before{
background-image: url(../img/reason04.png);
}
.reasonbox .e:before{
background-image: url(../img/reason05.png);
}

/* ////////////////////////////////////////////////////////////

セクション06

/////////////////////////////////////////////////////////////*/

#container section.content06 {
background: rgba(115,189,255,1);
position: relative;
padding: 60px 0px 30px;
z-index: 0;
}

#container section.content06 img.Image{
margin: 3em auto;
}

#container section.content06 img.threestep{
width: 250px;
}

#container section.content06 .caption {
font-size: 2.7em;
color: #fff;
margin-bottom: 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content06 .caption {
font-size: 2.2em;
}

#container section.content06 img.flow{
margin: 2em auto!important;
}
#container section.content06 img.threestep{
margin: 2em auto 1em!important;
}
}

@media(max-width:500px) {
#container section.content06 {
padding: 1em 0;
}

#container section.content06 .caption {
font-size: 5vw;
}
#container section.content06 img.flow{
height: 15px;
margin: 1.5em auto!important;
}
#container section.content06 img.threestep{
width: 170px;
margin: 1em auto 2.5em!important;
}
}

/* ////////////////////////////////////////////////////////////

セクション07

/////////////////////////////////////////////////////////////*/

#container section.content07 {
padding-top: 200px;
background: rgba(192,231,255,1);
padding-bottom: 3em;
z-index: 1;
}

#container section.content07:before {
content: "";
position: absolute;
top: 0%;
right: 50%;
transform: translatex(50%);
box-sizing: border-box;
border-right: calc(50vw - 10px) solid transparent;
border-left: calc(50vw - 10px) solid transparent;
border-top: 200px solid rgba(115,189,255,1);
}

#container section.content07 img.Image{
width:70px;
margin: -2em auto 2.5em;
display: block;
/*-webkit-animation: slideInTop 1s ease-in-out infinite alternate;
animation: slideInTop 1s ease-in-out infinite alternate;*/
}

#container section.content07:after {
content: "";
position: absolute;
top: 90%;
display: block;
height: 10.5%;
width:100%;
background: rgba(255,250,227,1);
z-index: -1;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content07:before {
border-right: 50vw solid transparent;
border-left: 50vw solid transparent;
}
}

@media(max-width:500px){
#container section.content07 {
padding: .5em 0;
}
#container section.content07 img.Image{
width:35px;
margin: -3em auto 1.5em;
}
#container section.content07:before {
border-right: 50vw solid transparent;
border-left: 50vw solid transparent;
border-top: 80px solid rgba(115,189,255,1);
}
}

/* ////////////////////////////////////////////////////////////

セクション07　申込の流れ

/////////////////////////////////////////////////////////////*/

.stepbox {
width: 90%;
margin: -13em auto -4em;
}

@media(max-width:500px) {
.stepbox {
width: 90%;
margin: -3em auto -4em;
}
}

.stepbox .step {
background: #fff;
border-radius: 10px;
border: 2px solid #000;
position: relative;
margin: 2em 0 5em;
}

.stepbox .step p {
margin: 0!important;
font-size: 1.2em!important;
line-height: 2.1!important;
padding: .5em;
}

@media(max-width:500px) {
.stepbox .step p {
margin: 0!important;
font-size: 1.1em!important;
line-height: 2.1!important;
padding: .5em 0 1em;
}
}

.stepbox .flexbox {
display: flex;
align-items: center;
justify-content: space-evenly;
width: 90%;
margin: 0 auto;
}

.stepbox .flexbox img {
width: 250px;
padding-top: 2em;
}

.stepbox .flexbox img.Image {
padding: .5em 0;
margin-left: 3em;
}

@media(max-width:500px) {
.stepbox .flexbox {
display: block;
}
.stepbox .flexbox img {
width: 100px;
margin: 0 auto;
padding-top: 1.5em;
}
}

.stepbox .step .title {
background: #000;
color: #fff;
border-radius: 5px 5px 0 0;
font-size: 2em;
font-weight: bold;
padding: .5em;
text-align: center;
}

@media(max-width:500px) {
.stepbox .step .title {
font-size: 1.5em;
}
}

.stepbox .step:before {
content:'';
width: 120px;
height: 120px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -5em;
left: -2em;
}

@media(max-width:500px) {
.stepbox .step:before {
width: 60px;
height: 60px;
top: -2em;
left: -1em;
}
}

.stepbox .a:before {
background-image: url(../img/step01.png);
}

.stepbox .b:before {
background-image: url(../img/step02.png);
}

.stepbox .c:before {
background-image: url(../img/step03.png);
}

.stepbox .graybg {
background: #f4f4f4;
padding: 1.5em;
margin: 0 2em 3em 2em;
}

@media(max-width:500px) {
.stepbox .graybg {
margin: 0 1em 3em 1em;
}
}

.stepbox .frame {
border: 1px solid #000;
padding: .5em;
width: 95%;
margin: .5em auto;
}

.stepbox .graybg p {
padding: 0!important;
}

.stepbox .frame p {
padding: 0;
text-align: center!important;
}

@media(max-width:500px) {
.stepbox .frame {
width: 100%;
}
}

/* ////////////////////////////////////////////////////////////

セクション08

/////////////////////////////////////////////////////////////*/

#container section.content08 {
background: rgba(255,250,227,1);
padding: 1em 0 6em;
}

.entrustbox {
width: 90%;
margin: 0 auto;
padding: 3em 1em;
background-color: #fff;
/*border: solid 1px #000;*/
border: 1px solid #8e8e8e;
}

.entrustbox p {
text-align: center!important;
font-size: 1.6em!important;
font-weight: bold;
margin: 0!important;
}

@media(max-width:500px) {
#container section.content08 {
padding: 1em 0 2em;
}
.entrustbox .request_btn {
margin: 1em auto 0!important;
width: 90%!important;
}
}

/* ////////////////////////////////////////////////////////////

セクション09

/////////////////////////////////////////////////////////////*/

#container section.content09 {
background: rgba(243,251,255,1);
padding: 3em 0;
}

#container section.content09 .caption {
font-size: 2.7em;
}

#container section.content09 img.Image{
/*width: 200px;*/
margin: 3em auto;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content09 .caption {
font-size: 2.2em;
margin-bottom: 2em;
}
#container section.content09 img.Image{
margin: 2em auto;
}
}

@media(max-width:500px) {
#container section.content09 {
padding: 1em 0;
}
#container section.content09 .caption {
/*font-size: 1.6em;*/
font-size: 5vw;
}
#container section.content09 img.Image{
height: 15px;
margin: 1.5em auto;
}
}

/* ////////////////////////////////////////////////////////////

セクション09　Q&A

/////////////////////////////////////////////////////////////*/

.faq {
width: 90%;
margin: 1.5em auto 4em;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.faq {
margin: 0 auto 20px;
margin-top: none;
width: 90%;
}
}

@media (max-width: 500px) {
.faq {
margin: 5px auto 20px;
width: 90%;
}
}

.faq_item {
width: 100%;
border: 2px solid rgba(115,189,255,1);
overflow: hidden;
border-radius: 10px;
font-size: 1em!important;
line-height: 1!important;
font-weight: normal;
margin: 2.5em 0!important;
background: #fff;
padding: .5em;
}

.faq_q {
font-weight: normal;
font-size: .9em;
padding: 1em!important;
text-align: justify;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-start;

}
.faq_q span{
font-size: 1.2em;
font-weight: bold;
}

@media (max-width: 500px) {
.faq_q {
font-size: .9em!important;
padding: 10px 40px 10px 10px!important;
line-height: 1.5;
}
.faq_q span{
font-size: 1.2em;
line-height: 1.7;
}
}

.faq_q:after {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: 1.5em;
position: absolute;
right: 20px;
top: 50%;
color: rgba(115,189,255,1);
transform: translateY(-50%);
transition: 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
}

@media (max-width: 500px) {
.faq_q:after {
right: 12px;
}
}

.faq_q.is-active:after {
content: "\f068";
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: 1.5em;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
color: rgba(115,189,255,1);
}

@media (max-width: 500px) {
.faq_q.is-active:after {
right: 12px;
}
}

.faq_q .q {
font-size: 1.7em;
color: rgba(115,189,255,1);
font-weight: bold;
padding-right: 1em;
}

@media (max-width: 500px) {
.faq_q .q {
font-size: 1.4em;
padding-right: .6em;
}
}

.faq_a {
display: none;
transition: unset;
position: relative;
border-top: 3px solid #fff;
font-size: .9em;
text-align: justify;
border-top: 1px solid rgba(115,189,255,1);
margin: 0 auto;
}

.faq_a .flexbox {
padding: 1em!important;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}

@media(max-width:500px) {
.faq_a .flexbox {
padding: 1em 1em .5em 1em!important;
}
}

@media (max-width: 500px) {
.faq_a {
}
}

.faq_a .a {
font-size: 1.8em;
color: rgba(255,0,0,1);
font-weight: bold;
padding: 0 1.3em 0 0.3em;
}

.faq_a span {
font-size: 1.2em;
line-height: 1.8!important;
}

@media(max-width:500px) {
.faq_a .a {
font-size: 1.6em;
padding: 0 1em 0 0;
}
.faq_a span {
font-size: 1.2em;
line-height: 1.7!important;
}
}

.faq .frame {
border: 1px solid #000;
padding: .5em;
margin-top: .5em;
}

.faq .frame p {
padding: 0;
text-align: center!important;
margin: 0!important;
}

/* ////////////////////////////////////////////////////////////

セクション10

/////////////////////////////////////////////////////////////*/

#container section.content10 {
background: rgba(255,255,255,1);
padding: 3em 0;
}

#container section.content10 img.Image {
margin: 0 auto;
display: block;
padding: 4em 0 3em;
}

@media(max-width:500px) {
#container section.content10 {
padding: 0 0 .5em;
}
#container section.content10 img.Image {
padding: 4em 1em 3em;
}
}

/* ////////////////////////////////////////////////////////////

Twitterタイムライン埋め込み

/////////////////////////////////////////////////////////////*/

.TwitterBox {
margin: .5em auto 3em;
padding: 1em;
border: 1px solid #8e8e8e;
width: 70%;
border-radius: 10px;

overflow-y: scroll;
height: 400px;
}

.TwitterBox a {
margin: .5em;
}

/*スクロールバーの横幅指定*/
.TwitterBox::-webkit-scrollbar {
width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
.TwitterBox::-webkit-scrollbar-track {
border-radius: 10px;
background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
.TwitterBox::-webkit-scrollbar-thumb {
border-radius: 10px;
background:rgba(115,189,255,1);
}

@media(max-width:768px) {
.TwitterBox {
width: 90%;
}
}

/* ////////////////////////////////////////////////////////////

セクション11

/////////////////////////////////////////////////////////////*/

#container section.content11 {
background: #e5e5e5;
padding: 3em 0;
}

#container section.content11 .caption {
font-size: 2.7em;
padding: 1em 0 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content11 .caption {
font-size: 2.2em;
}
}

@media(max-width:500px) {
#container section.content11 {
padding: 1em 0;
}
#container section.content11 .caption {
font-size: 5vw;
padding: 1.5em 0 .5em;
}
}

/* ////////////////////////////////////////////////////////////

セクション11　フォーム

/////////////////////////////////////////////////////////////*/

#container section.content11 .form_wrapper{
background: #fff;
width: 90%;
margin: 3em auto;
border-radius: 15px;
padding: 1em 1.5em;
}

#container section.content11 .form_wrapper .formhead {
font-size: 1.6em;
font-weight: bold;
background: rgba(115,189,255,1);
color: #fff;
padding: .5em 1em;
border-radius: 5px;
}

.form_wrapper .form_inner {
width: 95%;
margin: 0 auto;
}

@media(max-width:500px) {
#container section.content11 .form_wrapper{
width: 95%;
margin: 1.5em auto;
padding: .5em 1em;
border-radius: 5px;
}

#container section.content11 .form_wrapper .formhead {
font-size: 1.3em;
}
.form_wrapper .form_inner {
width: 100%;
/*margin: 0 auto;*/
}
}

.form_wrapper .attention {
color: #8e8e8e;
font-size: .85em;
font-weight: normal;
margin-top: -1em;
line-height: 2;
letter-spacing: 1px;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_wrapper .attention {
font-size: .75em;
margin-top: -2.5em;
letter-spacing: 0;
margin-left: 1em;
}
}

@media(max-width:500px) {
.form_wrapper .attention {
font-size: .75em;
margin-top: -2.5em;
letter-spacing: 0;
margin-left: 1em;
}
}

/* ////////////////////////////////////////////////////////////

セクション11　ギフト券選択

/////////////////////////////////////////////////////////////*/

#container section.content11 .form_wrapper .gifttype {
background: #fff;
padding: 2em 0;
margin-bottom: 1em;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content11 .form_wrapper .gifttype {
padding: 1.5em 0;
margin-bottom: 1em;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
}

@media(max-width:500px) {
#container section.content11 .form_wrapper .gifttype {
padding: 1.5em 0;
margin-bottom: 1em;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
}

#container section.content11 .form_wrapper .giftlabel {
background: #fff;
outline: solid 1px #8e8e8e;
outline-offset: -1px;
padding: .5em;
margin: .5em .4em;
display: flex;
align-items: center;
justify-content: flex-start;
}

#container section.content11 .form_wrapper .giftlabel img {
width: 60px;
}

@media(max-width:500px) {
#container section.content11 .form_wrapper .giftlabel img {
width: 40px;
}
}

#container section.content11 .form_wrapper .giftlabel .giftbrand {
font-size: 1.15em;
/*font-size: 18px;*/
padding: 0 .5em;
}

@media(max-width:500px) {
#container section.content11 .form_wrapper .giftlabel .giftbrand {
font-size: .9em;
padding: 0 .5em;
word-break: break-all;
}
}

#container section.content11 .form_wrapper .gifttype label:before {
display:none!important;
}

#container section.content11 .form_wrapper .radiobutton {
}

#container section.content11 .form_wrapper .radiobutton:checked + label {
background-color: rgba(255,250,227,1)!important;
color: #000!important;
/*border: solid 1px rgba(242,150,0,1)!important;*/
outline: 2px solid rgba(242,150,0,1)!important;
outline-offset: -2px;
}

/* ////////////////////////////////////////////////////////////

セクション11　利用回数

/////////////////////////////////////////////////////////////*/

.times .Radio {
padding: 2em 0 2.5em;
font-size: 1.2em;
}

.times .Radio input {
height: 60px;
}

.times .Radio label:before {
width: 15px;
height: 15px;
line-height: 15px;
margin-right: .5em;
border: 1px solid #8e8e8e;
background-color: #f4f4f4;
margin-bottom: 0.1em;
}

@media(max-width:1000px) {
.times .Radio {
padding: 2em 0 2.5em;
font-size: 1.2em;
}

.times .Radio input {
height: 60px;
}
}

/* ////////////////////////////////////////////////////////////

セクション11　ギフト情報入力

/////////////////////////////////////////////////////////////*/

.form_boxA {
margin: 0 auto;
padding: 0;
text-align: center;
position: relative;
}

.form_boxA .form_listA input {
border: 1px solid #8e8e8e;
padding: .5em .7em;
margin: 0 .5em 0 0;
font-size: 1em;
border-radius: 5px;
height: 60px;
width: 400px;
background-color: #f4f4f4;
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxA .form_listA input {
margin-left: 1em;
height: 50px;
width: 80%;
font-size: 1em!important;
}
}

@media(max-width:500px) {
.form_boxA .form_listA input {
margin-left: 1em;
height: 40px;
width: 80%;
font-size: .9em!important;
}
.form_boxA .form_listA input.px16 {
font-size: 16px!important;
}
}

.form_boxA .form_listA {
font-size: 1.3em;
font-weight: bold;
margin: 1em auto 1em;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxA .form_listA {
margin: 0 auto 1em;
}
}

@media(max-width:500px) {
.form_boxA .form_listA {
margin: 0 auto 1em;
}
}

.form_boxA .form_listA tr{
}

@media(max-width:500px) {
.form_boxA .form_listA tr{
}
}

.form_boxA .form_listA th{
padding: 1em 0;
text-align: left;
padding-right: 4em;
}
.form_boxA .form_listA td{
padding: .6em 0;
text-align: left;
position: relative;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxA .form_listA th{
display: block;
padding: 1em 0 0;
}
}

@media(max-width:500px) {
.form_boxA .form_listA th{
display: block;
padding: 1em 0 0;
}
}

.form_boxA .form_listA td.Radio input{
width: 0;
}
@media(max-width:1000px) {
.form_boxA .form_listA td.Radio input{
display: inline-flex;
}
.form_boxA .form_listA td.Radio{
margin-left: 1em;
}
}

.form_boxA .form_listA td{
display: block;
}

.form_boxA .form_listA span {
font-weight: normal;
}

.form_boxA .form_listA .last input {
background-color: rgba(255,250,227,1);
}

.form_boxA .form_listA select {
font-size: .9em;
border-radius: 5px;
height: 60px;
width: 400px;
background-color: #f4f4f4;
border: 1px solid #8e8e8e;
padding: 0 .7em;
margin: .5em 0;
/* グラデーション */
background-image: linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -o-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -moz-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -webkit-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -ms-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.2, rgb(230,230,230)),
color-stop(0.95, rgb(255,255,255))
);
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxA .form_listA select {
height: 50px;
width: 80%;
font-size: 1em!important;
margin-left: 1em;
}
}

@media(max-width:500px) {
.form_boxA .form_listA select {
height: 40px;
width: 80%;
font-size: .9em!important;
margin-left: 1em;
}
}

.form_boxA .form_listA td.typeselect option {
text-align: left;
}
.form_boxA .form_listA td.typeselect:after {
content:'';
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 0.5em);
right: 10%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/simu_arrow.png);
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxA .form_listA td.typeselect:after {
right: 14%;
top: calc(50% - 0.4em);
width: 15px;
height: 15px;
}
}

@media(max-width:500px) {
.form_boxA .form_listA td.typeselect:after {
right: 13%;
top: calc(50% - 0.5em);
width: 15px;
height: 15px;
}
}

.form_boxA .form_listA label {
font-size: 1em;
font-weight: normal;
margin-right: .5em;
vertical-align: middle;
}

@media(max-width:500px) {
.form_boxA .form_listA label {
font-size: .9em;
}
}

.form_boxA .form_listA label:before {
width: 15px;
height: 15px;
line-height: 15px;
margin-right: .5em;
border: 1px solid #8e8e8e;
background-color: #f4f4f4;
margin-bottom: 0.1em;
}

/* ////////////////////////////////////////////////////////////

セクション11　ギフト券番号入力

/////////////////////////////////////////////////////////////*/

.form_boxB_head {
font-size: 1.3em;
font-weight: bold;
padding: 0.5em 0;
}

.form_boxB {
text-align: center;
}

.form_boxB table.form_listB {
font-size: 1.3em;
margin: 1em auto 3em;
position: relative;
width: 100%;
}

.form_boxB .form_listB input {
border: 1px solid #8e8e8e;
padding: .5em .7em;
font-size: 1em;
border-radius: 5px;
height: 60px;
width: 300px;
background-color: #f4f4f4;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxB .form_listB input {
height: 50px;
width: 70%;
font-size: 1em!important;
}
}

@media(max-width:500px) {
.form_boxB .form_listB input {
height: 40px;
width: 70%;
font-size: .85em!important;
}
.form_boxB .form_listB input.px16 {
font-size: 16px!important;
}
}

.form_boxB .form_listB input.amount {
margin-right: .5em;
}


@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxB .form_listB input.amount {
margin-right: .2em;
}
}

@media(max-width:500px) {
.form_boxB .form_listB input.amount {
margin-right: .2em;
}
}

.form_boxB .form_listB tr:first-child {
background: #eaf5ff;
color: #8e8e8e;
}

.form_boxB .form_listB tr:nth-child(2n) {
background: #f8fcff;
color: #8e8e8e;
}

.form_boxB .form_listB th {
font-weight: normal!important;
padding: .5em;
border: solid 3px #fff;
}

.form_boxB .form_listB td {
padding: 1em 0;
}

.form_boxB .form_listB span {
font-size: .9em;
color: #8e8e8e;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxB .form_listB td:nth-child(odd) input{
width: 90%!important;
}
}

@media(max-width:500px) {
.form_boxB .form_listB th {
font-size: .9em;
}
.form_boxB .form_listB th:first-child {
width: 55%;
}
.form_boxB .form_listB td:nth-child(odd) input{
width: 90%!important;
}
}

/* ////////////////////////////////////////////////////////////

セクション11　フォームを追加

/////////////////////////////////////////////////////////////*/

.form_wrapper .plusbtn {
text-align: right;
cursor:pointer;
/*width: 95%;*/
margin: -2em auto 2.5em;
}

.form_wrapper .plusbtn span {
font-size: 1em;
color: #fff;
background: #8e8e8e;
border-radius: 5px;
padding: .3em .5em;
letter-spacing: 2px;
}

.form_wrapper .plusbtn span:before {
content: '\f055';
font-family: "Font Awesome 5 Free";
color: #fff;
font-weight: bold;
margin-right: .2em;
}

.form_wrapper .result {
background: rgba(255,250,227,1);
font-size: 1.5em;
text-align: center;
font-weight: bold;
padding: .3em 0;
margin-bottom:3em;
}

.form_wrapper .result span {
color: rgba(255,0,0,1);
padding: 0 .5em 0 1em;
}

/* ////////////////////////////////////////////////////////////

セクション11　お客様情報入力

/////////////////////////////////////////////////////////////*/

.form_boxC {
margin: 0 auto;
padding: 0;
text-align: center;
position: relative;
}

.form_boxC .form_listC input {
border: 1px solid #8e8e8e;
padding: .5em .7em;
margin: 0 .5em 0 0;
font-size: 1em;
border-radius: 5px;
height: 60px;
width: 400px;
background-color: #f4f4f4;
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxC .form_listC input {
height: 50px;
width: 85%;
font-size: 1em!important;
margin: 0 auto;
display: block;
}
}

@media(max-width:500px) {
.form_boxC .form_listC input {
height: 40px;
width: 85%;
font-size: .9em!important;
margin: 0 auto;
display: block;
}
.form_boxC .form_listC input.px16 {
font-size: 16px!important;
}
}

.form_boxC .form_listC .file {
font-weight: normal;
font-size: .8em;
vertical-align: top;
}

.form_boxC .form_listC td.file {
line-height: 3.5;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxC .form_listC td.file {
margin-left: 1em;
}
}

@media(max-width:500px) {
.form_boxC .form_listC td.file {
margin-left: 1em;
}
}

.form_boxC .form_listC .file label > input {
display:none;
}
.form_boxC .form_listC .file label {
color: #000;
background-color: #fff;
padding: 0;
border: 1px solid #8e8e8e;
padding: .3em 1.5em;
border-radius: 5px;
margin: .5em 1em 2em 0;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.form_boxC .form_listC .file label:hover {
background-color: #f4f4f4;
}

.form_boxC .form_listC td.file input {
border: none;
padding: 0;
margin: 0;
font-size: .8em;
border-radius: 0;
height: auto;
width: auto;
background-color: #fff;
}

.form_boxC .form_listC {
font-size: 1.3em;
font-weight: bold;
margin: 1em auto 3em;
position: relative;
}

.form_boxC .form_listC td.bank input{
width: 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxC .form_listC {
margin: 0 auto 3em;
}
}

@media(max-width:500px) {
.form_boxC .form_listC {
margin: 0 auto 3em;
}
}

.form_boxC .form_listC tr.top{
vertical-align: top;
}

@media(max-width:500px) {
.form_boxC .form_listC tr {
}
}

.form_boxC .form_listC th{
padding: 1em 0 0;
text-align: left;
width: 30%;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxC .form_listC th{
width: 100%;
display:block;
}
}

@media(max-width:500px) {
.form_boxC .form_listC th{
width: 100%;
display:block;
}
}

.form_boxC .form_listC td{
padding: .6em 0;
text-align: left;
position: relative;
display: block;
}

@media(max-width:1000px) {
.form_boxC .form_listC td.bank{
margin-left: 1em;
}
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxC .form_listC td.bank{
margin-left: 2.5em;
}
}

@media(max-width:500px) {
.form_boxC .form_listC td.bank{
margin-left: 1.5em;
}
}

.form_boxC .form_listC span {
font-weight: normal;
}


.form_boxC .form_listC .last input {
background-color: rgba(255,250,227,1);
}

.form_boxC .form_listC .bank label {
font-size: 1em;
font-weight: normal;
margin-right: .5em;
vertical-align: middle;
}

.form_boxC .form_listC .bank label:before {
width: 15px;
height: 15px;
line-height: 15px;
margin-right: .5em;
border: 1px solid #8e8e8e;
background-color: #f4f4f4;
margin-bottom: 0.1em;
}
.form_boxC .form_listC .bank input[type="radio"]:checked + label::before {
background-color: rgba(115,189,255,1);
box-shadow: inset 0 0 0 2px #f4f4f4;
}

/* ////////////////////////////////////////////////////////////

セクション11　ご質問入力

/////////////////////////////////////////////////////////////*/

.form_wrapper .request_form {
}

.form_wrapper .request_form textarea {
margin: 2.5em 0 1em;
width: 100%;
height: 150px;
font-size: 1em;
border-radius: 5px;
padding: .5em;
resize: none;
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
border: 1px solid #8e8e8e;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_wrapper .request_form textarea {
margin: 1.5em 0 0;
font-size: 1.2em!important;
height: 150px;
}
}

@media(max-width:500px) {
.form_wrapper .request_form textarea {
margin: 1.5em 0 2em;
font-size: 1.2em!important;
height: 120px;
}
}

.form_btn {
background-color: rgba(242,150,0,1);
text-align: center;
width: 50%;
margin: 2em auto;
padding: 1em 0;
font-size: 1.5em;
font-weight: bold;
color: #fff;
border-radius: 2em;
-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
position: relative;
letter-spacing: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor:pointer;
}

.form_btn:hover {
/* animation */
-webkit-animation: popup .4s ease-in-out 0s forwards;
animation: popup .4s ease-in-out 0s forwards;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_btn {
}
}

@media(max-width:500px) {
.form_btn {
width: 80%;
padding: .5em;
margin: .5em auto 2em;
font-size: 1.3em;
}
}

@media(max-width:500px) {
.form_btn.check {
margin: 1.5em auto 2em;
}
}




/* ////////////////////////////////////////////////////////////

お問い合わせセクション

/////////////////////////////////////////////////////////////*/

#container section.content_ask {
background-color:rgba(115,189,255,1);
background-image: url(../img/bg_pattern.png);
padding: 2em 0 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content_ask {
padding: 1.5em 0 0;
}
}

@media(max-width:500px) {
#container section.content_ask {
background-image: url(../img/bg_patternSP.png);
padding: 1em 0 0;
}
}

#container section.content_ask img.Image {
width: 200px;
bottom: 0;
}

@media(max-width:500px) {
#container section.content_ask img.Image {
width: 25%;
margin-left: .5em;
}
}

#container section.content_ask p {
text-align: center!important;
}

@media(max-width:500px) {
#container section.content_ask p {
margin: .5em;
}
}

#container section.content_ask span {
font-size: 1.8em;
color: #fff;
font-weight: bold;
/* テキストドロップシャドウ */
text-shadow: 1px 1px 4px rgba(0,0,0,.3);
filter: dropshadow(color=rgba(0,0,0,.3), offx=1, offy=1);
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content_ask span {
font-size: 1.6em;
}
}

@media(max-width:500px) {
#container section.content_ask span {
font-size: 1.2em;
}
}

#container section.content_ask .flexbox {
display: flex;
align-items: flex-end;
justify-content: space-evenly;
}

@media(max-width:500px) {
#container section.content_ask .flexbox {
display: flex;
align-items: flex-end;
justify-content: space-evenly;
}
}

#container section.content_ask .blockbox {
display: block;
}

#container section.content_ask .btn {
text-align: center;
/*background-color: rgba(242,150,0,1);*/
background-color: #fff;
width: 60%;
margin: 0 auto 2.5em;
padding: 0.7em;
font-size: 1.6em;
font-weight: bold;
border: solid 1px rgba(242,150,0,1);
border-radius: 2em;
-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
position: relative;
letter-spacing: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor: pointer;
vertical-align: middle;
}

#container section.content_ask .btn a {
  color: rgba(242,150,0,1)!important;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content_ask .btn {
width: 100%;
font-size: 1.4em;
}
}

@media(max-width:500px) {
#container section.content_ask .btn {
width: 80%;
font-size: 1.2em;
letter-spacing: 1px;
margin: 1em auto 1.5em;
}
}

#container section.content_ask .btn:hover {
-webkit-animation: popup .4s ease-in-out 0s forwards;
animation: popup .4s ease-in-out 0s forwards;
}

#container section.content_ask .btn:before {
content: '\f0e0';
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-right: 0.3em;
color: rgba(242,150,0,1)!important;
}

/* ////////////////////////////////////////////////////////////

その他

/////////////////////////////////////////////////////////////*/

/* ////////////////////////////////////////////////////////////

申込ボタン

/////////////////////////////////////////////////////////////*/

.request_btn {
background-color: rgba(242,150,0,1);
width: 60%;
margin: 1.5em auto 0;
padding: 0.7em;
font-size: 1.7em;
font-weight: bold;
color: #fff;
border-radius: 2em;
-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
position: relative;
letter-spacing: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor:pointer;
}

.request_btn:after {
content: '\f054';
font-family: "Font Awesome 5 Free";
color: #fff;
position: absolute;
right: 6%;
}

.request_btn:hover {
/* animation */
-webkit-animation: popup .4s ease-in-out 0s forwards;
animation: popup .4s ease-in-out 0s forwards;
}

@media(max-width:500px) {
.request_btn {
width: 80%;
font-size: 1.5em;
padding: 0.5em;
}
.request_btn:after {
right: 6%;
font-size: .8em;
padding-top: .1em;
}
}

/* ////////////////////////////////////////////////////////////

バーガーメニュー

/////////////////////////////////////////////////////////////*/

nav {
display: block;
position: fixed;
top: 60px;
/*right: -300px;*/
right: -85%;
bottom: 0;
width: 85%;
background: rgba(243,251,255,1);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .5s;
z-index: 3;
opacity: 0;
}
.open nav {
right: 0;
opacity: 1;
}
nav .inner {
padding: 15px;
}
nav .inner ul {
list-style: none;
margin: 0 0 1em;
padding: 0;
}
nav .inner ul li {
line-height: .5;
}
nav .inner ul li a {
display: block;
color: #333;
font-size: 1.4em;
padding: 1em;
text-decoration: none;
transition-duration: 0.2s;
}

@media (min-width: 401px) and (max-width: 500px) {
nav .inner ul li a {
font-size: 1.3em;
}
}

@media(max-width:400px) {
nav .inner ul li a {
font-size: 1.2em;
padding: .9em 1em;
}
}

nav .inner ul li a:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
color: rgba(105,155,252,1);
font-weight: 600;
font-size: 1.1em;
margin-right: .7em;
}

nav .inner ul li a:hover {
background: #e4e4e4;
}

.toggle_btn {
position: absolute;
right: 10px;
top: 7.5px;
background:#000;
cursor: pointer;
width: 45px;
height: 45px;
border-radius: 5px;
z-index: 101;
}

.toggle_btn span {
display: inline-block;
transition: all .4s;
position: absolute;
left: 10px;
height: 2px;
border-radius: 5px;
background: #fff;
width: 55%;
}

.toggle_btn span:nth-child(1) {
top: 14px;
}
.toggle_btn span:nth-child(2) {
top: 22px;
}
.toggle_btn span:nth-child(3) {
top: 30px;
}
.open .toggle_btn span {
background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
top: 16px;
left: 8px;
transform: translateY(6px) rotate(-45deg);
width: 65%;
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
top: 28px;
left: 8px;
transform: translateY(-6px) rotate(45deg);
width: 65%;
}

#mask {
display: none;
transition: all .5s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .5;
z-index: 2;
cursor: pointer;
}

#navArea .menubtn_top {
background: rgba(242,150,0,1);
color: #fff;
border-radius: 30px;
padding: .2em;
padding-left: 2.5em;
border: solid 1px rgba(242,150,0,1);
text-align: center;
margin: .5em;
margin-bottom: 1em;
height: 60px;
font-size: 1.4em;
line-height: 23px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
#navArea .menubtn_top div {
margin-top: -4px;
}

#navArea .menubtn_top span {
font-size: .7em;
font-weight: normal;
}

#navArea .menubtn_top:before {
content:'';
width: 55px;
height: 55px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 25%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/floaticon.png);
}

#navArea .menubtn_bottom {
background: #fff;
color: rgba(242,150,0,1);
border-radius: 30px;
border: solid 1px rgba(242,150,0,1);
text-align: center;
margin: .5em;
height: 60px;
font-size: 1.4em;
position: relative;
display: flex;
align-items: center;
/*justify-content: center;*/
justify-content: flex-start;
font-weight: bold;
padding-left: 8vw;
}

#navArea .menubtn_bottom:before {
content: '\f0e0';
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-right: 10vw;
font-size: 1.9em;
}

@media(max-width:400px) {
#navArea .menubtn_bottom:before {
margin-right: 8vw;
}
}

@media(max-width:320px) {
#navArea .menubtn_bottom:before {
margin-right: 6vw;
}
}


/* ////////////////////////////////////////////////////////////

フロートフッター

/////////////////////////////////////////////////////////////*/

#FloatReg {
width: 100%;
display: block;
z-index: 99999;
position:fixed;
bottom: -1000px;
/*left: 0;*/
background: rgba(0,0,0,.3);
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
}

#FloatReg .wrap {
width: 1000px;
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 0 auto;
}

@media(max-width:1000px) {
  #FloatReg .wrap {
  width: 100%;
}
}

#FloatReg.fixed {
bottom: 0;
}

#FloatReg.out {
bottom: -1000px;
}

#FloatReg .wrap a {
  width: 50%;
}

#FloatReg .wrap .floatleft {
background: #fff;
color: rgba(242,150,0,1);
border-radius: 30px;
border: solid 1px rgba(242,150,0,1);
text-align: center;
margin: .5em;
height: 60px;
font-size: 1.2em;
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}

#FloatReg .wrap .floatleft:before {
content: '\f0e0';
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-right: .2em;
font-size: 1.5em;
}

#FloatReg .wrap .floatright {
background: rgba(242,150,0,1);
color: #fff;
border-radius: 30px;
padding: .5em .5em .5em 0;
border: solid 1px rgba(242,150,0,1);
text-align: center;
margin: .5em;
height: 60px;
font-size: 1.2em;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.3;
}

#FloatReg .wrap .floatright div {
margin-top: -4px;
}

#FloatReg .wrap .floatright span {
font-size: .8em;
font-weight: normal;
}

#FloatReg .wrap .floatright:before {
content:'';
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-size: contain;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/floaticon.png);
margin-right: -1.5em;
}

@media(max-width:768px) {
  #FloatReg .wrap .floatleft,
  #FloatReg .wrap .floatright {
    height: 50px;
    font-size: 1em;
}
#FloatReg .wrap .floatright {
padding-left: 2.5em;
}
#FloatReg .wrap .floatright span {
font-size: .7em;
}
#FloatReg .wrap .floatright:before {
content:'';
width: 40px;
height: 40px;
position: absolute;
right: 28%;
margin-right: 0;
}
}


/* ////////////////////////////////////////////////////////////

改行設定

/////////////////////////////////////////////////////////////*/

.br-sp{
display: none;
}
@media(max-width:768px) {
.br-sp{
display: inline-block;
}
}
.br-pc{
display: inline-block;
}
@media(max-width:768px) {
.br-pc{
display: none;
}
}
.br-pcB{
display: inline-block;
}
@media(max-width:1000px) {
.br-pcB{
display: none;
}
}
.br-spB{
display: none;
}
@media(max-width:1000px) {
.br-spB{
display: inline-block;
}
}

/* ////////////////////////////////////////////////////////////

子ページ装飾

/////////////////////////////////////////////////////////////*/

#container section.other {
background-color:rgba(115,189,255,1);
background-image: url(../img/bg_pattern.png);
padding: .5em 0;
display: flex;
justify-content: center;
align-items: center;
min-height: -webkit-calc(100vh - 234px);
min-height: calc(100vh - 234px);
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.other {
min-height: -webkit-calc(100vh - 250px);
min-height: calc(100vh - 250px);
}
}

@media screen and (min-width: 361px) and (max-width: 500px){
#container section.other {
background-image: url(../img/bg_patternSP.png);
min-height: -webkit-calc(100vh - 196px);
min-height: calc(100vh - 196px);
}
}

@media(max-width:360px) {
#container section.other {
background-image: url(../img/bg_patternSP.png);
min-height: -webkit-calc(100vh - 190px);
min-height: calc(100vh - 190px);
}
}

#container section.other .bold p {
font-size: 1.5em!important;
font-weight: bold!important;
text-align: center!important;
line-height: 2!important;
}

@media(max-width:500px) {
#container section.other .bold p {
font-size: 1.3em!important;
}
}

#container section.other .otherbox{
background: #fff;
border: 2px solid #000;
border-radius: 15px;
width: 86%;
margin: 3em auto;
padding: 1.5em;
text-align: center;
position: relative;
}

@media(max-width:500px) {
#container section.other .otherbox{
width: 95%;
padding: 1em;
margin: 2em auto 2em;
}
}

#container section.other .return_btn {
background-color:rgba(115,189,255,1);
width: 60%;
margin: 1.5em auto;
padding: 0.7em;
font-size: 1.7em;
font-weight: bold;
color: #fff;
border-radius: 2em;
-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
position: relative;
letter-spacing: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor:pointer;
}

#container section.other .return_btn:hover {
/* animation */
-webkit-animation: popup .4s ease-in-out 0s forwards;
animation: popup .4s ease-in-out 0s forwards;
}

@media(max-width:500px) {
#container section.other .return_btn {
width: 80%;
font-size: 1.5em;
padding: 0.5em;
}
}

body:not(.index) h3 {
text-align: center;
color: #fff;
font-size: 2em;
padding-top: 1em;

/* テキストドロップシャドウ */
text-shadow: 1px 1px 4px rgba(0,0,0,.3);
filter: dropshadow(color=rgba(0,0,0,.3), offx=1, offy=1);
}

body:not(.index) #header .NavBar .flexbox {
justify-content: space-between;
}

/* ////////////////////////////////////////////////////////////

子ページフォーム

/////////////////////////////////////////////////////////////*/

.form_other .request_form {
}

.form_other .request_form textarea {
/*margin: 2.5em 0 1em;*/
width: 100%;
height: 150px;
font-size: 1em;
border-radius: 5px;
padding: .5em;
resize: none;
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
border: 1px solid #8e8e8e;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_other .request_form textarea {
font-size: .9em!important;
height: 150px;
}
}

@media(max-width:500px) {
.form_other .request_form textarea {
font-size: .9em!important;
height: 120px;
}
.form_other .request_form textarea.px16 {
font-size: 16px!important;
}
}

.form_other .form_inner {
width: 95%;
margin: 0 auto;
}

@media(max-width:500px) {
.form_other .form_inner {
width: 100%;
}
}

.form_other .stop_reason {
font-weight: normal!important;
background: #fff;
margin: 1em 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.form_other .stop_reason input {
width: 0;
font-weight: normal;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_other .stop_reason {
margin: 0;
display: block;
}
}

@media(max-width:500px) {
.form_other .stop_reason {
margin: 0;
display: block;
}
}

.form_other .stop_reason_label {
background: #fff;
padding: 0 .5em;
margin: .5em .4em;
display: flex;
align-items: center;
justify-content: flex-start;
}

@media(max-width:500px) {
.form_other .stop_reason_label {
padding: .2em;
margin: .5em .4em;
}
}

.form_other .stop_reason_label .reason {
font-size: .9em;
padding: 0 .5em;
}

@media(max-width:500px) {
.form_other .stop_reason_label .reason {
font-size: .9em;
padding: 0 .5em;
word-break: break-all;
}
}

.form_other .stop_reason input[type="checkbox"] {
display: none;
}

.form_other .stop_reason input[type="checkbox"] + label::before, input[type="checkbox"]:before {
content: '';
border: 1px solid #b4b4b4;
display: inline-block;
position: relative;
top: 0px;
margin-right: 5px;
vertical-align: middle;
cursor: pointer;
text-align: center;
-webkit-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
border-radius: 3px;
width: 15px;
height: 15px;
line-height: 15px;
}

.form_other .stop_reason input[type=checkbox]:checked + label {
background:none;
color:#000;
text-shadow:none;
-webkit-text-shadow:none;
}

input[type="checkbox"]:checked + label::before,
input[type="checkbox"]:checked + div.form_error + label::before {
background-color: rgba(115,189,255,1);
box-shadow: inset 0 0 0 2px #f4f4f4;
}
input[type="checkbox"]:focus + label::before,
input[type="checkbox"]:focus + div.form_error + label::before {
outline: none;
background-color: rgba(115,189,255,1);
}
input[type="checkbox"]:disabled + label::before,
input[type="checkbox"]:disabled + div.form_error + label::before {
box-shadow: inset 0 0 0 2px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
input[type="checkbox"] + label:empty::before,
input[type="checkbox"] + div.form_error + label:empty::before {
margin-right: 0;
}

.form_box_other {
margin: 1em auto;
padding: 0;
text-align: center;
position: relative;
}

.form_box_other .form_list_other input {
border: 1px solid #8e8e8e;
padding: .5em .7em;
margin: 0 .5em 0 0;
font-size: 1em;
border-radius: 5px;
height: 60px;
width: 100%;
background-color: #f4f4f4;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_box_other .form_list_other input {
height: 50px;
font-size: 1em!important;
margin: 0 auto;
}
}

@media(max-width:500px) {
.form_box_other .form_list_other input {
height: 40px;
font-size: .9em!important;
margin: 0 auto;
}
.form_box_other .form_list_other input.px16 {
font-size: 16px!important;
}
}

.form_box_other .form_list_other {
font-size: 1.3em;
font-weight: bold;
margin: 1em auto;
position: relative;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_box_other .form_list_other {
margin: 0 auto;
width: 90%;
}
}

@media(max-width:500px) {
.form_box_other .form_list_other {
margin: 0 auto;
width: 90%;
}
}

.form_box_other .form_list_other tr.top{
vertical-align: top;
}

@media(max-width:500px) {
.form_box_other .form_list_other tr {
}
}

.form_box_other .form_list_other th{
padding: 0 2em 0 0;
text-align: left;
width: 30%;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_box_other .form_list_other th{
width: 100%;
display:block;
padding: 1em 0 0;
}
}

@media(max-width:500px) {
.form_box_other .form_list_other th{
width: 100%;
display:block;
padding: 1em 0 0;
}
}

.form_box_other .form_list_other td{
padding: .6em 0;
text-align: left;
position: relative;
display: block;
}

.form_other .form_btn {
margin: 1.5em auto!important;
}

@media(max-width:500px) {
.form_other .form_btn {
margin: 1em auto 2.5em!important;
}
}

.back_btn {
  background-color: #bbb;
  text-align: center;
  width: 30%;
  padding: 1em 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  border-radius: 2em;
  -webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
  box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
  position: relative;
  letter-spacing: 2px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor:pointer;
  margin-bottom: 1em;
}

.back_btn:hover {
  -webkit-animation: popup .4s ease-in-out 0s forwards;
  animation: popup .4s ease-in-out 0s forwards;
  }

  @media(max-width:500px) {
  .back_btn {
  width: 50%;
  padding: .5em;
  /*margin: .5em auto 2em;*/
  font-size: 1.3em;
  /*margin: 1em auto 2.5em!important;*/
  }
  }


/* ////////////////////////////////////////////////////////////

運営者情報

/////////////////////////////////////////////////////////////*/

.table_admin {
margin: 1em auto;
font-size: 1em;
}

.table_admin tr {
border-bottom: 1px solid #b5b1b1;
}

.table_admin th,
.table_admin td {
padding: 1.5em 0;
border: none;
text-align: left;
}

.table_admin th {
width: 30%;
}

/* sp */
@media only screen and (max-width: 500px) {
.table_admin {
width: 90%;
}
.table_admin th,
.table_admin td {
padding: 1.2em 0;
width: 100%;
display: block;
}

.table_admin th {
width: 100%;
}

.table_admin td {
padding-top: 0;
}
}

/* ////////////////////////////////////////////////////////////

フォーム基本設定

/////////////////////////////////////////////////////////////*/

.form {
}

.form p {
font-size:1.5em !important;
}

/* iPhone用 inputの角丸をやめる */
input[type="button"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="reset"],
input[type="password"],
input[type="submit"],
input[type="image"],
textarea,
select {
-webkit-appearance: none;
border-radius: 0;
}

.ErrorBox li {
}

.form .ErrorBox li {
font-size:2em;
}

@media(max-width:768px){
input,
textarea,
select {
font-size: 1.6em !important;
}
}

#container p.allCheck {
font-size:.8em;
margin:0 0 .5em;
font-weight:bold;
}

#container label.allchecked {
background:rgba(0,133,178, .1);
}

.input_text {
width: 95%;
padding: 10px 20px;
font-weight:bold;
font-size: 1.5em;
border: 3px solid rgba(115,189,255,.2);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

@media(max-width:768px){
.input_text {
padding:10px 10px;
margin:0 0;
font-size:1.2em;
border-width:3px;
}
}

.input_text_s {
width: 60%;
margin: 0 5px;
padding: 10px 20px;
font-weight:bold;
font-size: 1.6em;
border: 3px solid #ccc;
text-align:left;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

@media(max-width:768px){
.input_text_s {
padding:10px 10px;
margin:0 0;
font-size:1.2em;
border-width:3px;
}
}

.input_text_ss {
width: 20%;
text-align:center;
margin: 0 10px;
padding: 10px 20px;
font-weight:bold;
font-size: 1.6em;
border: 3px solid rgba(115,189,255,.2);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

@media(max-width:768px){
.input_text_ss {
padding:10px 10px;
margin:0 0;
font-size:1.2em;
width:25%;
border-width:3px;
}
}

.form select {
padding: 10px 20px;
text-align:center;
border: 3px solid #ccc;
font-weight:bold;
background:#fff;
width:30%;
font-size: 1.6em;
}

/* FireFox */
@-moz-document url-prefix(){
select {
height: 5em;
line-height: 5em;
}
}

@media(max-width:768px){
select {
padding:10px 10px;
margin:5px 0;
font-size:1.2em;
border-width:3px;
width:auto;
}
}

select.select_s {
width:20%;
}

td.select {
position: relative;
}

td.select select + i {
position: absolute;
left: 38%;
bottom: 18px;
font-size: 1.7em;
}

@media(max-width:768px){
td.select select + i {
left: 115px;
}
}

option {
padding:5px;
text-align:center;
}

.textarea {
width: 95%;
height: 130px;
padding: 10px 20px;
margin:0;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
font-weight:normal;
font-size: 1.5em;
resize: none;
overflow: auto;
border: 3px solid rgba(115,189,255,.2);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

@media(max-width:768px){
.textarea {
padding:10px 10px;
margin:5px 0;
font-size:1.2em;
border-width:3px;
}
}

.textarea_s {
width: 95%;
height: 100px;
padding: 10px 20px;
font-weight:normal;
font-size: 1.8em;
resize: none;
overflow: auto;
border: 3px solid #ccc;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

@media(max-width:768px){
.textarea_s {
padding:10px 10px;
margin:5px 0;
font-size:1.2em;
border-width:3px;
}
}

input.submit {
display: block;
width: 30%;
height: 20px;
line-height: 20px;
text-align: center;
border: 1px solid #999;
color: #333;
font-size: 1.5em;
margin: 10px 10px 10px 0;
text-decoration: none;
padding: 5px 10px;
font-weight:bold;
background-image: linear-gradient(bottom, rgb(214,214,214) 40%, rgb(255,255,255) 95%);
background-image: -o-linear-gradient(bottom, rgb(214,214,214) 40%, rgb(255,255,255) 95%);
background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 40%, rgb(255,255,255) 95%);
background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 40%, rgb(255,255,255) 95%);
background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 40%, rgb(255,255,255) 95%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.4, rgb(214,214,214)),
color-stop(0.95, rgb(255,255,255))
);
-webkit-border-radius: 4px;
border-radius: 4px;
}

.require_text {
font-size:.8em;
font-weight:bold;
color:#C00;
}

@media(max-width:768px){
.require_text {
font-size:.8em;
}
}

.require span {
background:#c00;
color:#fff !important;
padding:.1em .4em;
font-size:.8em;
-webkit-text-shadow:none;
text-shadow:none;
-webkit-border-radius: 4px;
border-radius: 4px;
white-space: nowrap;
margin-left: .5em;
}

@media(max-width:768px){
.require span {
font-size:10px;
display: inline-block;
}
}

@media(max-width:768px){
.form table .require span {
margin-top: 10px;
}
}

.inputhead {
line-height:2.5;
}

input:hover,
textarea:hover,
select:hover {
border-color: rgba(115,189,255,1);
background-color:rgba(115,189,255,.1);
}

input:focus,
textarea:focus,
select:focus {
border-color: rgba(242,150,0,1);
background-color:rgba(242,150,0,.1);
outline:none;
}

@media(max-width:768px){
input:hover,
textarea:hover,
select:hover {
border-width:3px;
}

input:focus,
textarea:focus,
select:focus {
border-width:3px;
}
}

input[type=radio] + div.form_error label
input[type=radio] + label {
font-size:1.8em;
padding:.4em .7em;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

input[type=radio] + label.title {
font-size:3.5em;
}

@media(max-width:768px){
input[type=radio] + label.title {
font-size:2em;
}
}

input[type=radio] {
margin:0 5px;
}

input[type=radio] + label svg {
display:none;
opacity:0;
color:#0085b2;
}

input[type=radio]:checked + label svg {
opacity:1;
display:inline-block;
}

.form label {
font-size:1.5em;
}

.form label input {
margin-right:10px;
}

input[type=file] {
font-size:1em;
}

input[type=file]:hover,
input[type=file].valid {
border:none;
background-color:inherit;
}

input[type=radio]:hover,
input[type=radio].valid {
background:#111;
border-color:#111;
}

input.submit:hover {
border:none;
background-color:inherit !important;
}

/* エラー時のフォーム */
.form_error {
background: rgba(255,242,245, 1);
border-color: rgba(247,12,70, 1);
}

/* エラー文表示 */
div.form_error {
display:none;
padding:.5em .5em;
margin: .5em 0;
z-index:10;
font-size:1em;
font-weight: bold;
position: absolute;
bottom: 5px;
right: 5px;
background: rgba(247,12,70, 1);
color: rgba(255,255,255, 1);
-webkit-border-radius: 4px;
border-radius: 4px;
}

@media(max-width:768px){
div.form_error {
right: -10px;
bottom: -5px;
}
}

div.form_error::after{
}

input.tel.form_error ~ input.tel {
color: rgba(247,12,70, 1);
background: rgba(255,242,245, 1);
border-color: rgba(247,12,70, 1);
}

.ErrorBox {
display:none;
padding-top:10px;
-webkit-text-shadow:none;
text-shadow:none;
}

.ErrorBox li {
margin-bottom: .5em;
}

.ErrorBox div.form_error {
position:inherit;
display:block;
background-image:inherit !important;
background-color:inherit !important;
border:none !important;
color:#C00 !important;
padding:0 0 0 10px;
margin:0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
}

/* placeholder設定【共通】*/

/* web-kit用 */
input::-webkit-input-placeholder {
color:#ccc;
font-weight:normal !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
input:hover::-webkit-input-placeholder,
input.valid::-webkit-input-placeholder {
color:#069;
}
input:focus::-webkit-input-placeholder {
color:#F90;
}
input.form_error::-webkit-input-placeholder {
color:#C00;
}

textarea::-webkit-input-placeholder {
color:#ccc;
font-weight:normal !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
textarea:hover::-webkit-input-placeholder,
textarea.valid::-webkit-input-placeholder {
color:#069;
}
textarea:focus::-webkit-input-placeholder {
color:#F90;
}
textarea.form_error::-webkit-input-placeholder {
color:#C00;
}

/* Firefox用 */
input:-moz-placeholder {
color:#ccc;
font-weight:normal !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
input:hover:-moz-placeholder,
input.valid:-moz-placeholder {
color:#069;
}
input:focus:-moz-placeholder {
color:#F90;
}
input.form_error:-moz-placeholder {
color:#C00;
}

textarea:-moz-placeholder {
color:#ccc;
font-weight:normal !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

textarea:hover:-moz-placeholder,
textarea.valid:-moz-placeholder {
color:#069;
}
textarea:focus:-moz-placeholder {
color:#F90;
}
textarea.form_error:-moz-placeholder {
color:#C00;
}

input:-ms-placeholder {
color:#ccc;
font-weight:normal !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
input:hover:-ms-placeholder,
input.valid:-ms-placeholder {
color:#069;
}
input:focus:-ms-placeholder {
color:#F90;
}
input.form_error:-ms-placeholder {
color:#C00;
}

textarea:-ms-placeholder {
color:#ccc;
font-weight:normal !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

textarea:hover:-ms-placeholder,
textarea.valid:-ms-placeholder {
color:#069;
}
textarea:focus:-ms-placeholder {
color:#F90;
}
textarea.form_error:-ms-placeholder {
color:#C00;
}

input:-o-placeholder {
color:#ccc;
font-weight:normal !important;
/* イージング */
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
input:hover:-o-placeholder,
input.valid:-o-placeholder {
color:#069;
}
input:focus:-o-placeholder {
color:#F90;
}
input.form_error:-o-placeholder {
color:#C00;
}

textarea:-o-placeholder {
color:#ccc;
font-weight:normal !important;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

textarea:hover:-o-placeholder,
textarea.valid:-o-placeholder {
color:#069;
}
textarea:focus:-o-placeholder {
color:#F90;
}
textarea.form_error:-o-placeholder {
color:#C00;
}

.teltext_m {
display:none;
}

input.telinput {
margin:10px 0 0 ;
}

input.pw {
padding-right: 1.5em;
}

@media(max-width:768px){
input.pw {
padding-right: 35px;
}
}

input.pw ~ i {
margin-top: -35px;
margin-left: 400px;
color: rgba(0,0,0, .7);
font-size: 1.5em;
position: absolute;
cursor: pointer;
display: none;
}

@media(max-width:768px){
input.pw ~ i {
margin-top: -30px;
margin-left: 170px;
font-size: 2em;
}
}

/* iPhone4,iPhone5,iPhone5s+Android */
@media screen and (min-width: 320px) and (max-width: 374px){
input.pw ~ i {
margin-left: 140px;
}
}

input.pw ~ i.on {
display: block;
}

.form {
-webkit-border-radius: 5px;
border-radius: 5px;
}

@media(max-width:768px){
.form {
padding:10px;
margin:10px 0;
}
}

.form table {
width:100%;
font-size:.8em;
}

.form table tr {
width:100%;
}

.form table.common th {
text-align: left;
font-size: 1.5em;
font-weight: bold;
}

.form table.common th span.require,
.form table.common th span.small {
margin-left: .5em;
}

.form table td {
padding:20px 20px;
border-bottom:2px dotted #ccc;
display: -webkit-box;
display: box;
display: -webkit-flexbox;
display: flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow:row nowrap;
flex-flow:row nowrap;
-webkit-justify-content:start;
justify-content:start;
-webkit-align-items: center;
align-items:center;
}

@media(max-width:768px){
.form table td {
/*padding:1.5em 0;*/
padding:.5em 0;
border-bottom:1px dotted #ccc;
}
}

.form table td .addtext {
font-size:2em;
}

.form table td.head {
font-weight:bold;
display:inline-block;
position:relative;
font-size:1.6em;
border:none;
padding:20px 20px 0;
margin-bottom:-10px;

display: -webkit-box;
display: box;
display: -webkit-flexbox;
display: flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow:row nowrap;
flex-flow:row nowrap;
-webkit-justify-content:start;
justify-content:start;
-webkit-align-items: center;
align-items:center;
}

@media(max-width:768px){
.form table td.head {
/*padding:0;*/
padding: 1em 0 0;
font-size:1.5em;
}
}

.form table td.head div {
}

.form table td.Confirm {
font-size: 2em;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}

.form table td.Confirm label {
font-size: .8em;
margin-left: .5em;
}

.form table td.Confirm div.form_error {
font-size: 11px;
}

@media(max-width:768px){
.form table td.Confirm div.form_error {
font-size: 10px;
}
}

.form table td.cf_head {
font-weight:bold;
font-size:1.5em;
color:#111;
width:100%;
display:inline-block;
text-align: left;
}
@media(max-width:768px) {
  .form table td.cf_head {
}
}

.form table td.cf {
/*font-weight:bold;*/
color: rgba(115,189,255,1);
font-size:1.5em;
-webkit-text-shadow:none;
text-shadow:none;
}

.form table td.cf img{
margin: 0 .5em;
max-width: 40%;
}

.form table td.cf table.inner{
font-size:.9em;
border: 1px solid rgba(115,189,255,.1);
}

.form table td.cf table.inner th{
  background: rgba(115,189,255,.1);
  color: rgba(115,189,255,1);
  width: 30%;
  font-weight: normal;
}

.form table td.cf table.inner td{
border-bottom: none;
}

@media(max-width:768px){
  .form table td.cf table.inner th{
    width: 100%;
    display: block;
    padding: .5em;
  }
  .form table td.cf table.inner td{
  padding: .5em;
  }
}

@media(max-width:768px){
.form table td.cf {
padding:15px 0;
/*font-size:1.8em;*/
}
}

.form table td span {
margin-left:10px;
margin-right:10px;
}

.form table td span.InputAfter {
margin: 0;
font-size: 1.5em;
}

@media(max-width:768px){
.form table td span.InputAfter {
font-size: 2em;
margin-left: .5em;
}
}

.form table td span.add {
font-size:2em;
}

.form .formtype {
font-weight:bold;
color:#fff;
background:#069;
}

.form span.Add {
font-size: 2em;
}

.form table td span.require {
margin: 0;

display: -webkit-box;
display: box;
display: -webkit-flexbox;
display: flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content: center;
justify-content:center;
-webkit-align-items: center;
align-items:center;
}

@media(max-width:768px){
.form table td span.require {
font-size: .8em;
}
}

.form table td span.require span {
margin: 0 0 0 1em;
}

@media(max-width:768px){
.form table td span.require span {
margin: 0 0 0 .5em;
}
}

.form select + t {
font-size: 1.5em;
margin: 0 .5em;
}

#container section.Form table td.head .small {
font-size: .8em;
}

/* ラジオボタン・カスタマイズ */
input[type="radio"] {
position: absolute;
-webkit-opacity:0;
opacity:0;
}

input[type="radio"] + label,
input[type="radio"] + div.form_error + label {
padding: 5px 50px 5px 5px;
line-height: 20px;
cursor: pointer;
}

@media(max-width:768px) {
input[type="radio"] + label,
input[type="radio"] + div.form_error + label {
padding: 5px 10px 5px 5px;
}
}

input[type="radio"] + label::before,
input[type="radio"] + div.form_error + label::before {
content: '';
background: #fff;
border-radius: 100%;
border: 1px solid #b4b4b4;
display: inline-block;
width: 10px;
height: 10px;
line-height: 10px;
position: relative;
top: 0px;
margin-right: 5px;
vertical-align: middle;
cursor: pointer;
text-align: center;
-webkit-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
}


input[type="radio"]:checked + label::before,
input[type="radio"]:checked + div.form_error + label::before {
background-color: rgba(115,189,255,1);
box-shadow: inset 0 0 0 2px #f4f4f4;
}
input[type="radio"]:focus + label::before,
input[type="radio"]:focus + div.form_error + label::before {
outline: none;
background-color: rgba(115,189,255,1);
}
input[type="radio"]:disabled + label::before,
input[type="radio"]:disabled + div.form_error + label::before {
box-shadow: inset 0 0 0 2px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
input[type="radio"] + label:empty::before,
input[type="radio"] + div.form_error + label:empty::before {
margin-right: 0;
}

input[type=radio]:checked + div.form_error + label,
input[type=checkbox]:checked + div.form_error + label,
input[type=radio]:checked + label,
input[type=checkbox]:checked + label {
background:rgba(0,133,178, .1);
color:#0085b2;
text-shadow:none;
-webkit-text-shadow:none;
}



/* ////////////////////////////////////////////////////////////

TOPヘッダ内スライダー

/////////////////////////////////////////////////////////////*/

.slider{
	margin:0 auto;
	position:relative;
  width: 100%;
}
.slider.brand{
  height: 75px;
}
@media screen and (min-width: 501px) and (max-width: 1000px){
  .slider.brand{
    height: 6.5vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px){
  .slider.brand{
    height: 10vw;
  }
}
@media(max-width:400px) {
  .slider.brand{
    height: 9vw;
  }
}

.slider.rate{
  height: 115px;
}
@media screen and (min-width: 501px) and (max-width: 1000px){
  .slider.rate{
    height: 11vw;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px){
  .slider.rate{
    height: 11vw;
  }
}
@media(max-width:400px) {
  .slider.rate{
    height: 12vw;
  }
}

.slider .slide-item{
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count:infinite;
  animation-duration:18s;
}

.slider .slide-item.brand{
  background: #000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: inherit;
}
.slider .slide-item.rate{
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
}

.slider .slide-item:nth-child(1){
	animation-name:slider;
  animation-delay:-2s;
}
.slider .slide-item:nth-child(2){
	animation-name:slider;
  animation-delay:4s;
	opacity:0;
}
.slider .slide-item:nth-child(3){
	animation-name:slider;
  animation-delay:10s;
	opacity:0;
}

@keyframes slider{
	0%{
		opacity:0;
	}
	20.83%{
		opacity:1;
	}
	33.33%{
		opacity:1;
	}
	45.83%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}



/* ////////////////////////////////////////////////////////////

リピーター様用LP　/cashback（body"special"）

/////////////////////////////////////////////////////////////*/

body.special #container .MainColumn {
}

body.special #header .NavBar {
width: 100%;
position: fixed;
height: 80px;
}

@media(max-width:500px) {
body.special #header .NavBar {
height: 60px;
}
}

body.special #header .headerBg {
position: relative;
background: url(../img/header_special.png) no-repeat center bottom,	url(../img/header_special_back.png) no-repeat center center, rgba(115,189,255,.5);
background-size: 1000px,cover,cover;
height: 580px;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
body.special #header .headerBg {
position: relative;
background: url(../img/header_special.png) no-repeat center bottom,	url(../img/header_special_back.png) no-repeat center center, rgba(115,189,255,.5);
background-size: 100vw,cover,cover;
height: 0;
width: 100%;
padding-top: calc(50% + 80px);
}
}

@media(max-width:500px) {
body.special #header .headerBg {
height: auto;
z-index: 0;
background: none;
padding-top: 60px;
}
}

body.special #header .headerBg .wrapper {
width: 1000px;
position: relative;
}

@media(max-width:1000px){
body.special #header .headerBg .wrapper {
width: 100%;
padding: 0;
}
}

body.special #header .headerSP {
display: none;
}

@media(max-width:500px){
body.special #header .headerSP {
display: block;
}
}

body.special #header .feature {
background:#000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
}

body.special #header .feature .wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
}

body.special #header .feature .box{
background:#f4f4f4;
width: 23%;
margin: 0 .5em;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 80px;
border-radius: 5px;
white-space: nowrap;
font-size: 1.4em;
}

body.special #header .feature .box img {
width: 50px;
margin-right: .3em;
}

@media(max-width:500px) {
body.special #header .feature .box{
display: flex;
align-items: center;
justify-content: space-evenly;
}

body.special #header .feature .box img {
width: 30px;
margin-left: 0;
margin-right: 0;
}
}

@media screen and (min-width: 501px) and (max-width: 1000px){
body.special #header .feature .wrapper {
height: 100px;
}
body.special #header .feature .box{
font-size: 2vw;
}
body.special #header .feature .box{
height: 70px;
}
}

@media(max-width:500px) {
body.special #header .feature .wrapper {
height: 60px;
}
body.special #header .feature .box{
font-size: 2.2vw;
}
body.special #header .feature .box{
height: 40px;
}
}

body.special #header .wrapper:after {
content: none;
}

body.special #header .headerButton {
background: rgba(242,150,0,1);
color: #fff;
padding: 0.5em 2em 0.5em 1.5em;
border-radius: 50px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
position: relative;
margin: 0.5em;
letter-spacing: 1.5px;
box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}


@media(max-width:800px) {
body.special #header .headerButton {
width: auto;
}
}

@media screen and (min-width: 801px) and (max-width: 1000px){
body.special #header .headerButton {
margin-top: 1em;
}
}
@media screen and (min-width: 501px) and (max-width: 800px){
body.special #header .headerButton {
margin-top: .8em;
}
}
@media(max-width:500px) {
body.special #header .headerButton {
font-size: 1.1em;
}
body.special #header .headerButton i {
margin-top: .1em;
}
}

body.special #header .special_rate_box {
position:absolute;
top: 240px;
right: 75px;
width: 290px;
text-align: center;
}

body.special #header .special_first_box {
margin-bottom: .3em;
}

body.special #header .special_first {
font-size: 2em;
color: #fff;
/*background: #000;*/
text-shadow: 1px 2px 0 #7a6431;
background-image: -webkit-linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
background-image: linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
}

body.special #header .special_first_rate {
font-size: 5.5em;
color:red;
font-weight: bold;
}

body.special #header .special_second_box {
}

body.special #header .special_second {
color: #fff;
/*background: #000;*/
font-size: 2em;
text-shadow: 1px 2px 0 #666;
background-image: -webkit-linear-gradient(90deg,#999,#ccc,#999,#ccc,#999);
background-image: linear-gradient(90deg,#999,#ccc,#999,#ccc,#999);
}

body.special #header .special_second_rate {
font-size: 5.5em;
color:red;
font-weight: bold;
}

@media screen and (min-width: 801px) and (max-width: 1000px){
body.special #header .special_rate_box {
position:absolute;
top: -315px;
right: 43px;
width: 33%;
}
}

@media screen and (min-width: 501px) and (max-width: 1000px){
body.special #header .special_rate_box {
position: absolute;
top: -33vw;
right: 7vw;
width: 30vw;
}

body.special #header .special_first {
font-size: 3vw;
}

body.special #header .special_first_rate {
font-size: 8vw;
color:red;
font-weight: bold;
}

body.special #header .special_second {
font-size: 3vw;
}

body.special #header .special_second_rate {
font-size: 8vw;
color:red;
font-weight: bold;
}
}

@media screen and (min-width: 401px) and (max-width: 500px){
body.special #header .special_rate_box {
top: 85px;
bottom: 0%;
right: 7%;
width: 36%;
}

body.special #header .special_first {
font-size: 4vw;
}

body.special #header .special_first_rate {
font-size: 8.5vw;
color:red;
font-weight: bold;
}

body.special #header .special_second {
font-size: 4vw;
}

body.special #header .special_second_rate {
font-size: 8.5vw;
color:red;
font-weight: bold;
}
}

@media screen and (min-width: 321px) and (max-width: 400px){
body.special #header .special_rate_box {
top: 75px;
bottom: 0%;
right: 7%;
width: 36%;
}

body.special #header .special_first {
font-size: 4vw;
}

body.special #header .special_first_rate {
font-size: 8.5vw;
color:red;
font-weight: bold;
}

body.special #header .special_second {
font-size: 4vw;
}

body.special #header .special_second_rate {
font-size: 8.5vw;
color:red;
font-weight: bold;
}
}

@media(max-width:320px) {
body.special #header .special_rate_box {
position: absolute;
top: 20vw;
right: 7.5vw;
width: 35vw;
}

body.special #header .special_first_box {
}

body.special #header .special_first {
font-size: 4vw;
}

body.special #header .special_first_rate {
font-size: 8.5vw;
color:red;
font-weight: bold;
}

body.special #header .special_second_box {
}

body.special #header .special_second {
font-size: 4vw;
}

body.special #header .special_second_rate {
font-size: 8.5vw;
color:red;
font-weight: bold;
}
}

/* ////////////////////////////////////////////////////////////

セクションcontent-compare

/////////////////////////////////////////////////////////////*/

#container section.content-compare {
background: #fffae3;
/*background: #c0e7ff;*/
/*background: #e5e5e5;*/
position: relative;
/*padding: 50px 0px 30px;*/
padding: 4em 0 3em;
z-index: 1;
}

@media(max-width:800px) {
#container section.content-compare .caption .next {
display: inline-flex;
align-items: center;
font-size: 3.5vw;
}
}

#container section.content-compare img.Image{
margin: 2em auto 3em;
}

#container section.content-compare p.value{
font-size: .8em!important;
padding-top: 1em;
padding-bottom: 1em;
}

#container section.content-compare span {
background:linear-gradient(transparent 60%, #fbdd51 60%);
}

@media(max-width:500px) {
#container section.content-compare {
padding: 2em 0 3em;
}
#container section.content-compare .caption {
font-size: 5vw;
margin-bottom: .5em;
}
#container section.content-compare img.Image{
margin: 2em auto 2em;
height: 15px;
}

#container section.content-compare p.value{
font-size: 1em!important;
padding-top: 1em;
padding-bottom: 1em;
}
}

#container section.content-compare .textbox {
width: 90%;
margin: 0 auto;
}

@media(max-width:500px) {
#container section.content-compare .textbox {
width: 95%;
}
}

#container section.content-compare .textbox p {
font-size: .9em;
font-weight: bold;
}

@media(min-width:600px) {
#container section.content-compare .compare_sp {
display: none;
}
}

@media(max-width:600px) {
#container section.content-compare .compare_sp {
width: 90%;
margin: 0 auto;
}

#container section.content-compare .compare_sp .compare_head {
font-weight: bold;
font-size: 1.3em;
/*background: #f29600;*/
background: rgba(115,189,255,1);
color: #fff;
padding: .3em 0;
}

#container section.content-compare .compare_sp .compare_box{
display: flex;
align-items: center;
justify-content: space-evenly;
background: #fff;
margin-bottom: 1.5em;
-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
text-align: left;
font-size: 1.2em;
padding: .5em 0 1em;
}

#container section.content-compare .compare_sp .compare_box .compare_right,
#container section.content-compare .compare_sp .compare_box .compare_left {
width: 45%;
}

#container section.content-compare .compare_sp .compare_box .a,
#container section.content-compare .compare_sp .compare_box .b,
#container section.content-compare .compare_sp .compare_box .c{
padding: .5em 0;
height: 10vw;
}

#container section.content-compare .compare_sp .compare_box .compare_left .a {
border-bottom: solid rgba(115,189,255,1) 2px;
}

#container section.content-compare .compare_sp .compare_box .compare_right .a {
border-bottom: solid rgba(115,189,255,1) 1px;
font-weight: bold;
font-size: 1.1em;
}

#container section.content-compare .compare_sp .compare_box .compare_left .b,
#container section.content-compare .compare_sp .compare_box .compare_left .c {
border-bottom: solid #bbb 2px;
}

#container section.content-compare .compare_sp .compare_box .compare_right .b,
#container section.content-compare .compare_sp .compare_box .compare_right .c {
border-bottom: solid #bbb 1px;
font-size: .9em;
}

#container section.content-compare .compare_sp .compare_box img.innerlogo {
width:35vw;
margin-top: 3px;
}

#container section.content-compare .compare_sp .compare_box:last-child{
margin-bottom: 0;
}
}

@media(max-width:600px) {
table.compare {
display: none;
}
}

@media(min-width:600px) {
table.compare {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 90%;
}
table.compare img.innerlogo{
width:200px;
height: auto;
/*height: 25px;*/
margin-bottom:5px;
}

table.compare tr {
}
table.compare th,
table.compare td {
padding: .8em 1em;
border: 1px solid #eee;
text-align: center!important;

}


table.compare thead th {
font-size: 1.3em;
padding: 1em 1.5em;
}

table.compare thead th {
background: rgba(115,189,255,1);
}

table.compare thead th:nth-of-type(1) {
background: none!important;
border:none;
}

table.compare thead th:nth-of-type(2) {
font-size: 1.3em;
padding: 1em .5em;

text-shadow: 1px 2px 0 #7a6431;
background-image: -webkit-linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
background-image: linear-gradient(90deg, #a58c48, #d0be6f, #a58c48, #d0be6f, #a58c48);
}

table.compare thead th:nth-of-type(3),
table.compare thead th:nth-of-type(4) {
background: #bbb;
}

table.compare thead tr{
color:#fff;
}
table.compare tbody th {
background: rgba(115,189,255,1)!important;
color: #fff;
}
table.compare tbody th,
table.compare tbody td {
text-align: left;
font-size: 1.3em;
background: #fff;
}

table.compare tbody td:nth-child(2) {
font-size: 1.4em;
font-weight: bold;
}

table.compare tbody td:nth-child(3),
table.compare tbody td:nth-child(4) {
background:#fff!important;
}

@media screen and (max-width: 600px) {
table.compare{width: 100%;}
}
}


/* ////////////////////////////////////////////////////////////

セクションfourstep

/////////////////////////////////////////////////////////////*/

#container section.content-fourstep {
background-color:rgba(115,189,255,1);
background-image: url(../img/bg_pattern.png);
/*padding: 60px 0 30px;*/
padding: 4em 0 3em;
}

#container section.content-fourstep img.step{
margin: 2em auto!important;
}

#container section.content-fourstep img.fourstep{
width: 250px;
margin: 3em auto;
}
#container section.content-fourstep .caption {
font-size: 2.7em;
color: #fff;
margin-bottom: 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.content-fourstep .caption {
font-size: 2.2em;
}

#container section.content06 img.step{
margin: 2em auto!important;
}
#container section.content06 img.fourstep{
margin: 2em auto 1em!important;
}
}

@media(max-width:500px) {
#container section.content-fourstep {
padding: 3em 0;
}
#container section.content-fourstep .caption {
font-size: 5vw;
}

#container section.content-fourstep img.step{
height: 15px;
margin: 1.5em auto!important;
}
#container section.content-fourstep img.fourstep{
margin: 2em auto 1em;
width: 250px;
}
#container section.content-fourstep img.fourstep{
width: 170px;
margin: 1em auto 2.5em!important;
}
}


#container section.content-fourstep .Flow {
position: relative;

display: -webkit-box;
display: box;

display: -webkit-flexbox;
display: flexbox;

display: -webkit-flex;
display: flex;

/* 基本 */
-webkit-flex-flow:row wrap;
flex-flow:row wrap;

/* 水平中央寄せ */
-webkit-justify-content: center;
justify-content:center;
}

#container section.content-fourstep .Flow .Box {
-webkit-flex: 1;
flex: 1;
padding: .5em .5em 0;
position: relative;
border-left: none;
margin: 1.5em 0;
}

@media(max-width:768px) {
#container section.content-fourstep .Flow .Box {
margin: .5em auto;
min-width: 95%;
max-width: 95%;
padding: 0 .5em 0;
}
}

#container section.content-fourstep .Flow .Box::after{
content: '\f061';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 40%;
right: -5%;
z-index: 1;
font-size: 2em;
color:#fff;
}

@media(max-width:768px) {
#container section.content-fourstep .Flow .Box::after {
content: '\f063';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: relative;
top: 2vw;
right: 0;
z-index: 1;
font-size: 2em;
color:#fff;
display: block;
text-align: center;
}
}

#container section.content-fourstep .Flow .Box:last-child {
border-left: none;
}

@media(max-width:768px) {
#container section.content-fourstep .Flow .Box:last-child {
margin-bottom: 3em;
}
}

#container section.content-fourstep .Flow .Box:last-child::after {
content: none;
}

#container section.content-fourstep .Flow .Box .Num {
font-weight: bold;
text-align: center;
font-size: 1.5em;
color: #fff;
margin: 0 0 .5em;
}

#container section.content-fourstep .Flow .Box .Num span {
color: #fbdd51;
font-size: 1.2em;
}

#container section.content-fourstep .Flow .Box:last-child .Num {
}

@media(max-width:768px){
#container section.content-fourstep .Flow .Box .Num {
font-size: 1.5em;
margin: .3em 0
}
}

#container section.content-fourstep .Flow .Box .Title {
font-size: 1.2em;
font-weight: bold;
color: rgba(21,21,21,1);
text-align: center;
line-height: 1.1;
background: #fbdd51;
-webkit-border-radius: 1em;
border-radius: .5em;
padding: .5em 0;
width: 80%;
margin: 0 auto;
}

#container section.content-fourstep .textbox {
width: 100%;
margin: -1em auto 0;
}

@media(max-width:1000px) {
#container section.content-fourstep .textbox {
width: 95%;
margin-top: -2em;
}
}

#container section.content-fourstep .textbox p {
font-size: .9em;
font-weight: bold;
}

@media(max-width:768px) {
#container section.content-fourstep .Flow .Box .Title {
width: 40%;
}
}

@media(max-width:768px){
#container section.content-fourstep .Flow .Box .Title {
font-size: 1.15em;
text-align: center;
padding-left:5px;
margin: .5em auto .2em;
}
}

@media(max-width:768px){
#container section.content-fourstep .Flow .Box .Icon {
margin: 0 auto;
}
}

#container section.content-fourstep .Flow .Box .Icon img {
display: block;
padding: 1.5em 0 .5em;
margin: 0 auto;
width: 170px;
}

@media(max-width:768px){
#container section.content-fourstep .Flow .Box .Icon img {
padding: 0;
width: 150px;
padding-right: 1em;
}
}

#container section.content-fourstep .Flow .Box .Text {
font-size: 1em;
padding: 1em;
background: rgba(255,255,255, .8);
line-height: 1.8;
height: 150px;
margin-top: .5em;
}

@media screen and (min-width: 769px) and (max-width: 1000px){
#container section.content-fourstep .Flow .Box .Text {
width: 100%;
height: 180px;
}
}

@media(max-width:768px){
#container section.content-fourstep .Flow .Box .Text {
width: 100%;
height: auto;
font-size: 1.1em;
}
}

.bold1 {
font-size: 1.1em;
font-weight: bold;
}
.orange {
color: rgba(253,144,1,1);
}

@media(max-width:768px) {
#container section.content-fourstep .Flow .Box .flexSP {
display: flex;
justify-content:center;
align-items: center;
flex-flow:row;
}
}

/* ////////////////////////////////////////////////////////////

セクションapplication

/////////////////////////////////////////////////////////////*/

#container section.application {
background: #e5e5e5;
padding: 3em 0;
}

#container section.application .caption {
font-size: 2.7em;
padding: 1em 0 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
#container section.application .caption {
font-size: 2.2em;
}
}

@media(max-width:500px) {
#container section.application {
padding: 1em 0;
}
#container section.application .caption {
font-size: 5vw;
padding: 1.5em 0 .5em;
}
}

#container section.application .form_wrapper{
background: #fff;
width: 90%;
margin: 3em auto;
border-radius: 15px;
padding: 1em 1.5em;
}

.form_boxS {
margin: 0 auto;
padding: 0;
text-align: center;
position: relative;
}

.form_boxS .form_listS input {
border: 1px solid #8e8e8e;
padding: .5em .7em;
font-size: 1em;
border-radius: 5px;
height: 60px;
background-color: #f4f4f4;
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
width: 100%;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxS .form_listS input {
height: 50px;
font-size: 1em!important;
}
}

@media(max-width:500px) {
.form_boxS .form_listS input {
height: 40px;
font-size: .9em!important;
}
.form_boxS .form_listS input.px16 {
font-size: 16px!important;
}
}

.form_boxS .form_listS {
font-size: 1.3em;
font-weight: bold;
margin: 1em auto 1em;
position: relative;
width: 100%;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxS .form_listS {
margin: 0 auto 1em;
}
}

@media(max-width:500px) {
.form_boxS .form_listS {
margin: 0 auto 1em;
}
}

.form_boxS .form_listS tr{
}

@media(max-width:500px) {
.form_boxS .form_listS tr{
}
}

.form_boxS .form_listS th{
font-size: .95em;
padding: 1em 0 0;
text-align: left;
display: block;
text-align: center;
width: 80%;
margin: 0 auto;
}

.form_boxS .form_listS td{
padding: 1em 0;
text-align: left;
position: relative;
border-bottom: dotted 1px #ccc;
margin: 0 auto;
width: 80%;
}

.form_boxS .form_listS td.bottomnone {
border-bottom: none;
padding: 1em 0 0;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxS .form_listS th{
display: block;
padding: 1em 0 0;
}
}

@media(max-width:500px) {
.form_boxS .form_listS th{
display: block;
padding: 1em 0 0;
width: 100%;
font-size: .9em;
}
.form_boxS .form_listS td{
width: 100%;
}
}

.form_boxS .form_listS td.Radio input{
width: 0;
}
@media(max-width:1000px) {
.form_boxS .form_listS td.Radio input{
display: inline-flex;
}
.form_boxS .form_listS td.Radio{
margin-left: 1em;
}
}

.form_boxS .form_listS td{
display: block;
}

.form_boxS .form_listS span {
font-weight: normal;
}

.form_boxS .form_listS .last input {
background-color: rgba(255,250,227,1);
}

.form_boxS .form_listS select {
font-size: .9em;
border-radius: 5px;
height: 60px;
background-color: #f4f4f4;
border: 1px solid #8e8e8e;
padding: 0 .7em;
/* グラデーション */
background-image: linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -o-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -moz-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -webkit-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -ms-linear-gradient(top, rgb(230,230,230) 20%, rgb(255,255,255) 95%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.2, rgb(230,230,230)),
color-stop(0.95, rgb(255,255,255))
);

width: 100%;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxS .form_listS select {
height: 50px;
font-size: 1em!important;
}
}

@media(max-width:500px) {
.form_boxS .form_listS select {
height: 40px;
font-size: .9em!important;
}
}

.form_boxS .form_listS td.typeselect option {
text-align: left;
}
.form_boxS .form_listS td.typeselect:after {
content:'';
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 0.5em);
right: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background-image: url(../img/simu_arrow.png);
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxS .form_listS td.typeselect:after {
top: calc(50% - 0.4em);
width: 15px;
height: 15px;
}
}

@media(max-width:500px) {
.form_boxS .form_listS td.typeselect:after {
top: calc(50% - 0.5em);
width: 15px;
height: 15px;
}
}

.form_boxS .form_listS label {
font-size: 1em;
font-weight: normal;
vertical-align: middle;
text-align: center;
display: block;
padding: 1em 0;
}

@media(max-width:500px) {
.form_boxS .form_listS label {
font-size: .9em;
}
}

.form_boxS .form_listS label:before {
width: 15px;
height: 15px;
line-height: 15px;
margin-right: .5em;
border: 1px solid #8e8e8e;
background-color: #f4f4f4;
margin-bottom: 0.1em;
}

.form_boxS .form_listS textarea {
width: 100%;
height: 150px;
font-size: 1em;
border-radius: 5px;
padding: .5em;
resize: none;
/* Font-Family 角ゴシック系 */
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Verdana, Arial, sans-serif;
border: 1px solid #8e8e8e;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxS .form_listS textarea {
font-size: 1em!important;
height: 150px;
}
}

@media(max-width:500px) {
.form_boxS .form_listS textarea {
font-size: 16px!important;
height: 120px;
}
}

.form_boxS .form_listS input[type="checkbox"] {
display: none;
}

.form_boxS .form_listS input[type="checkbox"] + label::before, input[type="checkbox"]:before {
content: '';
border: 1px solid #b4b4b4;
display: inline-block;
position: relative;
top: 0px;
margin-right: 15px;
vertical-align: middle;
cursor: pointer;
text-align: center;
-webkit-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
border-radius: 3px;
width: 15px;
height: 15px;
line-height: 15px;
}

.form_boxS .form_listS input[type=checkbox]:checked + label {
background:none;
color:#000;
text-shadow:none;
-webkit-text-shadow:none;
}

.form_boxS .form_listS .attention {
color: #8e8e8e;
font-size: .85em;
font-weight: normal;
margin-top: -2em;
line-height: 2;
letter-spacing: 1px;
}

@media screen and (min-width: 501px) and (max-width: 1000px){
.form_boxS .form_listS .attention {
font-size: .75em;
margin-top: -2.5em;
letter-spacing: 0;
margin-left: 0;
}
}

@media(max-width:500px) {
.form_boxS .form_listS .attention {
font-size: .75em;
margin-top: -2.5em;
letter-spacing: 0;
margin-left: 0;
}
}

.form_boxS .form_listS span.small {
background: rgba(150,150,150,1);
color: #fff !important;
padding: 0.1em 0.4em;
font-size: .8em;
-webkit-text-shadow: none;
text-shadow: none;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-left: 0.5em;
}

@media(max-width:768px){
.form_boxS .form_listS span.small {
font-size:10px;
display: inline-block;
}
}

@media(max-width:768px){
.form_boxS .form_listS span.small {
margin-top: 10px;
}
}

img.application {
margin-top: 4em;
}

@media(max-width:500px) {
img.application {
margin: 4em auto 0!important;
height: 15px;
}
}
/**/