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

body{
	line-height:150%;
}
a{
	text-decoration:none;
}
span.blo{
    display:block;
    color:inherit;
}
span.blo02{
    display:inline;
    color:inherit;
}

/* header
   ========================================================================== */
header{
	position:absolute;
    background:rgba(255,255,255,0.85);
	margin:0 0 0;
    padding:0 0 10px;
    top:0;
    left:0;
    width:100%;
    z-index:100;
}
header .logo{
	text-align:left;
	padding:20px 10px;
	line-height:1;
}
header .logo a{
	display:inline-block;
}
header .logo a img{
	width:80px;
}
header .page_title{
	font-weight:normal;
	font-size:10px;
	line-height:150%;
	padding:0 10px;
	margin:0 0 0;
}
header .right{
	display:none;
}

header .member_btn{
	position:absolute;
	top:15px;
	right:68px;
	width:140px;
	line-height: 0;
}
header .member_btn a{
	display:inline-block;
}
header .member_btn img{
	width:100%;
}

/* スライドメニュー */
#gnav_btn{
    display:none;
}
/* navi */
nav{
	display:none;
}
.sp_navi_toggle{
	position:fixed;
	top:10px;
	right:10px;
	z-index:20;
}
.sp_navi_toggle img{
	width:48px;
}
.sp_navi{
	background:rgba(0,0,0,0.9);
	width:100%;
	text-align:left;
	position:fixed;
	top:0;
	left:0;
	z-index:101;
	font-size:0;
	box-sizing:border-box;
	display:none;
}
.sp_navi .item_box{
	display:block;
	border-bottom:1px solid #CCC;
}
.sp_navi .item_box div{
	display:inline-block;
	width:49.5%;
	box-sizing:border-box;
	text-align:right;
}
.sp_navi .item_box div a{
	display:block;
	font-size:4vw;
	padding:15px 10px;
	color:#FFF;
	box-sizing:border-box;
}
.sp_navi .item_box div a span{
	font-size:inherit;
    color:inherit;
}
.sp_navi .item_box div:nth-child(1){
	border-right:1px solid #CCC;
}
.sp_navi .item_box div:nth-child(1) a{
	padding-right:15px;
}
.sp_navi div.close{
	display:block;
	border-bottom:1px solid #CCC;
	padding:20px 10px;
	width:100%;
	text-align:right;
	box-sizing:border-box;
}
.sp_navi div.close span{
	display:inline-block;
	font-size:16px;
	color:#FFF;
	background:url(../img/common/close.png) no-repeat 0px 3px;
	background-size:20px;
	padding:0 0 3px 25px;
}
.sp_navi .tel{
	text-align:center;
	margin:10px auto 10px;
	width:100%;
}
.sp_navi .tel a{
	display:inline-block;
	line-height:1.2;
	font-size:30px;
	color:#FFD24D;
	letter-spacing:-1px;
}
.sp_navi .tel img{
	width:100%;
}
.sp_navi .tel .text{
	color:#fff;
	font-size:12px;
	padding:0 20px;
}

/* main
   ========================================================================== */
