@charset "UTF-8";

.pcView {
display: block !important;
}
@media (max-width: 896px) {
.pcView {
display: none !important; 
}
}
.spView {
display: none !important;
}
@media (max-width: 896px) {
.spView {
display: block !important; 
} 
}
.pcView2 {
display: block !important; 
}
@media (max-width: 480px) {
.pcView2 {
display: none !important; 
}
}
.spView2 {
display: none !important;
}
@media (max-width: 480px) {
.spView2 {
display: block !important; 
} 
}
body{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
margin: 0px auto 0px auto;
width:100%;
word-break: break-all;
color: #636363;
padding: 0;
border: 0;
overflow-x: none;
background-color: #ffffff;
font-size: 120%;
}
#all{
background-color: #fff;
font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
h1{
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Noto Sans Japanese', sans-serif;
text-align: center;
}
.title1{
font-size: 246%;
margin: -23.5% 0% 10% 4%;
}
.title2{
font-size: 246%;
margin: -10% 0% 6% 4%;
}
.title3{
font-size: 270%;
margin: -19% 0% 13% 4%;
}
.title1-1{
font-size: 246%;
margin: -24% 0% 10% 9%;
}
.title2-1{
font-size: 246%;
margin: -10% 0% 10% 9%;
}
.title1-2{
font-size: 246%;
margin: -21% 0% 0% 9%;
}
.title2-2{
font-size: 246%;
margin: 0% 0% 0% 9%;
}

.gotop{
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 70%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}


.site-serch {
    background-color: #fff;
    border: 7px solid #FF7EA4;
    padding: 2% 2% 2% 2%;
    margin: 2% auto 2% auto;
    width: 90%;
    font-size: 90%;
    line-height: 1.2em;
    }

.site-px {
    background-color: #fff;
    border: 4px solid #FF7EA4;
    padding: 2% 2% 2% 2%;
    margin: 0% auto 0% auto;
    width: 90%;
    }


.site-p {
background-color: #fff;
border: 7px solid #FF7EA4;
padding: 5% 3% 3% 3%;
margin: 7% auto 8% auto;
width: 90%;
}
.rank-hyouka-p {
    text-align: center;
    font-size: 130%;
}
.rank-merideme-p {
    text-align: left;
    border: 7px
    font-size: 95%;
}

.site-h3{
text-align: center;
margin-block-end: 1%;
line-height: 1.1em;
}
h2{
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Noto Sans Japanese', sans-serif;
text-align: left;
}
h3{
font-size: 165%;
margin-block-start: 0em;
margin-block-end: 1em;
font-weight: normal;
}
h4{
text-align: center;
font-size: 60px;	
}
.kaisetsu{
font-size: 82%;
}
p{
display: block;
margin-block-start: 0.2em;
margin-block-end: 0.2em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-size: 90%;
line-height: 1.1em;
}
a {
color: #fff;
text-decoration: none;
background-color: transparent;
}
a:hover {
text-decoration: none;
}
.left {
float: left;
width: 50%;
}
.left img{
width: 60%;
padding-top: 5px;
}
.right {
float: right;
width: 42%;
text-align: right;
padding-top: 20px;
line-height: 1.0em
}
.pink01{
color: #FF4885;
font-weight: bold;
}
.blue01{
color: #42AEFE;
font-weight: bold;
}

.green01{
color: #0719bb;
font-weight: bold;
}

.yellowbg {
    background-color: #f2e421;
    color:ff0000;
}


