@charset "utf-8";

/* ログインページ */
body{
	color: #232323;
}
#right_area{margin-top: 0;}
.top_title{
    width: 100%;
    height: 250px;
    margin: auto;
    text-align: center;
	background-image: url("../img/top.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    display: flex;
    justify-content:center;
    align-items: center;
	margin-top: 149px;
}

.top_title h1{
	display:flex;
    justify-content:center;
    align-items: center;
	width:400px;
	height:60px;
	background-color:rgba(255, 255, 255,0.75);
    font-family: 'Sawarabi Mincho';
	font-size:25px;
	letter-spacing: 2px;
	border-left: 5px #ffffff solid;
}
ul.top_menu4{
  display: flex;
  flex-wrap: wrap;
  margin-top:20px;
}

ul.top_menu4 li a{
    display: flex;
    margin-right: 20px;
	margin-top: 20px;
    border: solid 1px #6d707a;
	background-color:#ffffff;
    border-radius: 5px;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    height: 55px;
    width: 250px;
}

ul.top_menu4 li:last-child a{
    margin-right: 0;
	}
ul.top_menu4 li a:hover{
	background-color:#6d707a;
	color:#ffffff;
}

ul.top_menu4 li.top_menu3_first a{
	background-color:#96979a;
	color:#ffffff;
	opacity: 1;
}
ul.top_menu4{
  display: flex;
  flex-wrap: wrap;
  margin-top:20px;
}

ul.top_menu4 li a{
    width: 230px;
	margin-left:10px;
	margin-top:10px;
}
ul.top_menu4 li:last-child a{
    margin-right: 0;
	}
ul.top_menu4 li a:hover{
	background-color:#6d707a;
	color:#ffffff;
}

ul.top_menu4 li.top_menu4_first a{
	background-color:#96979a;
	color:#ffffff;
	opacity: 1;
}	


p.txt_01{
	text-align: center;
	margin-bottom: 20px;
}
p.txt_02{
	width: 95%;	
	margin:10px auto;
}

h3.h3_title{
	background-color: #808ba9;
    width: 100%;
    font-size: 22px;
    color: #fff;
    padding-bottom: 5px;
    position: relative;
    padding-left: 85px;
    display: flex;
    height: 50px;
    align-items: center;
}

h3.h3_title:before {
        background: #fff;
        content: "";
        height: 19px;
        width: 19px;
        left: 40px;
        position: absolute;
        top: 15px;
}

.privilege-wrap{
	width: 100%;
	margin:auto;
	padding: 20px;
	margin-bottom: 50px;
}
.privilege_contents{
	width: 950px;
	background: #fff;
	margin: 0px auto;
	text-align: left;
}	
.privilege_contents h2{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 25px;
	color: #fff;
	background: #808baa;
	padding: 10px 50px;
}
.rank-list{
	padding:20px 50px 30px;
}
.rank-list h3{
	font-size: 20px;
	font-weight: bold;
	text-indent: -1em;
}
.rank-list h3::before{
	content: "■";	
}
.rank-list p{
	width: 100%;
	margin: 10px 0; 
}
.rank-list.campaign{
	width:750px; 
	margin: auto;
}
.rank-list.campaign p{
	font-size:20px;
}
.link-orange{
	color: #f88400;
}
.tel_orange{
	display: inline;
	color: #f88400;
	border: 1px solid #f88400;
	padding: 5px;
	font-weight: bold;
}
.border_box{
	border: 1px solid #808baa;
	padding: 10px;
	margin-bottom: 30px;
	display: inline-block;
}
.cardimg{
	width: 300px;
	padding: 30px 0 0;
}
.freedialimg{
	width: 50px;
	vertical-align: middle;
}
.rpayimg{
	width: 200px;
}
.paymentlist{
	color: #1d6eef;
	padding:30px 30px 30px 80px;
}
.paymentlist li{
	margin-bottom: 10px;
	list-style: decimal;
}
.paymentlist li a:hover{
	color:#87A9BA;
	text-decoration: underline; 
}
.henpin{margin-left: 50px;}

.txt_c{text-align: center;}
.txt_r{text-align: right;}
.txt_red{color: #532d3b;}
.txt_blue{color:#1d6eef;}
.txt_fsup{font-size: 1.2em;}
.txt_w{font-weight: bold;}
.pa_t_100{padding-top: 100px;}
.sp_page{display: none;}	
.pc_page{display: block;}	


@media screen and (max-width: 1280px) {
.top_menu1{
	width: 100%;
	margin-top: 80px;
}
.top_title{
    height: 80px;
    margin-bottom:55px;
}

.top_title h1 {
    background-color: unset;
	border-left:unset;
	margin-top: 140px;
	}
	



@media screen and (max-width: 750px) {
.top_title{
	margin-top: 79px;
}
.paymentlist{padding: 30px 50px;}
p.txt_02{
	width: 100%;
}
h3.h3_title span{
    font-size: 16px;
}
.tel_orange{
	display: block;
}
ul.top_menu4 {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
	margin: auto;
}


ul.top_menu4 li a{
    display: flex;
    margin-right: 0;
    margin-top: 10px;
    border: solid 1px #6d707a;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    height: 50px;
    width: 164px;
    font-size: 14px;
}
.henpin{margin-left: 30px}

ul.top_menu4 li:nth-child(2n) a{
    margin-left:10px;
}	
.privilege_img_lefttop{
	width:80px;
	height: 80px;
}
.privilege_01,.privilege_02,.privilege_03{padding: 10px;}
.privilege_01 p,.privilege_02 p,.privilege_03 p{text-align: left; font-size: 16px;}
.privilege_01 h3{
	text-align: left;
	margin-left: 100px;
	font-size: 100%;
}	
.privilege_02 p.p-title01 {font-size: 30px; width: 100%; text-align: left; padding-left: 100px;}	
.privilege_01 span.p-title{font-size: 30px; width: 100%; text-align: left; margin-left: 6px;}
.privilege_02 span.p-title,.privilege_02 h3 span.p-title{font-size:110%;}	
.privilege_02 h3{padding-left: 100px; width: 100%;}	
.privilege_03 p.p-title02{font-size: 25px;}
.privilege_03 h3{padding-left: 0; margin-top: 30px;}
	
.privilege-wrap{padding: 10px;}
.privilege_contents,.point{width: 100%;}
.privilege_contents h2,.point h2{padding: 10px;text-align: center; font-size: 18px;}
.point-flow{background: #fff; padding: 10px;}
.rank-list,.point-list{padding: 20px 20px 30px;}
.point{margin: 0 ;}
.point-left{width: 150px;}
.point-img{width: 80%;}
div.point-left_01 img{margin-left: 0;}
.point-list01{width: 80%;}

	
.mask_h1,.mask_h2,.mask_h3,.w630,.mask_spec{width: 100%;}	
.mask_txt{text-align: left;}
.pasima_logo{width: 70%}
.pasima_logo4 img{width: 100%}
.mask_flex{flex-wrap: wrap;}
.pasima_img,.request_img,.fuwa_img{width: 100%;}
.mask_flex_sp{
	display: flex;
	justify-content: center;
}	
.mask_flex2{
	width: 100%;
	display: flex;
	justify-content:flex-start;
	text-align: center;
}	
.mask_flex4{
	justify-content: flex-start;
	width: 100%;
	flex-wrap: wrap;
}
.pattern,.pattern2{width: 50%;}	
.pattern2 img{width: 80%; padding-top: 10px;}
.pattern img{border: 1px solid;}
.mask_point3{margin: 10px auto 0;}
.mask_cross{width: 100%}	
.cross_txt{
	font-size: 15px;
	width: 50%;
	text-align: center;
}
.material,.material2{text-align: left;}	
.fuwafuwa_flex{flex-wrap: wrap;}
.fuwafuwa_flex div{width: 100%;}	
.fuwafuwa_flex h4{font-weight: normal; padding-top: 20px;}
.fuwa_txt{padding: 0;}
.selection_flex{
	flex-wrap: wrap;
	width: 100%;
}
.selection_left,.selection_right{width: 100%;}	
	.pasima_logo3 {text-align: center;}
.pasima_logo3 img{width: 80%;}	
.pasima_logo4{display: block;}

.button{width: 60%;margin:30px auto;padding: 10px;}	
div.attention{width: 100%;font-size: 15px; margin-bottom: 50px;}
.attention li{margin-left: 20px;padding: 0;}	
.mask-wrap{margin-bottom: 0;}	
.rank-list.campaign{width: 100%;}

	

	
.sp_page{display: block;}	
.pc_page{display: none;}	
	
}