lp/rank-2col/style="text-align: center;padding: 0 auto;"style="text-align: center;padding: 0 auto;"
@charset "UTF-8";
/* CSS Document */

html{
height: 100%;
background-color: #FFEDB3;	
}

body{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:#000;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Noto Sans Japanese', sans-serif;
margin: 0px auto 0px auto;
width:100%;
word-break: break-all;
height: 100%;
}

#all{
background-color: #FFEDB3;
}

#main{
max-width: 900px;
margin-left: auto;
margin-right: auto;
width: 99%;
padding-bottom: 1%;
}

#main2{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
width: 96%;
padding-bottom: 1%;
}




#main3{
max-width: 900px;
margin-left: auto;
margin-right: auto;
width: 95%;
padding-bottom: 2%;
}

#main4{
margin-left: auto;
margin-right: auto;
width: 95%;
padding-bottom: 1%;
}

#main5{
max-width: 900px;
margin-left: auto;
margin-right: auto;
width: 95%;
padding-bottom: 1%;
}

#main6{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
width: 96%;
padding-bottom: 1%;
}

h1{
margin-top: 0px!important;
font-size: 90%!important;
height: 12px;
}

h2{
}

h3{
max-width: 900px;
text-align: center;
font-size: 150%;
background-color: #9dccdc;
width: 99%;
line-height: 1.2em;	
margin:1% auto 0% auto;
padding:1% 0% 1% 0%;
border: 4px solid #000;
}


@media (max-width: 768px) {
h3{	
margin:3% auto 0% auto;	
}}

p{
display: block;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}


#tsuika01{
margin: 0% auto 0% auto;
}

#tsuika01 table{
width: 100%;
border-collapse: collapse;
margin: 3% auto 0% auto;
border: solid 4px #000;
background-color: #fff;

}


.title01{
font-size: 110%;
font-weight: bold;

}

#tsuika01 table td  {
padding: 2% 2% 2% 2%!important;
}

.haikei01{
background-color: #9dccdc;
border-bottom: 4px solid #000;
}


.tsuika01{
background-color: #fff;
padding: 2%;
border: solid 4px #000;
margin-top: -1%;
}


.section15{
    background-color: #fff;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    border-bottom: 4px solid #000;
    margin-top: -2%;
    padding: 2%;
    font-weight: bold;
    font-size: 89%;
}
@media (max-width: 1200px) {
.section15{
    margin-top: -6%;
}}

@media (max-width: 1200px) {
.section15{
font-size: 75%;
}
}

@media (max-width: 1000px) {
.section15{
font-size: 65%;
}
}

@media (max-width: 880px) {
.section15{
font-size: 100%;
}
}

@media (max-width: 500px) {
.section15{
font-size: 90%;
}
}


#tsuika01 table th  {
text-align: right;
width: 8%;
}

@media (max-width: 768px) {
#tsuika01 table th  {
width: 11%;
}
}


@media (max-width: 475px) {
#tsuika01 table th  {
width: 15%;
}
}

.conv01{
background-color: #b6e217;
text-align: center;
max-width: 300px;
width: 95%;
margin:2% auto 1% auto;
padding:1% 1% 1% 1%;
font-size: 110%;
border-radius: 50px;
border: 4px solid #000;
}


.conv01 a{
color: #000!important;

}





a {
color: #000;
text-decoration: none;
background-color: transparent;
}

a:hover {
color: #0056b3;
text-decoration: none;

}

.pcView {
display: block !important; }
@media (max-width: 768px) {
.pcView {
display: none !important; } }

.spView {
display: none !important; }
@media (max-width: 568px) {
.spView {
display: block !important; } }

.tabView {
display: none !important; }
@media (max-width: 768px) {
.tabView {
display: block !important; } }
@media (max-width: 568px) {
.tabView {
display: none !important; } }



.pcView2 {
display: block !important; }
@media (max-width: 900px) {
.pcView2 {
display: none !important; } }

.spView2 {
display: none !important; }
@media (max-width: 900px) {
.spView2 {
display: block !important; } }


@media screen and (min-width:769px){
.left img{
width: 220px;
}
}

@media screen and (max-width:768px){
.left img{
    width: 120px;
}
}


.left2 {
text-align: left!important;
width: 100%;
font-size: 90%
}

@media (max-width: 768px) {
.left2 {
text-align: left!important;
width: 100%;
font-size: 70%
}}



.left3 {
text-align: left!important;
width: 100%;
font-size: 90%
}

@media (max-width: 768px) {
.left3 {
text-align: left!important;
width: 100%;
font-size: 100%
}}

.right {
text-align: right;
}

@media screen and (min-width:769px){
.right p{
font-size: 24px;
font-weight: bold;
}
#logo article{
font-size: 12px;
}
}

@media screen and (max-width:768px){
.right p{
font-size: 20px;
font-weight: bold;
}
}

.aftex {
    font-size: 10px;
    text-align: center;
    padding-bottom: 5px;
}

#logo {
    background-color: #fff;
}

@media screen and (min-width:769px){
.head-logo {
    display: flex;
    max-width: 1100px;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 5px 0;
}
}

@media screen and (max-width:768px){
.head-logo {
    display: flex;
    max-width: 1100px;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 5px 0 0;
}
}

.logo{
max-width: 1100px;
height: 75px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
}

#header{
width: 100%;
background-color: none;
}

.header_in{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

.count{
text-align: center;
font-size: 50px
}

#modal1{
background-color:beige;
}
.mod1{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

#section00{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

#section1{
background-color: #fff;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
border: 4px solid #000;
margin-top: -17%;
padding-bottom: 2%;
}

@media (max-width: 568px) {
#section1{
padding-bottom: 0%;
}
}


.sec1{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}

#section2{
background-color:aqua;
}
.sec2{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

.sec2 img{
max-width: 1100px;
}

#section3{
width: 100%;
background-color: palegreen;
}

.sec3{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}

.sec3 img{
max-width: 1280px;
}


#section4{
width: 100%;
background-color: burlywood;
}

.sec4{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

.sec4 img{
max-width: 1100px;
}


#section5{	
}

.sec5{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}


#section6{
background-color: palegreen;
}

.sec6{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}


#section7{
background-color: #fff;
}

.sec7{
max-width: 700px;
margin-left: auto;
margin-right: auto;
}


#section8{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

.sec8{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}


#section9{
background-color: #fff;
}

.sec9{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}


#section10{
max-width: 900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1%;
}

.sec10{
max-width: 915px;
margin-left: auto;
margin-right: auto;
}



#button1{
background-color:aliceblue;
}
.but1{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

#anime1{

}
.ani1{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

#animate {
animation-duration: 2s; /* アニメーションの時間 */
animation-delay: 1s; /* アニメーション開始時間 */
animation-iteration-count:none/* infiniteアニメーションの繰り返し回数 */
}

.multiple img{
width: 100%;
}


.imgWrap {
overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
width: 320px;	/*画像の幅*/
height: 180px;	/*画像の高さ*/
}
.imgWrap img {
display: block;
transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;	/*変化に掛かる時間*/
}




/* top 戻るbutton*/
#page_top{
width: 100px;
height: 80px;
position: fixed;
right: 6px;
bottom: 0;
opacity: 0.4;
border-radius: 15px;
margin-bottom: 55px;
margin-right: 0px;
}

#page_top a{
position: relative;
display: block;
width: 100px;
height: 60px;
text-decoration: none;
background-color: #636363;
border-radius: 10px;

}

#page_top a::before{
font-weight: 900;
content: '\f4';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -25px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

#page_top a::after{
content: 'TOP';
font-size: 13px;
color: #fff;
position: absolute;
top: 30px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

@media (max-width: 900px){
.logo{
height: 60px;
}
}


@media (max-width: 800px){
.logo{
height: 100px;
}
}


@media (max-width: 800px){
.logo{
height: 63px;
}
}

@media (max-width: 600px){
.logo{
height: 50px;
}
}

@media (max-width: 500px){
.logo{
height: 45px;
}
}

@media (max-width: 400px){
.logo{
height:40px;
}


}


@media (max-width: 700px){
#page_top{
width:35px;
height: 35px;
position: fixed;
right: 0;
bottom: 0;
opacity: 0.4;
border-radius: 15px;
margin-bottom: 30px;
margin-right: 21px;
}