.right img{
width: 50%;
}
#logo{
width: 100%;
max-width: 1100px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
}
.logo{
height: 75px;
background-color: #fff
}
#header{
width: 100%;
background-image: url("../images/bg02.png");
background-repeat: repeat; 
padding: 1% 0% 2% 0%;
}
.header_in{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.waku{
background-color: #E9FFFC;
border: #42AEFE 9px solid;
border-radius: 15px;
margin: 0% auto 2% auto;
max-width: 1035px;
padding: 0% 0% 0% 0%;
width: 95%;
height: 210px;
}
.waku img{
margin: -3% 0% 0% 0%;
}
.waku02{
background-color: #E9FFFC;
border: #42AEFE 9px solid;
border-radius: 15px;
margin: 0% auto 2% auto;
max-width: 1035px;
padding: 0% 0% 0% 0%;
width: 98%;
height: 210px;
}
.waku02 img{
margin: -3% 0% 0% 0%;
}
.ichii{
background-color: #FF4885;
color: #fff;
text-align: center;
padding: 4% 1% 4% 1%;
border-radius: 15px;
margin: 3% auto 0% auto;
font-size: 155%;
width: 80%
}
.yellow_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 85%, #f2e421 0%) repeat scroll 0 0;
margin: 0px 0px 0px 0px;
}
#button1{
background-color:aliceblue;
}
.but1{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

.footer_fix_btn {
    position:fixed;
    bottom:0;
    width:100%;
    padding:5px 0 5px 0;
    text-align:center;
    background:#02085f; // 背景色
    font-size:16px; // テキストの大きさ
    color:#000000; // 文字色
    border-top:2px solid #ffffff; // ボタン上部の縁取りの色
  }
  .footer_fix_btn a {
    display:block;
    width:100%;
    text-decoration:none;
  }
  .footer_fix_btn a:hover {
    opacity:0.8;
  }




  
/* 共通ここまで */

/* section１ここから */

#section1{
background-color:#E2E2E2;
padding: 3% 0% 3% 0%;
}
.sec1{
max-width: 600px;
margin: 0% auto 0% auto;
padding: 5% 4% 6% 4%;
background-color: #fff;
border-radius: 15px;
width: 90%;
box-shadow: 2px 2px 2px #CDCDCD;
}
.sec1 table{
text-align: left;
width: 100%;
font-size: 100%;
}
.sec1 table tr{
line-height: 1.8em;
}
.search{
background-color: #FF4885;
color: #fff;
text-align: center;
padding:4% 2% 4% 2%;
border-radius: 15px;
margin:4% 0% 0% 0%;
font-size: 133%;
}
/* チェックボックス02 */
input[type=checkbox] {
display: none;
}
.checkbox02 {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 0px 0px 0px 30px;
position: relative;
width: auto;
margin: 2% 0% 0% 0%;
font-size: 87%;
}
.checkbox02::before {
background: #fff;
border: 1px solid #ccc;
border-radius: 3px;
content: '';
display: block;
height: 16px;
left: 5px;
margin-top: -8px;
position: absolute;
top: 50%;
width: 16px;
}
.checkbox02::after {
border-right: 6px solid #FF4885;
border-bottom: 3px solid #FF4885;
content: '';
display: block;
height: 20px;
left: 7px;
margin-top: -16px;
opacity: 0;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 9px;
}
input[type=checkbox]:checked + .checkbox02::before {
border-color: #666;
}
input[type=checkbox]:checked + .checkbox02::after {
opacity: 1;
}
.title01{
background-color: #42AEFE;
color: #fff;
text-align: center;
padding:0% 0% 0% 0%;
}
.selectdiv {
position: relative;  
float: left;
min-width: 100%;
margin: 0% 0% 0% 0%;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}
.selectdiv:after {
content: '<>';
font: 17px "Consolas", monospace;
color: #333;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 11px;
/*Adjust for position however you want*/
top: 18px;
padding: 0 0 2px;
border-bottom: 1px solid #999;
/*left line */
position: absolute;
pointer-events: none;
}
.selectdiv select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Add some styling */
display: block;
width: 100%;
max-width: 520px;
height: 40px;
float: right;
margin: 5px 0px;
padding: 0px 24px;
font-size: 16px;
line-height: 1.75;
color: #333;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
-ms-word-break: normal;
word-break: normal;
}
/* section１ここまで */


/* section２0ここから */
#section20{
    background-image: url("../images/bg01.png");
    background-repeat: repeat;
    padding: 2% 0% 0% 0%;	
    }
    .sec20{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    }
    
    /* section２0ここまで */



/* section２ここから */
#section2{
background-image: url("../images/bg01.png");
background-repeat: repeat;
padding: 2% 0% 0% 0%;	
}
.sec2{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

/* section２ここまで */


/* section３ここから */
#section3{
width: 100%;
background-image: url("../images/bg02.png");
background-repeat: repeat; 
padding: 3% 0% 2% 0%;
}
.sec3{
max-width: 1100px;
margin:0% auto 0% auto;
padding: 2% 2% 1% 2%;
background-color: #fff;
width:88%;
border-radius: 15px;
box-shadow: 2px 2px 2px #CDCDCD;
}
.rank-table01{
max-width: 800px;
margin:0% auto 0% auto;
}

.rank-table01-kpc{
max-width: 800px;
margin:0% auto 0% auto;
font-size: 80%;
}


