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

*{
font-size:14px;
}
.smr_bns_blk01,
.smr_bns_blk03,
.smr_bns_blk04{
margin:100px auto 0;
text-align: center;
}
.smr_bns_blk01 ul{

}
.smr_bns_blk01 ul li{

}
.smr_bns_blk01 ul li:nth-of-type(1){

}
.smr_bns_blk01 ul li:nth-of-type(1) img,
.smr_bns_blk03 ul li:nth-of-type(1) img,
.smr_bns_blk04 ul li:nth-of-type(1) img{
width: 100%;
max-width: 500px;
}
.smr_bns_blk01 ul li:nth-of-type(2),
.smr_bns_blk03 ul li:nth-of-type(2),
.smr_bns_blk04 ul li:nth-of-type(2),
.smr_bns_blk04 ul li:nth-of-type(3),
.smr_bns_blk04 ul li:nth-of-type(4){
width: 100%;
max-width: 500px;
margin: 50px auto 0 auto;
text-align: left;
line-height: 2.0;
}
.smr_bns_blk04 ul li:nth-of-type(4) a{
display: block;
width: 100%;
max-width: 300px;
background: #ff5a5a;
border-radius: 100px;
color:#fff;
text-align: center;
padding: 10px 0;
margin: 50px auto 0 auto;
transition: 0.3s;
}
.smr_bns_blk04 ul li:nth-of-type(4) a:hover{
background: #31cdd2;
transition: 0.3s;
}
.smr_bns_blk02{
text-align: center;
width: 100%;
max-width: 1000px;
margin: 50px auto 0 auto;
}
.smr_bns_blk02 ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.smr_bns_blk02 ul li{
width: calc( 100% / 3 - 10px );
}

.smr_bns_blk05{
width: 100%;

text-align: center;
}
.smr_bns_blk05 > ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 100px auto 0;
width: 100%;
max-width: 800px;
}
.smr_bns_blk05 > ul > li{
width: calc( 100% / 3 - 30px );
margin-bottom:50px;
}
.smr_bns_blk05 > ul > li > dl{

}
.smr_bns_blk05 > ul > li > dl > dt{
margin:0 auto 20px auto;
}
.smr_bns_blk05 > ul > li > dl > dd{

}
.smr_bns_blk05 > ul > li > dl > dd > ul{

}
.smr_bns_blk05 > ul > li > dl > dd > ul > li{
margin: 0 auto 15px auto;
}
.smr_bns_blk05 > ul > li > dl > dd > ul > li > a{
display: block;
border-radius: 100px;
background: #31cdd2;
color:#ffffff;
padding: 10px 0;
font-size:18px;
font-weight: bold;
transition: 0.3s;
}
.smr_bns_blk05 > ul > li > dl > dd > ul > li > a:hover{
background: #ff5a5a;
color:#ffffff;
transition: 0.3s;
}

.smr_bns_blk05_ttl{
width: 96%;
max-width: 600px;
margin:50px auto 50px auto;
}


.itm_lst01{
width: 96%;
max-width: 800px;
margin:0 auto;
}
.itm_lst01 > ul{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;

}
.itm_lst01 > ul > li{
width: calc( 100% / 3 - 50px );
margin-bottom: 30px;
}
.itm_lst01 > ul > li > dl{

}
.itm_lst01 > ul > li > dl > dt{

}
.itm_lst01 > ul > li > dl > dd{
text-align: left;
}
.itm_lst01 > ul > li > dl > dd:nth-of-type(2){
font-size: 130%;
border-bottom:2px dotted #ff4444;
margin-bottom:10px;
padding:0 0 5px 0;
}
.itm_lst01 > ul > li > dl > dd:nth-of-type(3){
background: url(smr_icon_point.png) no-repeat;
background-size: contain;
padding: 0 0 0 25px;

}



.ttal_pp{
width: 96%;
margin: 30px auto 0 auto;
}
.ttal_pp ul{
display: flex;
justify-content: center;
}
.ttal_pp ul li{
width: calc( 100% / 2 -20px );
font-size: 30px;
font-weight: bold;
color:#444444;
}
.ttal_pp ul li:nth-of-type(2){
background: url(smr_icon_point.png) no-repeat;
background-size: contain;
padding: 0 0 0 50px;
margin:0 0 0 10px;
}