#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background-color: #636363;
border-radius: 10px;
}




}
/* top 戻るbuttonここまで*/

.container1{

}

.container2{

}

.container3{

}

.container4{

}


div.cover2 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}

div.cover2 div.box2_1 {
display: table-cell;
width: 71%;
}

div.cover2 div.box2_2 {
display: table-cell;
width: 30%
}



div.cover2-1 {
display: table;
margin: 0px auto;
padding: 0px;
width: 97%;
}

div.cover2-1 div.box2_1 {
display: table-cell;
width: 35%;
}

div.cover2-1 div.box2_2 {
display: table-cell;
width: 65%
}

@media (max-width: 768px) {
div.cover2-1 div.box2_1 {
display: table-cell;
width: 50%;
}

div.cover2-1 div.box2_2 {
display: table-cell;
width: 50%;
text-align: center;
}

div.cover2-1 {
display: table;
margin: -3% auto -2% auto;
padding: 0px;
width: 97%;
}
}


div.cover2-2 {
display: table;
margin: 5% 1% 2% 1%;
padding: 0px;
width: 96%;
}

div.cover2-2 div.box2_1 {
display: table-cell;
width: 50%;
}

div.cover2-2 div.box2_2 {
display: table-cell;
width: 50%
}


div.cover2-3 {
display: table;
margin: 0px auto;
padding: 0px;
width: 97%;
}

div.cover2-3 div.box2_1 {
display: table-cell;
width: 42.2%;
}

div.cover2-3 div.box2_2 {
display: table-cell;
width: 57.8%
}

@media (max-width: 768px) {
div.cover2-3 {
display: table;
margin: 2% 0% 2% 2.5%;
padding: 0px;
width: 97%;
}

div.cover2-3 div.box2_1 {
display: table-cell;
width: 57%;
}

div.cover2-3 div.box2_2 {
display: table-cell;
width: 43%;
vertical-align: top;
}
}


div.cover4 {
display: table;
margin: 0px auto;
padding: 0px;
width: 97%;
}

div.cover4 div.box2_1 {
display: table-cell;
width: 42.2%;
}

div.cover4 div.box2_2 {
display: table-cell;
width: 57.8%
}

@media (max-width: 768px) {
div.cover4 {
display: table;
margin: 2% 0% 2% 2.5%;
padding: 0px;
width: 97%;
}

div.cover4 div.box2_1 {
display: table-cell;
width: 57%;
}

div.cover4 div.box2_2 {
display: table-cell;
width: 43%;
vertical-align: top;
}
}

div.cover3 {
display: table;
margin: 0px auto!important;
padding: 0px;
width: 100%;
max-width: 1100px;
}

div.cover3 div.box3_1 {
display: table-cell;
width: 33%;
}

div.cover3 div.box3_2 {
display: table-cell;
width: 33%
}

div.cover3 div.box3_3 {
display: table-cell;
width: 33%;
}


div.cover5 {
display: table;
margin: 0px auto;
padding: 0px;
width: 100%;
}

div.cover5 div.box2_1 {
display: table-cell;
width: 42.2%;
}

div.cover5 div.box2_2 {
display: table-cell;
width: 57.8%
}

@media (max-width: 768px) {
div.cover5 {
display: table;
margin: 2% 0% 2% 0%;
padding: 0px;
width: 102%;
}

div.cover5 div.box2_1 {
display: table-cell;
width: 57%;
}

div.cover5 div.box2_2 {
display: table-cell;
width: 43%;
vertical-align: top;
}
}

div.cover6 {
display: table;
margin: 0px auto;
padding: 0px;
width: 97%;
}

div.cover6 div.box2_1 {
display: table-cell;
width: 70%;
}

div.cover6 div.box2_2 {
display: table-cell;
width: 30%;
vertical-align: top;
}

@media (max-width: 900px) {
div.cover6 div.box2_1 {
display: block;
width: 100%;
}

div.cover6 div.box2_2 {
display: block;
width: 100%;
text-align: center;
}

div.cover6 {
display: table;
margin: -0% auto 0% auto;
padding: 0px;
width: 98%;
}
}






dd {
margin-inline-start: 0px;
}

ul {
margin-block-start: 0em;
margin-block-end: 0em;
padding-inline-start: 0px;
list-style-type: none;
}

.accordion2 {
text-align: center;
height: auto;
}

.accordion2 .inner {
display: none;
}

.accordion2 p{
cursor: pointer; 
padding: 10px;
margin: 0px;
}

.accordion2 p.ac1{
background: #FAD34D;
border:4px solid #000;
padding: 1.5%;
font-size: 155%;
font-weight: bold;

}
@media (max-width: 768px) {
.accordion2 p.ac1 {
padding: 1%;
font-size: 100%;
line-height: 1.4em;
padding: 1%;

}
}

@media (max-width: 620px) {
.accordion2 p.ac1 {
font-size: 130%;
}
}


@media (max-width: 325px) {
.accordion2 p.ac1 {
font-size: 100%;
}
}


.accordion2 p.ac2{
background: #ffffb8;
}

.accordion2 p.ac3{
background: #ffffb8;
}

.accordion2 .inner li{
padding: 10px 0;
text-align: left;
padding: 2% 4%;
}

.accordion2 .inner li.content1-1{
background: #FFF;
border: 2px solid #000;
border-width: 0px 4px 4px 4px;
}