.syamei{
font-size: 250%;
text-align: left;
}
.gyosyu{
background-color: #FF7EA4;
text-align: center;
color: #fff;
padding: 4% 0% 4% 0%;
border-radius: 6px;
}
.rankimg01{
width: 100%;
box-shadow: 1px 0px 19px #aaaaaa;
}
.rankimg02{
width: 35%;
margin: 0% -28% -1% 0%;
}
.comment01{
text-align: center;
color: #FF4885;
font-weight: bold;
padding:0% 0% 0% 0%;
font-size: 120%;
}
.rank-table02{
max-width: 800px;
margin:0% auto 0% auto;
border: 2px solid #60C0BD;
margin-top: 0%
}
.rank-table02 th{
background-color: #60C0BD;
color: #fff;
padding: 0% 0% 0% 0%;
}
.rank-table02 td{
background-color: #fff;
border-bottom: 2px solid #60C0BD;
border-top: 2px solid #60C0BD;
padding: 0% 0% 0% 2%;
}
.kazu{
font-size: 100%;
font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.1em;
}
.rank-table03{
max-width: 800px;
margin:0% auto 0% auto;
border: 2px solid #60C0BD;
margin-top: 0.5%
}
.rank-table03 th{
background-color: #60C0BD;
color: #fff;
padding: 0% 0% 0% 0%;
}
.rank-table03 td{
background-color: #fff;
border-bottom: 2px solid #60C0BD;
border-top: 2px solid #60C0BD;
padding: 0% 1% 0% 1%;
line-height: 0.5em;
font-size: 90%;
}
.hyoka01{
font-size: 180%;
line-height: 0.1em;
margin: 3% 0% 0% 9%;
float: left;
}
.shisetsu{
border-bottom: 3px solid #60C0BD;
max-width: 800px;
margin: 0% auto 0% auto;
padding: 0% 0% 0% 0%;
}
.shisetsu img{
width: 60px;
float: left;
margin: 2% 0% 0% 0%;
}
.shisetsu p{
font-size: 180%;
padding: 2% 3% 1% 11%;
}
.shisetsu-syosai{
max-width: 800px;
margin: 1% auto 0% auto;	
text-align: left;
letter-spacing: 0.1em;
}
.review{
border-bottom: 3px solid #60C0BD;
max-width: 800px;
margin: 0% auto 0% auto;
padding: 0% 0% 0% 0%;
}
.review img{
width: 60px;
float: left;
margin: 02% 0% 0% 0%;
}
.review p{
font-size: 180%;
padding: 2% 3% 1% 11%;
}
.rank-table04{
max-width: 800px;
margin:0% auto 0% auto;
border: 2px solid #60C0BD;
margin-top: 2%
}
.rank-table04 th{
background-color: #60C0BD;
color: #fff;
padding: 2% 0% 2% 3%;
text-align: left;
font-size: 120%
}
.rank-table04 td{
background-color: #fff;
border-bottom: 2px solid #60C0BD;
border-top: 2px solid #60C0BD;
padding: 0% 0% 0% 2%;
line-height: 1.2em;
}
.rank-table04 img{
width: 130px;
}
.center{
text-align: center;
}
.conversion{
background-color: #FF4885;
max-width: 800px;
margin:1% auto 3% auto;
color: #fff;
text-align: center;
padding: 2% 0% 2% 0%;
border-radius: 15px;
}
.cv-p1{
font-size: 180%;
}
.cv-p2{
}
.hr-style{
border-bottom: 2px solid #42AEFE;
margin-bottom: 5%
}


