.disp_pc{display:block!important;}
.disp_sp{display:none!important;}
.disp_pc_in{display:inline-block;}
.disp_sp_in{display:none;}

/********mv********/
#main{background: url(../images/bg.png) repeat-x 0 0 #c52d39; }
#main .mv{max-width:1280px; margin:0 auto;}
#main .mv .noteWrap{
	letter-spacing: -0.5em;
	padding: 0.5em 0;
	margin: 0 auto;
	width: 1000px;
}
#main .mv .note{
	display: inline-block;
	letter-spacing: normal;
	color: #fff;
	vertical-align: top;
	font-size: 12px;
	box-sizing: border-box;
	width: 49%;
}
#main .mv .note li{
	padding-left: 2.5em;
	text-indent: -2.5em;
	font-weight: bold;
}
#main .mv .note:nth-child(even){
	margin-left: 1%;
}
#main .mv img{display:block;}
#main .mv .disp_sp{display:none;}
#main .btnarea{ text-align:center; background:#900b16; padding:35px 0;}
#main .btnarea__inner{ margin: 0px auto; max-width: 1000px; }
#main .btnarea__btn{width: 50%; float: left; text-align: center;}
@media screen and (max-width: 768px) {
#main .btnarea__btn{width: 100%; float: none; margin: 10px 0; text-align: center;}
}