.accordion2 .inner li.content1-2{
background: #F8BBD0;}
.accordion2 .inner li.content1-3{
background: #FCE4EC;
}

.accordion2 .inner li.content2-1{
background: #FFF59D;
}

.accordion2 .inner li.content2-2{
background: #FFF9C4;
}

.accordion2 .inner li.content2-3{
background: #FFFDE7;
}

.accordion2 .inner li.content3-1{
background: #C5E1A5;
}

.accordion2 .inner li.content3-2{
background: #DCEDC8;
}

.accordion2 .inner li.content3-3{
background: #F1F8E9;
}





.accordion3 , .six-place {
text-align: center;
height: auto;
}

.accordion3 .inner {
display: none;
width:100%;
}
.six-place .inner {
    display: none;
    width: 100%;
}

.accordion3 p.ac1 {
cursor: pointer; 
margin: -4px 0px 0px 0px;
}
.six-place p.ac1 {
    cursor: pointer; 
    margin: -4px 0px 0px 0px;
}

.accordion3 p.ac1, .six-place p.ac1 {
background: #FAD34D;
border:4px solid #000;
padding: 0.5%;
font-size: 100%;
font-weight: bold;

}
@media (max-width: 768px) {
.accordion3 p.ac1 , .six-place p.ac1 {
background: #FAD34D;
border: 4px solid #000;
padding: 0.5%;
font-size: 100%;
font-weight: bold;
margin: -1% 0% -1% 0%;
}
}


.accordion3 p.ac2 , .six-place p.ac2 {
background: #ffffb8;
}

.accordion3 p.ac3 , .six-place p.ac3 {
background: #ffffb8;
}

.accordion3 .inner li , .six-place .inner li {
text-align: left;
padding: 0% 0%;
}

.accordion3 .inner li.content1-1 , .six-place .inner li.content1-1 {
background: #FFF;


}

.accordion3 .inner li.content1-2 , .six-place .inner li.content1-2{
background: #F8BBD0;}
.accordion3 .inner li.content1-3 , .six-place .inner li.content1-3 {
background: #FCE4EC;
}

.accordion3 .inner li.content2-1 , .six-place .inner li.content2-1 {
background: #FFF59D;
}

.accordion3 .inner li.content2-2 , .six-place .inner li.content2-2 {
background: #FFF9C4;
}

.accordion3 .inner li.content2-3 , .six-place .inner li.content2-3 {
background: #FFFDE7;
}

.accordion3 .inner li.content3-1 , .six-place .inner li.content3-1 {
background: #C5E1A5;
}

.accordion3 .inner li.content3-2 , .six-place .inner li.content3-2 {
background: #DCEDC8;
}

.accordion3 .inner li.content3-3 , .six-place .inner li.content3-3 {
background: #F1F8E9;
}



.accordion4 {
text-align: center;
height: auto;
}

.accordion4 .inner {
display: none;
}

.accordion4 p{
cursor: pointer; 
padding: 5px;
margin: 0px;
}

.accordion4 p.ac1{
background: #FAD34D;
border:4px solid #000;
padding: 0.6%;
font-size: 180%;
font-weight: bold;

}
@media (max-width: 958px) {
.accordion4 {
width: 95%;
margin: 0% auto;
}
.accordion4 p{
padding: 1px;

}	
	
}	



@media (max-width: 768px) {
.accordion4 p.ac1 {
padding: 1%;
font-size: 200%;
line-height: 0.6em;
padding: 2%;

}
	
.accordion4 p {
    padding: 1px;
    font-size: 70%;
}	
	
}

@media (max-width: 620px) {
.accordion4 p.ac1 {
font-size: 150%;
padding: 5% 0% 5% 0%;
}
}

@media (max-width: 480px) {
.accordion4 p.ac1 {
font-size: 105%;
}
	
.accordion4 {
width: 96%;
}	
	
}




.accordion4 p.ac2{
background: #ffffb8;
}

.accordion4 p.ac3{
background: #ffffb8;
}

.accordion4 .inner li{
padding: 10px 0;
text-align: left;
padding: 2% 2%;
}

.accordion4 .inner li.content1-1{
background: #FFF;
border: 2px solid #000;
border-width: 0px 4px 4px 4px;
}

.accordion4 .inner li.content1-2{
background: #F8BBD0;}
.accordion4 .inner li.content1-3{
background: #FCE4EC;
}

.accordion4 .inner li.content2-1{
background: #FFF59D;
}

.accordion4 .inner li.content2-2{
background: #FFF9C4;
}

.accordion4 .inner li.content2-3{
background: #FFFDE7;
}

.accordion4 .inner li.content3-1{
background: #C5E1A5;
}

.accordion4 .inner li.content3-2{
background: #DCEDC8;
}

.accordion4 .inner li.content3-3{
background: #F1F8E9;
}




footer {
bottom: 0;
height: 70px;
position: inherit;
width: 100%;
background-color: #FF8E3B;
color: #000;
text-align: center; 
margin-top: 10%;
}


footer a{

color: #000;

}
footer small {
display: block;
margin-top: 10px;
font-size: 12px;
margin-left: auto;
margin-right: auto;
}

@media (max-width: 768px) {
footer {
height: 90px; 
margin-top: 15%;
} 
footer small {
display: block;
margin-top: 10px;
font-size: 12px;
max-width: 25em;
}
}


element.style {
}
@media (max-width: 480px){
footer {
    height: 90px;
    margin-top: 25%;
}}

footer div {
padding-top: 10px; 
}

footer div dl {
max-width: 600px;
font-size: 18px;
margin: 0 auto; 
}


footer div dl dt {
font-weight: 600;
margin-bottom: 10px; 
}


@media (max-width: 768px) {
footer div dl dt {
font-size: 15px;
margin-bottom: 5px; 
} 	
}

footer div dl dd {
display: flex;
font-size: 15px;
justify-content: space-around; 
}


@media (max-width: 500px) {
footer div dl {
width: 100%;
}
	
	
footer div dl dd {
display: flex;
font-size: 10px;
justify-content: center; 
}

}

@media (max-width: 800px){
#faq .container dl dt img {
width: 2.5%;
}
#faq .container dl dd img {
width: 25px;
}	

}

@media (max-width: 600px){
#faq .container dl dt img {
width: 3%;
}
}

@media (max-width: 400px){
#faq .container dl dt img {
width: 4.5%;
}}

@media (max-width: 350px){
#faq .container dl dt img {
width: 6.5%;
}
}

@media (max-width: 760px){

div.cover3 {
display: block;
}

div.cover3 div.box3_1 {
display: block;
width: 100%;
}

div.cover3 div.box3_2 {
display: block;
width: 100%;
}

div.cover3 div.box3_3 {
display: block;
width: 100%;
}
}	


div.cover2 {
display: block;
}

div.cover2 div.box2_1 {
display: block;
width: 100%;
}

div.cover2 div.box2_2 {
display: block;
width: 100%;
}

#faq .container dl dt {
padding: 10px 13px 10px 16px;

}

#faq .container dl dt p {
display: inline-block;
font-size: 90%;
font-weight:bold;
color: #fff;
padding-left: 22px;
margin-block-start: 0px;
margin-block-end: 0px;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

#faq .container dl dd p {
padding-left: 9px;
}
}

.yellow_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 85%, #f2e421 0%) repeat scroll 0 0;
margin: 0px 0px 0px 0px;

}


.red{
color: #FF0004;
font-weight: bold;
}


.red2{
color: #FFF;
font-weight: bold;
font-size: 120%;
background-color: #FF0004;
border-radius: 50px;
padding: 0.3% 1% 0.3% 1%;
margin: 0% auto 0% auto;
box-shadow: 3px 3px 3px #636363;
line-height: 1.2em;
width: 25%;
text-align: center;
}

@media (max-width: 400px){
.red2{
width: 35%;
}}



.sec-01{
position: relative;
margin: 1%;
padding: 0.5%;
background-color: #FAD34D;
border: solid 4px #000;
margin-right: auto;
margin-left: auto;
}

.sec-01:before {
content: "";
position: absolute;
bottom: -105%;
left: 50%;
margin-left: -3%;
border: 40px solid transparent;
border-top: 40px solid #FAD34D;
z-index: 2;
}

.sec-01:after {
content: "";
position: absolute;
bottom: -115%;
left: 50%;
margin-left: -3%;
border: 40px solid transparent;
border-top: 40px solid #000;
z-index: 1;
}



@media (max-width: 900px) {
.sec-01:before {
content: none;
}

.sec-01:after {
content:none;
}
.sec-01 {
margin: -1% 0% 0.5% 0%;
}
}

.sec-01 p {
margin: 0;
padding: 0.8%;
text-align: center;
font-weight: bold;
font-size: 200%;
color: #000;
}

@media (max-width: 620px) {
.sec-01 p {
font-size: 150%;
}}


.sec-01_search {
    border-width: 4px 4px 0 4px;
}

@media (max-width: 620px) {
.sec-01_search {
border-width: 4px 4px 2px 4px;
}
}

.sec-01-2{
position: relative;
margin: 2% 0% 5% 0%;
padding: 0.5%;
background-color: #FAD34D;
border: solid 4px #000;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
}

.sec-01-2:before {
content: "";
position: absolute;
bottom: -90%;
left: 50%;
margin-left: -3%;
border: 40px solid transparent;
border-top: 40px solid #FAD34D;
z-index: 2;
}

.sec-01-2:after {
content: "";
position: absolute;
bottom: -98%;
left: 50%;
margin-left: -3%;
border: 40px solid transparent;
border-top: 40px solid #000;
z-index: 1;
}



@media (max-width: 900px) {
.sec-01-2:before {
content: none;
}

.sec-01-2:after {
content:none;
}
.sec-01-2 {
margin: -1% 0% 0.5% 0%;
}
}

.sec-01-2 p {
margin: 0;
padding: 0.8%;
text-align: center;
font-weight: bold;
font-size: 200%;
color: #000;
}

@media (max-width: 620px) {
.sec-01-2 p {
font-size: 150%;
}}



.big01{
font-size: 250%;
font-weight: bold;
text-align: center;
max-width: 1100px;
margin-right: auto;
margin-left: auto;
margin-top: 2%;;
}


@media (max-width: 768px) {
.big01 {
font-size: 210%;
}}

@media (max-width: 400px) {
.big01 {
font-size: 110%;
}}

#table01 table, #table01b table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
margin-top: -4px;
}
#table01 table td, #table01b table td {
background-color: #fff;


}
#table01 table tbody tr:hover, #table01b table tbody tr:hover{
background-color: #fffae9;
}
#table01 table th,
#table01 table td,
#table01b table th,
#table01b table td {
border-bottom: 4px solid #000;
padding: 0px;
}
#table01 table thead th, #table01b table thead th {
font-size: .85em;
padding: 1em;
}
#table01 table thead tr, #table01b table thead tr{
background-color: #FFC107;
color:#000;
}
#table01 table tbody th, #table01b table tbody th {
text-align: center;
font-size: 0.6vw;
background-color: #FF8E3B;
line-height: 1.1em;
}