/* section３ここまで */
.site-jobpc {
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50%;
    max-width: 900px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.site-jobpca {
    background-image: url("../images/nayami2.png");
    background-position: right top; 
    background-repeat: no-repeat;
    background-size: 60%;
    max-width: 900px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.site-jobspa {
    background-image: url("../images/nayami2.png");
    background-position: right top; 
    background-repeat: no-repeat;
    background-size: 46%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.site-jobsp {
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.yellowbg {
    background-color: #f2e421;
    color:ff0000;
}

.job-hyoudai {
    background: #1C95BD;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5 !important;
    padding: .5rem;
    text-align: center;
}


/* section４ここから */

#section4{
width: 100%;
background-image: url("../images/bg02.png");
background-repeat: repeat; 
padding-bottom: 1%;
}
.sec4{
max-width: 900px;
margin-left: auto;
margin-right: auto;
width: 90%;
}
.sec4 img{
max-width: 900px;
width: 100%;
}
.shikumi-waku{
background-color: #fff;
border: 4px solid #FF7EA4;
padding: 2%;
max-width: 1100px;
margin: -1% auto 1% auto;
}
.shikumi-waku img{
width: 100%;
margin: -3% auto 0% auto;
}
.shikumi-waku2{
background-color: #fff;
border: 4px solid #FF7EA4;
padding: 2%;
max-width: 1100px;
margin: 2% auto 1% auto;

}

/* section４ここまで */


/* section５ここから */

#section5{	
width: 100%;
background-image: url("../images/bg02.png");
background-repeat: repeat; 
padding-top: 1%;
padding-bottom: 5%;
}
.sec5{
max-width: 800px;
margin-left: auto;
margin-right: auto;
width: 95%;
}
.tab-wrap {
display: flex;
flex-wrap: wrap;
margin:20px 0;
}
.tab-wrap:after {
content: '';
width: 100%;
height: 3px;
background: #FFC2CD;
display: block;
order: -1;
}
.tab-label {
color: #606060;
background: #FFE6EB;
font-weight: bold;
white-space: nowrap;
text-align: center;
padding: 10px .5em;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 5px 5px 0 0;
flex: 1;
border:2px solid #FFC2CD;
}
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
.tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
}
.tab-switch:checked+.tab-label {
background: #FFC2CD;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
padding: 15px;
opacity: 1;
transition: .5s opacity;
border:2px solid #FFC2CD;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
background-image: url("../images/bg01.png");
}
.tab-switch {
display: none;
}
.comment02{
max-width: 800px;
margin-left: auto;
margin-right: auto;
width: 95%;
font-size: 100%;
padding:3% 3% 3% 3%;
background-color: #fff;
border-radius: 15px
}
.osusume{
text-align: center;
font-size: 150%;
font-weight: bold;
padding:2% 0% 2% 0%;
}

/* section５ここまで */


/* section６ここから */

#section6{
background-color: #fff;
width: 95%;
margin: 0 auto;
max-width: 1000px
}
.sec6{
padding:5% 0% 5% 0%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
width: 90%;
}
.qa{
max-width: 380px;
width: 100%;
margin:0% auto 0% auto;
}
.qa img{
text-align: center;
margin:0% 0% 0% 0%;
width: 100%;
}
.qaimg{
width: 95%;
margin:0% auto -30% auto;
}
.qa1{
max-width: 300px;
width: 100%;
margin:0 auto;
}
.qa2{
max-width: 300px;
width: 100%;
margin:0 auto;
}
.qa3{
max-width: 300px;
width: 100%;
margin:0 auto;
}
.qa4{
max-width: 280px;
width: 100%;
margin:0 auto;
}
.qa1 img{
margin: -125% 0% 85% -85%;
max-width: 300px;
width: 100%;
}
.qa2 img{
margin: -155% 0% 95% 95%;
max-width: 300px;
width: 100%;
}
.qa3 img{
margin: -105% 0% 85% -100%;
max-width: 300px;
width: 100%;
}
.qa4 img{
margin: -165% 0% 95% 110%;
max-width: 300px;
width: 100%;
}
.qa1-kai {
margin:0% 0% 0% 0%;
}
.qa1-kai img{
width: 8%;
float: left; 
margin: -2% 0% -1% 0%;
}
.qa1-a p{
font-size: 93%;
line-height: 1.5em;
}
.qah3{
padding: 1% 0% 0% 10%;
margin-block-end: 0.3em;
font-size: 120%;
text-align: left;
}
.aclass{
font-size: 200%;
color: #FF7EA4;
}
.qa2-kai {
margin:3% 0% 0% 0%;
}
.qa2-kai img{
width: 8%;
float: left; 
margin: -2% 0% -1% 0%;
}
.qa2-a p{
font-size: 93%;
line-height: 1.5em;
}
.qa3-kai {
margin:3% 0% 0% 0%;
}
.qa3-kai img{
width: 8%;
float: left; 
margin: -2% 0% -1% 0%;
}
.qa3-a p{
font-size: 93%;
line-height: 1.5em;
}
.qa4-kai {
margin:3% 0% 0% 0%;
}
.qa4-kai img{
width: 8%;
float: left; 
margin: -2% 0% -1% 0%;
}
.qa4-a p{
font-size: 93%;
line-height: 1.5em;
}
.hr-style2{
border-bottom: 2px solid #42AEFE;
margin-top: 5%
}


/* section６ここまで */


/* section７ここから */

#section7{
background-color: #fff;
}
.sec7{
max-width: 700px;
margin-left: auto;
margin-right: auto;
font-size: 90%;
}

/* section７ここまで */


/* section８ここから */

#section8{
background-color: salmon;
}
.sec8{
max-width: 700px;
margin-left: auto;
margin-right: auto;
}

/* section８ここまで */


/* section９ここから */

#section9{
background-color: #fff;
}
.sec9{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
#section10{
background-color: #fff;
}
.sec10{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}

/*段組ここから*/