.main {
	display:block;
	background:#F0F0F0;
	background-size:cover;
	text-align:center;
	padding:0 0 50px;
	overflow:hidden;
	position:relative;
}
.main .main_bg{
    padding:110px 0 0;
	line-height:0;
	background:url(../img/top_main/bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
    z-index:1;
}
.main .inner_wrap{
	line-height:0;
	overflow:hidden;
	height:230px;
}
.main div img{
	width:100%;
}
.main .text1{
	position:absolute;
	left:5px;
	top:125px;
	animation:ease-in top_text1 1s;
	width:80%;
	z-index:10;
}
.main .text2{
	position:absolute;
	left:5px;
	top:190px;
	animation:ease-in top_text2 1.2s;
	width:80%;
	z-index:10;
}
.main .text3{
	position:absolute;
	left:5px;
	top:236px;
	animation:ease-in top_text3 1.4s;
	width:80%;
	z-index:10;
}
.main .item{
	position:absolute;
	right:-30px;
	bottom:0;
	animation:ease-in item 1.6s;
	width:35%;
	z-index:1;
}
.main .text4{
	position:absolute;
	left:8px;
	bottom:-32px;
	animation:ease-in top_text3 1.8s;
	width:95%;
	z-index:10;
}

@keyframes top_text1 {
  0% { transform: translate(-200px, 0);opacity:0; }
  50% { transform: translate(-200px, 0);opacity:0; }
  100% { transform: translate(0, 0);opacity:1; }
}
@keyframes top_text2 {
  0% { transform: translate(-200px, 0);opacity:0; }
  50% { transform: translate(-200px, 0);opacity:0; }
  100% { transform: translate(0, 0);opacity:1; }
}
@keyframes top_text3 {
  0% { transform: translate(-200px, 0);opacity:0; }
  50% { transform: translate(-200px, 0);opacity:0; }
  100% { transform: translate(0, 0);opacity:1; }
}
@keyframes item {
  0% { transform: translate(0, 200px);opacity:0; }
  50% { transform: translate(0, 200px);opacity:0; }
  100% { transform: translate(0, 0);opacity:1; }
}

/* member_page_main
   ========================================================================== */
.member_page_main {
	display:block;
	background:#F0F0F0;
	background-size:cover;
	text-align:center;
	padding:0 0 0;
	overflow:hidden;
	position:relative;
}
.member_page_main .main_bg{
    padding:32vw 0 0;
	line-height:0;
	background:url(../img/member/main/bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
    z-index:1;
}
.member_page_main .inner_wrap{
	line-height:0;
	overflow:hidden;
	height:300px;
}
.member_page_main div img{
	width:100%;
}
.member_page_main .text1{
	position:absolute;
	left:5px;
	top:140px;
	animation:ease-in top_text1 1s;
	width:60%;
	z-index:10;
}
.member_page_main .text2{
	position:absolute;
	left:5px;
	top:180px;
	animation:ease-in top_text2 1.2s;
	width:70%;
	z-index:10;
}
.member_page_main .text3{
	position:absolute;
	left:5px;
	top:262px;
	animation:ease-in top_text3 1.4s;
	width:97%;
	z-index:10;
}
.member_page_main .item{
	position:absolute;
	right:-20px;
	top:146px;
	animation:ease-in item 1.6s;
	width:35%;
	z-index:1;
}
.member_page_main .text4{
	position:absolute;
	right:8px;
	top:310px;
	animation:ease-in top_text3 1.6s;
	width:40%;
	z-index:10;
}
.member_page_main .text5{
	position:absolute;
	left:5px;
	top:320px;
	animation:ease-in top_text3 1.8s;
	width:97%;
	z-index:10;
}

/* know
   ===================================== */
.know{
    margin:0 0 0;
    padding:0;
    background:url(../img/member/know/bg.jpg) no-repeat center bottom;
    background-size:cover;
    overflow:hidden;
}
.know .title_arrow .bold{
	font-size:20px;
}
.know .inner_wrap{
    margin:0 0 0;
    padding:10px;
}
.know .white_bg{
    margin:0 0 0;
    padding:20px 10px;
    background:rgba(255,255,255,0.9);
}
.know .box_wrap{
    margin:0 0 0;
	position: relative;
}
.know .box_wrap .item{
	position:absolute;
	right:-2%;
	bottom:0;
	width:30%;
}
.know .box_wrap .box{
    margin:0 0 10px;
	padding:0 25% 10px 0;
	border-bottom:1px dotted #777777;
}
.know .box_wrap .box .box_text{
	padding:3px 0 0 30px;
	background:url(../img/member/know/check.png) no-repeat left 0;
	background-size:25px;
	font-weight:bold;
	font-size:16px;
}
.know .white_bg .line_btn{
    margin:-15px 0 20px;
    line-height: 0;
	position: relative;
}
.know .white_bg .line_btn a{
    display:inline-block;
    line-height: 0;
}
.know .white_bg .line_btn a img{
    width:100%;
}
.know .white_bg .bottom_text{
    margin:0 0 0;
    font-size:15px;
}

.know .blue{
	color:#0059B2;
}
.know .red{
	color:#D80000;
}
.know .bold{
	font-weight: bold;
}
.know .under{
	text-decoration: underline;
}

/* obtain
   ========================================== */
.obtain{
    margin:0 0 0;
    padding:0;
    background:url(../img/member/obtain/bg.jpg) no-repeat center bottom;
    background-size:cover;
    overflow:hidden;
}
.obtain .inner_wrap{
    margin:0 auto 0;
    padding:10px;
}
.obtain .white_bg{
    margin:0 0 0;
    padding:20px 10px 10px;
    background:rgba(255,255,255,0.9);
}
.obtain .white_bg .title{
    margin:0 0 20px;
    font-size: 17px;
    font-weight: bold;
    text-align:center;
}
.obtain .white_bg .title img{
    vertical-align: sub;
    width: 80px;
}
.obtain .white_bg .box_wrap{
    margin:0 0 0;
	text-align: right;
}
.obtain .white_bg .box_wrap .item{
    width:30%;
}
.obtain .white_bg .box_wrap .box{
    margin:0 0 10px;
    padding:10px 0;
    border-bottom:1px dashed #777777;
	text-align: left;
}
.obtain .white_bg .box_wrap .box .box_title{
    margin:0 0 10px;
    font-size:16px;
    font-weight:bold;
    color:#0059B2;
}
.obtain .white_bg .box_wrap .box .box_text{
    margin:0 0 0;
    font-size:15px;
    line-height:150%;
}
.obtain .bold{
    font-weight:bold;
}
.obtain .red{
    color:#D80000;
}
.obtain .blue{
    color:#0059B2;
}
.obtain .under{
    text-decoration: underline;
	color: inherit;
}

/* president
   ========================================== */
.president{
	padding:20px 10px;
}
.president .inner_wrap{
    background:url(../img/member/president/president.png) no-repeat left top;
	background-size:30%;
}
.president .title{
	margin:0 0 15px 32%;
	padding: 0 0 0 30px;
	font-weight: bold;
	font-size:22px;
	position: relative;
}
.president .title:before{
	content:"";
	background:#333;
	height:1px;
	width:25px;
	position: absolute;
	left:0;
	top:8px;
}
.president .text{
	font-size:16px;
	margin:0 0 15px;
	text-shadow:1px 1px 0 #fff;
}
.president .text01{
	margin:0 0 15px 32%;
}


/* movie_page
   ========================================================================== */
.movie_page .member_page_main .inner_wrap {
    line-height: 0;
    overflow: hidden;
    height: 140px;
}
.movie_page .member_page_main .text1{
   	animation:none;
	width:35%;
	top:135px;
}
.movie_page .member_page_main .text2{
    animation:none;
	width:40%;
	top:157px;
}
.movie_page .member_page_main .text3{
    animation:none;
	width:68%;
	top:207px;
}
.movie_page .member_page_main .item{
    animation:none;
}
.movie_page .member_page_main .text4{
    animation:none;
	width:25%;
	top:212px;
}
.movie_page .member_page_main .text5{
    animation:none;
	width:57%;
	top:139px;
	right:5px;
	left:auto;
}

   /* youtube
      ========================================================================== */
.youtube{
    margin:0 0 0;
    padding:20px 10px;
}
.youtube h2{
    margin:0 0 5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.youtube h2 + div{
    margin:0 0 10px;
    font-size: 16px;
    color:#D80000;
    text-align: center;
}
.youtube iframe{
    width:100%;
    height:200px;
}

/* movie_bottom
   ========================================================================== */
.movie_bottom{
    background:#0059B2;
    padding:10px 10px;
}
.movie_bottom .inner_wrap{
    background:#fff;
    padding:10px 10px;
    text-align: center;
}
.movie_bottom .inner_wrap div:nth-child(1){
    margin:0 0 5px;
    font-size:20px;
    font-weight:bold;
    color:#0059B2;
    text-decoration: underline;
}
.movie_bottom .inner_wrap div:nth-child(2){
    margin:0 0 0;
    font-size:15px;
    font-weight:bold;
    color:#0059B2;
}

.movie_page .btn {
    margin: 20px 10px;
    text-align: center;
}
.movie_page .btn a{
    display:inline-block;
}
.movie_page .btn img{
    width:100%;
}

/* under_page_main01
   ========================================================================== */
.under_page_main01 {
	display:block;
	background:#F0F0F0;
	background-size:cover;
	text-align:center;
	padding:0 0 0;
	overflow:hidden;
	position:relative;
}
.under_page_main01 .main_bg{
	line-height:0;
	background:url(../img/top_main/bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.under_page_main01 .inner_wrap{
    padding:140px 0 0;
	line-height:0;
	overflow:hidden;
	height:230px;
    box-sizing:border-box;
}
.under_page_main01 .inner_wrap .text01{
    margin:0 0 20px;
    text-align:center;
}
.under_page_main01 .inner_wrap .text01 img{
    width:40%;
}
.under_page_main01 .inner_wrap .text02{
    margin:0 0 0;
    text-align:center;
    font-size:16px;
    color:#fff;
}

/* under_page_main_bottom
   ========================================================================== */
.under_page_main_bottom{
    margin:0 0 0;
}
.under_page_main_bottom .inner_wrap{
    margin:0 0 0;
    padding:15px 5px;
	line-height:150%;
	height:auto;
    box-sizing:border-box;
}
.under_page_main_bottom .inner_wrap .text{
    margin:0 0 0;
    font-size:17px;
    font-weight:bold;
}
.under_page_main_bottom .inner_wrap .text img{
    vertical-align:sub;
    width:80px;
}
.under_page_main_bottom .photo{
    margin:0 0 0;
    line-height:0;
}
.under_page_main_bottom .photo img{
    width:100%;
}


/* faq_page */
.faq_page .under_page_main01 .main_bg{
	background:url(../img/faq/main_bg.jpg) no-repeat center center;
	background-size:cover;
}

/* case_page */
.case_page{
	margin: -12vw 0 0;
}
.case_page .under_page_main01 .inner_wrap{
    padding:165px 0 0;
}
.case_page .under_page_main01 .main_bg{
	background:url(../img/case/main_bg.jpg) no-repeat center center;
	background-size:cover;
}
.case_page .under_page_main01 .inner_wrap .text01 img{
    width:95%;
}

/* company_page */
.company_page .under_page_main01 .main_bg{
	background:url(../img/company/main_bg.jpg) no-repeat center center;
	background-size:cover;
}

/* maintenance_page */
.maintenance_page .under_page_main01 .main_bg{
	background:url(../img/maintenance/main_bg.jpg) no-repeat center center;
	background-size:cover;
}

/* insurance_page */
.insurance_page .under_page_main01 .main_bg{
	background:url(../img/insurance/main_bg.jpg) no-repeat center center;
	background-size:cover;
}

/* simulation_page */
.simulation_page .under_page_main01 .main_bg{
	background:url(../img/simulation/main_bg.jpg) no-repeat center center;
	background-size:cover;
}
.simulation_page .photo img{
    width:200%;
}

/* contact_page */
.contact_page .under_page_main01 .main_bg{
	background:url(../img/contact/main_bg.jpg) no-repeat center center;
	background-size:cover;
}

/* loopslider
   ========================================================================== */
#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 98px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

#loopslider ul {
    height: 98px;
    float: left;
    display: inline;
    overflow: hidden;
}

#loopslider ul li {
    width: 130px;
    height: 98px;
    float: left;
    display: inline;
    overflow: hidden;
	position:relative;
}
#loopslider ul li .text{
    width:100%;
	box-sizing:border-box;
	font-size:12px;
	display:block;
	background:rgba(33,33,33,0.8);
	position:absolute;
	bottom:0;
	text-align:center;
	color:#fff;
	height:24px;
	line-height:24px;
}
#loopslider ul li .text span{
    font-size:8px;
	color:inherit;
}

/* trouble
   ========================================================================== */
.trouble{
	margin:0 0 0;
	padding:20px 10px 25px;
	background:url(../img/trouble/bg.jpg) no-repeat center bottom;
	background-size:cover;
}

/* box_wrap */
.trouble .box_wrap{
	margin:0 0 25px;
}
.trouble .box_wrap .left{
	margin:0 0 10px;
	padding:15px 10px;
	background:rgba(255,255,255,0.9);
}
.trouble .box_wrap .left .title{
	margin:0 0 0;
    font-size:18px;
    color:#9B385A;
    font-weight:bold;
}
.trouble .box_wrap .left .title img{
	width:80px;
    vertical-align:sub;
}
.trouble .box_wrap .left .text_wrap{
	margin:0 0 0;
}
.trouble .box_wrap .left .text_wrap .text_box{
	margin:0 0 0;
	padding:8px 5px 8px 5px;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px dotted #333333;
}
.trouble .box_wrap .left .text_wrap .text_box .red{
	color:#D80000;
}
.trouble .box_wrap .left .text_wrap .text_box .blue{
	color:#0059B2;
}
.trouble .box_wrap .left .text_wrap .text_box .border{
	text-decoration:underline;
}

/* movie */
.trouble .box_wrap .right .movie{
	margin:0 0 0;
	position:relative;
}
.trouble .box_wrap .right .movie iframe{
	width:100%;
    height:60vw;
}
.trouble .box_wrap .right .movie .baloon_text{
	margin:0 0 0;
    background:url(../img/trouble/baloon.png) no-repeat center bottom;
    background-size:cover;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    padding:3vw 0 30px;
    text-align:center;
}

.trouble .box_wrap .right .movie .photo{
	line-height: 0;
}

.trouble .box_wrap .right .movie .photo img{
	width:100%;
}

/* bottom_box */
.trouble .bottom_box{
	margin:0 0 0;
}
.trouble .bottom_box .bottom_left{
	margin:0 0 0;
	padding:10px 10px 20px;
	background:rgba(255,255,255,0.9);
}
.trouble .bottom_box .bottom_left .bottom_title{
	margin:0 0 0;
    text-align:center;
}
.trouble .bottom_box .bottom_left .bottom_title img{
	width:100%;
}
.trouble .bottom_box .bottom_left .check_box{
	margin:0 0 10px;
	padding:0 0 0;
}
.trouble .bottom_box .bottom_left .check_box .text{
	margin:0 0 0;
	padding:18px 5px 8px 35px;
	background:url(../img/trouble/check.png) no-repeat left center;
	background-size:30px;
	font-weight:bold;
	font-size:18px;
	border-bottom:1px dotted #333333;
}
.trouble .bottom_box .bottom_left .red_text{
	margin:0 0 0;
	padding:0 0 0;
    font-size:16px;
    color:#D90000;
    font-weight:bold;
}

.trouble .bottom_box .bottom_right{
	margin:0 0 0;
    padding:3vw 6vw 2vw;
    background:#F09211;
    text-align:right;
    position:relative;
}
.trouble .bottom_box .bottom_right img{
	width:52%;
}
.trouble .bottom_box .bottom_right img.item{
	width:50%;
    position:absolute;
    top:15px;
    left:-5px;
}

/* caution
   ========================================================================== */
.caution{
	margin:0 0 0;
	padding:10px;
	background:url(../img/caution/bg.jpg) no-repeat center center;
	background-size:cover;
}
.caution .title{
	margin:0 0 10px;
	padding:50px 5px 5px 5px;
	background:url(../img/caution/caution.png) no-repeat left 7px;
	background-size:100px;
    font-size:18px;
    font-weight:bold;
    color:#fff;
}
.caution .title .yellow{
	color:#FFFF26;
    font-size:26px;
}
.caution .title_bottom{
	margin:0 0 10px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
}
.caution .brown{
    font-size:inherit;
    color:#FFDFBF;
}
.caution .box .text .border{
    border-bottom:1px solid #fff;
    color:inherit;
    line-height:1;
    display: inline-block;
}
.caution .box .text .border.brown{
    border-bottom:1px solid #FFDFBF;
    color:#FFDFBF;
    line-height:1;
    display: inline-block;
    margin:0 0 -1px;
}
.caution .box{
    margin:0 0 20px;
    padding:0 0 10px;
    border-bottom:1px solid #FFFFFF;
}
.caution .box .box_title{
    margin:0 0 10px;
    padding:10px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
.caution .box01 .box_title{
    background:rgba(255,223,191,0.6);
}
.caution .box02 .box_title{
    background:rgba(255,255,191,0.6);
}
.caution .box .text{
    margin:0 0 0;
    font-size:15px;
    color:#fff;
}
.caution .box02 .text_box{
    margin:0 0 0;
}
.caution .box02 .text_box .text{
    margin:0 0 8px;
    padding:6px;
    border-bottom:1px dotted #DDDDDD;
}
.caution .box02 .text_box .text:first-letter{
    color:#FFFFBF;
}

/* top_category
   ========================================================================== */
.top_category{
	margin:0 0 0;
	padding:0 0 20px;
	background:url(../img/category/bg.jpg) no-repeat center center;
    background-size:cover;
}
.top_category .box_wrap{
	margin:0 0 0;
}
.top_category .box{
	margin:0 10px 20px;
	padding:15px 0;
	transition: .8s;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	opacity:0;
	box-shadow: 2px 2px 1px #999;
	background:#fff;
}
.top_category .box.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.top_category .box a{
	display:block;
	padding:15px 0;
	background:#fff;
}
.top_category .box .title{
	margin:0 0 10px;
	font-size:15px;
	font-weight:bold;
	display:block;
	text-align:center;
}
.top_category .box .text{
	margin:0 0 0;
	padding:0 10px;
	font-size:12px;
	display:block;
	line-height:150%;
}
.top_category .box .text .red{
	color:#D80000;
    font-weight:bold;
}
.top_category .box .text .blue{
	color:#0059B2;
    font-weight:bold;
}
.top_category .photo{
	margin:0 0 10px;
	line-height:1;
	font-size:0;
	display:block;
}
.top_category .photo img{
	width:100%;
}
.top_category .frame{
	display:none;
}

/* title_arrow
   ========================================================================== */
.title_arrow{
	margin:0 0 30px;
    padding:10px;
    font-size:18px;
    font-weight:bold;
    background:#F0F0F0;
    position:relative;
    text-align:center;
}
.title_arrow:after{
	content:"";
    background:url(../img/common/title_arrow.png) no-repeat center bottom;
    background-size:80px;
    width:80px;
    height:20px;
    bottom:-20px;
    left:50%;
    margin-left:-40px;
    position:absolute;
}
.title_arrow img{
    margin:0 5px;
	width:80px;
    vertical-align:sub;
}
.title_arrow02{
    background:rgba(0,0,0,0.80);
	color:#fff;
}
.title_arrow02 .yellow{
	color:#FFFF00;
}
.title_arrow02:after{
	content:"";
    background:url(../img/common/title_arrow02.png) no-repeat center bottom;
    background-size:80px;
}

/* pack
   ========================================================================== */
.pack{
	margin:0 0 0;
	padding:0 0 20px;
	background:url(../img/pack/bg.jpg) no-repeat center center;
    background-size:cover;
    overflow:hidden;
}
.pack .inner_wrap{
	padding:0 10px;
}
.pack .top_text{
    margin:0 0 20px;
    font-size:18px;
    font-weight:bold;
}
.pack .top_text .border{
    border-bottom:1px solid #333;
}
.pack .top_text02{
    margin:0 0 10px;
    font-size:16px;
}
.pack .top_text02 .border{
    border-bottom:1px solid #333;
    line-height:1;
    display: inline-block;
}
.pack .top_text02 .red{
    color:#D80000;
}
.pack .top_text02 .blue{
    color:#0059B2;
}

/* box_wrap */
.pack .box_wrap{
    margin:0 0 20px;
}
.pack .box_wrap .box{
    margin:0 0 10px;
    padding:0;
    background:#fff;
}
.pack .box_wrap .box .left{
    margin:0 0 10px;
    line-height:0;
}
.pack .box_wrap .box .left img{
    width:100%;
}
.pack .box_wrap .box .right{
    margin:0 0 0;
    padding:10px;
}
.pack .box_wrap .box .right .box_title{
    margin:0 0 10px;
    padding:8px 5px 5px 60px;
    background:url(../img/pack/box01/no.png) no-repeat left center;
    background-size:50px;
    font-weight:bold;
    font-size:18px;
}
.pack .box_wrap .box:nth-child(2) .right .box_title{
    background:url(../img/pack/box02/no.png) no-repeat left center;
    background-size:50px;
}
.pack .box_wrap .box:nth-child(3) .right .box_title{
    background:url(../img/pack/box03/no.png) no-repeat left center;
    background-size:50px;
}
.pack .box_wrap .box:nth-child(4) .right .box_title{
    background:url(../img/pack/box04/no.png) no-repeat left center;
    background-size:50px;
}
.pack .box_wrap .box:nth-child(5) .right .box_title{
    background:url(../img/pack/box05/no.png) no-repeat left center;
    background-size:50px;
}
.pack .box_wrap .box:nth-child(6) .right .box_title{
    background:url(../img/pack/box06/no.png) no-repeat left center;
    background-size:50px;
}
.pack .box_wrap .box .right .box_text{
    font-size:15px;
    line-height:150%;
}
.pack .box_wrap .box .right .blue{
    color:#0059B2;
    font-weight:bold;
}
.pack .box_wrap .box .right .bold{
    font-weight:bold;
}
.pack .box_wrap .box .right .border{
    border-bottom:1px solid #333;
    color:inherit;
    line-height:1;
    display: inline-block;
}
.pack .box_wrap .box .right .box_text .box_left{
    margin:0 0 15px;
}
.pack .box_wrap .box .right .box_text .box_left .box_left_title{
    margin:0 0 5px;
    font-size:16px;
    font-weight:bold;
}
.pack .box_wrap .box .right .box_text .box_left .box_left_title02{
    font-weight:normal;
}
.pack .box_wrap .box .right .box_text .box_left .box_left_title .small{
    font-size:12px;
    display:block;
}
.pack .box_wrap .box .right .box_text .box_left table{
    font-size:16px;
    font-weight:bold;
}
.pack .box_wrap .box .right .box_text .box_left table td{
    padding:4px 0;
}
.pack .box_wrap .box .right .box_text .box_right{
    margin:0 0 0;
    font-size:15px;
}

/* white_box */
.pack .white_box{
    margin:0 0 20px;
    padding:10px;
    background:rgba(255,255,255,0.8);
}
.pack .white_box .photo{
    margin:0 0 10px;
    line-height:0;
    text-align:center;
}
.pack .white_box .photo img{
    width:100%;
}
.pack .white_box .text{
    margin:0 0 0;
    line-height:150%;
    font-size:13px;
}
.pack .white_box .text .red{
    color:#D80000;
}
.pack .white_box .white_box_title{
    margin:0 0 10px;
    padding:0 0 5px;
    font-size:18px;
    font-weight:bold;
    border-bottom:1px solid #0059B2;
    color:#0059B2;
}
.pack .white_box .white_box_text{
    margin:0 0 0;
    font-size:15px;
    line-height:150%;
    font-weight:bold;
    color:#0059B2;
}

/* case
   ========================================================================== */
.case{
	margin:0 0 0;
	padding:0 0 20px;
	background:url(../img/case/bg.jpg) no-repeat center center;
    background-size:cover;
    overflow:hidden;
}
.case .box_wrap{
	margin:0 0 0;
}
.case .box_wrap .box{
	margin:0 10px 20px;
    background:#fff;
    transition:all ease-out 0.8s;
	transform: translate(-200px, 0);
	-webkit-transform: translate(-200px, 0);
	opacity:0;
	box-shadow: 2px 2px 1px #999;
}
.case .box_wrap .box.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.case .box_wrap .box a{
	display:block;
    padding:10px 10px 20px;
}

/* left */
.case .box_wrap .box .left{
	margin:0 0 10px;
    line-height:0;
    text-align:center;
    display:block;
    font-size: 0;
}
.case .box_wrap .box .left.sold{
	background-repeat: no-repeat;
}
.case .box_wrap .box .left img{
	max-width:100%;
}

/* center */
.case .box_wrap .box .center{
	margin:0 0 20px;
    display:block;
}
.case .box_wrap .box .center .table{
	margin:0 0 10px;
    width:100%;
    font-size:16px;
    display:block;
}
.case .box_wrap .box .center .table .table_tr{
	border-bottom:1px solid #CCCCCC;
    display:block;
    font-size:0;
}
.case .box_wrap .box .center .table  .table_tr .table_td{
	padding:5px 0 5px;
    display:inline-block;
	width:48%;
    font-size:16px;
    vertical-align:top;
    position:relative;
}
.case .box_wrap .box .center .table  .table_tr .table_td.sold{
	color: #D90000;
}
.case .box_wrap .box .center .table  .table_tr .table_td:last-child{
	width:52%;
}
.case .box_wrap .box .center .table  .table_tr .table_td:last-child:before{
	content:"：";
    position:absolute;
    left:-15px;
}
.case .box_wrap .box .center .small{
	font-size:11px;
}
.case .box_wrap .box .price{
	margin:0 0 0;
    text-align:center;
    display:block;
    border-bottom:1px solid #0059B2;
}
.case .box_wrap .box .pc{
	display:none;
}
.case .box_wrap .box .price.sold{
    border-bottom:1px solid #D90000;
}
.case .box_wrap .box .price .kakaku{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:15px;
}
.case .box_wrap .box .price .nedan{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:20px;
    color:#0059B2;
}
.case .box_wrap .box .price .zei{
	margin:0 0 0;
    display:inline-block;
    font-size:13px;
    color:#0059B2;
}
.case .box_wrap .box .price .sold{
    color:#D90000;
}

/* right */
.case .box_wrap .box .right{
	margin:0 0 0;
    display:block;
}
.case .box_wrap .box .right .status_box{
	margin:0 0 0;
    display:block;
}
.case .box_wrap .box .right .status_box .status_title{
	margin:0 0 5px;
    padding:5px;
    display:block;
    background:#F09211;
    color:#fff;
    font-size:15px;
    text-align:center;
}
.case .box_wrap .box .right .status_box .status_title.sold{
    background:#D90000;
}
.case .box_wrap .box .right .status_box .green_wrap{
	margin:0 0 15px;
    display:block;
    font-size:0;
}
.case .box_wrap .box .right .status_box .green_wrap .green_box{
	margin:0 0 5px;
    padding:5px;
    display:inline-block;
    width:49%;
    vertical-align:top;
    box-sizing:border-box;
    background:#56AA3D;
    color:#fff;
    font-size:15px;
    text-align:center;
}
.case .box_wrap .box .right .status_box .green_wrap .green_box:nth-child(2n+1){
	margin:0 2% 5px 0;
}
.case .box_wrap .box .right .rimawari{
	margin:0 0 20px;
    text-align:center;
    display:block;
    border-bottom:1px solid #0059B2;
}
.case .box_wrap .box .right .rimawari.sold{
    border-bottom:1px solid #D90000;
}

.case .box_wrap .box .right .rimawari .kakaku{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:15px;
}
.case .box_wrap .box .right .rimawari .suji{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:20px;
    color:#0059B2;
}
.case .box_wrap .box .right .rimawari .percent{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:16px;
    color:#0059B2;
}
.case .box_wrap .box .right .rimawari .sold{
    color:#D90000;
}

/* btn */
.case .btn{
	margin:0 10px 0;
    text-align:center;
}
.case .btn a{
	margin:0 0 0;
    display:inline-block;
}
.case .btn a img{
	width:100%;
}

/* case_page
   ========================================================================== */
.case_page .case{
	margin:0 0 0;
	padding:30px 0 20px;
	background:url(../img/case/page_bg.jpg) no-repeat center center;
    background-size:cover;
    overflow:hidden;
}
.case_page .case .top_text{
	margin:0 10px 20px;
	padding:10px;
	font-size:17px;
    font-weight:bold;
    line-height:150%;
    background:rgba(255,255,255,0.9);
}
.case_page .case .top_text .red{
	color:#D80000;
}
.case_page .case .top_text .blue{
	color:#007FBE;
    border-bottom:1px solid #007FBE;
    line-height:1;
    display:inline-block;
}
.case .box_wrap .box.anime_left{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
	animation: ease-in anime_left 1s;
}
@keyframes anime_left {
  0% { transform: translate(-200px, 0);opacity:0; }
  50% { transform: translate(-200px, 0);opacity:0;}
  100% { transform: translate(0, 0);opacity:1; }
}
@keyframes anime_right {
  0% { transform: translate(200px, 0);opacity:0; }
  50% { transform: translate(200px, 0);opacity:0;}
  100% { transform: translate(0, 0);opacity:1; }
}


/* pgn
   ================================ */
.pgn{
	text-align:center;
	padding:20px 0;
	font-size:0;
}
.pgn li{
	display:inline-block;
	margin:0 3px;
}
.pgn a{
	text-decoration:none;
	background:#fff;
	color:#0080BE;
	padding:6px 13px;
	display:block;
	font-size:12px;
    transition:all ease-out 0.3s;
}
.pgn .active a{
	background:#0080BE;
    color:#fff;
}

/* banner
   ========================================================================== */
.banner{
	margin:0 0 0;
	padding:20px 10px;
	background:url(../img/banner/bg.jpg) no-repeat center center;
    background-size:cover;
    overflow:hidden;
    display:none;
}
.banner .box{
	margin:0 0 0;
    text-align:center;
    line-height:0;
}
.banner .box a{
	margin:0 0 0;
    display:inline-block;
}
.banner .box a img{
	width:100%;
}

/* banner_wrap
   ========================================================================== */
.banner_wrap{
	margin:0 0 0;
	padding:0px 0px 20px;
	line-height: 0;
}
.banner_wrap a{
	margin:0 0 0;
    display:inline-block;
}
.banner_wrap img{
	max-width:100%;
}

.banner_wrap iframe{
	width: 100%;
	height: 53vw;
}


/* slider
   ========================================================================== */
.banner_wrap.slider{
	margin: 0 0 0 -1%;
	width: 102%;
}


/* flow
   ========================================================================== */
.flow{
	margin:0 0 0;
	background:url(../img/flow/bg.jpg) no-repeat center center;
    background-size:cover;
	overflow:hidden;
}
.flow .flow_area{
	padding:10px 0 10px;
	margin:0;
	text-align:center;
}
/* flow_box */
.flow .flow_area .flow_box{
	clear:both;
	padding:0 0 20px;
	overflow:hidden;
	background:url(../img/flow/bg.png) repeat-y 0 top;
	background-size:15%;
	width:95%;
	margin:auto;
}
.flow .flow_area .flow_box:last-child{
	background:none;
}
.flow .flow_box .left{
	background:#fff;
	color:#0059B2;
	margin-right:3%;
	padding:4% 0;
	font-size:18px;
	float:left;
	display:inline-block;
	width:15%;
}
.flow .flow_box .right{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	width:82%;
	text-align:left;
    background:rgba(255,255,255,0.9);
}

.flow .flow_box .photo{
	margin:0 0 0;
	display:block;
	box-sizing:border-box;
	line-height:0;
}
.flow .flow_box .photo img{
	width:100%;
}
.flow .flow_box .right .text_box{
	padding:10px;
}
.flow .flow_box .right .box_title{
	font-size:16px;
	color:#0059B2;
	margin:0 0 5px;
	font-weight:normal;
	font-weight:bold;
}
.flow .flow_box .right .inner_text{
	margin:0;
	font-size:14px;
}
.flow .flow_box .right .inner_text span{
	margin:0;
	font-size:inherit;
}

/* cv
   ========================================================================== */
.cv_wrap{
    margin:0 0 0;
    padding:15px 10px;
    background:url(../img/cv/bg.jpg) no-repeat center center;
    background-size:cover;
}
.cv{
	margin:0 0 0;
	padding:10px 0;
	border-top:1px solid #9C385B;
	border-bottom:3px solid #9C385B;
	background:#FCF5F8;
	text-align:center;
}
.cv .title{
	margin:0 0 0;
	font-size:16px;
	font-weight:bold;
}
.cv .title .title_text{
	margin:0 0 0;
	font-size:16px;
	font-weight:bold;
}
.cv .title .red{
	font-size:20px;
	color:#D80000;
}
.cv .title img{
	margin:-5px 5px 0 0;
	width:30px;
	vertical-align:middle;
	animation:ease-out 2s fuwafuwa infinite;
	-webkit-animation:ease-out 2s fuwafuwa infinite;
	-ms-animation:ease-out 2s fuwafuwa infinite;
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:scale(1, 1);}
	50% {-webkit-transform:scale(0.7,0.7);}
	100% {-webkit-transform:scale(1, 1);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:scale(1, 1);}
	50% {-moz-transform:scale(0.7,0.7);}
	100% {-moz-transform:scale(1, 1);}
}
@-ms-keyframes fuwafuwa {
	0% {-ms-transform:scale(1, 1);}
	50% {-ms-transform:scale(0.7,0.7);}
	100% {-ms-transform:scale(1, 1);}
}

.cv .white_box{
	margin:10px 10px;
	padding:10px 0;
	background:rgba(255,255,255,0.9);
}
.cv .white_box .text{
	margin:0 0 10px;
	font-size:14px;
}
.cv .white_box .text span{
	margin:0 10px 0;
	font-size:inherit;
}
.cv .white_box .tel_no{
	margin:0 0 0;
	padding:5px 0 5px 35px;
	display:inline-block;
	font-size:9vw;
	font-weight:bold;
	color:#D80000;
	background:url(../img/cv/free.png) no-repeat left center;
	background-size:30px;
}
.cv .btn {
	margin:0 0 0;
}
.cv .btn a{
	margin:0 0 0;
	padding:6px 20px;
	display:inline-block;
	font-size:18px;
	background:#9C385B;
	color:#fff;
}
.cv .btn a i{
	font-size:18px;
	color:#fff;
}

/* faq
   ========================================================================== */
.faq{
	margin:0 0 0;
    padding:0 0 20px;
	overflow:hidden;
    background:url(../img/faq/bg.jpg) no-repeat center center;
    background-size:cover;
}
.faq .box_wrap{
	margin:0 0 20px;
}
.faq .box_wrap .box{
	margin:0 10px 10px;
	padding:15px 10px;
    background:rgba(255,255,255,0.85);
	transition: .8s;
	transform: translate(-100px, 0);
	-webkit-transform: translate(-100px, 0);
	opacity:0;
}
.faq .box_wrap .box:nth-child(2n+2){
	transition: .8s;
	transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
	opacity:0;
}
.faq .box_wrap .box.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.faq .box_wrap .box .ques{
	margin:0 0 5px;
	padding:5px 0 5px 38px;
	font-size:16px;
	background:url(../img/faq/q_sp.png) no-repeat left 0;
	background-size:30px;
	font-weight:bold;
}
.faq .box_wrap .box .ans{
	margin:0 0 0;
	padding:5px 0 5px 38px;
	font-size:15px;
	background:url(../img/faq/a_sp.png) no-repeat left 0;
	background-size:30px;
}
.faq .box_wrap .box .ans .blue{
	color:#0059B2;
}
.faq .box_wrap .box .ans .border{
	border-bottom:1px solid #0059B2;
    display:inline-block;
    line-height:1;
}
.faq .btn{
	margin:0 10px 0;
    text-align:center;
}
.faq .btn a{
	display:inline-block;
}
.faq .btn a img{
	width:100%;
}

/* faq_page
   ========================================================================== */
.faq_page .faq{
	margin:0 0 0;
    padding:0 0 20px;
	overflow:hidden;
    background:url(../img/faq/page_bg.jpg) no-repeat center center;
    background-size:cover;
}
.faq_page .faq .top_text{
	margin:0 0 20px;
    padding:20px 10px 0;
	font-size:15px;
    color:#fff;
}
.faq .box_wrap .box.anime_left{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
	animation: ease-in anime_left 1s;
}
.faq .box_wrap .box.anime_left:nth-child(2n+2){
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
	animation: ease-in anime_right 1s;
}

/* company
   ========================================================================== */
.company{
	margin:0 0 0;
	padding:25px 0;
}
.company .top_text{
	margin:0 0 20px;
	padding:0 10px;
    font-size:16px;
    line-height:150%;
}
.company table.table01{
	width:95%;
	box-sizing:border-box;
	margin:0 auto 20px;
}
.company table.table01 th{
	background:#EFEFEF;
	border:1px solid #ccc;
    border-bottom:none;
	padding:5px;
	font-weight:normal;
	text-align:left;
	width:100%;
    display:block;
    box-sizing:border-box;
}
.company table.table01 td{
	border:1px solid #ccc;
    border-bottom:none;
	padding:5px;
	width:100%;
    display:block;
    box-sizing:border-box;
}
.company table.table01 .history td{
    padding:0;
}
.company table.table01 td a{
	color:#333;
}
.company table.table01 td .bold{
	font-weight:bold;
}
.company table.table01 td a.blue{
	color:#0059B2;
}

/* table02 */
.company table.table02{
	width:100%;
	box-sizing:border-box;
	margin:0 auto 0;
}
.company table.table02 th{
	background:#FFF;
	border:1px solid #ccc;
    border-top:none;
    border-left:none;
	padding:5px;
	font-weight:normal;
	text-align:left;
	width:80px;
    display:table-cell;
    box-sizing:border-box;
}
.company table.table02 td{
	border:1px solid #ccc;
    border-top:none;
    border-right:none;
	padding:5px !important;
	width:auto;
    display:table-cell;
    box-sizing:border-box;
}

.company_page .bottom_text{
	padding:2px;
	margin:0 10px 20px;
	border:1px solid #CCCCCC;
}
.company_page .bottom_text .inner{
	padding:15px;
	margin:0;
	font-size:14px;
	text-align:center;
	border:1px solid #DDDDDD;
	display:block;
}
.company_page .bottom_text .top{
	margin:0 0 10px;
	font-size:12px;
	text-align:center;
	display:block;
}
.company_page .bottom_text .bottom{
	margin:0;
	font-size:20px;
	text-align:center;
	color:#E54C3A;
	font-weight:bold;
	display:block;
}

/* privacy_toriatsukai
   ========================================================================== */
.privacy_toriatsukai {
	margin: 40px auto;
	text-align: right;
}

.privacy_toriatsukai a{
	color: #0059B2;
}

.privacy_toriatsukai iframe{
	border: 1px solid #ddd;
}

.privacy_toriatsukai p{
	margin: 20px 0 0;
	text-align: center;
}

/* privacy_page
   ========================================================================== */
.privacy_page{
	padding:0 0 40px;
}
.privacy_page .top_text{
	margin:0 10px 20px;
	padding:0;
	font-size:15px;
}
.privacy_page .list_wrap{
	margin:0 0 20px;
	padding:0 10px;
}
.privacy_page .list_wrap .title{
	margin:0 0 10px;
	font-size:20px;
	font-weight:bold;
}
.privacy_page .list_wrap .box_wrap{
	margin:0 0 20px;
}
.privacy_page .list_wrap .box_wrap .box{
	margin:0 0 20px;
	padding:5px 8px;
	border-bottom:1px solid #DDDDDD;
	font-size:15px;
}

.privacy_page .list_wrap .box_wrap .box .right_box{
	text-align: right;
	margin: 30px 0 30px auto;
}

.privacy_page .list_wrap .box_wrap .box .left_box{
	width: 100%;
	margin: 30px 0 30px 0;
}

.privacy_page .list_wrap .box_wrap .box .tiltle{
	font-weight: bold;
	font-size: 20px;
	margin: 50px;
	text-align: center;
}

.privacy_page .list_wrap .box_wrap .box ul{
	list-style-type: none;
}

.privacy_page .list_wrap .box_wrap .box .ul_indent{
	margin: 5px 10px;
}

.privacy_page .list_wrap .box_wrap .box ul li{
	margin: 10px 5px;
}

.privacy_page .list_wrap .box_wrap .box ol{
	list-style-type: decimal;
	margin: 5px 10px;
}

.privacy_page .list_wrap .box_wrap .box ol.ol_alpha{
    margin-left: 20px;
}

.privacy_page .list_wrap .box_wrap .box ol li{
	margin: 10px 5px;
}

.privacy_page .list_wrap .box_wrap .box table{
	width: 100%;
	margin: 10px 0px 20px 0px;
}

.privacy_page .list_wrap .box_wrap .box table, th, td{
	border-collapse: collapse;
    border:1px solid #b1b1b1;
	padding: 5px;
}

.privacy_page .list_wrap .box_wrap .box th{
	text-align: center;
}

/* maintenance_page
   ========================================================================== */
.maintenance_top_text{
    margin:0 0 0;
    padding:15px 10px;
    font-size:16px;
    line-height:150%;
}
.maintenance_top_text .red{
    color:#D80000;
    font-weight:bold;
}
.maintenance_top_text .border{
    border-bottom:1px solid #D80000;
    display:inline-block;
    line-height:1;
}
.maintenance_top_text .blue{
    color:#0059B2;
    font-weight:bold;
}

/* maintenance_service
   ========================================== */
.maintenance_service{
    margin:0 0 0;
}
.maintenance_service .title_arrow{
    margin-bottom:15px;
}
.maintenance_service .title_arrow:after{
    display:none;
}
.maintenance_service .no_title{
    margin:0 10px 10px;
    padding: 8px 5px 5px 60px;
    background: url(../img/pack/box01/no.png) no-repeat left center;
    background-size: 50px;
    font-weight: bold;
    font-size: 18px;
}
.maintenance_service .no_title{
	transition: .8s;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	opacity:0;
}
.maintenance_service .no_title.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}