@media (max-width: 768px) {
#table01 table tbody th, #table01b table tbody th {
line-height: 2em;
}
}

@media (max-width: 620px) {
#table01 table tbody th, #table01b table tbody th {
line-height: 1.3em;
font-size: 60%;
}
}


#table04 table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
text-align: center;
font-size: 120%;
}
#table04 table td {
background-color: #fff;


}
#table04 table tbody tr:hover{
background-color: #fffae9;
}
#table04 table th,
#table04 table td {
border-bottom: 4px solid #000;
padding: 1px;
}
#table04 table thead th {
font-size: .85em;
padding: 1em;
}
#table04 table thead tr{
background-color: #FFC107;
color:#000;
}
#table04 table tbody th {
text-align: center;
font-size: 65%;
background-color: #FF8E3B;

}


#table05 table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
text-align: left;
font-size: 120%;
}
#table05 table td {
background-color: #fff;


}
#table05 table tbody tr:hover{
background-color: #fffae9;
}
#table05 table th,
#table05 table td {
border-bottom: 4px solid #000;
}
#table05 table thead th {
font-size: .85em;
padding: 1em;
}
#table05 table thead tr{
background-color: #FFC107;
color:#000;
}
#table05 table tbody th {
text-align: center;
font-size: 100%;
background-color: #FF8E3B;

}

#table05 table td {
padding: 1%;
}


#table06 table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
margin-top: -4px;
}
#table06 table td {
background-color: #fff;


}


#table06 table tbody tr:hover{
background-color: #fffae9;
}
#table06 table th,
#table06 table td {
border-bottom: 4px solid #000;
padding: 0.7%;
text-align: center;
}
#table06 table thead th {
font-size: .85em;
padding: 1em;
}
#table06 table thead tr{
background-color: #FFC107;
color:#000;
}
#table06 table tbody th {
text-align: center;
font-size: 1vw;
background-color: #FF8E3B;
line-height: 1.6em;
}


.rankbg01{
background-color: #ffbdbd!important;	
}

.rankbg02{
background-color: #ffdcc8!important;	
}

.rankbg03{
background-color: #ffe3e3!important;	
}




@media (max-width: 768px) {
#table06 table tbody th {
line-height: 2em;
}
}

@media (max-width: 620px) {
#table06 table tbody th {
line-height: 1.3em;
font-size: 60%;
}
	
#table01b table tr{
border-top: 1px solid #636363!important;
}	
	

#table01b table td {
border-bottom: 1px solid #000;
padding: 0px;
	
	
}	
	
	
.merit {
border-bottom: 4px solid #000!important;
}		
	
}



.txt{
text-align: left;
font-size: .75em;
}
.price{
text-align: right;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 600px) {
table{
width: 100%;
}
}


.t01p-1{
font-size: 66%;
text-align: center;
font-weight: bold;
letter-spacing: -0.08em;
}

@media screen and (max-width: 600px) {
.t01p-1 {
font-size: 60%;
text-align: center;
font-weight: bold;
line-height: 1em;
}}


.t01a-1{
font-size: 55%;
font-weight: bold;
color: #000;
}

.t01p-2{
font-size: 85%;
font-weight: bold;
padding: 0px 10px 0px 10px;
}

.rank{
width: 6%;	
}

.service{
width: 12%;	
font-size: 120%;
text-align: center;
line-height: 0.8em;
}

@media (max-width: 768px) {
.t01p-2{
font-size: 110%;
padding: 5px 10px 5px 10px;
}

}

@media (max-width: 620px) {
.service {
width: 12%;
font-size: 100%;
text-align: center;
}

.t01p-2{
font-size: 85%;
font-weight: bold;
padding: 0px 10px 0px 10px;
}
}

.skill{
width: 7%;	
vertical-align: top;
}

.skill img{
    width: 85%;
    margin-left: 10%;
    margin-top: 4px;
}


.kaisya{
width: 7%;	
vertical-align: top;
}

.kaisya img{
    width: 85%;
    margin-left: 10%;
    margin-top: 4px;
}


.houmon{
width: 7%;	
vertical-align: top;
}

.houmon img{
    width: 85%;
    margin-left: 10%;
    margin-top: 4px;
}

.online{
width: 7%;	
vertical-align: top;
}

.online img{
    width: 85%;
    margin-left: 10%;
    margin-top: 4px;
}

.tenpo{
width: 7%;	
vertical-align: top;
}

.tenpo img{
    width: 85%;
    margin-left: 10%;
    margin-top: 4px;
}


.merit{
width: 42%;
font-size: 0.8vw;
font-weight: bold;
}

.link{
width: 7%;	
}

.tyuui01{
max-width: 1100px;
margin-right: auto;
margin-left: auto;
font-size: 75%;
margin-bottom: 2%
}

@media (max-width: 768px) {
.tyuui01{
margin-top: 4%
}
	
.merit{
width: 100%;
font-size: 70%;
font-weight: bold;
}	
	
}


.maru{
color: #E17372;
font-weight: bold;
font-size: 130%;
}
.sankaku{
color: #FAD34D;
font-weight: bold;
font-size: 130%;
}

.batsu{
color: #4EBCDA;
font-weight: bold;
font-size: 130%;
}


#online-b{
padding: 1%
}


.shiro01{
max-width: 900px;
background-color: #FFF;	
border-radius: 20px;
margin: 2% auto;
padding: 2% 1% 1% 7%;
box-shadow: 4px 4px 10px #636363;
}



.online-waku01{
padding: 2% 2% 0% 2%;
font-size: 180%;
font-weight: bold;
margin: 1% 0% 3% 0%;
text-align: center;
}

.online-waku02{
background: #b6e217;
border: 4px solid #000;
padding: 2% 2% 2% 2%;
font-size: 180%;
font-weight: bold;
margin: 3% 0% 4% 0%;
border-radius: 15px;
text-align: center;
color: #000!important;
cursor: inherit;
}


@media (max-width: 620px) {
.online-waku01 {
font-size: 110%;
}

.online-waku02 {
padding: 1% 0% 1% 2%;
font-size: 120%;
margin: 2% 10% -2% 10%;
}	

.shiro01 {
margin: 2% auto 2% auto;
padding: 2% 5% 1% 5%;
}	
}





.ranking-title01{
margin: 3% auto 0% auto;
padding: 0% 0% 0% 0%;
text-align: center;
font-weight: bold;
font-size: 250%;
color: #000;
letter-spacing: 0.2em;
}

@media (max-width: 620px) {

.ranking-title01 {
margin: 5% auto 0% auto;
font-size: 130%;

}

}

.ranking-title02{
margin: 0% auto 0% auto;
padding: 0% 0% 0% 0%;
text-align: center;

}

@media (max-width: 768px) {
.ranking-title02{
margin: 0% auto -6% auto;

}
}


.ranking-title02 img{
width: 50%;
margin-bottom: 0%;
}

.ranking-waku{
background-color: #FF8E3B;	
max-width: 1000px;	
margin: -20% auto 0% auto;
padding: 1%;
border: 4px solid #000;
}


.ranking-waku02{
max-width: 1000px;	
margin: 0% auto 0% auto;
padding: 0%;
}


.ranking-waku03{
background-color: #ffff;	
}

.ranking-title05{
padding: 0% 0% 0% 14%;
text-align: left;
font-weight: bold;
font-size: 250%;
color: #000;
letter-spacing: 0.2em;
max-width: 1000px;
background-color: #fad34d;
border: 4px solid #000;
border-width: 4px 4px 4px 4px;
margin: 1% 1% 1% 1%;
}

@media (max-width: 768px) {
.ranking-title05{
padding: 0% 0% 0% 14%;
font-size: 150%;
letter-spacing: 0.2em;
margin: 2% 2% 2% 2%;
}
}



.ranking-title-ga{
padding: 0% 0% 0% 14%;
text-align: left;
font-weight: bold;
font-size: 250%;
color: #000;
letter-spacing: 0.2em;
max-width: 1000px;
background-color: #fad34d;
border: 4px solid #000;
border-width: 4px 4px 4px 4px;
margin: 1% 1% 1% 1%;
}

