@font-face {
font-family: 'M+ 1c heavy';
src: url('fonts/mplus-1c-heavy-sub.eot');
src: url('fonts/mplus-1c-heavy-sub.eot?#iefix') format('embedded-opentype'),
url('fonts/mplus-1c-heavy-sub.woff') format('woff'),
url('fonts/mplus-1c-heavy-sub.ttf') format('truetype');
}










/*サイト全体*/
html {
overflow: auto;
}
body {
font-family: 'Kiwi Maru', serif;
overflow: hidden;
user-select:non;
}
@media screen and (max-width:767px) {
html {
overflow: auto;
}
body {
font-family: 'Kiwi Maru', serif;
overflow: hidden;
user-select:non;
}
}

a {
border: 0;
color: #202020;
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
outline:none;
}











/* レスポンシブ */
@media screen and (min-width:768px) { 
.desktopin { 
display:block;
}
.mobilein { 
display:none;
}
}
@media screen and (max-width:767px) { 
.desktopin { 
display:none;
}
.mobilein { 
display:block;
}
}

@media screen and (min-width:1000px) { 
.desktopin2 { 
display:block;
}
.mobilein2 { 
display:none;
}
}
@media screen and (max-width:999px) { 
.desktopin2 { 
display:none;
}
.mobilein2 { 
display:block;
}
}










/* Loading */
#loading {
width: 100vw;
height: 100vh;
transition: all 1s;
background-color: #7dc5ff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}

.spinner,
.spinner:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
@media screen and (max-width:480px) { 
.spinner,
.spinner:after {
width: 5em;
height: 5em;
}
}

