@charset "UTF-8";
/* CSS Document */
#pagetop{ position:fixed; top:70%; right:30px; z-index:15; font-weight:bold; line-height:1.4; font-size:1.5rem;visibility: visible !important;}
#pagetop a{ display:block; width:134px; height:134px; color:#fff; text-align:center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color:#71A72E; background-image:url(img/icon_pagetop.png); background-repeat:no-repeat; background-position:50% 80px; padding-top:30px;}
#pagetop a:hover{ background-color:#e60012;}

header nav li.navi3 a{ color:#e60012;}
#sateibtn{ position:fixed; top:40%; right:30px; z-index:15; font-weight:bold; line-height:1.4; font-size:1.5rem;visibility: visible !important;}
#sateibtn a{ display:block; width:134px; height:134px; color:#fff; text-align:center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color:#dcb440; background-image:url(img/icon_mail.png); background-repeat:no-repeat; background-position:50% 80px; padding-top:30px;}
#sateibtn a:hover{ background-color:#e60012;}

#index .txt { padding-bottom:60px;}
#index .txt p{text-align: center;}
#index .txt img{ max-width: 100%;height: auto;}
#index .btn{margin: 24px 0 0;}
#index .btn > ul > li{width: 23%;float: left;margin: 0 1% 0px;}
#index .btn > ul > li:nth-child(2){width: 48%;float: left;margin: 0 1% 0px;}
#index .btn > ul > li:nth-child(2) li{width: 48%;float: left;margin: 0 1% 5px;}
#index .btn > ul > li > a{ display:block; text-align:center; font-size:1.8rem; line-height:1.2; font-weight:bold; border:1px solid #c6c6c6; background-color:#fff; background-image:url(img/top_arrow.png); background-repeat:no-repeat; background-position:50% 87%; padding:4px 0 20px 0;margin: 0 auto 12px;letter-spacing: 0.5em;width: 220px;border-left: 5px solid #CCC;border-right: 5px solid #CCC;}
#index .btn > ul > li > a:hover{ color:#fff; border:1px solid #4a4a4a; background-color:#4a4a4a; background-position:50% 95%;}
#index .btn > ul > li:nth-child(2) > a{width: 300px;}
#index .btn ul.nav01 li {text-align: center; background-image:url(../common/foot_icon_back.png); background-repeat:no-repeat; background-position:lef top; background-color:#272727;margin: 0 1% 5px;}
#index .btn ul.nav01 li a{color: #FFF;display: block;}

.contactareta .btn2{ text-align:center;}
.contactareta .btn2 a{ display:block; width:368px; margin:0 auto; padding:10px 0; font-size:1.5rem; text-align:center; color:#fff; background-color:#494949; background-image:url(img/w_arrow.png); background-repeat:no-repeat; background-position:95% 50%;}

.contactareta .btn2 a:hover{ background-color:#000;}
.contactareta .txt2{ text-align:center; padding:35px 0 60px 0; font-size:1.5rem;}
#detail .contactareta .txt2{ color:#fff;}


#detail{ background-color:#000; background-image:url(../common/top_back.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto; color:#333;}
#detail .box{ background-color:#fff; padding:60px 90px;}
#detail h3{
    text-align: center;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    padding-bottom: 55px;
    line-height: 1.5;
}
#detail h4{ font-size:2.4rem; font-weight:bold; padding-bottom:40px;margin-top: -100px; padding-top: 100px;}
#detail h5{ color:#fff; font-size:1.6rem; font-weight:bold; background-color:#333; padding:5px 10px; margin-bottom:22px;}
.fc_red{ color:#e60012;}

#kaitori{ padding:77px 0 50px 0; font-size:1.5rem;}
.kaitori1{ padding-bottom:65px;}
.kaitori1 dl{ border-bottom:1px solid #c6c6c6; padding-bottom:22px; margin-bottom:27px;}
.kaitori1 dt{ float:left; background-color:#e60012; color:#fff; font-size:1.3rem; text-align:center; width:68px; height:68px; padding-top:6px;}
.kaitori1 dt span{ font-size:3.6rem; font-weight:bold;}
.kaitori1 dd{ padding-left:87px;}
.kaitori1 .title,.baikyaku1 .title{ font-weight:bold; font-size:1.8rem; padding-bottom:5px;}

.kaitori2{}
.kaitori2 .txt{ padding:0 0 55px 0;}
.kaitori2 .txt2{ text-indent:-1em; padding:4px 0 4px 1em; color:#7c6234; font-weight:bold; border-bottom:1px solid #c6c6c6;}

#baikyaku{ padding:77px 0 100px 0; font-size:1.5rem;}
.baikyaku1{ padding-bottom:105px;}
.baikyaku1 dl{ padding-bottom:14px; background-image:url(img/step_arrow.png); background-repeat:no-repeat; background-position:50px bottom;}
.baikyaku1 dl.last{ background-image:none;}
.baikyaku1 dt{ float:left; background-color:#e60012; color:#fff; font-weight:bold; font-size:1.4rem; text-align:center; width:132px; padding:6px 0 3px 0;}
.baikyaku1 dt span{ font-size:2.1rem;}
.baikyaku1 dd{ border-bottom:1px solid #c6c6c6; padding:7px 0 15px 0; margin-left:165px;}
.baikyaku2{ padding-bottom:105px;}
.baikyaku2 #baikyaku2box{ padding:20px 0 72px 0;}
#baikyaku2box li{ color:#fff; font-weight:bold; background-color:#333; width:293px; float:left; margin-right:48px;}
#baikyaku2box li:last-child{ margin-right:0;}
#baikyaku2box .labelbox{ background-color:#e60012; font-size:1.7rem; text-align:center; width:118px; padding:6px 0;}
#baikyaku2box .txt{ font-size:1.6rem; text-align:center; padding:19px 0 45px 0;}
.baikyaku2 .txt2{ font-size:2.4rem; text-align:center; border:1px solid #c6c6c6; padding:15px 0 ; margin-bottom:90px;}
.baikyaku2 .txt3{ font-weight:bold; padding:15px 0;}
.baikyaku2 .txt4{ padding-bottom:74px;}
.baikyakumerit{border-bottom:1px solid #c6c6c6; padding-top:35px;}
.baikyakumerit dl{ clear:both; background-image:url(img/merit_arrow.png); background-repeat:no-repeat; background-position:50%; border-top:1px solid #c6c6c6;}
.baikyakumerit dt,.baikyakumerit dd{ width:450px; text-align:center; padding:10px 0; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
.baikyakumerit dt{ float:left;}
.baikyakumerit dd{ float:right;}
.baikyaku2 .txt5{ padding:40px 0 55px 0;}
.baikyakumerit .left,.baikyakumerit .right{ width:450px; text-align:center; padding:10px 0; margin-bottom:8px; color:#fff; font-size:1.4rem;}
.baikyakumerit span{ font-weight:bold; font-size:1.6rem;}
.baikyakumerit .left{ background-color:#2d6184;}
.baikyakumerit .right{ background-color:#719c27;}

.tax{ text-align:center; padding:50px 0 60px 0; color:#000;}
.tax a.btn { display:block; width:368px; margin:15px auto 0 auto; padding:10px 0; font-size:1.5rem; text-align:center; color:#fff; background-color:#000; background-image:url(img/w_arrow.png); background-repeat:no-repeat; background-position:95% 50%;}
.tax a.btn:hover{ background-color:#494949;}
.taxbox{ border:5px solid #c5c5c5; padding:17px 50px; color:#000;}
.taxbox .title{ text-align:center; padding-bottom:10px;}
.taxbox .title2{ text-align:center; padding-bottom:10px;font-size: 1.8rem;font-weight: bold;}
.taxbox .title2 span{border: 2px solid #e60012;padding: 3px 10px;border-radius: 25px;margin: 0 15px 0 0;}

.baikyaku3{}
.baikyaku3 .txt{ padding:15px 0 65px 0;}
.baikyaku3 .txt3{ padding-bottom:80px;}
.baikyaku3 .list{ font-weight:bold; font-size:1.8rem; margin:35px 0 10px 0;}
.baikyaku3 .num{ float:left; background-color:#e60012; color:#fff; text-align:center; line-height:33px; width:33px; padding-top:2px;}
.baikyaku3 .word{ padding-left:44px; padding-top:4px;}
.baikyaku3 .indent{ text-indent:-2.3em; padding:0 0 3px 2.3em;}
.baikyaku3 .caption{ background-color:#e60012; color:#fff; padding:5px 10px; font-size:1.6rem; margin:40px 0 90px 0; font-weight:bold;}

.baikyaku3 table{ width:100%; border-bottom:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
.baikyaku3 td,.baikyaku3 th{ border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; vertical-align:middle; font-weight:normal; text-align:center;}
.baikyaku3 td.fw,.baikyaku3 th.fw{ font-weight:bold;}
.baikyaku3 .table1{ margin:35px 0 38px 0;}
.baikyaku3 .table1 th{ width:196px; background-color:#f2ebf3; padding:10px 0;}
.baikyaku3 .table1 th.fw{ background-color:#ead9ec;}
.baikyaku3 .table1 td.blue{ background-color:#ebeef3; padding:5px 0;}

.baikyaku3 .txt4{ padding:15px 0 45px 0;}
.baikyaku3 .image{ border:1px solid #c6c6c6; text-align:center; padding:33px 0 20px 0;}
.baikyaku3 .table2{ margin:30px 0 95px 0;}
.baikyaku3 .table2 th{ background-color:#ebeef3; width:146px;}
.baikyaku3 .table2 th{ padding:6px 0;}
.baikyaku3 .table2 td{ padding:6px 24px; text-align:left;}

@media screen and (max-width:760px){
	#index .txt img{margin: 15px 0 24px 0;}
	#pagetop{bottom: 110px;top: auto;}
	#pagetop a{display:block;width: 44px;height: 44px;color:#fff;text-align:center;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-color:#71A72E;background-image:url(img/icon_pagetop.png);background-repeat:no-repeat;background-position:50% 80px;padding-top: 10px;font-size: 10px;}
#sateibtn{  top:auto; bottom:70px; right:auto; width:100%; padding:0 16px;}
#sateibtn a{ display:block; width:100%; height:auto;text-align:left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-position: 95% 50%; background-size:1.5em auto; padding:5px 10px;}

#index .txt { padding-bottom:0px;}
	#index .txt img{}
#index .btn{ padding:0;margin: 0;}
#index .btn a{  font-size:1.5rem;width: 100% !important;}
	#index .btn > ul > li{float: none;}
#index .btn > ul > li{width: 100%;margin: 0 0% 20px;}
	#index .btn > ul > li:nth-child(2){width: 100%;float: none;margin: 0 0% 20px;}
#index .btn > ul > li:nth-child(2) li{width: 100%;float: none;margin: 0 0% 5px;}
	#index .btn > ul > li > a{width: 70% !important;margin: 0 auto 10px;}
.contactareta .btn2 a,.tax a.btn{ width:100%; font-size:1.4rem;}
.contactareta .txt2{ text-align:center; padding:20px 0 50px 0; font-size:1.5rem;}


#detail .box{ padding:50px 10px;}
#detail h3{ font-size:2.8rem; padding-bottom:40px;}
#detail h4{ font-size:2rem; padding-bottom:30px;}
#detail h5{  margin-bottom:20px;}
.fc_red{ color:#e60012;}

#kaitori{ padding:50px 0; font-size:1.4rem;}
.kaitori1{ padding-bottom:60px;}
.kaitori1 dl{ padding-bottom:10px; margin-bottom:10px;}
.kaitori1 dt{ float:none; height:60px; padding-top:3px;}
.kaitori1 dt span{ font-size:2.8rem;}
.kaitori1 dd{ padding-left:0; padding-top:10px;}
.kaitori1 .title,.baikyaku1 .title{ font-size:1.6rem; padding-bottom:5px;}

.kaitori2{}
.kaitori2 .txt{ padding:0 0 40px 0;}

#baikyaku{ padding:50px 0; font-size:1.4rem;}
#baikyaku .box{ padding-bottom:0;}
.baikyaku1{ padding-bottom:80px;}
.baikyaku1 dl{ padding-bottom:10px; background-image:none;}
.baikyaku1 dt{ float:none;}
.baikyaku1 dt span{ font-size:1.8rem;}
.baikyaku1 dd{  padding:7px 0 10px 0; margin-left:0;}
.baikyaku2{ padding-bottom:80px;}

.baikyaku2 #baikyaku2box{ padding:20px 0;}
#baikyaku2box li{  width:100%; float:none; margin-right:0; margin-bottom:15px;}
#baikyaku2box .labelbox{ font-size:1.6rem; width:118px; padding:6px 0;}
#baikyaku2box .txt{ font-size:1.6rem; text-align:center; padding:15px 0 20px 0;}
.baikyaku2 .txt2{ font-size:2rem;  padding:15px 10px; line-height:1.5; margin-bottom:50px;}
.baikyaku2 .txt3{ font-weight:bold; padding:15px 0;}
.baikyaku2 .txt4{ padding-bottom:60px;}
.baikyakumerit{ border-bottom:1px solid #c6c6c6; padding-top:35px;}
.baikyakumerit dt,.baikyakumerit dd{ width:48%;}
.baikyakumerit dt{ border-right:none;}
.baikyakumerit dd{ border-left:none;}
.baikyaku2 .txt5{ padding:40px 0 50px 0;}
.baikyakumerit .left,.baikyakumerit .right{ width:50%;}
.baikyakumerit span{ font-size:1.5rem;}

.tax{ padding:30px 0;}
.taxbox{ padding:10px;}
.taxbox .title{ padding-bottom:5px;}
.taxbox .title2{ padding-bottom:5px;font-size: 1.6rem;font-weight: bold;text-align: left;}
	.taxbox .title2 span{display: block;margin: 0 0 5px;text-align: center;}
	
.baikyaku3{}
.baikyaku3 .txt{ padding:15px 0 50px 0;}
.baikyaku3 .txt3{ padding-bottom:80px;}
.baikyaku3 .list{ font-size:1.6rem; margin:25px 0 10px 0;}
.baikyaku3 .num{line-height:25px; width:25px; padding-top:2px;}
.baikyaku3 .word{ padding-left:30px; padding-top:4px;}
.baikyaku3 .caption{font-size:1.5rem; line-height:1.4;}

.baikyaku3 td.fw,.baikyaku3 th.fw{ font-weight:bold;}
.tablebox{ width:100%; overflow-x: scroll; margin:35px 0 38px 0;}
.baikyaku3 .table1{ margin:0;}
.baikyaku3 .table1 th,.baikyaku3 .table1 td{ font-size:1.3rem; white-space:nowrap; padding:5px;}
.baikyaku3 .table1 th{ width:auto; background-color:#f2ebf3; padding:10px 5px;}
.baikyaku3 .table1 th.fw{ background-color:#ead9ec;}
.baikyaku3 .table1 td.blue{ background-color:#ebeef3; padding:5px 0;}

.baikyaku3 .txt4{ padding:15px 0 45px 0;}
.baikyaku3 .image{ border:1px solid #c6c6c6; text-align:center; padding:33px 0 20px 0;}
.baikyaku3 .table2{ margin:30px 0 95px 0;}
.baikyaku3 .table2 th{ background-color:#ebeef3; width:4em;}
.baikyaku3 .table2 th{ padding:6px 0;}
.baikyaku3 .table2 td{ padding:6px;}
}