@media (max-width: 768px) {
.ranking-title-ga{
padding: 0% 0% 0% 14%;
font-size: 150%;
letter-spacing: 0.2em;
margin: 2% 2% 2% 2%;
}
}

@media (max-width: 480px) {
.ranking-title-ga{
font-size: 100%;
letter-spacing: 0.1em;
}
}

@media (max-width: 360px) {
.ranking-title-ga{
font-size: 90%;
letter-spacing: 0.1em;
}
}

.ranking-title06{
    padding: 0% 0% 0% 0%;
    color: #000;
    background-color: #fff;
    border: 4px solid #000;
    border-width: 4px 4px 4px 4px;
    margin: 2% 2% 2% 2%;	
}


.ranking-title06 img{
width: 90%;
margin: 2% 2% 2% 2%;
width: 95%;
}

@media (min-width: 460px) {
.small-pr {
 position: absolute;
 font-size: 28px;
 font-weight: bold;
 top: 15px;
 right: 25px;
}
}

@media (max-width: 460px) {
.small-pr {
 position: absolute;
 font-size: 20px;
 font-weight: bold;
 top: 15px;
 right: 20px;
}
}
	
	
.ranking-waku01{
margin: 5% 0% 5% 0% ;
padding:0% 0% 0% 0% ;
position: relative;
}

.ranking-waku02{
margin: 5% 0% 0% 0% ;
padding:0% 0% 0% 0% ;
}

.ranking-waku04{
margin: 1% 0.1% -10% 0%;
padding:0% 0% 0% 0% ;

}


.ranking-title02 img{
width: 50%;
margin-bottom: 0%;
}


.ranking-title03{
max-width: 1000px;


}


.ranking-title04{
max-width: 1000px;
margin: 3% auto 0% auto;

}



.ranking001{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto 1% auto;
border-width: 4px 4px 4px 4px;
}

.ranking0011{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto 4% auto;
border-width: 4px 4px 4px 4px;
}

.ranking0012{
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto -6% auto;
border-width: 4px 4px 4px 4px;
}

.ranking002{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto 2.4% auto;
border-width: 4px 4px 4px 4px;
}


.ranking003{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto 2.4% auto;
border-width: 4px 4px 4px 4px;
}

.ranking004{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 0% auto 2.3% auto;
border-width: 4px 4px 4px 4px;
}

@media (max-width: 768px) {
.ranking-title06{
padding: 0% 0% 0% 0%;
font-size: 150%;
letter-spacing: 0.2em;
margin: 2% 2% 2% 2%;
	
}
	
	
.ranking-waku01 {
    margin: 5% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}	
	
.ranking-waku04 {
    margin: 0% 0% -2% 0%;
    padding: 0% 0% 0% 0%;
}		
	
}	



@media (max-width: 1000px) {
.ranking001{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto -5.4% auto;
border-width: 4px 4px 4px 4px;
}


.ranking0011{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto -0.5% auto;
border-width: 4px 4px 4px 4px;
}

.ranking0012{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto -0.5% auto;
border-width: 4px 4px 4px 4px;
}	
	
.ranking002{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto 4.8% auto;
border-width: 4px 4px 4px 4px;
}
.ranking003{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 5% auto 4.8% auto;
border-width: 4px 4px 4px 4px;
}	
.ranking004{
max-width: 1000px;
background-color: #FF8E3B;
border: 4px solid #000;
margin: 1% auto 2.8% auto;
border-width: 4px 4px 4px 4px;
}		
}



@media (max-width: 768px) {
.ranking001 {
margin: 5% auto -4.5% auto;
}
.ranking002 {
margin: 5% auto -4.5% auto;
}
.ranking003 {
margin: 5% auto -4.5% auto;
}
.ranking004 {
margin: 1% auto -2.5% auto;
}
.ranking0011 {
margin: 5% auto -0.5% auto;
}	
.ranking0012 {
margin: 5% auto -0.5% auto;
}
}


@media (max-width: 420px) {
.ranking001 {
margin: 5% auto -9% auto;
}
.ranking002 {
margin: 5% auto -8.7% auto;
}
.ranking003 {
margin: 5% auto -6.7% auto;
}
.ranking004 {
margin: 1% auto -4% auto;
}
.ranking0011 {
margin: 5% auto -0.5% auto;
}	
.ranking0012 {
margin: 5% auto -0.5% auto;
}	
}



.ranking-title03-1 img{
width: 12%;
margin: -15.4% 0% 11% 4%;

}

.ranking-title03-2 img{
width: 12%;
    margin: -12.5% 0% 6% 4%;

}

.ranking-title03g img{
width: 12%;
margin: -15% 0% 5% 0%;

}

.ranking-title03 img{
width: 12%;
margin: -12% 0% 6% 4%;

}




.ranking-title04 img{
width: 27%;
margin: -23.6% 0% 13% 71%;
}	


.ranking-title07 img{
width: 19%;
margin: -27.8% 0% 16% 2%;

}


@media (max-width: 1100px) {

.ranking-title07 img {
    width: 10%;
    margin: -13% 0% 11% 4%;
}	
}	

@media (max-width: 1000px) {
.ranking-title03-1 img {
width: 12%;
margin: -10% 0% 14.5% 2%;
}

.ranking-title03-2 img {
width: 12%;
margin: -16% 0% 7.1% 2%;
}
.ranking-title03g img {
width: 12%;
margin: -16% 0% 7.1% 2%;
}

.ranking-title03 img {
width: 12%;
margin: -6% 0% 6% 2%;
}	

.ranking-title04 img{
width: 27%;
margin: -27.9% 0% 13% 71%;
}		

.ranking-title07 img {

}	
	
	
}


@media (max-width: 768px) {
.ranking-title03-1 img {
width: 12%;
margin: -12% 0% 18% 2%;
}

.ranking-title03-2 img {
width: 12%;
margin: -6% 0% 10% 2%;
}
.ranking-title03g img {
width: 12%;
margin: -10% 0% 2% 2%;
}
.ranking-title03 img {
width: 12%;
margin: -7% 0% 11% 2%;
}	
.ranking-title07 img {

}	
	
}	


@media (max-width: 568px) {
.ranking-title03-1 img {
width: 12%;
margin: -12% 0% 12% 2%;

}

.ranking-title03-2 img {
width: 12%;
margin: -7% 0% 10% 2%;
}
.ranking-title03g img {
width: 12%;
margin: -9% 0% 3% 2%;
}
.ranking-title03 img {
width: 12%;
margin: -9% 0% 11% 2%;
}	
.ranking-title07 img {

}	
	
}	


@media (max-width: 470px) {
.ranking-title03-1 img {
width: 15%;
margin: -16% 0% 13% 2%;
}

.ranking-title03-2 img {
width: 15%;
margin: -9% 0% 10% 2%;
}
.ranking-title03g img {
width: 15%;
margin: -9% 0% 0% 2%;
}
.ranking-title03 img {
width: 15%;
margin: -7% 0% 8% 2%;
}	
.ranking-title07 img {

}
}	

@media (max-width: 420px) {
.ranking-title03g img {
width: 15%;
margin: -9% 0% 4% 2%;
}
}


@media (max-width: 400px) {
.ranking-title03-1 img {
width: 15%;
margin: -16% 0% 13% 2%;
}

.ranking-title03-2 img {
width: 15%;
    margin: -8% 0% 10% 2%;
}
.ranking-title03g img {
width: 15%;
    margin: -10% 0% 2% 2%;
}

.ranking-title03 img {
width: 15%;
margin: -8% 0% 9% 2%;
}	
.ranking-title07 img {

}
}	



@media (max-width: 350px) {
.ranking-title03-1 img {
width: 15%;
margin: -16% 0% 13% 2%;
}

.ranking-title03-2 img {
width: 15%;
    margin: -8% 0% 8% 2%;
}
.ranking-title03g img {
width: 15%;
margin: -17% 0% 4% 2%;
}
.ranking-title03 img {
width: 15%;
margin: -10% 0% 9.5% 2%;
}	
.ranking-title07 img {

}
}	