.spinner {
margin: 160px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@media screen and (max-width:480px) { 
.spinner {
border-top: .7em solid rgba(255, 255, 255, 0.2);
border-right: .7em solid rgba(255, 255, 255, 0.2);
border-bottom: .7em solid rgba(255, 255, 255, 0.2);
border-left: .7em solid #ffffff;
}
}

@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

/* Hide Loading Block */
.loaded {
opacity: 0;
visibility: hidden;
}






/*タイムラグ*/
/*
html {
visibility: hidden;
}
html.wf-active, html.loading-delay {
visibility: visible;
}
*/







/* header pc headerタグは共用 */
header {
top: 0;
width: 100%;
background-color: transparent;
align-items: center;
position: fixed;
z-index: 97;
background: rgba(255, 255, 255, 0.9);
letter-spacing : 0.2em;
border-bottom: 1px solid #ccc;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
@media screen and (max-width:999px) {
header {
top: 0;
width: 100%;
background-color: transparent;
align-items: center;
position: fixed;
z-index: 97;
background: rgba(255, 255, 255, 0.9);
letter-spacing : 0.2em;
border-bottom: 1px solid #ccc;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
}

@media screen and (max-width:999px) {
.headerTitle {
margin: 15px 5px;
}
}
.headerTitleImg {
width: 200px;
}
@media screen and (max-width:999px) {
.headerTitleImg {
width: 180px;
}
}

.headerTitleLink {	
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color:rgba(0,0,0,0);
outline:none;
display: inline-block;
}

.pc-nav a {	
text-decoration: none;
color: #000;
-webkit-tap-highlight-color:rgba(0,0,0,0);
outline:none;
}

header nav {
margin: 0 0 0 auto;
}

header ul {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width:999px) {
header ul {
display: flex;
align-items: center;
justify-content: unset;
}
}

header li {
margin: 0 0 0 20px;
font-size: .9rem;
word-break: keep-all;
word-wrap: ;
}
@media (min-width:768px) and (max-width:1199px) {
header li {
margin: 0 0 0 15px;
font-size: .8rem;
}
}
@media screen and (max-width:767px) {
header li {
margin: 0 0 0 0px;
font-size: 1rem;
}
}

/* ボタン */
.btn-wrap2 {
margin: 5px;
}
.btn2, a.btn2, button.btn2 {
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
position: relative;
display: inline-block;
padding: .5rem 1.2rem;
cursor: pointer;
user-select: none;
transition: all .3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: .1em;
text-shadow: .5px .5px 2px #494949;
}
@media (min-width:768px) and (max-width:999px) {
.btn2, a.btn2, button.btn2 {
padding: .5rem .5rem;
}
}
.btnS2 {
font-size: .8rem;
color: #fff527;
}
a.btn2--green {
color: #fff;
background: linear-gradient(to right, #ff6060 0%, #ff6060 100%);
}
a.btn2--green:hover {
color: #fff;
background: linear-gradient(to bottom, #ff1919 0%, #ff1919 100%);
}
/* ------------キラリ------------ */
.shinybtn2 {   
overflow: hidden;
}
.shinybtn2::before {
position: absolute;
content: '';
top: -180px;
left: 0;
width: 100px;
height: 100%;
background-color: rgba(255, 255, 255, 80%);
animation: shinybtn2 5s ease-in-out infinite;
}
@-webkit-keyframes shinybtn2 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
90% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
91% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


/* SPのみ */
.hamburger {
position: fixed;
z-index: 9999;
right: 7px;
top: 12px;
width: 42px;
height: 33px;
cursor: pointer;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 2px ;
left    : 6px;
background : #555;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 5px;
}
.hamburger span:nth-child(2) {
top: 15px;
}
.hamburger span:nth-child(3) {
top: 25px;
}

/* ナビ展開時 配置 */
.hamburger.active span {
margin-top: -1px;
}
.hamburger.active span:nth-child(1) {
top : 16px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 16px;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}

nav.globalMenuSp {
position: fixed;
z-index : 2;
top  : 0;
left : 0;
color: #000;
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
}
nav.globalMenuSp ul {
margin: 0 auto;
padding: 0;
height: 100%;
display: inline-block;
}
nav.globalMenuSp ul li {
list-style-type: none;
padding: 2rem 0;
width: 100%;
position: relative;
top: 10%;
}
nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
nav.globalMenuSp ul li:hover{
}
nav.globalMenuSp ul li a {
display: block;
color: #000;
text-decoration :none;
}

/* jQueryで付与・削除 */
nav.globalMenuSp.active {
transform: translateY(0%);
}

/* Responsive */
@media screen and (min-width:1000px) {
.sp-nav {
display: none;
}
}
@media screen and (max-width:999px) {
.pc-nav {
display: none;
}
}










/* FixIcon */
.pagetop-parent {
width: 100%;
z-index: 90;
position: relative;
}
.pagetop-parent img {
max-width: 100px;
}
@media screen and (max-width:999px) {
.pagetop-parent img {
max-width: 70px;
}
}

.pagetop-child {
position:fixed;
right:0;
bottom:-250px;
margin:0px 15px 20px 0px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

@media screen and (max-width:767px) {
.pagetop-parent {
width: 100%;
z-index: 90;
position: relative;
}
.pagetop-child {
position:fixed;
right:0;
bottom:-150px;
margin:0px 10px 10px 0px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
}











/* Title */
.TitleCut {
position: relative;
padding-bottom: 90px;
padding-top: 60px;
text-align: center;
margin-top: 30px;
}
@media screen and (max-width:767px) { 
.TitleCut {
padding-bottom: 40px;
padding-top: 10px;
}
}
.TitleCut:after {
content: "";
width: 0;
height: 0;
bottom: 0;
position: absolute;
left: 0;
border-style: solid;
border-width: 60px 50vw 0;
border-color: transparent #fff;
}
@media screen and (max-width:767px) { 
.TitleCut:after {
border-width: 30px 50vw 0;
}
}

.TitleColor {
background: #4bafff;
background-image: url(data/bo.png);
background-size: 15%;
background-position: 0 60px;
}
@media screen and (max-width:767px) { 
.TitleColor {
background-size: 35%;
background-position: 0 20px;
}
}
.TitleColor2 {
background: #a36600;
background-image: url(data/bo.png);
background-size: 15%;
background-position: 0 60px;
}
@media screen and (max-width:767px) { 
.TitleColor2 {
background-size: 35%;
background-position: 0 20px;
}
}

.txt3 {
color: #fff;
font-size: 2.5rem;
line-height: 3rem;
font-family: 'Hachi Maru Pop', cursive;
font-weight: bold;
text-shadow: 2px 2px 5px #525252;
}
@media screen and (max-width:767px) { 
.txt3 {
font-size: 2rem;
}
}









/* MangaBox */
.MangaBox {
text-align: center;
margin: 10px 0px;
}

.MangaBox img {
width: 100%;
max-width: 1000px;
}














/* Top OB */
.TopObBoxAll {
padding-top: 60px;
position: relative;
padding-bottom: 20px;
background: #4bafff;
    background-image: url(data/bo.png);
    background-size: 15%;
    background-position: 0 60px;
}
@media screen and (max-width:767px) { 
.TopObBoxAll {
padding-top: 60px;
padding-bottom: 10px;
background-size: 35%;
background-position: 0 20px;
}
}

/* タイトルPC */
.TitleFlex {
display: flex;
align-items: center;
max-width: ;
margin: auto;
padding-left: 20px;
margin-top: 20px;
}
@media screen and (max-width:767px) { 
.TitleFlex {
padding-left: 0px;
}
}

.TitleFlex1 {
width: 100%;
height: auto;
flex: 1;
margin-bottom: -100px;
z-index: 90;
margin-right: -50px;
margin-left: 60px;
}
@media screen and (max-width:1299px) {
.TitleFlex1 {
margin-bottom: -20px;
margin-right: -30px;
margin-left: 10px;
}
}

.TitleFlex1 img {
width: 70%;
}

.TitleFlex2 {
width: 90%;
height: auto;
flex: 3;
z-index: 95;
text-align: center;
}
.TitleFlex2 img {
width: 100%;
}
.TitleFlex3 {
width: 100%;
height: auto;
flex: 1;
margin-left: 10px;
}
.TitleFlex3 img {
width: 100%;
max-width: 230px;
}

/* タイトルSP */
.TopObBoxTitle {
text-align: center;
}
.TopObBoxTitle img {
max-width: 40%;
}
@media screen and (max-width:480px) { 
.TopObBoxTitle img {
max-width: 90%;
}
}

/* タイトルアニメーション */
.TopObBoxTitleAnimation {
opacity : 0;
transform : translateX(0px) translateY(0px) scale(10);
transition : all .5s;
transition-delay : 0s;
}
.TopObBoxTitleAnimation.active{
opacity : 1;
transform : translateX(0px) translateY(0px) scale(1);
}
.TopObBoxTitleAnimation2 {
opacity : 0;
transform : translateX(-50px) translateY(0px) scale(1) rotate(-5deg);
transition : all .5s;
transition-delay : 1s;
}
.TopObBoxTitleAnimation2.active{
opacity : 1;
transform : translateX(0px) translateY(0px) scale(1) rotate(0);
}
.TopObBoxBalloon {
opacity : 0;
transform : translate(0, 0px)scale(0,0);
transition : all .5s;
transition-delay : 1.2s;
}
.TopObBoxBalloon.active{
opacity : 1;
transform : translate(0, 0px)scale(1,1);
animation: TopObBoxBalloon 3s ease-out 1.2s 1 normal both;
}
@keyframes TopObBoxBalloon {
0% { transform: scale(1); }
10% { transform: scale(1.05); }
20% { transform: scale(1); }
30% { transform: scale(1.02); }
40% { transform: scale(1); }
100% { transform: scale(1); }
}

/* flex */
.flexAll {
margin-top: 20px;
max-width: 900px;
width: 100%;
margin: auto;
margin-top: 10px;
}
@media screen and (max-width:767px) { 
.flexAll {
margin-top: 0px;
}
}
.flex-container {
display: flex;
flex-wrap: no-wrap;
}

.flex-item {
width: 100%;
height: 100px;
margin: 5px;
color: #fff;
font-weight: bold;
z-index: 96;
text-align: center;
}
@media screen and (max-width:767px) { 
.flex-item {
height: auto;
margin: 5px 0px;
}
}
.flex-item img {
borde: 3px solid #4bafff;
}
@media screen and (max-width:767px) { 
.flex-item img {
width: 80%;
}
}

.TopFlexAnimation {
opacity : 0;
transform : translateX(-1000px) translateY(-1000px) scale(3);
transition : all .5s;
transition-delay : .3s;
}
.TopFlexAnimation.active{
opacity : 1;
transform : translateX(0px) translateY(0px) scale(1);
}
.TopFlexAnimation2 {
opacity : 0;
transform : translateX(1000px) translateY(-1000px) scale(3);
transition : all .5s;
transition-delay : .4s;
}
.TopFlexAnimation2.active{
opacity : 1;
transform : translateX(0px) translateY(0px) scale(1);
}
.TopFlexAnimation3 {
opacity : 0;
transform : translateX(-1000px) translateY(0px) scale(3);
transition : all .5s;
transition-delay : .5s;
}
.TopFlexAnimation3.active{
opacity : 1;
transform : translateX(0px) translateY(0px) scale(1);
}
.TopFlexAnimation4 {
opacity : 0;
transform : translateX(1000px) translateY(0px) scale(3);
transition : all .5s;
transition-delay : .6s;
}
.TopFlexAnimation4.active{
opacity : 1;
transform : translateX(0px) translateY(0px) scale(1);
}

/* flex2 */
.flex-container2 {
display: flex;
align-items: flex-start;
max-width: 400px;
margin: auto;
}
@media screen and (max-width:767px) { 
.flex-container2 {
}
}

.flex-item2A {
width: 100%;
height: auto;
margin-left: 20px;
margin-right: -20px;
z-index: 99;
}
@media screen and (max-width:767px) { 
.flex-item2A {
margin-left: 60px;
}
}

.flex-item2A img {
width: 100%;
max-width: 200px;
}
@media screen and (max-width:767px) { 
.flex-item2A img {
max-width: 100px;
}
}

.flex-item2B {
width: 100%;
height: auto;
}
@media screen and (max-width:767px) { 
.flex-item2B {
margin-left: -70px;
}
}

.flex-item2B img {
width: 100%;
max-width: 150px;
}

/* Title */
.TopTitle {
position: relative;
padding-bottom: 60px;
padding-top: 30px;
text-align: center;
margin-top: 30px;
}
@media screen and (max-width:767px) { 
.TopTitle {
padding-bottom: 40px;
padding-top: 10px;
}
}
.TopTitle:after {
content: "";
width: 0;
height: 0;
bottom: 0;
position: absolute;
left: 0;
border-style: solid;
border-width: 60px 50vw 0;
border-color: transparent #fff;
}
@media screen and (max-width:767px) { 
.TopTitle:after {
border-width: 30px 50vw 0;
}
}
.TopTitleColor {
background: #4bafff;
}
.TopTitleTxt {
color: #fff;
font-size: 2.5rem;
line-height: 3rem;
font-family: 'Hachi Maru Pop', cursive;
font-weight: bold;
text-shadow: 1px 1px 2px #525252;
}
@media screen and (max-width:767px) { 
.TopTitleTxt {
font-size: 2rem;
}
}

.yureru-j {
animation: yureru-j 3s infinite;
}
@keyframes yureru-j {
0% {
transform: translate(0px, 3px);
}
2.5% {
transform: translate(0px, -3px);
}
5% {
transform: translate(0px, 3px);
}
7.5% {
transform: translate(0px, -3px);
}
10% {
transform: translate(0px, 3px);
}
12.5% {
transform: translate(0px, -3px);
}
15% {
transform: translate(0px, 0px);
}
}

.TopUpDown {
animation-name: TopUpDown;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}
@keyframes TopUpDown {
0% {
transform: translate(0,5px);
}
100% {
transform: translate(0,-5px)
}
}
@media screen and (max-width:767px) { 
.TopUpDown {
animation-name: TopUpDown;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}
@keyframes TopUpDown {
0% {
transform: translate(0,2px);
}
100% {
transform: translate(0,8px)
}
}
}














/* ButtonBox */
.cv_area {
padding: 45px 0 0;
width: 100%;
background-color: white;
}
@media screen and (max-width:767px) {
.cv_area {
    padding: 0;
    margin-top: -50px;
}
}

@media screen and (min-width: 768px){
.u_pc {
display: inline-block;
}
}

@media screen and (min-width: 768px){
.width_fix {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}
}

.cv_block {
margin: 0 auto;
max-width: 920px;
background: #ffffff;
border: 4px solid #dd8b00;
box-sizing: border-box;
box-shadow: 0px 0px 30px rgb(0 0 0 / 40%);
position: relative;
border-radius: 10px;
}
@media screen and (max-width: 767px){
.cv_block {
width: 100%;
}
}

.cv_block .message {
margin: -25px auto 0 auto;
padding: 10px;
font-size: 140%;
max-width: 740px;
text-align: center;
background: #a36600;
color: #ffffff;
display: block;
border-radius: 10px;
font-weight: bold;
letter-spacing: .1rem;
text-shadow    : 
1px  1px 1px #000000,
-1px  1px 1px #000000,
1px -1px 1px #000000,
-1px -1px 1px #000000,
1px  0px 1px #000000,
0px  1px 1px #000000,
-1px  0px 1px #000000,
0px -1px 1px #000000; 
}
@media screen and (max-width: 767px){
.cv_block .message {
width: 100%;
padding: 5px 0px;
font-size: 1.2rem;
}
}

h1, h2, h3, h4, h5, b, strong {
line-height: 1.5;
font-weight: 500;
}

.cv_block .inner {
display: flex;
justify-content: space-around;
padding: 30px 0px;
}
@media screen and (max-width: 999px){
.cv_block .inner {
padding: 0px;
display: inline-block;
width: 100%;
}
}

img, picture source {
width: 100%;
vertical-align: bottom;
}

img, abbr, acronym, fieldset {
border: 0;
-ms-interpolation-mode: bicubic;
}

.cv_block .logo {
margin-top: 20px;
}
@media screen and (max-width: 999px){
.cv_block .logo {
margin-top: 10px;
text-align: center;
}
}

.cv_block .logo img {
max-width: 250px;
}

.cv_block .tel {
line-height: 1;
text-align: center;
}
@media screen and (max-width: 999px){
.cv_block .tel {
margin: 30px 0px 0px;
}
}

.blue {
color: #023A95;
}

.cv_block .fas {
font-size: 20px;
margin-top: 2px;
color: #a78000;
}

.cv_block .tel .number {
display: inline-block;
vertical-align: top;
font-size: 2.5rem;
color: #A78000;
font-weight: 500;
letter-spacing: 0;
margin-bottom: 5px;
}
@media screen and (max-width: 999px){
.cv_block .tel .number {
}
}

.cv_block .tel .time {
font-size: 85%;
}

.title2 {
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 999px){
.title2 {
width: 100%;
font-size: .9rem;
margin-bottom: 5px;
}
}

.cv_block .inner .title {
line-height: 1;
margin-bottom: 10px;
}

.cv {
text-align: center;    
}
@media screen and (max-width: 999px){
.cv {
margin-top: 20px;
}
}

.cv_btn {
background: #eb8900;
position: relative;
line-height: 50px;
padding-left: 50px;
color: #ffffff;
display: block;
text-align: center;
font-size: 120%;
border-radius: 10px;
width: 80%;
margin: auto;
}
@media screen and (max-width: 999px){
.cv_btn {
margin: 0px auto 10px;
max-width: 270px;
}
}

.cv_btn:hover {
background: #ffad3a;
}

.cv_btn a {
display: block;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

.cv_btn .icon {
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 50px;
height: 50px;
background: #7e0000;
border-radius: 10px 0px 0px 10px;
font-weight: bold;
}

.cv_btn .icon img {
width: 12px;
vertical-align: baseline;
}









.SamImg2 {
text-align: left;
margin: auto;
margin-top: -220px;
position: relative;
width: 1000px;
}
@media screen and (max-width:767px) { 
.SamImg2 {
text-align: left;
margin: auto;
margin-top: -160px;
position: relative;
width: 1000px;
}
}
.SamImg2 img {
max-width: 120px;
width: 100%;
}
@media screen and (max-width:767px) { 
.SamImg2 img {
max-width: 80px;
width: 100%;
}
}










/* ContentsBox */
.ContentsBoxContainer {
max-width: 1000px;
margin: auto;
margin-top: 40px;
}
.list-advertising .box-item {
background: #fff;
width: 50%;
border: 3px solid #1461ad;
border-radius: 10px;
box-shadow: 3px 3px 0 #1461ad;
padding: 0 3% 3%;
margin: 20px 10px 0px;
}
@media screen and (max-width:767px) { 
.list-advertising .box-item {
width: 95%;
margin: 40px auto 0px;
box-sizing: border-box;
}
}

.box-item {
position: relative;
}

.box-item .head {
text-align: center;
margin-top: -30px;
margin-bottom: 10px;
position: relative;
z-index: 9;
}

.box-item .head span {
display: block;
padding: 20px 10px 20px;
color: #fff;
font-size: 19px;
font-weight: bold;
background: url(data/SB.png) no-repeat center 0;
background-size: auto 100%;
}

.box-item h3 {
display: block;
color: #1461ad;
font-size: 38px;
font-family: "Meiryo UI","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
font-weight: bold;
line-height: 1.2;
text-align: center;
height: 110px;
margin-bottom: 10px;
}
@media screen and (max-width:767px) { 
.box-item h3 {
height: 70px;
}
}
.box-item h3:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.box-item h3 span {
display: inline-block;
vertical-align: middle;
}

.box-itemTitleSpan {
font-size: 2rem;
}
@media screen and (max-width:767px) { 
.box-itemTitleSpan {
font-size: 1.6rem;
}
}

.media-link {
text-align: center;
}

.box-item .desc {
font-size: 17px;
line-height: 2em;
margin-top: 15px;
}
.list-advertising:after {
content: "";
display: table;
clear: both;
}

.list-advertising {
display: flex;
margin-top: 30px;
}
@media screen and (max-width:767px) { 
.list-advertising {
display: inline-block;
margin-top: 0px;
}
}

.txt-contact-us {
font-size: 33px;
font-family: "Meiryo UI", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-weight: bold;
color: rgb(20, 97, 173);
line-height: 1.2;
margin: 30px auto;
text-align: center;
}
@media screen and (max-width:767px) { 
.txt-contact-us {
margin: 15px auto;
font-size: 1.6rem;
}
}















/* Slider Title */
hr.style1{
margin-top: -30px;
border-width: 10px 0 0 0;
border-style: double;
border-color: #ffddab;
}
@media screen and (max-width:767px) {
hr.style1{
margin-top: -50px;
}
}

.title_dotted_line {
text-align: center;
margin-bottom: 70px;
margin-top: 10px;
}
.title_dotted_line .inner {
position: relative;
font-size: 140%;
padding: 0 20px;
z-index: 1;
font-weight: bold;
text-shadow    : 
3px  3px 2px #ffffff,
-3px  3px 2px #ffffff,
3px -3px 2px #ffffff,
-3px -3px 2px #ffffff,
3px  0px 2px #ffffff,
0px  3px 2px #ffffff,
-3px  0px 2px #ffffff,
0px -3px 2px #ffffff;
letter-spacing: 2px;
}
@media screen and (max-width:767px) {
.title_dotted_line .inner {
padding: 0;
letter-spacing: 0px;
}
}

.title_dotted_line .inner .em2 {
font-size: 120%;
color: ;
}
.title_dotted_line .inner .em {
font-size: 140%;
color: #A78000;
}
.title_dotted_line + p {
text-align: center;
margin-bottom: 50px;
line-height: 30px;
}
@media screen and (max-width: 767px){
.title_dotted_line + p {
text-align: left;
margin-bottom: 40px;
line-height: 30px;
padding: 0px 10px;
}
}

@media screen and (min-width: 768px){
.width_fix {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}
}
@media screen and (min-width: 768px){
.u_pc {
display: inline-block;
}
}


/* Slider */
.galleryAll {
background: ;
margin-bottom: 60px;
}

.gallery-cell {
width: 66%;
height: auto;
margin-right: 10px;
counter-increment: gallery-cell;
padding: 20px 20px;
}
@media screen and (max-width:767px) {
.gallery-cell {
width: 80%;
padding: 20px 10px;
}
}

.gallery-cellIn {
transform: translateY(0%);

}
@media screen and (max-width:767px) {
.gallery-cellIn {
transform: translateY(0%);
}
}

.SamImg {
text-align: center;
}
.SamImg img {
max-width: 700px;
width: 100%;
}
@media screen and (max-width:767px) {
.SamImg img {
width: 100%;
}
}

.txt {
font-size: 1rem;
line-height: 1.8;
padding: 20px 100px;
}
@media screen and (max-width:767px) {
.txt {
font-size: .9rem;
padding: 20px 5px;
}
}

.name {
font-size: 1.4rem;
color: #6a3906;
margin-top: 12px;
text-align: right;
}
@media screen and (max-width:767px) {
.name {
font-size: 1.2rem;
}
}














/* FixBackground */
.fixed-background {
background-attachment: fixed;
background-size: cover;
background-position: center;
}

.background-1 {
background-image: url('data/4862864_m.jpg');
}

#trouble {
background-size: cover;
padding-top: 65px;
padding-bottom: 65px;
font-weight: 500;
color: #fff;
text-align: center;
background: rgb(0 0 0 / 60%);
}

.inner {
max-width: 1000px;
margin: 0 auto;
}

.troubleTitle {
font-size: 2rem;
margin-bottom: 40px;
font-weight: bold;
letter-spacing: .2rem;
}
.troubleTitleSpan {
font-size: 3rem;
color: #dcff00;
margin-left: 5px;
}

.troubleList {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width:767px) { 
.troubleList {
display: block;
}  
}

.in {
line-height: 1.2;
font-size: 1.5rem;
width: 50%;
padding: 20px;
padding-top: 25px;
background: linear-gradient(#fff, #ececec);
color: #676767;
font-weight: bold;
margin: 20px;
height: 110px;
}
@media screen and (max-width:767px) { 
.in {
width: 90%;
padding: 10px;
padding-top: 15px;
margin: 30px auto;
}
}

.troubleListSpan{
font-size: 3rem;
font-weight: bold;
color: #eb9f00;
}
.troubleListSpan2{
font-size: 2.5rem;
font-weight: bold;
color: #2f99ff;
margin-left: 5px;
}

.troubleTxt {
font-size: .8rem;
line-height: 1.55;
color: #fff;
margin-top: 45px;
letter-spacing: .1rem;
padding: 5px;
}
@media screen and (max-width:767px) { 
.troubleTxt {
text-align: left;
}
}
.troubleTxtSpan{
font-size: .9rem;
font-weight: bold;
}

.troubleTxt2 {
    font-size: .8rem;
    line-height: 1.55;
    margin-top: 5px;
    letter-spacing: .1rem;
    padding: 5px;
    font-weight: 500;
    }
    @media screen and (max-width:767px) { 
    .troubleTxt2 {
    }
    }














/* Flow */
.FlowAll {
font-family: Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
line-height: 1.5;
margin-top: 20px;
}
.p-guideBody__05 {
max-width: 875px;
margin: 0 auto;
}
@media screen and (max-width:767px) { 
.p-guideBody__05 {
width: 100%;
}
}

.c-flow {
background-color: #dd8b00;
padding: 18px;
border-radius: 10px;
}

.c-flow__inner {
padding: 16px 0 25px;
background-color: #fff6df;
border-radius: 10px;
}
@media screen and (max-width:767px) { 
.c-flow__inner {
padding: 16px 0 20px;
}
}

.c-flow__subtitle {
font-size: 1.2rem;
line-height: 1.3;
text-align: center;
}
@media screen and (max-width:767px) { 
.c-flow__subtitle {
text-align: left;
padding: 0px 10px;
}
}

.c-flow__subtitle .yellowbg {
background-color: #fff993;
padding: 0 6px;
}

.c-flow__list {
width: 600px;
margin: 20px auto 0;
}
@media screen and (max-width:767px) { 
.c-flow__list {
width: 100%;
}
}

ol, ul {
list-style-type: none;
}

.c-flow__listItemInner {
background-color: #dd8b00;
padding: 20px;
text-align: left;
border-radius: 10px;
margin: 10px;
}

.c-flow__listItemInner .num {
width: 45px;
background-color: #fff;
font-size: 1rem;
font-family: 'M+ 1c heavy';
padding: 10px;
border-radius: 10px;
}

.c-flow__listItemInner .FlowTxt {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
display: block;
margin-left: 40px;
margin-top: -30px;
text-shadow: 1px 1px 2px #949494;
}

.FlowTxt2 {
margin-top: 20px;
color: #fff;
margin-left: 50px;
}
@media screen and (max-width:767px) { 
.FlowTxt2 {
margin-left: 0px;
}
}

.c-section {
width: 985px;
margin: 0 auto;
text-align: left;
}

style attribute {
visibility: visible;
}

.c-flow__listItem:last-child {
margin-right: 0;
background: none;
}

.c-flow__listItemInner .num--orange {
color: #f08a21;
}

.c-flow__listItemInner .txt--yellow {
color: #fff330;
}

.fas {
font-size: 2rem;
color: #ff8d8d;
}














/* Question */
.TableBoxAll {
margin: auto;
margin-top: 20px;
width: 60%;
padding: 10px 10px 10px;
text-align: center;
}
@media screen and (max-width:480px) {
.TableBoxAll {
width: auto;
border: none;
}
}
.TableBoxText {
text-align: center;
font-size: 1rem;
}
@media screen and (max-width:480px) {
.TableBoxText {
font-size: .8rem;
}
}

.acbox .sp_input {
display: none;
}
.acbox .search_box, .acbox .plan_detail, .acbox .accshow, .acbox .flow_item .txt {
transition: 0.2s;
height: 0;
overflow: hidden;
box-sizing: border-box;
}
.acbox .sp_input:checked + .search_box, .acbox .sp_input:checked + .plan_detail, #page_faq .acbox .sp_input:checked + .accshow, #flow .acbox .sp_input:checked + .txt {
height: auto;
padding: 10px 0;
box-sizing: border-box;
}
#page_faq .acbox .sp_input:checked + .accshow {
padding-bottom: 20px;
padding-left: 35px;
}
#page_faq .acbox .sp_input:checked + .accshow::before {
opacity: 0;
}
.acbox .sp_input:checked + .plan_detail {
margin-bottom: 10px;
width: 100%;
margin: 0 auto;
}

#plan_table .inner {
display: none;
}
#plan_table .txt {
text-align: center;
margin: 40px 0;
}

#plan1 {
background: #fffbf5;
}

.fa-window-minimize {
color: #e7e7e7;
vertical-align: text-top;
}
.sp_plan {
display: block;
background: #ffae51;
width: 100%;
margin: 10px auto 0px;
box-sizing: border-box;
caret-color: transparent;
text-align: left;
padding: 15px 10px 22px 17px;
font-size: 1.5rem;
font-weight: bold;
background-color: rgb(75 175 255);
color: #fff;
border-radius: 15px;
font-family: 'Hachi Maru Pop', cursive;
line-height: 2rem;
text-shadow: 0.5px 0.5px 2px #494949;
}
@media screen and (max-width:480px) {
.sp_plan {
font-size: 1.2rem;
}   
}

#page_plan .acbox:nth-last-of-type(3) .sp_plan {
background: #262f3c;
}
#page_plan .acbox:last-of-type .sp_plan {
background: url(../images/bg_plan_special.jpg) no-repeat center;
background-size: cover;
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
#page_plan .acbox:last-of-type .sp_plan .balloon {
font-size: 13px;
color: #262f3c;
display: block;
background: #fff;
height: 22px;
line-height: 22px;
margin: 0 auto 0 20px;
position: relative;
padding: 0 10px;
}
#page_plan .acbox:last-of-type .sp_plan .balloon::before {
content: '';
position: absolute;
top: 50%;
left: -14px;
margin-top: -5px;
border: 5px solid transparent;
border-right: 9px solid #FFF;
z-index: 2;
}

