@charset "UTF-8";

/******************** css reset start ********************/
/* 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-size: 100%;
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;
}
body {
line-height: 1.8rem;
}
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  ********************/



/******************** curoco framework common start ********************/
*{
	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 {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.05em; color: #555f6c;
}
table , th , td{ 
	padding: 10px!important; border: 1px solid #ccc;
}
img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    display: block;
    -webkit-backface-visibility: hidden;
}
a{ 
	text-decoration: none;
	transition: 0.3s;
}
a:hover{
    opacity: 0.5!important;
	cursor: pointer;
	transition: 0.5s;
}
select {
	border-radius: 3px;
	padding: 5px;
	background-color: #123; color: #fff;
	border:solid 1px #000;
}
input {
	border-radius: 3px;
	border:solid 1px #ccc;
	padding: 5px;
}
.dots1{
	background-image: linear-gradient(to right, #000000, #000000 20%, rgba(0, 0, 0, 0) 11.11111%, rgba(0, 0, 0, 0) 100%);
    background-size: 5px 5px;
    height: 1px;
	margin-bottom: 2px!important;
	width: 100%;
}
.fwBold{ font-weight: bold; }
.textAlignR{ text-align: right; }
.textAlignL{ text-align: left; }
.textAlignC{ text-align: center; }
.checklist_text{ font-size: 0.85rem; padding: 10px 0!important; }
.attentionType1{
	margin-left: 1em; text-indent: -1em; font-size: 0.85rem;
	line-height: 1.4rem;
}
#CRC_loading{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background-color: #fff;
    position: fixed;
    z-index: 6000000;
    top: 0;
    left: 0;
}
#CRC_loading svg{
    opacity: 0;
    animation: loading 0.75s linear 0.00s infinite normal;
}
#CRC_wrap{
    opacity: 0;
}
.CRC_windowContainer{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.CRC_contentContainer{
}
.CRC_BOX{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
}
/* CRC_xxxx_MP */
.CRC_0101_MP{}
.CRC_0202_MP{}
.CRC_0201_MP{}
.CRC_0303_MP{}
.CRC_0301_MP{}
.CRC_0404_MP{}
.CRC_0402_MP{}
.CRC_0401_MP{}
.CRC_0505_MP{}
.CRC_0503_MP{}
.CRC_0502_MP{}
.CRC_0501_MP{}
.CRC_0606_MP{}
.CRC_0603_MP{}
.CRC_0602_MP{}
.CRC_0601_MP{}
/* CRC_xxxx_MB */
.CRC_0101_MB{}
.CRC_0202_MB{}
.CRC_0201_MB{}
.CRC_0303_MB{}
.CRC_0301_MB{}
.CRC_0404_MB{}
.CRC_0402_MB{}
.CRC_0401_MB{}
.CRC_0505_MB{}
.CRC_0503_MB{}
.CRC_0502_MB{}
.CRC_0501_MB{}
.CRC_0606_MB{}
.CRC_0603_MB{}
.CRC_0602_MB{}
.CRC_0601_MB{}
/* CRC_xxxx_MZ */
.CRC_0101_MZ{}
.CRC_0202_MZ{}
.CRC_0201_MZ{}
.CRC_0303_MZ{}
.CRC_0301_MZ{}
.CRC_0404_MZ{}
.CRC_0402_MZ{}
.CRC_0401_MZ{}
.CRC_0505_MZ{}
.CRC_0503_MZ{}
.CRC_0502_MZ{}
.CRC_0501_MZ{}
.CRC_0606_MZ{}
.CRC_0603_MZ{}
.CRC_0602_MZ{}
.CRC_0601_MZ{}
/******************** curoco framework common  end  ********************/



/******************** curoco framework animation start ********************/
.CRC_AnimBox{
    overflow: hidden;
}
/* Animation */
@keyframes bottomTop {
      0% { opacity: 0.0; transform: translate(0px, 20px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
@keyframes topBottom {
      0% { opacity: 0.0; transform: translate(0px, -20px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
@keyframes rightLeft {
      0% { opacity: 0.0; transform: translate(20px, 0px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
@keyframes leftRight {
      0% { opacity: 0.0; transform: translate(-20px, 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;}

.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;}


/*** easeOutQuart -> cubic-bezier(0.165, 0.84, 0.44, 1) ***/
.CRC_anim_in28_000_ON{animation: bottomTop 0.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s 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.75s cubic-bezier(0.165, 0.84, 0.44, 1) 3.00s 1 normal;animation-fill-mode: forwards;}



/* Transition */
.CRC_TransiBox{
    overflow: hidden;
}
.CRC_transi_in82_000{transition: all 0.25s ease-out 0.00s;opacity: 0.0; transform: translate(0px, -100px);}
.CRC_transi_in64_025{transition: all 0.25s ease-out 0.25s;opacity: 0.0; transform: translate(100px, 0px);}
.CRC_transi_in46_050{transition: all 0.25s ease-out 0.50s;opacity: 0.0; transform: translate(-100px, 0px);}
.CRC_transi_in28_075{transition: all 0.25s ease-out 0.75s;opacity: 0.0; transform: translate(0px, 100px);}
.CRC_transi_in82_000_ON{opacity: 1.0; transform: translate(0px, 0px);}
.CRC_transi_in64_025_ON{opacity: 1.0; transform: translate(0px, 0px);}
.CRC_transi_in46_050_ON{opacity: 1.0; transform: translate(0px, 0px);}
.CRC_transi_in28_075_ON{opacity: 1.0; transform: translate(0px, 0px);}
/******************** curoco framework animation  end  ********************/



/******************** curoco framework PC start ********************/
@media screen and (min-width: 768px) {
/* PS30px=2.0rem/1.8rem*/
/* PS24px=1.6rem/1.4rem*/
/* PS18px=1.2rem/1.0rem*/
/* PS16px=1.0rem/0.85rem*/
/* PS14px=0.85rem/0.6rem*/

    /* MDQ */
    #MDQ {display: block;}

    /* h1, h2 */
    h1{
        display: block;
        font-size: 2.0rem;
        font-weight: bold;
        line-height: 2.4rem;
        vertical-align: middle;
        letter-spacing: 0.0em;
    }
    h2{
        display: block;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 2.0rem;
        vertical-align: middle;
        letter-spacing: 0.2em;
    }

    /* spaceType */
    /* Space above and below dots */
    .spaceTypeDots{
        background-image: linear-gradient(to right, #000000, #000000 20%, rgba(0, 0, 0, 0) 11.11111%, rgba(0, 0, 0, 0) 100%);
        background-size: 5px 5px;
        height: 1px; width: 100%;
    }

    /* CRC_pageTop */
    #CRC_pageTop {
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 0px;
        right: 0px;
        opacity: 0;
        z-index: 5800000;
        transition: 0.3s ease-in-out;
        cursor: pointer;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        font-size: 1.5rem;
    /*    color: #ccc;*/
    /*    background-color: #fff;*/
        margin: 0 20px 20px 0;
    }
    #CRC_pageTop:hover{
        background-color: #2f3f96;
    }
    #CRC_pageTop svg{
        width: 40px;
        height: 40px;
    }
    #CRC_pageTop svg line{
        stroke: #2f3f96;
        stroke-width: 2;
    }
    #CRC_pageTop:hover > svg line{
        stroke: #fff;
    }

    /* modal window */
    .CRC_modalCover{
        z-index: 5900000;
        position: fixed;
        top: 0;
        left: 0;
        width: 120%;
        height: 120%;
        background-color: #000;
        opacity: 0.0;
    }
    .CRC_modalContainer{
        z-index: 5900001; position: fixed; opacity: 0.0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
/*        background-color: #000;*/
    }
    .CRC_modalMovieContainer{
        z-index: 5900001; position: fixed; opacity: 0.0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
/*        background-color: #000;*/
    }
    .CRC_modalImage{
        position: relative;
    }
    .CRC_modalIframe{
        position: relative;
        width: 100%;
        height: 100%;
    }
    .CRC_modalFunction{
        z-index: 5900001; position: fixed; opacity: 0.0;
        color: #fff;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
    }
    .CRC_modalZoomIn{
        z-index: 5900002; position: relative; opacity: 0.0;
        top: 26px; right: 52px;
        cursor: pointer;
        float: right;
    }
    .CRC_modalZoomOut{
        z-index: 5900002; position: relative; opacity: 0.0;
        top: 26px; right: 78px;
        cursor: pointer;
        float: right; overflow: hidden;
    }
    .CRC_modalClose{
        z-index: 5900002; position: relative; opacity: 0.0;
        top: 26px; right: 26px;
        cursor: pointer;
        float: right;
    }
    .CRC_modalZoomIn svg,
    .CRC_modalZoomOut svg,
    .CRC_modalClose svg{
        width: 49px;
        height: 49px;
    }
    .CRC_modalZoomIn svg line,
    .CRC_modalZoomOut svg line,
    .CRC_modalClose svg line{
        stroke: #ccc;
        stroke-width: 2;
    }
    .CRC_modalZoomIn:hover > svg line{
        stroke: #fff;
    }
    .CRC_modalZoomOut:hover > svg line{
        stroke: #fff;
    }
    .CRC_modalClose:hover > svg line{
        stroke: #fff;
    }

    .spNone {}
    .pcNone {display: none;}
}
/******************** curoco framework PC  end  ********************/



/******************** curoco framework SP start ********************/
@media screen and (max-width: 767px) {
/* PS30px=2.0rem/1.8rem*/
/* PS24px=1.6rem/1.4rem*/
/* PS18px=1.2rem/1.0rem*/
/* PS16px=1.0rem/0.85rem*/
/* PS14px=0.85rem/0.6rem*/

    /* MDQ */
    #MDQ {display: none;}

    /* h1, h2 */
    h1{
        display: block;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 2.4rem;
        vertical-align: middle;
        letter-spacing: 0.0em;
    }
    h2{
        display: block;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 2.0rem;
        vertical-align: middle;
        letter-spacing: 0.2em;
    }

    /* spaceType */
    /* Space above and below dots */
    .spaceTypeDots{
        background-image: linear-gradient(to right, #000000, #000000 20%, rgba(0, 0, 0, 0) 11.11111%, rgba(0, 0, 0, 0) 100%);
        background-size: 5px 5px;
        height: 1px; width: 100%;
    }

    /* CRC_pageTop */
    #CRC_pageTop {
        width: 40px;
        height: 40px;
        position: fixed;
        bottom: 0px;
        right: 0px;
        opacity: 0;
        z-index: 5800000;
        transition: 0.3s ease-in-out;
        cursor: pointer;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        font-size: 1.2rem;
    /*    color: #ccc;*/
    /*    background-color: #fff;*/
        margin: 0 10px 10px 0;
    }
    #CRC_pageTop:hover{
        background-color: #2f3f96;
    }
    #CRC_pageTop svg{
        width: 40px;
        height: 40px;
    }
    #CRC_pageTop svg line{
        stroke: #2f3f96;
        stroke-width: 2;
    }
    #CRC_pageTop:hover > svg line{
        stroke: #fff;
    }

    /* modal window */
    .CRC_modalCover{
        z-index: 5900000;
        position: fixed;
        top: 0;
        left: 0;
        width: 120%;
        height: 120%;
        background-color: #000;
        opacity: 0.0;
    }
    .CRC_modalContainer{
        z-index: 5900001; position: fixed; opacity: 0.0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
/*        background-color: #000;*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .CRC_modalMovieContainer{
        z-index: 5900001; position: fixed; opacity: 0.0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
/*        background-color: #000;*/
    }
    .CRC_modalImage{
        position: relative;
    }
    .CRC_modalIframe{
        position: relative;
        width: 100%;
        height: 100%;
    }
    .CRC_modalFunction{
        z-index: 5900001; position: fixed; opacity: 0.0;
        color: #fff;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
    }
    .CRC_modalZoomIn{
        z-index: 5900002; position: relative; opacity: 0.0;
        top: 15px; right: 30px;
        color: #fff;
        float: right;
    }
    .CRC_modalZoomOut{
        z-index: 5900002; position: relative; opacity: 0.0;
        top: 15px; right: 45px;
        color: #fff;
        float: right;
    }
    .CRC_modalClose{
        z-index: 5900002; position: relative; opacity: 0.0;
        top: 15px; right: 15px;
        color: #fff;
        float: right;
    }
    .CRC_modalZoomIn svg,
    .CRC_modalZoomOut svg,
    .CRC_modalClose svg{
        width: 33px;
        height: 33px;
    }
    .CRC_modalZoomIn svg line,
    .CRC_modalZoomOut svg line,
    .CRC_modalClose svg line{
        stroke: #ccc;
        stroke-width: 2;
    }
    .CRC_modalZoomIn:hover > svg line{
        stroke: #fff;
    }
    .CRC_modalZoomOut:hover > svg line{
        stroke: #fff;
    }
    .CRC_modalClose:hover > svg line{
        stroke: #fff;
    }

    .spNone {display: none;}
    .pcNone {}
}
/******************** curoco framework SP  end  ********************/