@media (max-width: 768px) {
.ranking-title04 img {
width: 27%;
    margin: -25% 0% 8% 75%;
padding: 0%;
}
}
@media (max-width: 768px) {
#table02 {
width: 95%;
margin:3% auto 2% auto;
}	



}

#table02 table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
margin: 0% 0% 1% 5%;
width: 90.5%;
}

@media (max-width: 768px) {
#table02 table {
width: 100%;
}}

#table02 table td {
background-color: #fff;


}
#table02 table tbody tr:hover{
background-color: #fffae9;
}
#table02 table th,
#table02 table td {
border-bottom: 4px solid rgb(0, 0, 0);
padding: 1px 5px 3px 5px;
font-size: 90%;
}
#table02 table thead th {
font-size: .85em;
padding: 1em;
}
table thead tr{
background-color: #FFC107;
color:#000;
}
#table02 table tbody th {
text-align: center;
font-size: 85%;
background-color: #9dccdc;
width: 15%;
line-height: 1.2em;

}

.kigou-img {
    width: 48px;
}

#table03 table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
margin: 2% 0% 1% 0%;
text-align: center;

}
#table03 table td {
background-color: #fff;
vertical-align: top;

}
#table03 table tbody tr:hover{
background-color: #fffae9;
}
#table03 table th {
border-bottom: 4px solid rgb(0, 0, 0);
padding: 3% 0% 3% 0%;
font-size: 100%;

}

#table03 table td {
border-bottom: 4px solid rgb(0, 0, 0);
padding: 1% 0% 1% 0%;

}

#table03 table td img{
width: 70%;
margin: 0% auto 0% auto;
text-align: center;
}

#table03 table thead th {
font-size: .85em;
padding: 1em;
}
table thead tr{
background-color: #FFC107;
color:#000;
}
#table03 table tbody th {
text-align: center;
font-size: 66%;
background-color: #9dccdc;
width: 15%;
line-height: 1em;

}

@media (max-width: 800px){
#table03 table {
margin: 0% auto 2% auto;
width: 95%;
}

#table02 table tbody th {
text-align: center;
font-size: 70%;
background-color: #9dccdc;
width: 18%;
line-height: 1.2em;
}	

}

#table09 table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
margin: 4% 0% 3% 0%;
text-align: center;

}
#table09 table td {
background-color: #fff;
vertical-align: top;

}
#table09 table tbody tr:hover{
background-color: #fffae9;
}
#table09 table th {
border-bottom: 4px solid rgb(0, 0, 0);
padding: 0% 0% 0% 0%;
font-size: 100%;

}

#table09 table td {
border-bottom: 4px solid rgb(0, 0, 0);
padding: 0% 0% 0% 0%;

}

#table09 table td img{
width: 90%;
margin: 0% auto 0% auto;
text-align: center;
}

#table09 table thead th {
font-size: .85em;
padding: 1em;
}
table thead tr{
background-color: #FFC107;
color:#000;
}
#table09 table tbody th {
text-align: center;
font-size: 66%;
background-color: #9dccdc;

line-height: 1em;

}

@media (max-width: 768px){
#table09 table {
margin: 0% auto 2% auto;
width: 100%;
}

#table09 table tbody th {
text-align: center;
font-size: 70%;
background-color: #9dccdc;
width: 17%;
line-height: 1.3em;
letter-spacing: -0.1em;
}	

}

@media (max-width: 568px){
#table09 table {
margin: -4% auto 2% auto;
width: 100%;
}}


@media (max-width: 480px){
#table09 table {
    margin: -7% auto 2% auto;
    width: 100%;
}}

@media (max-width: 380px){
#table09 table {
    margin: -4.2% auto 2% auto;
    width: 100%;
}}

@media (max-width: 350px){
#table09 table {
    margin: -6% auto 2% auto;
    width: 100%;
}
}

.rank-logo01{
width: 70%;
border: 4px solid #000;
margin: 5% 0% -5% 8%;
padding: 0% 0% 0% 0%;
}

@media (max-width: 768px){
.rank-logo01 {
    width: 100%;
    border: 4px solid #000;
    margin: 4% 0% 3% 2%;
    padding: 0% 10% 0% 10%;
}
}


.rank-logo02{
width: 75%;
border: 4px solid #000;
margin: 3% 0% 6% 8%;
padding: 0% 0% 0% 0%;
}


.rank-logo03{
width: 95%;
border: 4px solid #000;
margin: 3% 3% 6% 0%;
padding: 0% 0% 0% 0%;
}



.syosai-waku01{
background: #FAD34D;
border: 4px solid #000;
padding: 0% 0% 0% 0%;
font-size: 180%;
font-weight: bold;
margin: 3% 5% 0% -5%;
}

@media (max-width: 768px) {
.syosai-waku01 {
background: #FAD34D;
border: 4px solid #000;
padding: 0% 0% 0% 0%;
font-size: 180%;
font-weight: bold;
margin: 0% -3% 4% 2%;	
}
	
	
	
.rank-logo02{
width: 95%;
border: 4px solid #000;
margin: 0% 0% 0% 0%;
padding: 0.8% 0% 0% 0%;

}
.rank-logo03{
width: 95%;
border: 4px solid #000;
margin: 0% 0% 0% 0%;
padding: 0.8% 0% 0% 0%;

}	
	
}

.syosai-waku02{
background: #ffedb3;
border: 4px solid #000;
padding: 1% 1% 1% 1%;
font-size: 90%;
margin: -1% 5% 3% -5%;
}


.syosai-waku03{
background: #FAD34D;
border: 4px solid #000;
padding: 0% 0% 0% 0%;
margin: -4% 0% 0% 8%;
width: 75%;
}


.syosai-waku04{
background: #FAD34D;
border: 4px solid #000;
padding: 0% 0% 0% 0%;
margin: -4% 0% 0% 0%;
width: 95%;
}


@media (max-width: 768px) {
.syosai-waku02{
background: #ffedb3;
border: 4px solid #000;
padding: 2% 2% 2% 3%;
font-size: 90%;
margin: -0% auto 0% auto;
width: 95%;
}
#table02 table {
border-collapse: collapse;
color: #000;
border: 4px solid #000;
margin: 0% 0% 0% 0%;
}

.syosai-waku03 {
background: #FAD34D;
border: 4px solid #000;
padding: 0% 0% 0% 0%;
margin: 0% 0% 0% 1%;
width: 89%;
}	
.syosai-waku04 {
background: #FAD34D;
border: 4px solid #000;
padding: 0% 0% 0% 0%;
margin: 0% 0% 0% 1%;
width: 91%;
}	
}

.graph01{
width: 90%
}

@media (max-width: 620px) {
.graph01 {
width: 100%;
}
}

.syohin01{
background: #606060;
border: 4px solid #000;
padding: 1% 1% 2% 4%;
margin: 2% 4% 3% 4%;
color: #fff;
font-size: 200%;
font-weight: bold;
letter-spacing: 0.1em;
}


.syohin02{
background: #FFEDB3;
border: 4px solid #000;
padding: 1% 0% 1% 1%;
margin: -4% 4% 3% 4%;

}


.syohin02in img{
width:9.4%;
}

@media (max-width: 750px) {
.syohin02in img{
width:18.7%;
}

.syohin01 {
padding: 2% 1% 2% 4%;
margin: 2% 0% 3% 2%;
width: 96.3%;
font-size: 130%;
}
.syohin02 {
padding: 2% 0% 1% 2%;
margin: -4% 1.7% 3% 2%;
}	

}


#unei table{
width: 40%;
border-collapse: collapse;
margin: 5% auto 5% auto;
border: solid 4px #000;
}

#unei table tr{
border-bottom: solid 2px #000;
}

#unei table tr:last-child{
border-bottom: none;
}

#unei table th{
position: relative;
width: 30%;
background-color: #EAEAEA;
color: #606060;
text-align: center;
padding: 10px 0;
}

#unei table th:after{
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:calc(50% - 10px);
right:-10px;
border-left: 10px solid #606060;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

#unei table td{
text-align: left;
width: 70%;
background-color: #fff;
padding: 10px 3%;
}

@media (max-width: 768px) {
#unei table{
width: 94%;

}}




.reflection-img{
width       :100%;
height      :auto;
position    :relative;
overflow    :hidden;
margin: 0px auto;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
z-index: 1; 
}