.maintenance_service .no_title02{
    background: url(../img/pack/box02/no.png) no-repeat left center;
    background-size: 50px;
}
.maintenance_service .no_title03{
    background: url(../img/pack/box03/no.png) no-repeat left center;
    background-size: 50px;
}
.maintenance_service .box_wrap01{
    margin:0 0 0;
}
.maintenance_service .box_wrap01 .box{
    margin:0 0 15px;
}
.maintenance_service .box_wrap01 .box table{
    margin:0 auto 10px;
    width:95%;
    font-size:15px;
}
.maintenance_service .box_wrap01 .box table th{
    padding:5px;
    text-align:center;
    font-weight:bold;
    background:#EEEEEE;
    border:1px solid #ccc;
}
.maintenance_service .box_wrap01 .box table td{
    padding:5px;
    text-align:left;
    border:1px solid #ccc;
}
.maintenance_service .box_wrap01 .box .text{
    margin:0 10px 10px;
    font-size:15px;
    line-height:150%;
}
.maintenance_service .box_wrap01 .box .text .blue{
    color:#0059B2;
    font-weight:bold;
}
.maintenance_service .box_wrap01 .box .text .bold{
    font-weight:bold;
}
.maintenance_service .box_wrap01 .box .text .border{
    border-bottom:1px solid #333;
    line-height:1;
    display:inline-block;
}

