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

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:none repeat scroll 0 0 transparent;border:0 none;margin:0;outline:0 none;padding:0;vertical-align:baseline}


body{font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;background:#f5f5f5;color:#404040}

.nbt{overflow: hidden;}

p{
line-height:1.8;
}

a{
color:#031cff;

}

a:hover{
opacity:0.8;

}

a:active{
color:#031cff;	
}

h2 {
padding: 0.4em 0.7em;/*上下 左右の余白*/
color: #404040
background: transparent;
border-left: solid 5px #031cff;/*左線*/
font-size:20px;
margin-bottom:20px;
}

header .mi_header{
top:0;
left:0;
width: 100%;
height: 80px;
background: #fff;
position: fixed;
border-bottom: 1px solid #ccc;
z-index:2;

}

header .inner {
display: flex;
justify-content:center;
align-content: space-between;
}

header .logo{
position:absolute;
width:150px;
left:35px;
margin-top:28px;
}


.header05 {
color: #000;
padding: 20px;
}


.header05 a {
color: #000;
text-decoration: none;
}


.header05 li a:hover {
text-decoration: underline;
}


.header05 .wrap {
max-width: 100%;
margin: 0 auto;
padding:0 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.header05 .wrap h3 {
margin: 0 0 6px 0;
padding: 0;
border-bottom: 1px #201946 solid;
}

.header05 .wrap p {
color:#7a7a7a;
font-size:14px;
font-weight:bold;
margin: 0;
padding: 0 0 6px 0;
}


.header05 .wrap .box {
width: 22%;
}


.header05 .wrap .box ul {
margin: 0;
padding: 0 0 6px 0;
list-style: none;
}

.header05 .wrap .box ul li{
color:#838383;
font-size:12px;
margin: 16px 0;	
}

.header05 .wrap .box ul li a{
color:#838383;
}

.header05 .wrap .copyright {
width: 100%;
padding: 6px 0 0 0;
text-align: right;
}


nav {
display: block;
position: fixed;
top: 0;
left: -100%;
bottom: 0;
width: 100%;
background: #ffffff;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .5s;
z-index: 3;
opacity: 0;
}
.open nav {
left: 0;
opacity: 1;
}
nav .inner {
padding: 25px;
}
nav .inner ul {
list-style: none;
margin: 0;
padding: 0;
}
nav .inner ul li {
position: relative;
margin: 0;
border-bottom: 1px solid #333;
}
nav .inner ul li a {
display: block;
color: #333;
font-size: 14px;
padding: 1em;
text-decoration: none;
transition-duration: 0.2s;
}
nav .inner ul li a:hover {
background: #e4e4e4;
}

@media screen and (max-width: 767px) {
nav {
left: -100%;
width: 100%;
}
}

.toggle_btn {
display: block;
position: fixed;
top: 30px;
right: 30px;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
z-index:99999;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #333;
border-radius: 4px;
transition: all .5s;
z-index:99999;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
background-color: #333;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}

@media screen and (max-width: 767px) {
	
.toggle_btn {
display: block;
position: fixed;
top: 10px;
right: 15px;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
z-index:99999;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #333;
border-radius: 4px;
transition: all .5s;
z-index:99999;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
background-color: #333;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}
	
#mask {
display: none;
transition: all .5s;
z-index: 2;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .8;
z-index: 2;
cursor: pointer;
}
}



#mask {
display: none;
transition: all .5s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
z-index: 2;
cursor: pointer;
}

.container{
width:1080px;
margin:auto;
margin-bottom:0px;
}

li{list-style:none;}

.dropshadow{
display:block;
background:#fff;
width:100%;
padding-bottom:1px;
-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));	
}

#rank_box{
margin-bottom:50px;	
}

.rank_box{
max-width:100%;
background:#a21d18;
text-align:center;
padding:10px;
}

.color_darkred{
color:#db2327;
font-weight:bold;
}

.rank_box p{
color:#fff;
line-height:1.6;
font-size:20px;
font-weight:bold;
}

.rank_bottom{
padding:30px 0;
display:block;
margin:0 auto;
text-align:center;
}

.rank_bottom img{
width:70%;
}

.point{
width:80%;
border: 2px solid #db2327;
border-radius:6px;
padding:8px;
text-align:center;
margin:0 auto;
}