.reflection-img02{
width       :100%;
height      :auto;
position    :relative;
overflow    :hidden;
margin: 0px auto;
}

.reflection {
width       :50px;
height      :100%;
position    :absolute;
top         :0px;
left        :0px;
background-color: #fff;
opacity     :0;
transform: rotate(45deg);
animation: reflection 3s ease-in-out infinite;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 3s ease-in-out infinite;
-moz-transform: rotate(45deg);
-moz-animation: reflection 3s ease-in-out infinite;
-ms-transform: rotate(45deg);
-ms-animation: reflection 3s ease-in-out infinite;
-o-transform: rotate(45deg);
-o-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { transform: scale(4) rotate(45deg); opacity: 0.8; }
100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

@-webkit-keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.8; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@-moz-keyframes reflection {
0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -moz-transform: scale(4) rotate(45deg); opacity: 0.8; }
100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}

@-ms-keyframes reflection {
0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -ms-transform: scale(4) rotate(45deg); opacity: 0.8; }
100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}

@-o-keyframes reflection {
0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -o-transform: scale(4) rotate(45deg); opacity: 0.8; }
100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media all and (-ms-high-contrast: none){
*::-ms-backdrop, 
.t01p-1 {
font-size: 70%;
}
.accordion3 , .six-place {
margin-left: -4%;
}	
.accordion2 p.ac1{
margin-left: -4%;
}	
	
.accordion4 p.ac1{
margin-left: -4%;
}		
	
.syohin01{
font-size: 170%;
padding: 0% 1% 0% 4%;
}	

	
.ranking-title03 img{
margin:-15% 0% 7.5% 4%;
}	

.ranking-title03-2 img{
margin:-16% 0% 7.5% 4%;
}
.ranking-title03g img{
margin:-16% 0% 7.5% 4%;
}	
#unei table th{
position: static;
}		

footer div dl{
width: 400px;
}
.accordion2 .inner li.content1-1{
width: 99.4%;
margin:0% 0% 0% -8.1%;	
}

.accordion3 .inner , .six-place .inner {
margin-left:-3.6%;
}
	
.accordion4 .inner li.content1-1{
width: 99.4%;
margin:0% 0% 0% -8.1%;	
}
	
	
}


#footer {
position: absolute; 
bottom: 0; 
height: auto !important; 
height: 100%!important;
}

.yohaku{
min-height: 100%;
    height: 432px;
}
@media (max-width: 768px) {
.yohaku{
min-height: 100%;
    height: 90px;
	}}

.tyosei01{
vertical-align: middle!important;
margin-top: 24%!important;
}

.tyosei02{
text-align: left!important;
}

.kojin01{
background: #FAD34D;
border: 4px solid #000;
padding: 1% 2% 1% 3%;
font-size: 130%;
font-weight: bold;
	
}

.kojin02{
background: #FFF;
border: 4px solid #000;
padding: 1% 2% 1% 3%;
font-size: 100%;
margin-top:-4px;
}


.kojin03{
padding: 1% 2% 0% 0%;
font-size: 110%;
font-weight: bold;
border-bottom: #FAD34D;
padding-top:3%;
color: #000;

}


#section001{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

.qadiv{

}

.cediv{
text-align: center;
margin: -25% 0% 0% 0%;
}

.qa01{
width: 25%;
margin:2% 0% -3% 5%;
}

.qa02{
width: 25%;
margin:2% 0% -5% 0%
}

.qa03{
width: 25%;
margin:0% 0% 0% 3%
}

.qa04{
width: 25%;
margin: 0% 0% 0% 3%;
}

.qa05{
width: 25%;
margin: 0% -30% 0% 50%;
}


.qacen{
width: 50%;
margin: 0% 0% -3.3% 0%;
}

#qa{
max-width: 1100px;

}


@media (max-width: 768px) {
.qadiv{
}

.cediv{
text-align: center;
margin: -25% 0% 0% 0%;
}

.qa01{
width: 32%;
margin:2% 0% -3% 0%;
}

.qa02{
width: 32%;
margin:0% 0% 0% 0%
}

.qa03{
width: 32%;
margin:0% 0% 0% 0%
}

.qa04{
width: 32%;
margin: 0% 0% 0% 0%;
}

.qa05{
width: 32%;
margin: 0% -60% 0% 37%;
    z-index: 100;
}


#qa{
max-width: 1100px;

}	
	
	
.qacen{
    width: 41%;
    margin: -4% 0% -3.7% 0%;

}
}


.tsuika-waku01{
max-width: 810px;
width: 90%;
margin:4% auto 0% auto;
padding:0.7% 2% 1% 2%;
background-color: #FF8E3B;
border: solid 4px #000;
font-size: 140%;
font-weight: bold;
text-align: center;
}

.tsuika-waku02{
max-width: 810px;
width: 90%;
margin:-0.9% auto 0% auto;
padding:1% 2% 1% 2%;
background-color: #fff;
border: solid 4px #000;
}

@media (max-width: 480px) { 
.tsuika-waku01{
margin:6% auto 0% auto;
width: 95%;
}

.tsuika-waku02{
width: 95%;
}

}

.good{
list-style-position: inside;
list-style-image: url(../images/icon_good.png);	

}

.bad{
list-style-position: inside;
list-style-image: url(../images/icon_bad.png);	
color: #0531e8;

}

.title02{
text-align: center;
font-size: 120%;
margin-bottom: 2%;	
}

.tyosei03 {
text-align: center
}

.tyosei03 img{
width:40%;
cursor: pointer;
margin: 0 auto;
text-align: center
}

@media (max-width: 768px) {
.tyosei03 img{
width:80%;
}
.title02 {
    text-align: center;
    font-size: 86%;
    margin-bottom: 2%;
}



}


@media (max-width: 480px) {

.title02 {
    text-align: center;
    font-size: 120%;
    margin-bottom: 2%;
}

}


@media (max-width: 880px) {
.section15{
height: 220px;
vertical-align: bottom;
    margin-top: -2%;
}

.title02 {
font-size: 90%;
}	
.good{
font-size: 70%;

}

.bad{
font-size: 72%;
}

}


@media (max-width: 480px) {
.section15{
height: 210px;
vertical-align: bottom;
margin-top: -2%;
}

.title02 {
font-size: 130%;
}	
.good{
font-size: 90%;

}

.bad{
font-size: 90%;
}

}


.tyosei04{
vertical-align: middle;
padding: 0px 0px 3px 0px;

}


@media (max-width: 750px){
.rank-banner {
padding: 0% 0% 0% 0%;
margin: 5% 1.7% -4.3% 2%;
background: #FFF;
border: 4px solid #000;
}}

.gaip{
font-size: 80%;
text-align: left;
}

#slide_box {
    overflow: hidden;
    position: fixed;
    width: 80px;
    top: 58%;
    right: 0;
    margin: 0% -0.5% 0% 0%;
    z-index: 350;
}


#slide_box img{
    width:100%;
}


#slide {
    width: 100%;
    position: static;
    z-index: 350;
    width: 90%;
}



#slide-in {
    padding: 5px;
    margin:5px;
}

@media (max-width: 700px) { 
#slide_box {
    overflow: hidden;
    position: fixed;
    width: 73px;
    bottom: 6%;
    right: 0;
    margin: 0% -4% 0% 0%;
    z-index: 350;
	
}}	
.rank00{
font-size: 70%;
}





*,*::before,::after{box-sizing: border-box;}

.l_header{
background-color: burlywood;
width: 100%;
height: 150px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 40px;
}
.site_title{
background-color: antiquewhite;
width: 100%;
max-width: 440px;
text-align: center;
font-size: 1.2em;
}

.top_manu{
width: 100%;
padding: 10px;
}

.top_manu ul{
display: flex;
justify-content: space-evenly;
list-style: none;
}
.top_manu li{
background-color: antiquewhite;
text-align: center;
padding: 20px;
}


.wrapper{
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.page_title{
padding: 30px;
text-align: center;
}
.main_contents{
background-color: antiquewhite;
padding: 50px 0px;
}


.shingle_text{
background-color: floralwhite;
margin-top: 95px;
padding: 30px;
}


#l_toc{
width: 95%;
max-width: 900px;	
margin: 8% auto 0% auto;	
}


