@charset "UTF-8";

/* 内容 */

#inner_riyou{
  max-width:1100px;
  width:100%;
  margin:0 auto;
  padding:0;
}

#terms_content{
	position: relative;
    	width: 100%;
}

.terms_sheet {
    position: relative;
    width: 87%;
    margin: 0 auto;
    background: linear-gradient(to bottom,rgba(205,220,241),rgba(233,240,251,.4));
    padding: 50px 3vw 20px 3vw;;
}

.terms_of_service,.personal_information{
	padding: 20px 0;
}

.riyou_h3{
    position: relative;
    color: #2260ad;
    padding: 8px 0;
    font-size: 22px;
    line-height: 24px;
}

.riyou_h3:before{
    content: "";
    position: absolute;
    left: -0.7em;
    top: 0;
    transform: translateY(0.35em);
    background-color: #002f81;
    width: 5px;
    height: 1em;
}

.terms_sign{
    margin-left: -5px;
    padding-top: 50px;
    padding-bottom: 5px;
    font-weight: bold;
}

.blue_back{
    position: absolute;
    bottom: -45px;
    left: 30px;
    width: 390px;
    height: 160px;
    background: linear-gradient(.25turn,#073991,#22a6e6);
}



/*--- レスポンシブ-------------------------------------*/

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

.terms_of_service, .personal_information{
	padding:0;
}

.riyou_h3{
	padding: 1vw 0 1vw 2vw;
   margin: 5vw 0 0 0;
}

.riyou_h3:before{
	left:0;
}

.blue_back {
    bottom: -5vw;
    left:3vw;
    width: 35vw;
    height: 15vw;
}

}

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

.terms_sheet{
	width:87%;
	padding: 7vw 3vw;
}

.terms_of_service{
	padding:8px 0;
}

.terms_of_service p{
	font-size:4vw;
}

.riyou_h3{
   font-size: 5.5vw;
	padding: 2vw 2vw 2vw 4vw;
   margin: 4vw 0 0 0;
	line-height: 1.5em;
}

.riyou_h3:before{
    left: 0.1em;
    top: 0.25em;
    transform: translateY(0.25em);
    width: 1.5vw;
}

.terms_sign{
	font-size: 4vw;
}

.blue_back{
    bottom: -8vw;
    left: 3vw;
    width: 60vw;
    height: 35vw;
}

}

/* レスポンシブ */