.plan_detail {
padding: 0;
}
.plan_detail .inner {
box-sizing: border-box;
width: 100%;
padding: 0 20px;
}
.plan_detail .title {
font-size: 25px;
line-height: 1.5;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
.plan_detail .title::before {
content: none;
}
.plan_detail .txt {
margin: 0 0 25px 0;
}
.plan_detail .title .plan_name, .sp_plan .plan_name {
font-size: 13px;
display: block
}
.plan_detail .detail_table {
border: 1px solid #dcdcdc;
width: 100%;
display: block;
}
.plan_detail .detail_table .br_b br {
display: block;
}
.plan_detail .detail_table strong {
font-weight: normal;
}
.plan_detail .detail_table ul, .plan_detail .detail_table ul li {
display: inline-block;
font-size: 12px;
}
.plan_detail .detail_table ul::before {
content: '（'
}
.plan_detail .detail_table ul::after {
content: '）'
}
.plan_detail .detail_table ul li::after {
content: '/';
}
.plan_detail .detail_table ul li:last-of-type::after {
content: none;
}
.plan_detail .detail_table table {
font-size: 12px;
width: 100%;
font-weight: normal;
}
.plan_detail .detail_table table th, .plan_detail .detail_table table td {
padding: 8px 15px;
box-sizing: border-box;
border-bottom: 1px solid #e8ecf0;
vertical-align: middle;
}
.plan_detail .detail_table table:last-of-type tr:last-of-type th, .plan_detail .detail_table table:last-of-type tr:last-of-type td {
border: none;
}
.plan_detail .detail_table table th {
text-align: left;
width: 40%;
background: #f7f7f7;
font-weight: normal;
}
.plan_detail .detail_table table td {
width: 60%;
background: #fff;
text-align: center;
}

.ContentsIn {
text-align: left;
margin: 0px 5px;
font-size: 1rem;
color: #000;
line-height: 1.5rem;
}
.ContentsIn img {
max-width: 45px; 
float: left;
margin: 0px 10px 0px;
padding-bottom: 10px
}
@media screen and (max-width:767px) {
.ContentsIn {
    font-size: .9rem;
}
.ContentsIn img {
max-width: 60px; 
margin: 0px 10px 0px;
padding-bottom: 0px
}
}














/* Contact */
.ContactBox {
position: relative;
max-width:1000px;
margin: 20px auto;
font-family: 'Lato', sans-serif;
border-top: 1px solid;
padding-top: 50px;
}
@media screen and (max-width:767px) {
.ContactBox {
width:100%;
margin: 30px auto 20px;
word-wrap: break-word;
}
}

.ContactTitleAll {
display: flex;
max-width: 600px;
width: 100%;
margin: auto;
margin-bottom: 20px;
justify-content: space-evenly;
align-items: center;
}

.ContactImg1 {
max-width: 120px;
transform: scaleX(-1);
}
@media screen and (max-width:767px) {
.ContactImg1 {
max-width: 80px;
}
}
.ContactImg2 {
max-width: 150px;
}
@media screen and (max-width:767px) {
.ContactImg2 {
max-width: 120px;
}
}
.ContactImg3 {
max-width: 120px;
}
@media screen and (max-width:767px) {
.ContactImg3 {
max-width: 80px;
}
}

.ContactUpDown {
animation-name: ContactUpDown;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}
@keyframes ContactUpDown {
0% {
transform: translate(0,-15px);
}
100% {
transform: translate(0,-5px)
}
}

.ContactTitle {
font-size: 30px;
letter-spacing: 20px;
text-align: center;
}
@media screen and (max-width:767px) {
.ContactTitle {
font-size: 1.4rem;
letter-spacing: 5px;
width: 100%;
}
}

/* ButtonBox2 */
.cv_area2 {
padding: 45px 0 0;
width: 100%;
background-color: white;
}

@media screen and (min-width: 768px){
.u_pc2 {
display: inline-block;
}
}

@media screen and (min-width: 768px){
.width_fix2 {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}
}

.cv_block2 {
margin: 0 auto;
max-width: 920px;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);
position: relative;
border-radius: 10px;
padding: 20px;
}
@media screen and (max-width: 767px){
.cv_block2 {
width: 95%;
padding: 50px 20px;
}
}