div.cover2 {
display: table;
margin: 0 auto;
padding: 0px;
width: 66%;
max-width: 728px;
}
div.cover2 div.box2_1 {
display: table-cell;
width: 50%;
}
div.cover2 div.box2_2 {
display: table-cell;
width: 50%
}
div.cover2-1 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
div.cover2-1 div.box2-1_1 {
display: table-cell;
width: 50%;
}
div.cover2-1 div.box2-1_2 {
display: table-cell;
width: 50%
}
div.cover2-2 {
display: table;
margin: 0 auto;
padding: 0px;
width: 100%;
max-width: 1070px;
}
div.cover2-2 div.box2-2_1 {
display: table-cell;
width: 60%;
vertical-align: top;
}
div.cover2-2 div.box2-2_2 {
display: table-cell;
width: 40%;
vertical-align: top;
}
div.cover3 {
display: table;
margin: 0px;
padding: 0px;
width: 100%;
}
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%
}
footer {
bottom: 0;
height: 80px;
position: inherit;
width: 100%;
background-color: #42AEFE;
color: #fff;
text-align: center; 
}
footer a{
font-size: 120%;
}
footer small {
display: block;
margin-top: 10px;
font-size: 12px; 
}
footer div {
padding-top: 10px; 
}
footer div dl {
width: 400px;
font-size: 18px;
margin: 0 auto; 
}
footer div dl dt {
font-weight: 600;
margin-bottom: 10px; 
}
footer div dl dd {
display: flex;
font-size: 15px;
justify-content: space-around; 
}


/* top 戻るbutton*/
#page_top{
width: 100px;
height: 60px;
position: fixed;
right: 1px;
bottom: 0;
border-radius: 15px;
margin-bottom: 80px;
margin-right: 0px;
z-index: 999;
}
#page_top a{
position: relative;
display: block;
width: 100px;
height: 60px;
text-decoration: none;
border-radius: 10px;
}

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


.shiny-btn1 {
display: block;
position: relative;
text-decoration: none;
overflow: hidden;
z-index: 20;
}
.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 3s ease-in-out infinite;
}
@-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; }
}
.ope-table1{
width: 100%;
border-collapse: collapse;
border: solid 2px #CAC8C8;
}
.ope-table1 tr{
border-bottom: solid 2px #CAC8C8;
}
.ope-table1 tr:last-child{
border-bottom: none;
}
.ope-table1 td{
padding: 1.5% 1% 1.5% 4%;
}
.ope-table1 th{
position: relative;
width: 30%;
background-color: #42AEFE;
color: white;
text-align: center;
padding: 10px 0;
}
.ope-table2{
width: 100%;
border-collapse: collapse;
border: solid 2px #CAC8C8;
}
.ope-table2 tr{
border-bottom: solid 2px #CAC8C8;
}
.ope-table2 tr:last-child{
border-bottom: none;
}
.ope-table2 td{
padding: 1.5% 1% 1.5% 4%;
}
.ope-table2 th{
position: relative;
width: 30%;
background-color: #42AEFE;
color: white;
text-align: center;
padding: 10px 0;
}
.ope-table3{
width: 100%;
border-collapse: collapse;
border: solid 2px #CAC8C8;
}
.ope-table3 tr{
border-bottom: solid 2px #CAC8C8;
}
.ope-table3 tr:last-child{
border-bottom: none;
}
.ope-table3 td{
padding: 1.5% 1% 1.5% 4%;
text-align: center;
font-size: 90%;
}
.ope-table3 th{
position: relative;
width: 20%;
background-color: #42AEFE;
color: white;
text-align: center;
padding: 10px 0;
font-size: 90%;
}
.ope-table4{
width: 100%;
border-collapse: collapse;
border: solid 2px #CAC8C8;
}
.ope-table4 tr{
border-bottom: solid 2px #CAC8C8;
}
.ope-table4 tr:last-child{
border-bottom: none;
}
.ope-table4 td{
padding: 1% 1% 1% 1%;
text-align: center;
font-size: 90%;
border: 1px solid #d3d3d3;
}
.ope-table4 th{
position: relative;
background-color: #42AEFE;
color: white;
text-align: center;
padding: 10px 0;
font-size: 90%;
}
.ranking{
margin-block-end: 0em;	
margin-top: 2%;
font-size: 140%
}
/*アコーディオン全体*/
ul {
display: block;
list-style-type: disc;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
}
.accordion-area{
list-style: none;
width: 100%;
max-width: 896px;
margin:0 auto;
}
.accordion-area li{
margin: 10px 0;
}
.accordion-area section {

}
h3.title {
position: relative;/*+マークの位置基準とするためrelative指定*/
cursor: pointer;
background-color: #FF4885;
color: #fff;
text-align: center;
padding: 4% 1% 4% 1%;
border-radius: 15px;
margin: 3% auto 0% auto;
font-size: 155%;
width: 95%;
transition: all .5s ease;
}