.red_btn{
width:200px;
background:#ca0a37;
color:#fff;
text-align:center;
padding:16px;
margin:40px auto;
border-radius:26px;
}

.red_btn p{
color:#fff;
text-decoration:none;
}

.red_btn a{
color:#fff;
text-decoration:none;
}

.main_l{
width:770px;
float:left;
}

.main_l_outer{
background:#fff;
margin-top:90px;
margin-bottom:50px;
padding:50px 50px;
border: 1px solid #ccc;
}

#hikaku table{
width:100%;	
border: 1px solid #ccc;
}

#hikaku tdb{
border: 1px solid #ccc;
padding:5px;
}

.caution{
max-width:100%;
color:#db2327;
border: 2px solid #db2327;
padding:20px;
border-radius:5px;
margin-top:30px;
}

#index{
margin-bottom:50px;	
}

.index{
display:flex; align-items:center;
}

.index_item{
padding:5px 0;	
}

.index_item li{
padding:5px 0;	
}

.index:after{
margin-left:5px; border-top:1px solid #ccc; content:""; flex-grow:1;
}

.index_under{
max-width:100%;
border-bottom: 1px solid #ccc;	
padding:5px 0;
}

.img_frame{
max-width:100%;
border: solid 1px #ccc; 
padding: 5px;
}

.main_img{
position:relative;
display:block;
max-width:100%;
margin:auto;
}

.main_img img{width:100%;}

.main_box{
background:#F5F5F5;
font-size:16px;
padding:15px;
margin-top:-10px;
}

.title{
font-size:18px;
line-height:1.8;
}

.color01{
color: #d9333f;
}

.underline_pink{
background:linear-gradient(to bottom, rgba(255,204,204,0) 30%, #ffe0e0 30%);
}

.box01{
display:inline-block;
border:2px solid #dcdcdc; 
padding:15px;}

.info{
padding:30px 0;	
}

.ranking{
margin-bottom:40px;
}

.main_contents{
margin-bottom:40px;
}

.block_img{
position:relative;
display:block;
max-width:100%;
margin:auto;
}

.block_img img{max-width:100%;}

.block_caption{
text-align:center;
margin-bottom:40px;
}

.main_r{
width:280px;
float:right;
}

.main_r_outer{
margin-top:90px;
margin-bottom:50px;
}

.banner_img{
position:relative;
display:block;
max-width:100%;
margin:auto;
margin-bottom:30px;
}

.banner_img img{width:100%;}

.banner_img_bottom{
position:relative;
display:block;
max-width:100%;
margin:auto;
margin:30px 0;
}

.banner_img_bottom img{width:100%;}

.special_box{
width:100%;
padding:15px 0;
background:#333;	
}

.special_box td a:hover{
opacity:0.8;
}

.special_box_left{
width:30%;	
}

.special_box_right{
width:70%;
text-align:left;
padding-left:6px;
}


.special_box p{
text-align:center;
color:#fff;
}

.post_link{
text-decoration:none;
}

.post_title{
font-size:13px;
}


hr{
width:100%;
border: 1px solid #ccc;
}

#main_r table{
background:#fff;
width:100%;
border: 1px solid #ccc;
padding:0px;
border-collapse:  collapse;
}

#main_r tr{
width:100%;
}

#main_r td{
padding:12px 6px 6px 6px;
vertical-align: top;
border-collapse: collapse;
border-bottom: solid 1px #ccc;
}

#main_r td img{
width:100%;
}

.pagetop{
margin-top:40px;
font-size:13px;
}


/* 会社案内　*/
.main{
width:1080px;
margin: auto;
background:#fff;
padding-top:120px;
}

#company .main h1{
margin-bottom:50px;
}

#company .main img{
width:100%;
}

#company .company_info{
margin-bottom:50px;	
}

#company table{
width:100%;
border: 1px solid #ccc;
padding:0;
margin-bottom:80px;
border-collapse:  collapse;
}

#company tr{
padding:0;
margin:0;	
}

#company .td_b{
margin:0;
background:#f5f5f5;
padding:15px;
border-bottom: 1px solid #ccc;
}

#company .td_w{
margin:0;
background:#fff;
padding:15px;
border-bottom: 1px solid #ccc;
}

#company .td_under{
margin:0;
background:#fff;
padding:15px;
}

/* プライバシーポリシー　*/
#policy .main h1{
margin-bottom:80px;
}

#policy .policy_content{
margin-bottom:50px;	
}

