@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/*font: inherit;*/
/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* css reset end */


*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
body {
    opacity: 0;
    font-family: Arial, Verdana, Roboto,'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    letter-spacing: 0.0em;
    color: #000000;
    background-color: #ffffff;
    font-size: 100%;
    line-height: 1.7;
    letter-spacing: 0.05rem;

    margin-top: 60px;
}

@media screen and (max-width:767px) { /*SP*/
    body {
        font-size: 85%;
        letter-spacing: 0.0rem;
    }
}
@media screen and (max-width:999px) { /*TB&SP*/
    body {
        margin-top: 50px;
    }
}

table , th , td{
	padding: 20px 10px!important; border: 1px solid #000000;
}
img {
    width: 100%;
/*    height: auto;*/
    vertical-align: bottom;
    /* display: block; */
    /* -webkit-backface-visibility: hidden; */
    -webkit-touch-callout:none;
}
select {
	border-radius: 3px;
	padding: 5px;
	background-color: #fff; color: #000000;
	border:solid 1px #000000;
}
input {
	border-radius: 3px;
	border:solid 1px #ccc;
	padding: 5px;
}

a {
    color: #000000;
    text-decoration: none;
    transition: 0.3s ease;
}
@media screen and (max-width:767px) { /*SP*/
    a {
        transition: 0.0s ease;
    }
}

@media screen and (min-width:1100px) , print { /*PC*/
    #MDQ{ display: block; }
    .pcNone{display: block;}
    .tbNone{display: block;}
	.spNone{display: none;}
}
@media screen and ( max-width:1099px) and (min-width:1000px) { /*PC & TB*/
	#MDQ{ display: inline; }
	.pcNone{display: block;}
    .tbNone{display: block;}
	.spNone{display: none;}
}
@media screen and ( max-width:999px) and (min-width:768px) { /*TB*/
	#MDQ{ display: inline; }
	.pcNone{display: none;}
    .tbNone{display: block;}
	.spNone{display: none;}
}
@media screen and (max-width:767px) { /*SP*/
	#MDQ{ display: none; }
	.pcNone{display: none;}
    .tbNone{display: none;}
	.spNone{display: block;}
}


/*CRC_0201-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.CRC_0201MB{
width: calc((100% - 50px) /2);
margin-right: 50px; margin-bottom: 50px;}
.CRC_0201MB:nth-child(2n){
width: calc((100% - 50px) /2);
margin-right: 0px; margin-bottom: 50px;}
.CRC_0201MZ{
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
.CRC_0201MZ:nth-child(2n){
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.CRC_0201MB{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 30px;}
.CRC_0201MB:nth-child(2n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 30px;}
.CRC_0201MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.CRC_0201MZ:nth-child(2n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}


/*CRC_0101-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.CRC_0101MB{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 50px;}
.CRC_0101MB:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 50px;}
.CRC_0101MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.CRC_0101MZ:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.CRC_0101MB{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 30px;}
.CRC_0101MB:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 30px;}
.CRC_0101MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.CRC_0101MZ:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}


/*windowWidth-------------------------------------------------------*/
.windowWidth{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    width: 100%;
}
.contentsWidth{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;

    min-height: 0%;
}


/*loading------------------------------------------------------*/


