@charset "UTF-8";

/* 内容 */
.privacy_content {
    position: relative;
    width: 100%;
}

#inner_privacy{
  width:100%;
  margin:0 auto;
  padding:0;
}

.privacy_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 40px 3vw;
}

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

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

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

.privacy_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);
}
.personal_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;
}

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

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


/*---レスポンシブ--------------------------------------*/
@media screen and (max-width:1024px){

.privacypolicy, .personal_information{
	padding:0;
}

.privacy_h3:before, .personal_h3:before{
	left:0;
}

.privacy_h3, .personal_h3 {
	padding: 1vw 0 1vw 2vw;
   margin: 5vw 0 0 0;
}

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

}

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

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

.privacypolicy,.personal_information{
	padding:8px 0;
}

.privacypolicy p,.personal_information p{
	font-size:4vw;
}

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

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

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

.personal_sign{
	font-size: 4vw;
}

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

}