/* maintenance_service photo_wrap
   ========================================== */
.maintenance_service .photo_wrap{
    margin:0 0 0;
    line-height:0;
    font-size:0;
    text-align:center;
}
.maintenance_service .photo_wrap img{
    width:50%;
}


/* maintenance_service box_wrap02
   ========================================== */
.maintenance_service .box_wrap02 .box{
	margin:0 0 0;
}
.maintenance_service .box_wrap02 .box .photo{
	margin:0 0 0;
	line-height:0;
}
.maintenance_service .box_wrap02 .box .photo_pc{
	display:none;
}
.maintenance_service .box_wrap02 .box .photo img{
	width:100%;
}

.maintenance_service .box_wrap02 .box .text_box{
	margin:0 0 0;
	padding:15px 0;
	line-height:150%;
	background:#FFF;
}

.maintenance_service .box_wrap02 .no_title{
	transition: .8s;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	opacity:0;
}
.maintenance_service .box_wrap02 .no_title.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.maintenance_service .box_wrap02 .box .text_box .text{
	margin:0 0 0;
	padding:10px;
	font-size:15px;
	transition: 1.2s;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.maintenance_service .box_wrap02 .box .text_box .text.on{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

.maintenance_service .box_wrap02 .box .text_box .text .red{
	font-size:inherit;
	color:#D80000;
    font-weight:bold;
}
.maintenance_service .box_wrap02 .box .text_box .text .blue{
	font-size:inherit;
	color:#0070BF;
    font-weight:bold;
}
.maintenance_service .box_wrap02 .box .text_box .text .border{
	border-bottom:1px solid #333;
    line-height:1;
    display:inline-block;
    font-weight:bold;
}

/* year_price
   ========================================== */
.year_price{
    margin:0 0 0;
}
.year_price .top{
    margin:0 0 0;
    background:#0059B2;
}
.year_price .top .inner_wrap{
    position:relative;
    padding:10px;
}
.year_price .top .text{
    margin:0 30% 10px 0;
    font-size:16px;
    font-weight:bold;
    line-height:150%;
    color:#fff;
}
.year_price .top .text .yellow{
    color:#FFFF72;
}
.year_price .top .photo{
    margin:0 30% 0 0;
    line-height:0;
    text-align:left;
}
.year_price .top .photo img:nth-child(1){
    width:60%;
    margin:0 0 10px;
}
.year_price .top .photo img:nth-child(2){
    width:100%;
}
.year_price .top .item{
    position:absolute;
    right:0;
    bottom:0;
    width:35%;
}
.year_price .bottom{
    margin:0 0 0;
    background:#EEE;
}
.year_price .bottom .inner_wrap{
    padding:10px;
}
.year_price .bottom .text{
    font-size:16px;
    font-weight:bold;
    color:#D80000;
}

/* lack
   ========================================== */
.lack{
    background:url(../img/maintenance/lack/bg.jpg) no-repeat center center;
    background-size:cover;
    padding:20px 10px;
	transition: .8s;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	opacity:0;
}
.lack.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.lack .top{
    margin:0 0 0;
    padding:15px 10px;
    border:1px solid #FFFF73;
}
.lack .top .top_text{
    margin:0 0 15px;
    line-height:0;
}
.lack .top .top_text img{
    width:100%;
}
.lack .top .text{
    margin:0 0 0;
    line-height:150%;
    font-size:16px;
    color:#fff;
}
.lack .top .text .brown{
    color:#FFDFBF;
}
.lack .bottom{
    margin:0 0 0;
    padding:15px 5px;
    font-size:16px;
    color:#fff;
}
.lack .arrow{
    margin:0 0 0;
    line-height:0;
    text-align:center;
}
.lack .arrow img{
    width:20%;
	animation:ease-out 2s lack_arrow infinite;
	-webkit-animation:ease-out 2s lack_arrow infinite;
	-ms-animation:ease-out 2s lack_arrow infinite;
}

@-webkit-keyframes lack_arrow {
	0% {-webkit-transform: translate(0, 15px);}
	50% {-webkit-transform: translate(0, 0);}
	100% {-webkit-transform: translate(0, 15px);}
}
@-moz-keyframes lack_arrow {
	0% {-moz-transform: translate(0, 15px);}
	50% {-moz-transform: translate(0, 0);}
	100% {-moz-transform: translate(0, 15px);}
}
@-ms-keyframes lack_arrow {
	0% {-ms-transform: translate(0, 15px);}
	50% {-ms-transform: translate(0, 0);}
	100% {-ms-transform: translate(0, 15px);}
}

/* tightly
   ========================================== */
.tightly{
    background:url(../img/maintenance/tightly/bg.jpg) no-repeat center center;
    background-size:cover;
    padding:0 10px 30px;
	transition: .8s;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	opacity:0;
}
.tightly.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.tightly .white_bg{
    margin:0 0 0;
    padding:15px 10px 20px;
    background:rgba(255,255,255,0.7);
}
.tightly .white_bg .top_text{
    margin:0 0 15px;
    font-size:17px;
    font-weight:bold;
    line-height:150%;
    text-align:center;
}
.tightly .white_bg .top_text img{
    width:100%;
}
.tightly .white_bg .bottom_text{
    margin:0 0 0;
    padding:10px;
    font-size:16px;
    line-height:200%;
    border:1px solid #3363C9;
}
.tightly .white_bg .bottom_text .blue{
    font-weight:bold;
    color:#3363C9;
    border-bottom:1px solid #3363C9;
    line-height:1;
    font-size:16px;
}
.tightly .white_bg .bottom_text .red{
    font-weight:bold;
    color:#D80000;
    font-size:22px;
}

/* insurance_page
   ========================================================================== */
.insurance_top_text{
    margin:0 0 0;
    padding:15px 10px;
    font-size:16px;
    line-height:180%;
}
.insurance_top_text .blue{
    color:#0059B2;
    border-bottom:1px solid #0059B2;
    line-height:1;
}

/* insurance_pack
   ========================================== */
.insurance_pack{
    margin:0 0 0;
    padding:20px 10px;
    background:url(../img/insurance/bg.jpg) no-repeat center bottom;
    background-size:cover;
    overflow:hidden;
}
.insurance_pack .white_bg{
    margin:0 0 0;
    padding:20px 10px;
    background:rgba(255,255,255,0.9);
}
.insurance_pack .white_bg .title{
    margin:0 0 20px;
    font-size: 17px;
    font-weight: bold;
    text-align:center;
}
.insurance_pack .white_bg .title img{
    vertical-align: sub;
    width: 80px;
}
.insurance_pack .white_bg .box_wrap{
    margin:0 0 20px;
}
.insurance_pack .white_bg .box_wrap .box{
    margin:0 0 10px;
    padding:10px 0;
    border-bottom:1px dashed #777777;
}
.insurance_pack .white_bg .box_wrap .box .box_title{
    margin:0 0 10px;
    font-size:16px;
    font-weight:bold;
    color:#0059B2;
}
.insurance_pack .white_bg .box_wrap .box .box_text{
    margin:0 0 0;
    font-size:15px;
    line-height:150%;
}
.insurance_pack .white_bg .box_wrap .box .box_text .bold{
    font-weight:bold;
}
.insurance_pack .white_bg .box_wrap .box .box_text .big{
    font-size:17px;
}
.insurance_pack .white_bg .box_wrap .box .box_text .small{
    font-size:13px;
}
.insurance_pack .white_bg .box_wrap .box .box_text .red{
    color:#D80000;
}

.insurance_pack .photo_box{
    margin:0 0 15px;
    font-size:0;
    line-height:0;
    text-align:center;
}
.insurance_pack .photo_box img{
    width:48%;
}
.insurance_pack .photo_box img:nth-child(1){
    margin-right:4%;
	transition: .8s;
	transform: translate(-100px, 0);
	-webkit-transform: translate(-100px, 0);
	opacity:0;
}
.insurance_pack .photo_box img:nth-child(2){
	transition: .8s;
	transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
	opacity:0;
}
.insurance_pack .photo_box img.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}

.insurance_pack .white_bg .bottom_text{
    margin:0 0 0;
    font-size: 17px;
    font-weight: bold;
    line-height:150%;
}
.insurance_pack .white_bg .bottom_text .green{
    color:#26AD5F;
}

/* simulation_page
   ========================================================================== */
/* model_top
   ========================================== */
.model_top{
    margin:0 0 0;
    padding:20px 0;
}
.model_top .title{
    margin:0 10px 15px;
    padding:0 0 10px;
}
.model_top .title .top{
    margin:0 0 15px;
    font-size:17px;
    font-weight:bold;
}
.model_top .title .left{
    margin:0 0 10px;
    padding:0 0 10px;
    font-size:0;
    border-bottom:1px solid #0059B2;
}
.model_top .title .left .left_text{
    margin:0 0 0;
    display:inline-block;
    width:40%;
    vertical-align:top;
    box-sizing:border-box;
    font-size:5vw;
    font-weight:bold;
}
.model_top .title .left .right_text{
    margin:0 0 0;
    display:inline-block;
    width:60%;
    vertical-align:top;
    box-sizing:border-box;
    font-size:5vw;
    font-weight:bold;
}
.model_top .title .right{
    margin:0 0 15px;
    padding:0 0 0;
    font-size:5vw;
    font-weight:bold;
    text-align:right;
}
.model_top .title .blue{
    color:#0059B2;
}
.model_top .title .red{
    color:#D80000;
}
.model_top .title .text{
    margin:0 0 0;
    padding:0 0 0;
    font-size:14px;
    line-height:150%;
}

/* user
   ========================================== */
.user{
    margin:0 0 40px;
    padding:0 0 0;
}
.user .user_box{
    margin:0 10px 0;
    padding:10px;
    border:1px solid #0059B2;
    position:relative;
}
.user .user_box .photo{
    margin:0 0 10px;
    padding:0 0 0;
    line-height:0;
	text-align: center;
}
.user .user_box .photo img{
    width:40%;
}
.user .user_box .text_box{
    margin:0 0 0;
    padding:0 0 0;
}
.user .user_box .text_box .name{
    margin:0 0 10px;
    padding:0 0 0;
    font-size:16px;
    font-weight:bold;
}
.user .user_box .text_box .text{
    margin:0 0 0;
    padding:0 0 0;
    font-size:16px;
}
.user .user_box .baloon{
    width:60%;
    position:absolute;
    top:-10vw;
    right:0;
}

/* other
   ========================================== */
.other{
    margin:0 0 20px;
    padding:0 0 0;
}
.other .other_box{
    margin:0 10px 10px;
    padding:30px 10px 10px;
    border:1px solid #0059B2;
    position:relative;
}
.other .other_box .title{
    padding:10px;
    background:#0059B2;
    position:absolute;
    top:-20px;
    left:10px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    display:inline-block;
}
.other .other_box .text01{
    margin:0 0 10px;
    font-size:15px;
    line-height:150%
}
.other .other_box .text01 .border{
    border-bottom:1px solid #333;
    display:inline-block;
    line-height:1;
}
.other .other_box .check_box{
    margin:0 0 10px;
}
.other .other_box .check_box .check_text{
    margin:0 0 10px;
    padding:5px 5px 5px 30px;
    line-height:150%;
    background:url(../img/common/check.png) no-repeat left 1px;
    background-size:25px;
    font-size:17px;
    font-weight:bold;
    color:#0059B2;
}
.other .other_box .text02{
    margin:0 0 0;
    font-size:16px;
    font-weight:bold;
}
.other .bottom_text{
    margin:0 0 0;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    line-height:150%;
}
.other .bottom_text .border{
    display:inline-block;
    width:auto;
    border-bottom:3px solid #FFFFBF;
}
.other .bottom_text img{
    vertical-align: sub;
    width: 80px;
}

/* model
   ========================================== */
.model{
    margin:0 0 0;
    padding:50px 0 20px;
    display:block;
    background:#0059B2;
    overflow:hidden;
}
.model img{
	width:100%;
}
.model .pc{
	display:none;
}

/* anime
   ====================== */
.model .left{
	transition: 1.2s;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	opacity:0;
}
.model .left.on{
	transform: rotate(0);
	-webkit-transform: rotate(0);
	opacity:1;
}
.model .text.anime{
	transition: 1.2s;
	transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
	opacity:0;
}
.model .text.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.model .staff_wrap{
	transition: 1.2s;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	opacity:0;
}
.model .staff_wrap.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.model .box_wrap02 .text.anime{
	transition: 1.2s;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	opacity:0;
}
.model .box_wrap02 .text.on{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	opacity:1;
}

/* start
   ====================== */
.model .start{
    margin:0 0 0 0;
}
.model .start .left{
    margin:0 2% 0 10px;
    line-height:0;
    display:inline-block;
    width:95px;
    vertical-align:middle;
    box-sizing:border-box;
}

.model .start .text{
    margin:0 0 0;
    font-size:17px;
    color:#FFFF72;
    font-weight:bold;
    border-bottom:1px solid #FFFF72;
    line-height:1;
    display:inline-block;
    width:auto;
    vertical-align:middle;
    box-sizing:border-box;
}

/* start02
   ====================== */
.model .start02{
    margin:0 0 0 57px;
}
.model .start02 .left{
    margin:0 10px 0 0;
    line-height:0;
    display:inline-block;
    width:10%;
    vertical-align:middle;
    box-sizing:border-box;
    text-align:center;

}
.model .start02 .text{
    margin:0 0 0;
    font-size:15px;
    color:#DFFFBF;
    font-weight:bold;
    line-height:1;
    display:inline-block;
    width:80%;
    vertical-align:middle;
    box-sizing:border-box;

}

/* box_wrap01
   ====================== */
.model .box_wrap01{
    margin:0 0 0;
    position:relative;
}
.model .box_wrap01 .box{
    margin:0 0 0;
}
.model .box_wrap01 .box .left{
    margin:-1px 10px 0 21px;
    padding:27px 21px 0 0;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    background:url(../img/simulation/model/item03.png) no-repeat right center;
    background-size:100%;
    display:inline-block;
    width:100px;
    height:100px;
    vertical-align:middle;
    box-sizing:border-box;
    text-align:center;
}
.model .box_wrap01 .box .text{
    margin:-20px 0 0;
    font-size:16px;
    color:#FFFFBF;
    font-weight:bold;
    line-height:1;
    display:inline-block;
    width:auto;
    vertical-align:middle;
    box-sizing:border-box;
}

/* staff_wrap01
   ====================== */
.model .staff_wrap01{
    position:absolute;
    right:0;
    top:35px;
    width:30%;
}
.model .staff_wrap01 .sp{
    width:100%;
}

/* inter
   ====================== */
.model .inter{
    margin:3px 0 0 57px;
    font-size:0;
}
.model .inter .left{
    margin:0 0 0 0;
    line-height:0;
    display:inline-block;
    width:70px;
    vertical-align:middle;
    box-sizing:border-box;
}
.model .inter .text{
    margin:-23px 0 0;
    padding:10px;
    font-size:16px;
    color:#FFFFBF;
    font-weight:bold;
    text-align:center;
    border:4px solid #FFFFBF;
    line-height:120%;
    display:inline-block;
    width:70%;
    vertical-align:middle;
    box-sizing:border-box;
}

/* box_wrap02
   ====================== */
.model .box_wrap02{
    margin:0 0 0;
    position:relative;
}
.model .box_wrap02 .box{
    margin:0 0 0;
    font-size:0;
}
.model .box_wrap02 .box .left{
    margin:0 0 0 22px;
    padding:27px 21px 0px 0;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#FFDFBF;
    background:url(../img/simulation/model/item05.png) no-repeat right center;
    background-size:100%;
    display:inline-block;
    width:100px;
    height:77px;
    vertical-align:middle;
    box-sizing:border-box;
    text-align:center;
}
.model .box_wrap02 .box .text{
    margin:0 0 0;
    padding:10px;
    font-size:20px;
    color:#0059B2;
    font-weight:bold;
    background:#fff;
    border:4px solid #FFDFBF;
    width:60%;
    box-sizing:border-box;
    text-align:center;
    line-height:1;
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}

/* box_wrap03
   ====================== */
.model .box_wrap03{
    margin:0 0 0;
    position:relative;
}
.model .box_wrap03 .box{
    margin:0 0 0;
}
.model .box_wrap03 .box .left{
    margin:-1px 10px 0 22px;
    padding:51px 21px 0px 0;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#FFFFBF;
    background:url(../img/simulation/model/item06.png) no-repeat right center;
    background-size:100%;
    display:inline-block;
    width:100px;
    height:100px;
    vertical-align:middle;
    box-sizing:border-box;
    text-align:center;
}
.model .box_wrap03 .box .text{
    margin:25px 0 0;
    font-size:16px;
    color:#FFFFBF;
    font-weight:bold;
    line-height:1;
    display:inline-block;
    width:auto;
    vertical-align:middle;
    box-sizing:border-box;
}

/* staff_wrap02
   ====================== */
.model .staff_wrap02{
    position:absolute;
    right:0;
    top:50px;
    width:31%;
}
.model .staff_wrap02 .sp{
    width:100%;
}

/* end
   ====================== */
.model .end{
    margin:0 0 0;
    position:relative;
}
.model .end .top{
    margin:0 0 0;
    padding:0 0 15px;
    position:relative;
}
.model .end .top .arrow{
    margin:17px 10px 0 42px;
    display:inline-block;
    width:40px;
    vertical-align:top;
    box-sizing:border-box;
	transition: 1.2s;
	transform: translate(0, -100px);
	-webkit-transform: translate(0, -100px);
	opacity:0;
}
.model .end .top .arrow img{
    width:100%;
}
.model .end .top .arrow.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}
.model .end .top .text_box{
    margin:0 0 0;
    display:inline-block;
    width:55%;
    vertical-align:top;
    box-sizing:border-box;
	transition: 1.2s;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	opacity:0;
}
.model .end .top .text_box.on{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	opacity:1;
}
.model .end .top .text_box .end_title{
    margin:0 0 15px;
    padding:10px;
    font-size:18px;
    color:#0059B2;
    font-weight:bold;
    text-align:center;
    background:#fff;
    border:4px solid #FFDFBF;
    box-sizing:border-box;
}
.model .end .top .text_box .text01{
    margin:0 0 5px;
    font-size:16px;
    box-sizing:border-box;
    color:#fff;
    line-height:150%;
}
.model .end .top .text_box .text01 .brown{
    color:#FFDFBF;
    border-bottom:1px solid #FFDFBF;
    display:inline-block;
    line-height:1;
}
.model .end .top .text_box .text02{
    margin:0 0 0;
    font-size:24px;
    color:#FFFF72;
    font-weight:bold;
    line-height:150%;
}
.model .end .top .text_box .text02 .big{
    font-size:36px;
    color:inherit;
}
.model .end .top .text_box .text03{
    margin:0 0 0;
    font-size:20px;
    color:#fff;
    font-weight:bold;
    line-height:150%;
}
.model .end .top .staff{
    position:absolute;
    right:-30px;
    bottom:0;
	transition: 1.2s;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	opacity:0;
    width:30%;
}
.model .end .top .staff.on{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity:1;
}