.cv_block2 .tel2 {
line-height: 1;
text-align: center;
}
@media screen and (max-width: 999px){
.cv_block2 .tel2 {
}
}

.blue2 {
color: #023A95;
}

.cv_block2 .fas {
font-size: 2rem;
margin-top: 2px;
color: #a78000;
}
@media screen and (max-width: 999px){
.cv_block2 .fas {
font-size: 1rem;
}
}

.cv_block2 .tel2 .number2 {
display: inline-block;
vertical-align: top;
font-size: 3.2rem;
color: #A78000;
font-weight: 500;
letter-spacing: 0;
margin-bottom: 5px;
}
@media screen and (max-width: 999px){
.cv_block2 .tel2 .number2 {
font-size: 2.2rem;
}
}

.cv_block2 .tel2 .time2 {
font-size: 85%;
}

.title22 {
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 999px){
.title22 {
width: 100%;
font-size: .9rem;
margin-bottom: 5px;
}
}


.Form {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
max-width: 980px;
}
@media screen and (max-width:767px) {
.Form {
width: 100%;
}
}

.Form-Item {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
display: flex;
align-items: center;
}
.Form-Item-Label {
width: 100%;
max-width: 980px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 20px;
background: #f2f2f2;
padding: 16px 8px 16px 8px;
}
.Form-Item-Label.isMsg {
margin-top: 8px;
margin-bottom: auto;
}
.Form-Item-Label-Required {
border-radius: 6px;
margin: 0px 8px 0px 8px;
padding: 0px 8px 0px 8px;
text-align: center;
background: #ff4500;
color: #fff;
font-size: 1.2rem;
}