/*Keyframe Animation-------------------------------------------------------*/
.CRC_AnimBox{
    overflow: hidden;
}
@keyframes bottomTop {
      0% { opacity: 0.0; transform: translate(0px, 50px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
@keyframes topBottom {
      0% { opacity: 0.0; transform: translate(0px, -50px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
@keyframes rightLeft {
      0% { opacity: 0.0; transform: translate(50px, 0px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
@keyframes leftRight {
      0% { opacity: 0.0; transform: translate(-50px, 0px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
@keyframes loading {
      0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes leftRightFullWidth {
      0% { opacity: 0.0; width: 0; }
    100% { opacity: 1.0; width: 100%; }
}


.CRC_anim_in46_fullWidth{width: 0; overflow: hidden; position: relative;}
.CRC_anim_in46_fullWidth_ON{animation: leftRightFullWidth 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.00s 1 normal;animation-fill-mode: forwards;}

/*** easeOutQuart -> cubic-bezier(0.165, 0.84, 0.44, 1) ***/
.CRC_anim_in28_000{opacity: 0.0;}
.CRC_anim_in28_025{opacity: 0.0;}
.CRC_anim_in28_050{opacity: 0.0;}
.CRC_anim_in28_075{opacity: 0.0;}
.CRC_anim_in28_100{opacity: 0.0;}
.CRC_anim_in28_125{opacity: 0.0;}
.CRC_anim_in28_150{opacity: 0.0;}
.CRC_anim_in28_175{opacity: 0.0;}
.CRC_anim_in28_200{opacity: 0.0;}
.CRC_anim_in28_225{opacity: 0.0;}
.CRC_anim_in28_250{opacity: 0.0;}
.CRC_anim_in28_275{opacity: 0.0;}
.CRC_anim_in28_300{opacity: 0.0;}
.CRC_anim_in82_000{opacity: 0.0;}
.CRC_anim_in82_025{opacity: 0.0;}
.CRC_anim_in82_050{opacity: 0.0;}
.CRC_anim_in82_075{opacity: 0.0;}
.CRC_anim_in82_100{opacity: 0.0;}
.CRC_anim_in82_125{opacity: 0.0;}
.CRC_anim_in82_150{opacity: 0.0;}
.CRC_anim_in82_175{opacity: 0.0;}
.CRC_anim_in82_200{opacity: 0.0;}
.CRC_anim_in82_225{opacity: 0.0;}
.CRC_anim_in82_250{opacity: 0.0;}
.CRC_anim_in82_275{opacity: 0.0;}
.CRC_anim_in82_300{opacity: 0.0;}
.CRC_anim_in46_000{opacity: 0.0;}
.CRC_anim_in46_025{opacity: 0.0;}
.CRC_anim_in46_050{opacity: 0.0;}
.CRC_anim_in46_075{opacity: 0.0;}
.CRC_anim_in46_100{opacity: 0.0;}
.CRC_anim_in46_125{opacity: 0.0;}
.CRC_anim_in46_150{opacity: 0.0;}
.CRC_anim_in46_175{opacity: 0.0;}
.CRC_anim_in46_200{opacity: 0.0;}
.CRC_anim_in46_225{opacity: 0.0;}
.CRC_anim_in46_250{opacity: 0.0;}
.CRC_anim_in46_275{opacity: 0.0;}
.CRC_anim_in46_300{opacity: 0.0;}
.CRC_anim_in64_000{opacity: 0.0;}
.CRC_anim_in64_025{opacity: 0.0;}
.CRC_anim_in64_050{opacity: 0.0;}
.CRC_anim_in64_075{opacity: 0.0;}
.CRC_anim_in64_100{opacity: 0.0;}
.CRC_anim_in64_125{opacity: 0.0;}
.CRC_anim_in64_150{opacity: 0.0;}
.CRC_anim_in64_175{opacity: 0.0;}
.CRC_anim_in64_200{opacity: 0.0;}
.CRC_anim_in64_225{opacity: 0.0;}
.CRC_anim_in64_250{opacity: 0.0;}
.CRC_anim_in64_275{opacity: 0.0;}
.CRC_anim_in64_300{opacity: 0.0;}
.CRC_anim_in28_000_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_025_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_050_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_075_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_100_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_125_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_150_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_175_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_200_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_225_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_250_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_275_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in28_300_ON{animation: bottomTop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 3.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_000_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_025_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_050_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_075_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_100_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_125_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_150_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_175_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_200_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_225_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_250_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_275_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in82_300_ON{animation: topBottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 3.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_000_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_025_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_050_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_075_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_100_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_125_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_150_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_175_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_200_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_225_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_250_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_275_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in46_300_ON{animation: leftRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 3.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_000_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_025_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_050_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_075_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_100_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_125_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_150_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_175_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_200_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.00s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_225_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_250_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.50s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_275_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2.75s 1 normal;animation-fill-mode: forwards;}
.CRC_anim_in64_300_ON{animation: rightLeft 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 3.00s 1 normal;animation-fill-mode: forwards;}



/*original Animation-------------------------------------------------------*/


/************************************************************/
/*   Modal Window   */
/************************************************************/
#modal-win {
    opacity: 0.0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50000;
}

#modal-bg {
    opacity: 0.0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 50001;
}

#modal-win-inner {
    opacity: 0.0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 50002;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modalInner{
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.modalInner img{
    width: auto;
    height: auto;
    max-width: 70vw;
    max-height: 80vh;
}

.modal-close{
    position: absolute;
    top: 0px;
    right: -60px;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.3);
}
.modal-close span{
    display: block;
    position: relative;
}
.modal-close span::before{
    content: "";
    position: absolute;
    top: 25px;
    left: 4px;
    width: 40px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
}
.modal-close span::after{
    content: "";
    position: absolute;
    top: 25px;
    left: 4px;
    width: 40px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
}

.modal-close:hover{
    cursor: pointer;
}

.modalInner_Wrap{
    display: none;
}

@media screen and (max-width: 767px){ /* SP */
    .modal-close{
        top: -50px;
        right: 0px;
        width: 40px;
        height: 40px;
    }
    .modal-close span::before{
        top: 20px;
        width: 30px;
    }
    .modal-close span::after{
        top: 20px;
        width: 30px;
    }
}