/*　closeというクラスがついたら形状変化　*/
h3.title.close::before{
transform: rotate(45deg);
}
h3.title.close::after{
transform: rotate(-45deg);
}
/*アコーディオンで現れるエリア*/
.box {
display: none;/*はじめは非表示*/
background: #f3f3f3;
margin:0 3% 3% 3%;
padding: 3%;
}
.link{
background-color: #FF4885;
border-radius: 10px;
line-height: 1.1em;
padding: 5% 0% 5% 0%;
font-size: 80%
}
.rank-img img{
width: 100%
}
.souhyou{
font-size: 90%;
line-height: 1.1em;
}
.number{
font-size: 180%!important;
}



@media (max-width: 1101px){
.right {
width: 46%;
}	
.search {
font-size: 120%;
}
}



@media (max-width: 1024px){
.search {
font-size: 115%;
}
.title1{
font-size: 200%;
margin: -22% 0% 10% 4%;
}
.title2{
font-size: 210%;
margin: -10% 0% 10% 4%;
}
.title3{
font-size: 240%;
margin: -19% 0% 13% 4%;
}
.title1-1{
font-size: 200%;
margin: -22% 0% 10% 8%;
}
.title2-1{
font-size: 210%;
margin: -10% 0% 10% 8%;
}
.ichii {
width: 65%;
}	
.right {
float: right;
width: 50%;	
}
.kaisetsu {
font-size: 79%;
}
h2 {
font-size: 230%;
margin: -24% 0% 5% 9%;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Noto Sans Japanese', sans-serif;
text-align: left;
line-height: 1.4em;
}
.qah3 {
padding: 2% 0% 0% 10%;
margin-block-end: 0.3em;
font-size: 150%;
letter-spacing: -0.1em;
}
.qa1-a p {
font-size: 100%;
line-height: 1.3em;
}
.qa2-a p {
font-size: 100%;
line-height: 1.3em;
}
.qa3-a p {
font-size: 100%;
line-height: 1.3em;
}
.qa4-a p {
font-size: 100%;
line-height: 1.3em;
}
	
}



@media (max-width: 896px){
.search {
padding: 2% 2% 2% 2%;
}
.title {
padding: 1% 1% 1% 1%;
}
.title1-2 {
font-size: 220%;
margin: -26% 0% 0% 6%;
}
.title2-2 {
font-size: 220%;
margin: 0% 0% 0% 5%;
}
.sec1 {
max-width: 1000px;
width: 90%;
padding: 4% 4% 4% 4%;
}
div.cover2-2 {
display: block;
}

div.cover2-2 div.box2-2_1 {
display: block;
width: 100%;
}

div.cover2-2 div.box2-2_2 {
display: block;
width: 100%;
}
#section6 {
padding-top: 6%;
}
.qa img{
width: 95%;
}
.qa1 img{
margin: -125% 0% 85% -60%;
max-width: 300px;
width: 75%;
}
.qa2 img{
margin: -155% 0% 95% 93%;
max-width: 300px;
width: 75%;
}
.qa3 img{
margin: -105% 0% 85% -68%;
max-width: 300px;
width: 75%;
}
.qa4 img{
margin: -165% 0% 95% 100%;
max-width: 300px;
width: 75%;
}
.rankimg02 {
width: 50%;
margin: 1% -5% 0% 0%;
}
.syamei {
font-size: 200%;
text-align: left;
}
.comment01 {
font-size: 105%;
padding: 3% 0% 5% 0%;
letter-spacing: 0.1em;
}
.title1{
font-size: 200%;
margin: -29% 0% 10% 4%;
}
.title2{
font-size: 200%;
margin: -10% 0% 10% 4%;
}
.title3{
font-size: 200%;
margin: -24% 0% 16% 4%;
}
.title1-1{
font-size: 230%;
margin: -36% 0% 10% 10%;
}
.title2-1{
font-size: 230%;
margin: -10% 0% 10% 10%;
}
.right {
float: right;
width: 50%;
padding-top: 5px;
line-height: 1.0em;
font-size: 98%;
}
.left img{
width: 70%;
}
.right img{
width: 100%;
}
div.cover2-1 {
display: block;
}
div.cover2-1 div.box2-1_1 {
display: block;
width: 100%;
}
div.cover2-1 div.box2-1_2 {
display: block;
width: 100%;
}
div.cover3-1 {
display: block;
}
div.cover3-1 div.box3-1_1 {
display: block;
width: 100%;
}
div.cover3-1 div.box3-1_2 {
display: block;
width: 100%;
}
div.cover3-1 div.box3-1_3 {
display: block;
width: 100%;
}
#page_top{
width:80px;
height: 80px;
position: fixed;
bottom: 0;
border-radius: 15px;
margin-bottom: 90px;
margin-right: 10px;
right: 15px;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
border-radius: 10px;
}
footer div dl dt {
font-size: 15px;
margin-bottom: 5px; 
} 	
.tyosei01{
margin:2% 0% -2% 0% ;
font-size: 80%;
line-height: 1.0em;
}	
}	