.Form-Item-Label-Any {
    border-radius: 6px;
    margin: 0px 8px 0px 8px;
    padding: 0px 8px 0px 8px;
    text-align: center;
    background: #7ac8ff;
    color: #fff;
    font-size: 1.2rem;
}
@media screen and (max-width: 767px){
.Form-Item-Label-Any {
    font-size: 15px;
}
}

.Form-Item-Input {
border: 2px solid #ddd;
border-radius: 10px;
margin: 0px 0px 0px 0px;
padding-left: 1em;
padding-right: 1em;
height: 48px;
flex: 1;
width: 100%;
background: #fff;
font-size: 18px;
}
.Form-Item-Input:focus {
border-color: skyblue;   /* 枠線の色 */
outline: none;           /*※ブラウザが標準で付加する線を消したい時*/
}

.Form-Radio {
margin-top: -1px;
}

.Form-Item-Textarea {
border: 2px solid #ddd;
border-radius: 10px;
margin: 0px 0px 0px 0px;
padding: 1em;
height: 216px;
flex: 1;
width: 100%;
background: #fff;
font-size: 18px;
font-family: 'Lato', sans-serif;
}
.Form-Item-Textarea:focus {
border-color: skyblue;   /* 枠線の色 */
outline: none;           /*※ブラウザが標準で付加する線を消したい時*/
}