.model .end .bottom{
    margin:0 auto 0;
    padding:10px;
    width:98%;
    box-sizing:border-box;
    background:#fff;
    border:4px solid #FFFFBF;
    text-align:center;
}
.model .end .bottom .text01{
    margin:0 0 10px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    line-height:140%;
}
.model .end .bottom .text02{
    margin:0 0 0;
    font-size:20px;
    font-weight:bold;
    color:#0059B2;
    line-height:180%;
}
.model .end .bottom .text02 .blo{
    border-bottom:2px solid #0059B2;
    line-height:1;
    display:inline-block;
}

/* contact
   ========================================================================== */
.contact{
	margin:5px 5px 20px;
}

/* form */
.req{
	color:#F00;
}
.nini{
	color:#0059B2;
}
.shinsa{
	color:#0059B2;
}
.contact table{
	width:100%;
	font-size:16px;
	box-sizing:border-box;
}
.contact th,.contact td{
	border:1px solid #DBDBDB;
	width:100%;
	display:block;
	font-weight:normal;
	border-bottom:none;
	padding:10px;
	box-sizing:border-box;
}
.contact th{
	background:#F6F6F6;
}
.contact td{

}
.contact .id_imput{
    padding:0 10px;
}
.contact tr:last-child td{
	border-bottom:1px solid #DBDBDB;
}