.ttal_ppoint{
width: 96%;
margin: 0 auto;
}
.ttal_ppoint ul{
display: flex;
justify-content: center;
background: #ff5a5a;
border-radius: 100px;
color: #fff;
padding: 10px 0;
margin: 20px auto 0;
}
.ttal_ppoint ul li{
width: calc( 100% / 2 -20px );
font-size: 20px;
font-weight: bold;
color: #fff;
display: flex;
align-items: center;
}
.ttal_ppoint ul li:nth-of-type(2){
background: url(smr_icon_kirakira.png) no-repeat;
background-size: contain;
padding: 0 0 0 40px;
margin:0 0 0 10px;

}
.ttal_ppoint ul li span{
font-size: 170%;
}


.kugiri02{
width: 90%;
height: auto;
margin: 20px auto;
}
.kugiri03{
text-align: center;
margin: 50px auto;
}
.kugiri03 img{
width: 150px;
}

.bnpt_huyo{
display: block;
margin: 20px auto 0;
text-decoration: underline;
}

.sbp_kgr01{
width: 100%;
height: 250px;
background: url(smr_bg_01.png) repeat-x;
background-size: contain;
margin: 50px auto 0;
}

.kyotyo{
display: inline-block;
background:#ff5a5a;
color:#ffffff;
padding:0 5px;
border-radius: 5px;
letter-spacing: 0.05rem;
}

.sample_desu{
width: 96%;
max-width: 800px;
margin: 0 auto;
}

.pc_oly{
display: block;
}
.sp_oly{
display: none;
}


/* 上に戻るボタン */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: -50px;
  bottom: 50px;
  background: #000;
  opacity: 0.8;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before {
    font-family: FontAwesome;
    content: '\f102';
    font-size: 40px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    /* top: 0; */
    bottom: 20px;
    /* right: 0; */
    left: 8px;
    margin: auto;
    text-align: center;
}

/* ここまで */


@media only screen and (max-width:768px) {

.smr_bns_blk01,
.smr_bns_blk02,
.smr_bns_blk03,
.smr_bns_blk04{
width: 96%;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}

.smr_bns_blk01 ul li:nth-of-type(2), .smr_bns_blk03 ul li:nth-of-type(2), .smr_bns_blk04 ul li:nth-of-type(2), .smr_bns_blk04 ul li:nth-of-type(3), .smr_bns_blk04 ul li:nth-of-type(4) {
    width: 100%;
    max-width: 500px;
    margin: 30px auto 0 auto;
    text-align: left;
    line-height: 2.0;
}

.smr_bns_blk02 ul li{
width: calc( 100% / 2 - 0px );
margin-left: auto;
margin-right: auto;
}

.sbp_kgr01 {
    width: 100%;
    height: 100px;
    background: url(smr_bg_01.png) repeat-x;
    background-size: contain;
    margin: 50px auto 0;
}
.smr_bns_blk05_ttl {
    margin: 50px auto 30px auto;
}
.smr_bns_blk05 > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto 0;
    width: 96%;
    max-width: 800px;
}
.smr_bns_blk05 > ul > li {
    width: calc( 100% / 2 - 20px );
    margin-bottom: 40px;
}


.itm_lst01 > ul{
justify-content: space-between;
}
.itm_lst01 > ul > li {
    width: calc( 100% / 2 - 10px );
	margin-bottom:30px;
}
.ttal_pp ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.ttal_pp ul li{
width: 96%;
text-align: center;
}

.ttal_pp ul li:nth-of-type(2) {
    background: none;
    background-size: contain;
    padding: 0 0 0 0;
    margin: 0 0 0 10px;
}
.ttal_ppoint ul {
    display: flex;
    justify-content: center;
    background: #ff5a5a;
    border-radius: 100px;
    color: #fff;
    padding: 10px 0;
    margin: 20px auto 0;
    flex-direction: column;
	text-align: center;
}
.ttal_ppoint ul li{
width: 100%;
text-align: center;
display: block;
}
.ttal_ppoint ul li:nth-of-type(2) {
    background: url(smr_icon_kirakira.png) no-repeat;
    background-size: contain;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}
.kugiri02{
margin: 0px auto;
}

.pc_oly{
display: none;
}
.sp_oly{
display: block;
}

}