/*====================================
*
/beginner/useful.html
*
====================================*/
@charset "UTF-8";
@media screen and (min-width: 769px) {
/*------------------------------------------------------------------------------------------
*
*
	Responsive / PC
*
*
------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------
*
	useful_PC共通
*
------------------------------------------------------------ */
#contents_area{
	box-sizing: border-box;
}
.slick-dotted.slick-slider {
    line-height: 1em;
}
.arrow_box{
    text-align: center;
    padding: 20px 0;
	position: relative;
	border: 2px solid #8d8d8d;
    border-radius: 5px;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(141, 141, 141, 0);
	border-left-color: #8d8d8d;
	border-width: 13px;
	margin-top: -13px;
}

.unc_nav{
	width: 880px;
	margin: 0 auto;
	margin-bottom: 100px;
	padding: 30px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.unc_nav .detail{
	padding: 0;
}
.unc_nav .detail li{
	text-align: left;
	_float: left;
}
.unc_nav .detail li:nth-child(2n){
	_margin-right: 0;
	_float: right;
}

.unc_nav .detail li a{
	display: block;
	_width: 390px;
	_padding: 15px;
	_border: 1px solid #eee;
	margin: 0 0 10px;
	_position: relative;
}
.unc_nav .detail li a:after{
	_position: absolute;
	_top: 40%;
	_left: 93%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.section h3{
	background: url(/welfare/beginner/images/ico_useful.png) no-repeat;
	background-size: 50px;
	background-position: 50px 62px;
	padding: 60px 0 0 120px;
}



/* ------------------------------------------------------------
*
	#section_wheelchair
*
------------------------------------------------------------ */
#section_wheelchair .flow{
    margin: 60px 0;
}
#section_wheelchair .flow .left{
    float: left;
    width: 320px;
    margin-right: 20px;
}
#section_wheelchair .flow .center{
    float: left;
    width: 200px;
    text-align: center;
    margin-top: 100px;
    font-size: 24px;
    font-family: "HondaGlobalFontJP-Bold", sans-serif;
    color: #8d8d8d;
}
#section_wheelchair .flow .center:after{
    content: "\002192";
    display: block;
    padding-top: 15px;
    color: #808080;
    font-size: 60px;
    font-family: "HondaGlobalFontJP-Bold", sans-serif;
}
#section_wheelchair .flow .right{
    float: right;
    width: 320px;
    margin-left: 20px;
}

#section_wheelchair .arrow_box{
	font-size: 16px;
	margin: 60px 0 20px 50px;
	padding: 20px 15px;
	width: 850px;
	text-align:center;
}
#section_wheelchair .arrow_box:after,
#section_wheelchair .arrow_box:before {
	top: 116%;
	left: 50%;
}
#section_wheelchair .arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
	margin-top: -9px;
}
#section_wheelchair .arrow_box:before {
	border-color: rgba(141, 141, 141, 0);
	border-top-color: #8d8d8d;
	border-width: 13px;
	margin-left: -13px;
	margin-top: -9px;
}

#section_wheelchair .img_slider{
    margin: 20px 0 0;
}
#section_wheelchair .img_slider .slider_inner{
    line-height: 1.5em;
    margin-bottom: 30px;
}
#section_wheelchair .img_slider .slider_inner p{
    margin-bottom: 20px;
}
#section_wheelchair .img_slider .slider_inner p.mb_30{
    margin-bottom: 30px;
}
#section_wheelchair .img_slider .slider_inner p.col01{
    width: 520px;
    margin: 0 auto;
    text-align: center;
}
#section_wheelchair .img_slider .slider_inner .bold .point{
    _color: #ea5504;
    padding-right: 10px;
}
#section_wheelchair .img_slider .slider_inner img{
    margin-bottom: 20px;
}
#section_wheelchair .img_slider .slider_inner .col_left p,
#section_wheelchair .img_slider .slider_inner .col_right p{
    font-size: 16px;
    line-height: 1.3em;
}
#section_wheelchair .img_slider .slider_inner .caution{
    margin: -20px 0 0;
}

/* ------------------------------------------------------------
*
	#section_tax
*
------------------------------------------------------------ */
#section_tax .section.bg{
	padding-top: 40px;
	margin-bottom: 40px;
}
#section_tax .col_left,
#section_tax .col_right{
    margin-top: 30px;
}

#section_tax .other_support{
    clear: both;
    align-items: center;
    padding: 60px 0;
}
#section_tax .other_support p.arrow_box{
    margin-right: 60px;
	background: #f8f8f8;
    width: 160px;
}
#section_tax .other_support p.arrow_box:after {
	border-left-color: #f8f8f8;
}

#section_tax .other_support ul{
    width: 580px;
}
#section_tax .other_support ul li{
    display: inline-block;
    margin: 0 40px 20px 0;
}
#section_tax .other_support ul li:nth-of-type(2n){
}
#section_tax .other_support ul li img{
    width: 30px;
    margin-right: 15px;
    position: relative;
    top: 5px;
}
#section_tax .other_support .bottom_txt{
align-self: flex-end;
padding-bottom: 18px;
}
#section_tax .cont_caution{
    background-color: #fff;
    margin-top: 60px;
}

/* ------------------------------------------------------------
*
	#section_fordrive
*
------------------------------------------------------------ */
#section_fordrive ul li {
    float: left;
    width: 266px;
    box-sizing: border-box;
    margin: 40px 41px 20px 0;
    font-size: 16px;
    line-height: 1.5em;
}
#section_fordrive ul li:last-child {
    margin-right: 0;
}
#section_fordrive .detail li{
    width: 390px;
    margin: 60px 0 0;
    padding: 0;
}
#section_fordrive .point_caution{
	clear:both;
	padding-bottom: 60px;
}
/* ------------------------------------------------------------
*
	#section_point
*
------------------------------------------------------------ */
#section_point .section.bg{
	padding-top: 40px;
}
#section_point .section_column .col_left{
    width: 380px;
    margin: 30px 0 60px;
}
#section_point .section_column .col_right{
    margin: 30px 0 60px;
    width: 460px;
    clear: both;
}
#section_point .section_column .col_left:nth-of-type(7),
#section_point .section_column .col_right:last-of-type{
    margin-bottom: 0;
}




}