.Form-Btn {
border-radius: 6px;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
max-width: 800px;
display: block;
letter-spacing: 0.05em;
background: #80aaff;
color: #fff;
font-weight: bold;
font-size: 24px;
transition: 0.2s;
border: solid 3px gray;
box-shadow: 0px 3px 10px lightgray;
-webkit-appearance: none;
width: 100%;
}
.Form-Btn:active {
transform: translateY(8px);
}
.Form-Btn:hover {
background-color: #5a90ff;
}


@media screen and (max-width:767px) {

.Form-Item {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
display: flex;
align-items: center;
font-size: .9rem;
}
.Form-Item-Label {
width: 100%;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 15px;
background: #f2f2f2;
padding: 16px 8px 16px 8px;
line-height: 1.5rem;
}
.Form-Item-Label.isMsg {
margin-top: 8px;
margin-bottom: auto;
}
.Form-Item-Label-Required {
border-radius: 6px;
margin: 0px 8px 0px 8px;
padding: 0px 8px 0px 8px;
text-align: center;
background: #ff4500;
color: #fff;
font-size: 15px;
}

.Form-Item-Input {
border: 2px solid #ddd;
border-radius: 10px;
margin: 0px 0px 0px 0px;
padding-left: 1em;
padding-right: 1em;
height: 48px;
flex: 1;
width: 100%;
background: #fff;
font-size: 18px;
}
.Form-Item-Input:focus {
border-color: skyblue;   /* 枠線の色 */
outline: none;           /*※ブラウザが標準で付加する線を消したい時*/
}

.Form-Radio {
margin-top: -1px;
}

.Form-Item-Textarea {
border: 2px solid #ddd;
border-radius: 10px;
margin: 0px 0px 0px 0px;
padding: 1em;
height: 216px;
flex: 1;
width: 100%;
background: #fff;
font-size: 18px;
font-family: 'Lato', sans-serif;
}
.Form-Item-Textarea:focus {
border-color: skyblue;   /* 枠線の色 */
outline: none;           /*※ブラウザが標準で付加する線を消したいと時*/
}

.Form-Btn {
border-radius: 6px;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
display: block;
letter-spacing: 0.05em;
background: #80aaff;
color: #fff;
font-weight: bold;
font-size: 24px;
transition: 0.2s;
border: solid 3px gray;
box-shadow: 0px 3px 10px lightgray;
-webkit-appearance: none;
}
.Form-Btn:active {
transform: translateY(8px);
}
.Form-Btn:hover {
background-color: #5a90ff;
}
}