.tyosei02{
margin:2% 0% -2% 0% ;
font-size: 40%;
line-height: 1.0em;
}


@media (max-width: 768px){
.hyoka01 {
margin: 5% 0% 0% 9%;
}
.waku02 {
width: 98%;
height: 160px;
}
.title1-2 {
font-size: 190%;
margin: -26% 0% 0% 4%;
}
.title2-2 {
font-size: 190%;
margin: 0% 0% 0% 4%;
}
.waku {
height: 180px;
border: #42AEFE 6px solid;
}
.qa3-a p {
font-size: 100%;
line-height: 1.3em;
}
.qah3 {
padding: 0% 0% 0% 10%;
font-size: 110%;
}
h3 {
font-size: 135%;
}
.osusume {
text-align: center;
font-size: 130%;
font-weight: bold;
padding: 2% 0% 2% 0%;
}
.cv-p1 {
font-size: 160%;
}
.ichii {
width: 50%;
}
.qa img{
width: 80%;
margin: 8% 0% 0% 6%;
}
.qa1 img{
margin: -125% 0% 85% -30%;
max-width: 300px;
width: 60%;
}
.qa2 img{
margin: -155% 0% 95% 70%;
max-width: 300px;
width: 60%;
}
.qa3 img{
margin: -105% 0% 85% -45%;
max-width: 300px;
width: 60%;
}
.qa4 img{
margin: -165% 0% 95% 90%;
max-width: 300px;
width: 60%;
}	
.right {
display: none;
}
.left img {
width: 100%;
}
.title1{
font-size: 160%;
margin: -31% 0% 10% 4%;
}
.title2{
font-size: 220%;
margin: -10% 0% 10% 4%;
line-height: 1.2em
}
.title1-1 {
font-size: 200%;
margin: -40% 0% 10% 10%;
}
.title2-1{
font-size: 250%;
margin: -10% 0% 10% 10%;
line-height: 1.4em
}

}	

@media (max-width: 630px){
.waku02 {
width: 98%;
height: 120px;
}
.title1-2 {
font-size: 145%;
margin: -26% 0% 0% 4%;
}
.title2-2 {
font-size: 145%;
margin: 0% 0% 0% 4%;
}
.title {
font-size: 130%;
}
.comment01 {
font-size: 105%;
padding: 3% 0% 5% 0%;
letter-spacing: 0em;
}
.cv-p1 {
font-size: 130%;
}
.review p {
font-size: 140%;
padding: 2% 3% 4% 17%;
}
.shisetsu p {
font-size: 140%;
padding: 5% 3% 2% 17%;
}
.hyoka01 {
font-size: 135%;
line-height: 0.1em;
margin: 5% 0% 0% 12%;
}
.rank-table02 th {
padding: 2% 0% 2% 0%;
font-size: 85%;
}
.rank-table02 td {
padding: 2% 0% 2% 2%;
font-size: 85%;
}
.kazu {
font-size: 90%;
letter-spacing: 0em;
}
.gyosyu {
padding: 4% 0% 4% 0%;
font-size: 70%;
}
.syamei {
font-size: 150%;
}
.sec1 table tr {
line-height: 1.7em;
}
.search {
padding: 2% 2% 2% 2%;
margin: 1% 0% 0% 0%;
font-size: 135%;
}
.checkbox02 {
padding: 0px 30px;
margin: 2% 0% 0% 0%;
font-size: 95%;
}
h3 {
font-size: 105%;
}
.ichii {
width: 70%;
}
.qa img{
width: 55%;
margin: 8% 0% 0% 20%;
}
.qa1 img{
margin: -95% 0% 85% -20%;
width: 55%;
}
.qa2 img{
margin: -145% 0% 89% 70%;
width: 55%;
}
.qa3 img{
margin: -95% 0% 85% -28%;
width: 55%;
}
.qa4 img{
margin: -165% 0% 95% 77%;
width: 55%;
}	
.title1{
font-size: 130%;
margin: -29% 0% 10% 4%;
}
.title2{
font-size: 150%;
margin: -11% 0% 1% 4%;
line-height: 1.1em
}
.title1-1 {
font-size: 150%;
margin: -40% 0% 10% 10%;
}
.title2-1{
font-size: 190%;
margin: -10% 0% 10% 10%;
line-height: 1.4em
}
.qa1-kai {
margin: -50% 0% 0% 0%;
}
.waku {
height: 115px;
}
}