.contact input,.contact textarea,.contact select{
	font-size:16px;
	padding:5px;
	box-sizing:border-box;
	width:100%;
	border:1px solid #ddd;
}
.contact .radio label{
	display:inline-block;
	margin:0 10px 0 0;
}
.contact .radio label input{
	display:inline-block;
	width:auto;
}
.contact .income input{
	width:60%;
}
.contact .income .check:after{
	content:"万円";
}
.zsk_btn_area {
    padding: 20px 0 0;
}
.zsk_btn_area button{
	color:#FFF;
	border:none;
	padding:0 5px;
	width:49%;
	margin:0 0 20px;
	border-radius:6px;
}
.zsk_btn_area button img{
	width:100%;
}
.zsk_btn_area .zsk_btn01{
	background:none;
	width:100%;
}
.zsk_btn_area .zsk_btn02{
	background:none;
}
.zsk_btn_area .zsk_btn03{
	background:none;
}
.thanks{
	text-align:left;
	line-height:150%;
	font-size:16px;
	margin:0 0 0;
	padding:0 10px;
}

/* inner-contact
   ========================================================================== */
.inner-contact{
	margin:5px 5px 20px;
}

/* form */
.inner-contact table{
	width:100%;
	font-size:16px;
	box-sizing:border-box;
}
.inner-contact th,.inner-contact td{
	border:1px solid #DBDBDB;
	width:100%;
	display:block;
	font-weight:normal;
	border-bottom:none;
	padding:10px;
	box-sizing:border-box;
}
.inner-contact th{
	background:#F6F6F6;
}
.inner-contact td{

}
.inner-contact .id_imput{
    padding:0 10px;
}
.inner-contact tr:last-child td{
	border-bottom:1px solid #DBDBDB;
}

