@charset "utf-8";

/***************************************
 For bynow.jp
 arai@onenote.co.jp
 Jan 21, 2018
***************************************/

.otherServiceList{
	display: grid;
	grid-template-columns: 48% 48%;
	column-gap: 4%;
}
.otherServiceList h2{
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 20px;
}
.otherServiceList .otherServiceBox{
    padding: 8%;
    border: solid 2px #f1f1f1;
    border-radius: 20px;
    text-align: center;
}
.otherServiceLogoImg img {
    max-height: 23px;
}
.otherServiceList h3 {
    margin-bottom: 30px;
    text-align: left;
    font-weight: bold;
    line-height: 1.7;
    min-height: 80px;
    text-align: center;
}
.otherServiceLogoImg {
    margin-bottom: 20px;
    text-align: center;
}
.otherServiceBtn{
	text-align: center;
}
.otherServiceImg{
	margin-bottom: 20px;
    text-align: center;
}
.otherServiceList h2 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 20px;
}
.footerSnsBox ul{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    float: right;
}
.footerSnsBox li{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.footerSnsBox li img{
    height: 50px;
    width: auto;
}

/* fixedInfoBox */

.fixedInfoBox {
    display: block;
    position: fixed;
    bottom: -300px;
    width: 92%;
    background-color: #5185ED;
    z-index: 1;
    padding: 15px;
    margin-left: 4%;
    margin-right: 4%;
    box-sizing: border-box;
    border-radius: 10px;
	max-width: 430px;
	right: 0;
    z-index: 100000;
}
.fixedInfoBox a{
	color: #FFFFFF;

}
.fixedInfoBox a p {
    color: #FFFFFF;
    font-size: 14px;
}
.fixedInfoBox h2{
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	color: #FFFFFF;
	display: inline-block;
	padding-right: 40px;
    font-weight: bold;
	
}
.fixedInfoBox .batsu{
	cursor: pointer;
}
.fixedInfoBox .batsu::before, .fixedInfoBox .batsu::after {
    content: "";
    position: absolute;
    top: 26px;
    right: 26px;
    width: 2px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 2.5px;
}
.batsu::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

.batsu::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.fixedInfoBox p span {
    padding-right: 10px;
    display: inline-block;
    position: relative;
    text-decoration: underline;
    color: #FFFFFF;
}
.fixedInfoBox p span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    display: inline-block;
    width: 5px;
    height: 5px;
	margin-top: -2px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
}


/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/

/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

    .otherServiceList {
        display: grid;
        grid-template-columns: 100%;
        column-gap: 0;
        row-gap: 30px;
        padding-top: 40px;
    }

    .footerSnsBox ul{
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
        float: none;
    }

}





/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 769px) {


}