/******content******/
.content .tabarea{ background:#b02833; padding-top:20px;}
.content .tabarea ul{max-width:1000px; margin:0 auto; overflow:hidden;}
.content .tabarea ul li{width:32.6%; margin-left:1%; float:left;}
.content .tabarea ul li img{width:100%; display:block;}
.content .tabarea ul li .disp_sp{display:none;}
.content .tabarea ul li:first-child{margin-left:0;}
.content h2{margin-top:55px; border-bottom:4px solid #d4313e;}
.content h2 img{ margin:0 auto; display:block;}
.content h3{margin-top:50px; font-weight:bold; font-size:32px; text-align:center;}
.content h3 span{ font-size:21px; padding:5px 15px; border-radius:5px; background:#d4313e; margin-right: 15px; color:#ffe400; vertical-align: 5px; display:inline-block;}
.content .step{margin:30px auto 0; max-width:1000px;}
.content .step li{margin-top:20px;}
.content .btnarea2{background: url(../images/bg2.png) repeat-x 0 0; text-align:center; padding:38px 0; margin-top:70px;}
.content .btnarea2__btn{width: 50%; float: left; text-align: center;}
@media screen and (max-width: 768px) {
.content .btnarea2__btn{width: 100%; float: none; margin: 10px 0; text-align: center;}
}

.content .exbox{margin:0px auto; max-width:1000px;}
.content .exbox h2{ margin-top:80px; border:none;}
.content .exbox h2 img{}
.content .exbox .box{}
.content .exbox .boxf{width:100%; display:block;}


.content .exbox .box .inbox{ padding:30px; background: url(../images/line2.png) repeat-y 0 0; background-size:100%;}
.content .exbox .box .inbox.inbox--skyblue{ background: url(../images/line2_skyblue.png) repeat-y 0 0; background-size:100%; }


.content .exbox .box h4{font-size:30px; text-align:center; color:#084b8e; padding-bottom:10px; border-bottom:2px solid #084b8e; font-weight:bold;}
.content .exbox .box .float_box{ overflow:hidden; max-width:100%; margin-top:30px;}
.content .exbox .box .float_box .boxleft{ float:left; width:20%; margin-left:2%;}
.content .exbox .box .float_box .boxright{float:right; width:75%;}
.content .box .float_box .boxright p{font-size:30px; font-weight:bold; margin-top:5%; letter-spacing:2.0px;}
.content .box .float_box .boxright p span{color:#084b8e; font-size:32px;}
.content .box .bgblue{ border-radius:5px; padding:50px 0; background:#074480; margin-top:15px;}
.content .box .bgblue p{ text-align:center; font-size:34px; color:#fff; font-weight:bold;}
.content .box .bgblue p span{font-size:41px; color:#ffe400; border-bottom:1px solid #ffe400;}
.content .exbox .box .inbox .bob{padding:30px 0;}
.content .box .bgblue p span em{font-size:34px;}
.content .exbox .box .inbox .txt1{ margin-top:40px; padding-top:40px; border-top:2px dotted #074480; text-align:center; font-size:30px; font-weight:bold;}
.content .exbox .box .inbox .txt2{text-align:center; font-size:20px; font-weight:bold;}
.content .rtxt{ font-size:12px; margin-top:5px;}

.content .tablebox{margin:80px auto 0; max-width:1000px;}
.content .tablebox h2{text-align:center; margin:0; border-bottom:none;}
.content .tablebox table{margin-top:25px; width:100%;}
.content .tablebox table td{padding:12px 10px; border:1px solid #efefef; font-size:15px; font-weight:bold; vertical-align:middle;}
.content .tablebox table .td1{text-align:center; background:#074480; border-bottom:1px solid #fff; border-top:1px solid #074480; border-left:1px solid #074480; border-right:1px solid #074480; color:#fff;}
.content .tablebox table .td2{text-align:center; background:#efefef; border-bottom:1px solid #fff; border-top:1px solid #efefef;}
.content .tablebox table .td3{text-align:center; color:#c90f42; font-size:26px;}
.content .tablebox table .td4{text-align:center; background:#efefef; width:12%;}
.content .tablebox table td span{font-size:26px;}

.content .aoyama-card-special,
.content .blue-rose-card-special{
  margin-top: -45px;  
}
@media screen and (max-width: 768px) {
.content .aoyama-card-special,
.content .blue-rose-card-special{
  margin-top: 0;  
}
}


/********footer**********/
#footer{ border-top:1px solid #efefef; margin-top:80px;}
#footer .fc{ padding:25px 0; max-width:1000px; margin:0 auto; overflow:hidden;}
#footer .fc .fl{float:left; width:56%; margin-top:20px;}
#footer .fc .fr{float:right;}
#page-top {position: fixed; bottom: 20px; right: 20px;}

@media screen and (max-width: 768px) {
.disp_pc{display:none!important;}
.disp_sp{display:block!important;}
.disp_pc_in{display:none;}
.disp_sp_in{display:inline-block;}

/********mv********/
#main .mv{max-width:100%;}
#main .mv img{display:none;}
#main .mv .disp_sp{display:block;}
#main .btnarea{ text-align:center; background:#900b16; padding:15px 0;}
.widsp{width:90%; margin:0 auto;}
#main .mv .noteWrap{
	padding: 0.5em 3.125%;
	width: auto;
}
#main .mv .note{
	width: auto;
}

/******content******/
.content .tabarea ul{max-width:100%;}
.content .tabarea ul li img{display:none;}
.content .tabarea ul li .disp_sp{display:block;}
.content h2{margin-top:30px; border-bottom:2px solid #d4313e; padding-bottom:5px;}
.content h2 img{ width:100%; margin:0 auto; display:block;}
.content h3{margin-top:25px; font-weight:bold; font-size:18px; text-align:center;}
.content h3 span{ font-size:13px; padding:3px 10px; border-radius:5px; background:#d4313e; margin-right: 10px; color:#ffe400; vertical-align: 3px; display:inline-block;}
.content .step{margin:20px auto 0; max-width:90%;}
.content .step li{margin-top:20px;}
.content .btnarea2{background: url(../images/bg2.png) repeat 0 0; text-align:center; padding:21px 0; margin-top:40px;}

.content .exbox{margin:0px auto; max-width:90%;}
.content .exbox h2{ margin-top:40px; border:none;}
.content .exbox .mt40{margin-top:20px;}
.content .exbox .boxf{width:100%; display:block;}
.content .exbox .box .inbox{ padding:20px 0px;}
.content .exbox .box .sp_box{margin:0 auto; width:90%;}
.content .exbox .box h4{font-size:16px; letter-spacing: -1.0px;}
.content .exbox .box .float_box{margin-top:20px;}
.content .exbox .box .float_box .boxleft{ float:none; width:100%; margin-left:0%;}
.content .exbox .box .float_box .boxright{float:none; width:100%;}
.content .box .float_box .boxright p{font-size:16px; font-weight:bold; margin-top:5%; letter-spacing:1.0px;}
.content .box .float_box .boxright p span{color:#084b8e; font-size:17px;}
.content .box .bgblue{ border-radius:0px; padding:0; background:none; margin-top:15px;}
.content .exbox .box .inbox .spstyle{margin-top:30px; padding-top:30px; border-top:2px dotted #074480;}
.content .exbox .box .inbox .bob{padding:0;}
.content .rtxt{ font-size:11px; margin-top:5px; padding-left:1em; text-indent:-1em;}

.content .tablebox{margin:40px auto 0; max-width:90%;}
.content .tablebox table{margin-top:10px;}
.content .tablebox table td{padding:10px 5px; font-size:11px;}
.content .tablebox table .td1{width:18%;}
.content .tablebox table .td2{width:22%;}
.content .tablebox table .td3{font-size:15px; width:18%;}
.content .tablebox table .td4{width:12%; width:21%;}
.content .tablebox table td span{font-size:15px;}

/********footer**********/
#footer{ border-top:1px solid #efefef; margin-top:25px;}
#footer .fc{ padding:20px 0; max-width:90%; margin:0 auto; overflow:hidden;}
#footer .fc .fl{float:none; width:100%;}
#footer .fc .fr{float:none; }
#footer .fc .fr p{text-align:center; margin-top:10px; font-size:13px;}
.sptop { width:10%; margin-top:25px;}

}


@media screen and (max-width: 350px) {
	.content .tablebox table td{padding:10px 2px;}
	.content .tablebox table .td1{width:18%;}
	.content .tablebox table .td2{width:22%;}
	.content .tablebox table .td3{width:18%;}
	.content .tablebox table .td4{width:21%;}
}


.otoku-bk {
	background-image: url(../images/aoyamastd-ttl3-bk_pc.webp) ;
}