@charset "utf-8";
@media print, screen and (max-width:900px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
.for_pc {display: none !important;}

body {font-size: 14px;}

@media print, screen and (max-width:768px){
body {font-size: 12px;}
}


@media print, screen and (max-width:320px){
body {font-size: 11px;}
}


/* --------------------------------------------------------------------------------------------------------------------------- */
.bloc_basic {padding: 30px 0 45px;}
.bloc_basic:last-of-type {padding-bottom: 45px;}

.basic_inner { margin:  0 auto; height: auto; width: 90%; max-width: 600px;}

/* --------------------------------------------------------------------------------------------------------------------------- */
#sectionTitle {font-size: 160%; margin-bottom: 30px;}
#sectionTitle span {padding-left: 40px;}

#sectionTitle span:before {width: 35px; height:35px; top: -5px;}

/* --------------------------------------------------------------------------------------------------------------------------- */
#contentsHeadline {font-size: 120%; margin-bottom: 30px;}

/* --------------------------------------------------------------------------------------------------------------------------- */
#onePeriod {margin-bottom:45px;}
#onePeriod p {margin-bottom: 15px;}

/* --------------------------------------------------------------------------------------------------------------------------- */
#btnLink a {font-size: 100%;padding: 10px 0; position: relative;}
#btnLink a:before {content: "";height: 26px;}

/* --------------------------------------------------------------------------------------------------------------------------- */
#iconContact {
max-width: 375px;
position: fixed;
z-index: 2;
bottom: 10px;
right: 10px;
width: 45px;
height: 45px;
overflow: hidden;
}
#iconContact a, #iconContact img { width: 100%; height: auto; display: block;}

#iconContact a {
padding: 5px;
background: linear-gradient(45deg,  #03B0FD 0%,#4B13E3 100%);
background-size: 200%;
animation: grad 4s ease infinite;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#iconContact a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*=========================================================================
HEADER
=========================================================================*/
#siteName {width: 100%; height: 60px; position:relative; z-index: 1;}
#siteName p {
position: absolute;
top: 50%;
left: 50%;
width: 20%;
max-width: 300px; 
margin: auto;
-ms-transform:  translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform:  translate(-50%, -50%);
-webkit-transform:  translate(-50%, -50%);
transform: translate(-50%, -50%);
}


/* --------------------------------------------------------------------------------------------------------------------------- */
#linkInsta {
top: 94%;
left: 8%;
width: 30%;
max-width: 100px;
-ms-transform:  translate(0%, -50%);
-o-transform: translate(0%, -50%);
-moz-transform:  translate(0%, -50%);
-webkit-transform:  translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 3;

-ms-filter: invert(100%);
-o-filter: invert(100%);
-moz-filter: invert(100%);
-webkit-filter: invert(100%);
filter: invert(100%);
}
#Header.description #linkInsta {
-ms-filter: invert(0%);
-o-filter: invert(0%);
-moz-filter: invert(0%);
-webkit-filter: invert(0%);
filter: invert(0%);
}

/*=========================================================================
FIRST VIEW
=========================================================================*/
#firstView {width: 100%; min-height: auto; margin: 0 auto; }


@media print, screen and (max-width:414px){
#firstView {min-height: 80vh; }
}


/* --------------------------------------------------------------------------------------------------------------------------- */
#fv_catchCopy {color: #fff; font-size:180%; margin-bottom: 30px;}
#fv_subCatch {color: #ffe139; font-size: 125%; margin-bottom: 30px;}

#fv_text {color: #fff; text-align:center;font-size:120%; padding:0px; margin-top: 25px;}


@media print, screen and (max-width:375px){
#fv_catchCopy { font-size:160%; margin-bottom: 15px;}
#fv_subCatch {font-size: 110% !important;}
#fv_text {font-size:90%; }

}


/* --------------------------------------------------------------------------------------------------------------------------- */
ul#fv_Link li {width: 100%; margin:0 auto 10px;}
ul#fv_Link li:last-of-type {margin-bottom: 0;}

ul#fv_Link li a {font-size: 100%;padding: 10px 0; position: relative;}
ul#fv_Link li a:before {content: "";height: 26px;}


/*=========================================================================
INFO BAR  tomoy 20210907
=========================================================================*/
#mid_block {font-size: 90%;}
#mid_block p br {display: none;}

/*=========================================================================
INTRODUCTION
=========================================================================*/
#Introduction {padding-bottom:45px;}

#Introduction #sectionTitle {margin-bottom: 15px;}

#Introduction #onePeriod p {font-size: 100%;}

#btnLink.intro {margin-top:28px; }
#btnLink.intro, #btnLink.intro a {font-size: 100% !important;}


/*=========================================================================
ABOUT
=========================================================================*/
dl#aboutContents {width: 90%; margin-bottom: 30px; max-width:600px;}
dl#aboutContents:last-of-type {margin-bottom: 0;}

dl#aboutContents dt, dl#aboutContents dd {width: 100%; margin: 0 auto;}
.about_notes_inner {padding: 10px 14px 30px;}

dl#aboutContents #contentsHeadline {margin-bottom: 15px; font-size: 110%; text-align: center;}
dl#aboutContents dd p {font-weight: 400;}


/*=========================================================================
SUPPORT
=========================================================================*/
#onePeriod.support_info {text-align: center; margin-bottom: 30px; }
#onePeriod.support_info p {font-size: 100%;}

/* --------------------------------------------------------------------------------------------------------------------------- */
ul#supportList {width: 70%; }
ul#supportList li {margin-bottom: 15px;}
ul#supportList li p {font-size: 100%; padding: 0;}
/* --------------------------------------------------------------------------------------------------------------------------- */
#supportHeadline {font-size: 110%; margin-bottom: 10px; }



/*=========================================================================
RESULTS
=========================================================================*/
#Results #sectionTitle {margin-bottom: 10px;}


/* --------------------------------------------------------------------------------------------------------------------------- */
ul#result_dataList {width: 90%; max-width: 600px;}
ul#result_dataList li {width: 100%; height: auto; margin: 0 auto 45px;}
ul#result_dataList li:last-of-type {margin-bottom: 0;}

/* --------------------------------------------------------------------------------------------------------------------------- */
dl#resultColumn dt {margin-bottom:45px; }
	
/* --------------------------------------------------------------------------------------------------------------------------- */
#carPhoto {margin-bottom: 15px; position: relative; z-index: 1;}

/* --------------------------------------------------------------------------------------------------------------------------- */
#resultTitle {font-size: 100%; text-align: center; padding: 15px 0}

dl#resultColumn dt p {margin-bottom: 15px; font-size: 100%; font-weight: 600;}

/* --------------------------------------------------------------------------------------------------------------------------- */
#notesHeadline {font-size: 100%; margin-bottom: 15px; }
dl#resultColumn dd p {font-size: 90%;}

/*=========================================================================
tomoy custom 2021.09.09
=========================================================================*/
#backlink {
width: 20%;
max-width: 50px;
top: 50%;
right: 2%;
-ms-transform:translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform:  translateY(-50%);
transform: translateY(-50%);
}


}