.breadcrumb {
display: flex;
flex-wrap: wrap;
list-style: none;
font-size:12px;
margin-bottom:30px;
}

.breadcrumb li:not(:last-of-type)::after {
content: "›";
margin: 0 .6em;
color: #7a7a7a;
}

footer{width:100%;}

.footer05 {
color: #000;
background:#f5f5f5;
padding: 20px;
}


.footer05 a {
color: #000;
text-decoration: none;
}


.footer05 li a:hover {
text-decoration: underline;
}


.footer05 .wrap {
max-width: 100%;
margin: 0 auto;
padding:0 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.footer05 .wrap h3 {
margin: 0 0 6px 0;
padding: 0;
border-bottom: 1px #201946 solid;
}

.footer05 .wrap p {
color:#7a7a7a;
font-size:14px;
font-weight:bold;
margin: 0;
padding: 0 0 6px 0;
}


.footer05 .wrap .box {
width: 22%;
}


.footer05 .wrap .box ul {
margin: 0;
padding: 0 0 6px 0;
list-style: none;
}

.footer05 .wrap .box ul li{
color:#838383;
font-size:12px;
margin: 16px 0;	
}

.footer05 .wrap .box ul li a{
color:#838383;
}

.footer05 .wrap .copyright {
width: 100%;
padding: 6px 0 0 0;
text-align: right;
}

.footer_logo{
width:220px;
}

.sub_footer{
width:100%;background:#333333;height:100px;color:#fff;vertical-align:middle;
}

.sub_footer_l{
width:30%;
float:left;
}

.sub_footer_l p{
margin-left:40px;
margin-top:38px;
color:#fff;
font-size:14px;
}

.sub_footer_l a{
color:#fff;
text-decoration:none;
}


.sub_footer_r{
width:70%;
float:right;
}

.sub_footer_r img{
position:absolute;
right:40px;
width:150px;
margin-top:32px;
}

/* Responsive */
@media screen and (max-width: 767px){

header .mi_header{
top:0;
left:0;
width: 100%;
height: 50px;
background: #fff;
position: fixed;
border-bottom: 1px solid #ccc;
z-index:2;
}
	
header .logo{
position:absolute;
width:120px;
left:15px;
margin-top:13px;
}	
	
.container{
width:100%;
box-sizing:border-box;
padding: 10px;
}	
	
.header05 .wrap {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
	
.header05 .wrap h3 {
border: none;
}
	
.header05 .wrap .box {
width: 100%;
}
	
.header05 .wrap .box ul {
 border-top: 1px #201946 solid;
}
	
.header05 .wrap .box ul li a {
display: block;
padding: 5px 15px;
border-bottom: 1px #201946 solid;
}	
	
.main_l{
width:100%;
}
	
.main_l_outer{
background:#fff;
margin-top:10px;
margin-bottom:30px;
padding:50px 13px;
border: 1px solid #ccc;
}

.img_frame{
border: solid 1px #ccc; 
padding: 5px;
}	
	
.main_img{
display:block;
width:100%;
margin:auto;
}

.main_img img{width:100%;}

.block_img{
display:block;
max-width:100%;
margin:auto;
}

.block_img img{max-width:96%;}	
	
.main_r{
width:100%;
}
	
.banner_img{
display:block;
width:100%;
margin-bottom:30px;
}

.banner_img img{width:100%;}

.banner_img_bottom{
display:block;
width:100%;
margin:30px 0;
}

.banner_img_bottom img{width:100%;}	

.footer05 .wrap {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
	
.footer05 .wrap h3 {
border: none;
}
	
.footer05 .wrap .box {
width: 100%;
}
	
.footer05 .wrap .box ul {
border-top: 1px #201946 solid;
}
	
.footer05 .wrap .box ul li a {
display: block;
padding: 5px 15px;
border-bottom: 1px #201946 solid;
}

.sub_footer_l p{
margin-left:13px;
margin-top:35px;
color:#fff;
font-size:10px;
}
	
.sub_footer_r img{
position:absolute;
right:13px;
width:100px;
margin-top:35px;
}

.main{
width:100%;
margin: 0 auto;
background:#fff;
}
}

@media screen and (min-width: 768px){
.sp{display:none}
}

@media screen and (max-width: 767px){
.pc{display:none}
}

/* Responsive */

.font_red{
color:#db2327;
}