@media (max-width: 480px){
.number{
font-size: 130%!important;
}
.rank-table02 th {
padding: 0% 0% 0% 0%;
font-size: 85%;
}
.rank-table02 td {
padding: 0% 0% 0% 2%;
font-size: 78%;
}
.waku02 {
width: 98%;
height: 93px;
border: #42AEFE 6px solid;
}
.title1-2 {
font-size: 135%;
margin: -26% 0% 0% 4%;
}
.title2-2 {
font-size: 135%;
margin: 0% 0% 0% 4%;
}
.selectdiv:after {
top: 5px;
padding: 0% 0% 0% 0%;
font: 13px "Consolas", monospace;
right: 6px;
}
.selectdiv select {
padding: 0% 0% 0% 4%;
margin: 0% 0% 0% 0%;
height: 25px;
line-height: 1.6;
}
.sec1 table tr {
line-height: 1.2em;
}
.sec1 {
padding: 2% 4% 2% 4%;
}
.box {
display: none;
background: #f3f3f3;
margin: 0 0% 3% 0%;
padding: 2%;
}
.site-p {
background-color: #fff;
border: 7px solid #FF7EA4;
padding: 2% 2% 2% 2%;
margin: 2% auto 2% auto;
width: 90%;
font-size: 90%;
line-height: 1.2em;
}



.rank-hyouka-p {
    text-align: center;
    font-size: 130%;
}
.rank-merideme-p {
    text-align: left;
    font-size: 90%;
}


.title {
font-size: 110%;
letter-spacing: -0.1em;
padding: 2% 1% 2% 1%;
margin: 2% auto 0% auto;
}
.waku {
height: 95px;
}
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
h3 {
font-size: 150%;
text-align: center;
line-height: 1.1em;
}
.title3{
font-size: 250%;
margin: -25% 0% 16% 4%;
}
.cv-p1 {
font-size: 130%;
letter-spacing: -0.1em;
}
.site-h3 {
font-size: 120%;
line-height: 1.3em;
margin-bottom: 3%;
}
.qah3 {
padding: 2% 0% 1% 11%;
font-size: 110%;
}
.qa1-kai img {
width: 10%;
}
.qa2-kai img {
width: 10%;
}
.qa3-kai img {
width: 10%;
}
.qa4-kai img {
width: 10%;
}
footer div dl {
width: 300px;
margin: 0 auto;
}
footer a {
    font-size: 100%;
}
.qa1-kai {
margin: -22% 0% 0% 0%;
}
.qa img{
width: 80%;
margin: 58% 0% -20% 10%;
}
.qa1 img{
margin: -116% 0% 80% 0%;
width: 57%;
}
.qa2 img{
margin: -148% 0% 96% 50%;
width: 57%;
}
.qa3 img{
margin: -95% 0% 85% -14%;
width: 57%;
}
.qa4 img{
margin: -165% 0% 101% 58%;
width: 57%;
}	
.review p {
font-size: 140%;
padding: 5% 0% 3% 20%;
}
.shisetsu p {
font-size: 140%;
padding: 5% 0% 5% 20%;
}
body {
font-size: 100%;
}
.comment01 {
font-size: 100%;
padding: 0% 0% 1% 0%;
letter-spacing: 0em;
line-height: 1.1em;
}
.gyosyu {
padding: 4% 0% 4% 0%;
font-size: 63%;
}
.sec3 {
max-width: 1100px;
margin: 0% auto 0% auto;
padding: 1% 1% 1% 1%;
background-color: #fff;
width: 93%;
}
.syamei {
font-size: 140%;
}
.search {
padding: 2% 2% 2% 2%;
margin: 1% 0% 0% 0%;
font-size: 115%;
}
.checkbox02 {
padding: 0% 0% 0% 16%;
margin: 2% 0% 0% 0%;
font-size: 95%;
}
.ichii {
width: 94%;
padding: 1% 1% 1% 1%;
}
.logo {
height: 45px;
}
.title1{
font-size: 100%;
margin: -29% 0% 10% 4%;
}
.title2{
font-size: 160%;
margin: -10% 0% 0% 4%;
line-height: 1.2em;
}
.title1-1 {
font-size: 120%;
margin: -40% 0% 10% 10%;
}
.title2-1{
font-size: 185%;
margin: -9% 0% 10% 10%;
line-height: 1.4em;
}
.rank-table04 img {
width: 90px;
}
.rank-table04 th {
background-color: #60C0BD;
color: #fff;
padding: 2% 0% 2% 2%;
text-align: left;
font-size: 100%;
line-height: 1.1em;
}
.sec2 {
margin-bottom: -4%;
}
.ope-table4 td {
padding: 0% 1% 0% 1%;
}
.link {
border-radius: 5px;
}
}	

#kenga_footer {display: none;}