.inner-contact input,.inner-contact textarea,.inner-contact select{
	font-size:16px;
	padding:5px;
	box-sizing:border-box;
	width:100%;
	border:1px solid #ddd;
}
.inner-contact .radio label{
	display:inline-block;
	margin:0 10px 0 0;
}
.inner-contact .radio label input{
	display:inline-block;
	width:auto;
}
.inner-contact .income input{
	width:60%;
}
.inner-contact .income .check:after{
	content:"万円";
}

/* contact_top
   ========================================================================== */
.contact_top{
	margin:0 10px;
}
.contact_top th,
.contact_top td{
	border:1px solid #00B800;
	width:100%;
	display:block;
	font-weight:normal;
	border-bottom:none;
	padding:10px;
	box-sizing:border-box;
}
.contact_top th{
	background:#F7FFF8;
}
.contact_top td{
	background:#fff;
	text-align: left;
}
.contact_top .id_imput{
    padding:0 10px;
}
.contact_top tr:last-child td{
	border-bottom:1px solid #00B800;
}
.contact_top .zsk_btn_area {
    padding: 20px 0 0;
}

/* detail
   ========================================================================== */
.detail_page .under_page_main01 .inner_wrap .text01 img{
    width:95%;
}

.detail{
    margin:0 0 0;
}
.detail .update{
    margin:0 0 10px;
    padding:10px 10px 0;
    font-size:16px;
}
.detail .blue_title{
    margin:0 0 15px;
    padding:10px 15px;
    background:#014495;
    color:#fff;
    font-size:18px;
    font-weight:bold;
}

