@charset "utf-8";
/****************************************************************************************************



****************************************************************************************************/
@media only screen and (max-width:736px){
}
/****************************************************************************************************



****************************************************************************************************/
.lead{
    margin-bottom: 50px;
    text-align: center;
}
@media only screen and (max-width:768px){
.lead{
    margin-bottom: 25px;
}
}


.lead.-type1{
    font-weight: bold;
    font-size: 4.1rem;
}
@media only screen and (max-width:768px){
.lead.-type1{
    font-size: 1.6rem;
}
}

.lead.-type2{
}
@media only screen and (max-width:768px){
.lead.-type2{
    text-align: left;
}
.lead.-type2 br{
    display: none;
}
}

/****************************************************************************************************



****************************************************************************************************/
.topicsHeading{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 2.2rem;
}
@media only screen and (max-width:768px){
.topicsHeading{
    margin-bottom: 5px;
    /* font-size: 1.4rem; */
    font-size: 1.6rem;
}
}

.topicsHeading.-zen{ color: #00B000; }
.topicsHeading.-gaku{ color: #CC0000; }
.topicsHeading.-center1{ color: #08A7BE; }
.topicsHeading.-center2{ color: #0077FF; }
/****************************************************************************************************



****************************************************************************************************/
.topicsList{
}

.topicsList__item{
    float: left;
    margin-left: calc( 25 / 800 * 100% );
    margin-bottom: calc( 30 / 800 * 100% );
    width: calc( 250 / 800 * 100% );
}
@media only screen and (max-width:736px){
.topicsList__item{
    margin-left: 0;
    margin-bottom: 20px;
    width: 48%;
    text-align: center;
}
    .topicsList__item:nth-child(odd){
        float: left;
    }
    .topicsList__item:nth-child(even){
        float: right;
    }
}

.topicsList__item.-item1{
    margin-left: 0;
}
.topicsList__item.-item4{
    margin-left: 0;
}



/****************************************************************************************************
****************************************************************************************************/


@charset "UTF-8";
/* CSS Document */

.title_tp{font-size:140%; font-weight:600; margin-bottom:12px;}
.menuTop_tp{position:relative; font-size:116%; margin-bottom:7px;}
.menuTop_tp:before{
 content: '';/*何も入れない*/
  display: inline-block;
  width: 11px;/*画像の幅*/
  height: 17px;/*画像の高さ*/
  background-image:url(../images/index/arrow_tp.png);
  background-size: contain;
  vertical-align: middle;
	margin:-0.5rem 0.6rem 0 0;
}

.btn{width:200px; box-sizing:border-box; border:1px solid; text-align:center; font-weight:600; margin:0;}
.btn a{display:block; text-decoration:none; padding:8px; box-sizing:border-box;}

.btn.-zen{ color: #00B000; border-color:#00B000;}
.btn.-gaku{ color: #CC0000; border-color:#CC0000;}
.btn.-center1{ color: #08A7BE; border-color:#08A7BE;}
.btn.-center2{ color: #0077FF; border-color:#0077FF;}

.btn.-zen a{ color: #00B000;}
.btn.-gaku a{ color: #CC0000;}
.btn.-center1 a{ color: #08A7BE;}
.btn.-center2 a{ color: #0077FF;}

.btn.-zen a:hover{background:#00B000; color:#FFF;}
.btn.-gaku a:hover{background:#CC0000; color:#FFF;}
.btn.-center1 a:hover{background:#08A7BE; color:#FFF;}
.btn.-center2 a:hover{background:#0077FF; color:#FFF;}


.flex{display:flex;}
.menuBlock .flex .btn:not(:last-child) {margin-right:20px;}


@media only screen and (max-width:736px){
.menuBlock .flex .btn:not(:last-child) {margin-right:10px;}
}

.indent{text-indent:-1.2rem; padding-left:1.2rem;}

.pcVew{display:block;}
.spVew{display:none;}
@media only screen and (max-width:736px){
.spVew{display:block;}
.pcVew{display:none;}
}