.l_toc{
margin: 0% auto 0% auto;
position: relative;
top: 10%;

bottom: 10%;
}
.toc_container{
background-color: #fff;
width: 100%;
}
.l_toc label{
background: #FAD34D;
border: 4px solid #000;
padding: 10px;
z-index: 999;
position: absolute;
top: -104px;
left: 0;
margin: 8% 0% 0% 0%;
    font-weight: bold;
}

#tocopen:checked + .toc_container {
color: #242424;
display: block;
margin: 10% auto 0% auto;
padding: 45px;

border: 4px solid #000;

}
.toc_container{
display: none;
}
.l_toc input[type="checkbox"]{
display: none;
}


.toc_container ol>li::before {
color: rgb(110, 20, 255);
padding-right: 8px;
}
.toc_container>li::before {
padding-right: 8px;
}
.toc_container ol>li{
margin: 10px 0px;
}

@media screen and (max-width: 650px){
.l_header{
display: block;
padding: 30px;
height: auto;
text-align: center;
}
.top_manu ul{
display: flex;
width: 100%;
justify-content: space-around;
margin-top: 50px;
padding: 0;
}
.top_manu{
width: 100%;
}
.l_toc label {
top: -75px;
}
}

@media screen and (max-width: 580px){
.l_toc label {
top: -65px;
}}

@media screen and (max-width: 480px){
.l_toc label {
    top: -45px;
}}




.kensaku-title{
max-width: 900px;
width: 95%;
margin: -1% auto 0% auto;
padding: 0.7% 0% 1% 0%;
background-color: #FF8E3B;
border: solid 4px #000;
font-size: 60%!important;
font-weight: bold;
text-align: center;	
}

.kensaku-honbun{
max-width: 900px;
width: 95%;
margin: -1.5% auto 0% auto;
padding: 0.7% 0% 1% 0%;
background-color: #FFF;
border: solid 4px #000;
text-align: center;	
}

.kensaku-honbun table{
width: 100%;
margin: 0% auto 0% auto;
max-width: 500px;
}

.kensaku-honbun th{
background-color: #fdecaf;
padding: 0% 0% 0% 0%;
width: 30%;
font-size: 60%!important;
letter-spacing: -0.1em;
}

.kensaku-honbun td{
text-align: left!important;	
padding: 0% 0% 0% 0%;
font-size: 51%;
}


.kensaku-button img{
width: 70%;

}

.joken-w{
width: 400px;
font-weight: bold;
height: 25px
}


@media screen and (max-width: 900px){
.kensaku-title{
width: 87%;
font-size: 85%!important;
margin: 4% auto -1.5% auto;
background-color: #FFD4D4;
border: solid 2px #FFA9AB;
color: #272727;
font-weight: normal;
}
.kensaku-honbun{
width: 94%;
font-size: 130%!important;
margin: 1% 3% 2% 3%;
border: solid 2px #FFA9AB;
padding: 0% 1% 0% 0%;
border-radius: 15px;
}
.joken-w{
width: 100%;
}	
.kensaku-honbun th{
font-size: 50%!important;
letter-spacing: 0em;
width: 35%;
background-color: #FFD4D4;
color: #272727;
font-weight: normal;
}

.kensaku-honbun table{
width: 100%;
margin: 0% auto 1% auto;
max-width: 600px;
}
.kensaku-button img{
width: 60%;
}
	
#main2{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
width: 97%;
padding-bottom: 1%;
margin-top: -2%;
}
	
#main6{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
width: 97%;
padding-bottom: 1%;
margin-top: -2%;
}	
	
.t01a-1 {
font-size: 100%;
}

}

.kensaku-kekka{
font-size: 120%;
padding: 2% 0% 2% 0%;
clear: both;
}

.search-f{
margin-top: 4%!important;	
}

.name01{
font-size: 70%;
padding: 0% 1% 0% 1%;
}

@media screen and (max-width: 768px){
.service {
    font-size: 70%;
line-height: 1.5em;
font-weight: bold;
}}


.kensaku-f{
font-size: 130%;
color: #272727;
font-weight: normal;
}

label {
margin-right: 0em!important;
}

@media screen and (max-width: 360px){
.kensaku-honbun table{
width: 100%;

}
}




.shiny-btn1 {
display: block;
position: relative;
overflow: hidden;
}

.shiny-btn1:hover {
text-decoration: none;
color: #fff;
}

.shiny-btn1::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff;
animation: shiny-btn1 4s ease-in-out infinite;
border-radius: 20px;
}

@-webkit-keyframes shiny-btn1 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


.goto1sp{
text-align: center
}

@media screen and (max-width: 900px){
.shiny-btn1::before {
top: 140px;
}
}	
	
.sort{
text-align: right;
margin-bottom: 2%;
}	

@media screen and (max-width: 900px){
input[type="checkbox" i] {
background-color: initial;
cursor: default;
appearance: checkbox;
box-sizing: border-box;
margin: 3px 1px 3px 2px;
padding: initial;
border: initial;
}}

.accordion2-2 .inner li.content1-1{
background: #FFF;
border: 2px solid #000;
border-width: 0px 4px 4px 4px;
text-align: left;
padding: 2% 4%;
}

.ac1-1{
background: #FAD34D;
border: 4px solid #000;
padding: 1.5%;
font-size: 155%;
font-weight: bold;
text-align: center;
}


.accordion2-2s .inner li.content1-1{
background: #FFF;
border: 2px solid #000;
border-width: 0px 4px 4px 4px;
padding: 1.5%;
margin-bottom: 7%;
}

.ac1-1s{
background: #FAD34D;
border: 4px solid #000;
padding: 1.5%;
font-size: 90%;
font-weight: bold;
text-align: center;
}

.small{
font-size: 80%;
letter-spacing: 0em;
}

@media screen and (max-width: 1666px){
.br01{
display: contents
}	
}

@media screen and (max-width: 768px){
.br02{
display: contents
}	
}

@media all and (-ms-high-contrast: none){
*::-ms-backdrop, 
.red2{
font-size: 100%;
}

..accordion2 p.ac1{
margin-left:-7%;
}

.merit{
font-size: 80%;
}	

.accordion3 p.ac1 , .six-place p.ac1 {
margin:-19px 0px 0px 4px;
}	
	
.accordion3 .inner li , .six-place .inner li {
margin:0px -40px 0px 4px
}
.ranking-title03 img{
margin:-12% 0% 4.5% 4%;
}

.ranking-title03-2 img{
margin:-12% 0% 5% 4%
}	
.accordion2 .inner li.content1-1{
width: 117.2%;
margin:0% 0% 0% -17.2%
}
.accordion2 p.ac1{
width: 109%;
margin:-2.8% 0% 0% -9%;
}
.sec-01{
width: 101.8%;
margin:0% -0% 0% -1.8%	
}
.kensaku-honbun tr{
height: 10px;
}	
.accordion4 .inner li.content1-1{
width:109%;
margin:0% 0% 0% -9.1%;
}	
.kensaku-honbun th {
width: 100%;
line-height: 2em;
display: block;
background-color: #fdecaf;
}

.kensaku-honbun td {
line-height: 0em;
font-size:60%;
}
#table09 table{
margin:3.5% 0% 3% 0%;
text-align: center;
}
.ranking-title03g img{
margin:-14% 0% 5.5% 4%;
}

.footer a{
font-size: 12px;
}
footer div dl dd{
font-size: 12px;		
}
.kensaku-f{
font-size:150%;	
vertical-align: top;
}
.section15{
font-size: 80%;
}

ul{
margin: -3% -4.7% 0% -4.7%;
width: 104.7%
}




}



.breadcrumb {
    margin: 1% auto -2% auto;
    padding: 0;
    list-style: none;
    max-width: 800px;
    width: 100%;
    font-size: 80%;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}



.karakuri-data {
    font-size: 14px;
    font-weight: 600;
}

.karakuri-tsuiki {
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    /* color: #fff; */
    background-color: #FF8E3B;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
}
@media screen and (max-width: 900px){
    .karakuri-tsuiki {
        padding: 3px 5px;
    }
}

.annotation {
    font-size: 75%;
}