/* Footer */
@media screen and (min-width:768px) {
.fa-footer {
margin: 0 auto;
padding: 0;
margin-top:;
font-size: .8rem;
}
.fa-footer .fa-footer-menu-list ul {
margin: 0 auto;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
min-height: 32px;
}
.fa-footer .fa-footer-menu-list ul li {
padding: 3px 16px;
margin: -.5px;
}
.fa-footer .fa-footer-menu-list ul li a {
font-weight: 700;
color: inherit;
text-decoration: none;
}
.fa-footer .fa-footer-menu-list ul li a:hover {
opacity: 0.5 ;
}

.FooterText {
text-align: center;
font-family: 'Lato', sans-serif;
margin:  5px 0px 0px 0px;
font-size: .8rem;
line-height: 1.2rem;
color: #b9b9b9;
padding-bottom:;
}
}


@media screen and (max-width:767px) {
.fa-footer {
margin: 0 auto;
padding: 0;
margin-top:;
font-size: .8rem;   
}
.fa-footer .fa-footer-menu-list ul {
margin: 0 auto;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
min-height: 32px;
}
.fa-footer .fa-footer-menu-list ul li {
padding: 3px 16px;
margin: -.5px;
}
.fa-footer .fa-footer-menu-list ul li a {
font-weight: 700;
color: inherit;
text-decoration: none;
}
.fa-footer .fa-footer-menu-list ul li a:hover {
opacity: 0.5 ;
}

.FooterText {
text-align: center;
font-family: 'Lato', sans-serif;
margin:  5px 0px 0px 0px;
font-size: .8rem;
line-height: 1.2rem;
color: #b9b9b9;
padding-bottom:;
}
}