.detail .blue_title .yellow_text{
    color:#FFFFBF;
}

/* photo_wrap
   ========================================== */
.detail .photo_wrap{
    margin:0 0 20px;
}
.detail .photo_wrap .frame{
    margin:0 10px 0;
}
.detail .photo_wrap .frame .photo{
    margin:0 0 0;
}
.detail .photo_wrap .frame .photo a{
    display:block;
    width:100%;
    height: 260px;
    overflow:hidden;
}
.detail .photo_wrap .frame .photo img{
    max-width:100%;
    width:100%;
}
.detail .photo_wrap .frame .navi{
    margin:0 0 0;
}
.detail .photo_wrap .frame .navi .box_wrap{
    margin:0 0 0;
    font-size:0;
    line-height:0;
}
.detail .photo_wrap .frame .navi .box_wrap div{
    margin:0 0 0;
    width:calc(100% / 3);
    line-height:0;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
}
.detail .photo_wrap .frame .navi .box_wrap div a{
    display:block;
    transition:all ease-out 0.3s;
}
.detail .photo_wrap .frame .navi .box_wrap div a.active{
    opacity:0.6;
}
.detail .photo_wrap .frame .navi .box_wrap div a img{
    width:100%;
    height:80px;
}

/* date_wrap01
   ========================================== */
.date_wrap01{
    margin:0 0 0;
}
.date_wrap01 .box_wrap{
    margin:0 0 0;
}
.date_wrap01 .box_wrap .left{
    margin:0 10px 0;
}
.detail .type01{
    margin:0 0 15px;
    width:100%;
}
.detail .type01 th{
    font-size:15px;
    padding:10px;
    background:#FBE4D5;
    border:1px solid #CCCCCC;
    font-weight:normal;
}
.detail .type01.green th{
    background:#E2EFD9;
}
.detail .type01 td{
    font-size:15px;
    padding:10px;
    border:1px solid #CCCCCC;
}
.detail .type01 td span{
    margin:0 10px;
    font-size:inherit;
    display:inline-block;
}

.date_wrap01 .box_wrap .right{
    margin:0 10px 0;
}

.date_wrap01 .box_wrap .right .status_box{
	margin:0 0 15px;
    display:block;
}
.date_wrap01 .box_wrap .right .status_box .status_title{
	margin:0 0 5px;
    padding:5px;
    display:block;
    background:#F09211;
    color:#fff;
    font-size:15px;
    text-align:center;
}
.date_wrap01 .box_wrap .right .status_box .green_wrap{
	margin:0 0 15px;
    display:block;
    font-size:0;
}
.date_wrap01 .box_wrap .right .status_box .green_wrap .green_box{
	margin:0 0 5px;
    padding:5px;
    display:inline-block;
    width:48%;
    vertical-align:top;
    box-sizing:border-box;
    background:#56AA3D;
    color:#fff;
    font-size:15px;
    text-align:center;
}
.date_wrap01 .box_wrap .right .status_box .green_wrap .green_box:nth-child(2n+1){
	margin:0 4% 5px 0;
}

.date_wrap01 .box_wrap .right .price{
	margin:0 0 15px;
    text-align:center;
    display:block;
    border-bottom:1px solid #0059B2;
}
.date_wrap01 .box_wrap .right .price .kakaku{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:15px;
}
.date_wrap01 .box_wrap .right .price .nedan{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:20px;
    color:#0059B2;
}
.date_wrap01 .box_wrap .right .price .zei{
	margin:0 0 0;
    display:inline-block;
    font-size:13px;
    color:#0059B2;
}

.date_wrap01 .box_wrap .right .rimawari{
	margin:0 0 15px;
    text-align:center;
    display:block;
    border-bottom:1px solid #0059B2;
}
.date_wrap01 .box_wrap .right .rimawari .kakaku{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:15px;
}
.date_wrap01 .box_wrap .right .rimawari .suji{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:20px;
    color:#0059B2;
}
.date_wrap01 .box_wrap .right .rimawari .percent{
	margin:0 0 0;
    font-weight:bold;
    display:inline-block;
    font-size:16px;
    color:#0059B2;
}

.date_wrap01 .bottom_text{
    margin:0 0 0;
    padding:10px;
    font-size:14px;
    line-height:150%;
}
.date_wrap01 .bottom_text .red{
    color:#D80000;
}

/* date_wrap02
   ========================================== */
.date_wrap02{
    margin:0 0 30px;
}
.date_wrap02 .box_wrap{
    margin:0 0 20px;
}
.date_wrap02 .box_wrap .left{
    margin:0 10px 0;
}

.date_wrap02 .box_wrap .right{
    margin:0 10px 0;
}
.date_wrap02 .box_wrap .right .text_box{
    margin:0 0 30px;
    font-size:15px;
    line-height:150%
}
.date_wrap02 .box_wrap .right .text_box p{
    margin:10px 0 0;
    font-size:inherit;
    line-height:150%
}
.date_wrap02 .box_wrap .right .text_box img{
    margin:10px 0 0;
    max-width:100%;
}

.date_wrap02 .btn{
    margin:0 0 0;
    text-align:center;
}
.date_wrap02 .btn a{
    display:inline-block;
}
.date_wrap02 .btn a img{
    width:90%;
}

/* footer
   ========================================================================== */
footer{
	margin:0;
	background:#F6F6F6;
	background-size:contain;
	padding:0 0 100px;
	border-top:1px solid #CCC;
}
footer .footer_top{
	border-top:1px solid #ddd;
	background:#F7F7F7;
	width:auto;
}
footer .footer_top:first-child{
	border-top: none;
}
footer .footer_top.bg{
	background:url(../img/common/footer_bg.png) repeat-x center bottom;
    background-size:100%;
    padding:0 0 50px;
}
.f_nav a{
	background:url(../img/common/footer_arrow.png) no-repeat 10px center;
	padding:10px 0 10px 40px;
	background-size:8px;
	display:block;
	border-bottom:1px solid #CCC;
	color:#333;
}
.f_nav a span{
	color:#333;
}
footer .bottom{
	text-align:center;
}
footer .map{
	margin:0 0 0;
}
footer .map iframe{
	width:100%;
	height:200px;
	frameborder:0;
	border:0;
}
footer .right{
	margin:0 0 0;
}
footer .footer_logo{
	width:30%;
	display:inline-block;
	margin:10px 0 10px;
	line-height:1;
}
footer .footer_logo a{
	display:inline-block;
	width:100%;
}
footer .footer_logo img{
	width:100%;
}
footer .right .text{
	font-size:13px;
	line-height:150%;
	padding:0 10px;
	text-align:left;
	margin:0 0 10px;
}
footer .right .text .bold{
	display:block;
    font-weight:bold;
    font-size:16px;
}
a.to_office{
    margin:10px 0 0;
    display:inline-block;
    border:1px solid #9C385B;
    background:#9C385B;
    color:#fff !important;
    padding:5px 20px;
    font-size:14px;
    border-radius:4px;
}
footer address{
	font-size:10px;
	background:#fff;
	color:#333;
	padding:10px 10px;
	text-align:center;
}
footer .footer_bottom{
	display:none;
}

/* TOPへ戻るボタン
   ========================================================================== */
#page-top {
	position: fixed;
	bottom:15px;
	right:10px;
	width:40px;
    z-index:98;
}
#page-top img{
	width:100%;
}
#page-top span{
	display:none;
}
#page-top a {
	display:block;
	height:auto;
	opacity:0.8;
	transition:ease-in 0.3s;
}
#page-top a:hover {
	opacity:1;
}



/* bottom_tel
   ========================================================================== */

	.bottom_tel{
		width:100%;
		display:block;
		position:fixed; bottom:0;
		background:#FFF;
        z-index:100;
	}
	.bottom_tel .title{
		padding:2px;
		background:#333;
		font-size:12px;
		color:#FFF;
		line-height:150%;
		font-weight:bold;
		text-align:center;
	}
	.bottom_tel .inner{
		padding:3px 5px;
		border:1px solid #333;
		border-top:none;
		overflow:hidden;
	}
	.bottom_tel table{
		box-sizing:border-box;
        width:100%;
	}
	.bottom_tel table td{
        vertical-align:middle;
	}
    /* 左側設定 */
	.bottom_tel .tel{
		width:72%;
		text-align:center;
	}
	.bottom_tel .number{
		font-size:6vw;
		color:#444;
		line-height:120%;
		font-weight:bold;
		margin:4px 0 0;
        text-align:center;
	}
	.bottom_tel .number a{
		color:#444;
		padding:0 0 0;
	}
	.bottom_tel .tel .text{
		padding-top:0px;
		font-size:2.5vw;
		color:#444;
		line-height:150%;
		text-align:center;
	}
    /* 右側設定 */
	.bottom_tel .btn{
		width:14%;
		font-size:0;
        box-sizing:border-box;
        text-align:center;
		padding: 2px;
	}
	.bottom_tel .btn01{
		background:none;
	}
	.bottom_tel .btn02{
		background:none;
	}
	.bottom_tel .btn a{
		padding:0;
		display:block;
		text-align:center;
		line-height: 0;
	}
	.bottom_tel .icon{
		width:100%;
		margin:0 auto;
		display:block;
		line-height:0;
	}
	.bottom_tel .btn .text{
		padding-top:2px;
		display:block;
		font-size:9px;
		color:#FFF;
		line-height:120%;
	}
	.bottom_tel img {
		border:none;
		vertical-align:bottom;
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}