.topbutton {
    position: fixed;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    z-index: 96;
    transform: translateY(100%);
    border-radius: 24px;
    margin: 0px;
    padding: 10px;
    transition: all 0.3s ease 0s;
}
.topbutton a {
    text-decoration: none;
}
.FixIconIMG {
    max-width: 100px;
}
.active {
    transform: translate(0px);
}
@media screen and (max-width: 999px){
.FixIconIMG {
    max-width: 70px;
}
}




.TitleFadein {
    opacity: 0;
    transform: translate(-1000px, 0px);
    transition: all 0.5s ease 0s;
}
.TitleFadein.active {
    opacity: 1;
    transform: translate(0px, 0px);
}




.FadeinPaper {
    opacity: 0;
    transform: translate(0px, -100px);
    transition: all 0.5s ease 0s;
}
.FadeinPaper.active {
    opacity: 1;
    transform: translate(0px, 0px);
}
.FadeinPaper2 {
    opacity: 0;
    transform: translate(0px, -100px);
    transition: all 0.5s ease 0.2s;
}
.FadeinPaper2.active {
    opacity: 1;
    transform: translate(0px, 0px);
}



.RandomShake {
    display: inline-block;
    animation: 0.1s ease 0s infinite normal none running RandomShake;
}
@keyframes RandomShake {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1px, 1px) rotateZ(.5deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(1px, 0px) rotateZ(-.5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
    }




    
    .FadeinCPTitle {
        opacity: 0;
        transform: scale(10);
        transition: all 0.5s ease 0s;
    }
    .FadeinCPTitle.active {
        opacity: 1;
        transform: scale(1);
    }





    .FlowUpDown {
        animation-name: FlowUpDown;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 0.5s;
    }
    @keyframes FlowUpDown {
    0% {
        transform: translate(0px, 5px);
    }
    100% {
        transform: translate(0px, -5px);
    }
}







.slider-item{	    
    margin: 5px;
    }
    .slider .slider-item img{	
    width:100%;
    }
    .slick-dots {
    margin-left: unset !important;
    }
    .slick-dotted.slick-slider {
    margin-bottom: 30px;
    margin-left: unset;
    }
    .slick-next:before, .slick-prev:before {
    color: #000 !important;
    }

    /*
    スライダーの設定
*/
.slider .slick-prev
{
    /* デフォルトでは-25px(= スライダーの外側) */
    left: 10px;
}
.slider .slick-next
{
    /* デフォルトでは-25px(= スライダーの外側) */
    right: 10px;
}

.slider .slick-prev,
.slider .slick-next
{
    /* スライド画像の後ろに隠れないようにする */
    z-index: 100;
}

.slider .slick-prev::before,
.slider .slick-next::before {
    /* フォントと色の設定はbefore内で行う */
    /* font-size: 28px; */
    /* color: black; */
}

/*
.slick-slide img {
    display: inline-block;
}
*/







@media screen and (min-width:768px) {
.flickity-viewport {
    min-height: 1000px;
}
}

@media screen and (min-width:768px) {
.flickity-prev-next-button {
    top: 30%;
    width: 44px;
    height: 44px;
    transform: translateY(-50%);
}
}

@media screen and (min-width:768px) {
.flickity-prev-next-button.next {
    right: 100px;
}
.flickity-prev-next-button.previous {
    left: 100px;
}
}