@charset "utf-8";
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
}

#contents {
	font-family: "A-OTF UD新丸ゴ Pro", 'Hiragino Kaku Gothic Pro', "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

/* BEGIN */
@media print,
screen and (min-width : 769px) {
	/* ------------------------------------------------------------------------------------------
*
*
    Responsive / PC
*
*
------------------------------------------------------------------------------------------ */

	/* ------------------------------------------------------------
*
    common
*
------------------------------------------------------------ */

	.for_sp,
	.sp {
		display: none;
	}

	#wrap {
		overflow-x: hidden;
	}

	.content_body {
		margin: 0 auto -400px;
		line-height: 1.6;
	}

	.block_inner {
		width: 100%;
		max-width: 1266px;
		margin: 0 auto;
	}

	.txt_s {
		font-size: 12px;
	}

	.heading_01 {
		color: #5a5a5a;
		font-size: 30px;
		font-weight: bold;
		line-height: 1.4;
		margin: 20px 0;
	}

	.list_nomark {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.list_disc {
		list-style-type: disc;
		margin: 0 0 0 2em;
		padding: 0;
	}





	/* ------------------------------------------------------------
*
    mv_block
*
------------------------------------------------------------ */
	.mv {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 1440px;
		height: 624px;
	}

	.mv_figure {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		transform: translate(0, 0) !important;
	}

	.mv_block {
		/* background: url(../img/mv_pic01.png) no-repeat top center; */
	}

	/* .mv_block.js-mvPic02 { background-image: url(../img/mv_pic02.png); }
.mv_block.js-mvPic03 { background-image: url(../img/mv_pic03.png); } */

	.mv_pic {
		box-sizing: border-box;
		max-width: 1040px;
		height: 624px;
		margin: 0 auto;
		padding: 67px 30px 0;
		position: relative;
	}

	.mv_pic .mv_title {
		margin: 0 0 42px;
		padding: 0;
	}

	.mv_pic .mv_title img {
		width: 465px;
		height: auto;
	}

	.mv_pic .news_box {
		box-sizing: border-box;
		width: 242px;
		height: 90px;
		border: 3px solid #00a9ba;
		border-radius: 21px;
		position: absolute;
		bottom: 3px;
		left: 15px;
	}

	/*
.mv_pic .news_box::before {
	content: "";
	width: 1000px;
	height: 3px;
	background-color: #00a9ba;
	position: absolute;
	left: -10px;
	top: 50%;
	margin-top: -1px;
	margin-left: -1000px;
}
.mv_pic .news_box dl {
	margin: 0;
	padding: 14px 10px 0 12px;
}
.mv_pic .news_box dt {
	border-bottom: 1px solid #00a9ba;
	color: #00a9ba;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.mv_pic .news_box dt img {
	width: 63px;
	height: auto;
	margin-right: 16px;
}
.mv_pic .news_box dt .data {

}
.mv_pic .news_box dd {
	margin: 0;
	padding: 9px 0 0;
	color: #00a9ba;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
 */
	/* .mv_pic .mv_name {
	position: absolute;
	right: 30px;
	top: 218px;
} */
	.mv_pic .mv_menu {
		width: 360px;
		background: url(../img/mv_navbar.png) no-repeat center left;
		padding: 0;
		margin: 60px 0 0 0;
	}

	.mv_pic .mv_menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 30px;
	}

	.mv_pic .mv_menu li {
		font-size: 25px;
		margin-bottom: 25px;
	}

	.mv_pic .mv_menu li a {
		text-decoration: none;
		color: #00a9ba;
		font-weight: 600;
	}

	.mv_pic .sp_menu {
		display: none;
	}

	.mv_lead {
		height: 104px;
		max-width: 980px;
		margin: 0 auto;
		position: relative;
	}

	.mv_lead::before {
		content: "";
		width: 65px;
		height: 75px;
		background: url(../img/mv_scroll.png) no-repeat 0 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.mv_lead::after {
		content: "";
		width: 65px;
		height: 78px;
		display: block;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
		background-position: 0 -78px;
		background-size: 100% 200%;
		position: absolute;
		right: 0;
		bottom: 0;
		animation: allowAnimation 2.4s cubic-bezier(0.46, 0.09, 0.59, 0.95) forwards infinite;
	}

	@keyframes allowAnimation {
		0% {
			background-position: 0 -78px;
		}

		75% {
			background-position: 0 0;
		}

		100% {
			background-position: 0 78px;
		}
	}

	.mv_lead p {
		opacity: 0;
		transform: translate3d(0, 24px, 0);
		margin: 30px 0 0 -30px;
		text-align: center;
		transition: all .6s ease;
	}

	.mv_lead.is-active p {
		transition: all .6s ease;
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}



	/* -----------------------------------------------------------
*
    pcnav
*
------------------------------------------------------------ */

	.pcnav {
		position: fixed;
		top: 140px !important;
		left: 0;
		transition: all 0.5s;
		margin-left: -590px !important;
		z-index: 10;
	}

	.pcnav.is-fixed {
		left: 50%;
	}

	.pcnav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		background: url(../img/pcnav_bar.png) no-repeat 50% 30px;
	}

	.pcnav li {
		margin: 0 0 50px;
		text-align: center;
	}

	.pcnav li a {
		display: block;
		padding: 22px 0 10px;
		background: url(../img/pcnav_disc.png) no-repeat top center;
	}

	.pcnav li:first-child a {
		padding-top: 16px;
	}

	.pcnav li a.current {
		background-image: url(../img/pcnav_disc_ov.png);
	}



	/* -----------------------------------------------------------
*
    lead_movie_block
*
------------------------------------------------------------ */
	.lead_movie_block {
		padding: 30px 0 0;
		max-width: 1020px;
		margin: 0 auto;
	}

	.lead_movie_block .lead_maintext {
		margin: 0 0 64px;
		padding: 0;
		color: #00a9ba;
		font-size: 28px;
		font-weight: 400;
		line-height: 2.0;
		text-align: center;
	}

	.movie_wrapper {
		width: 982px;
		height: 630px;
		margin: 0 auto;
		padding: 50px 0 0;
		background: url(../img/movie_bg.png) no-repeat 0 0;
	}

	.movie_wrapper .movie_watch {
		margin: 0 0 34px;
		text-align: center;
	}

	.movie_wrapper .mov_box {
		position: relative;
		width: 650px;
		height: 390px;
		margin: 0 auto 20px;
		cursor: pointer;
	}
	.movie_wrapper .mov_box a {
		display: block;
	}

	.movie_wrapper .mov_box a::after {
		content: "";
		width: 162px;
		height: 125px;
		background: url(../img/movie_btn.png) no-repeat 0 0;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -81px;
		margin-top: -62px;
	}

	.movie_wrapper .mov_box a:hover::after {
		background-image: url(../img/movie_btn_ov.png);
	}

	.movie_wrapper .movie_text {
		margin: 0;
		color: #fff;
		font-size: 25px;
		font-weight: 400;
		text-align: center;
	}



	/* -----------------------------------------------------------
*
    block 共通
*
------------------------------------------------------------ */

	.block {
		width: 980px;
		margin: 100px auto;
	}

	.block h3 {
		margin: 0;
	}

	.block h4 {
		margin: 0;
	}

	.block .block_lead {
		margin: 26px 0;
		font-size: 22px;
		line-height: 1.8;
	}

	.block .iine_title {
		margin: 0 0 22px -10px;
	}



	/* -----------------------------------------------------------
*
    about_block
*
------------------------------------------------------------ */
	.about_block {
		margin-top: 112px;
		position: relative;
		min-height: 690px;
	}

	.about_block h3 {
		margin-bottom: 28px;

	}

	.about_block h4 {
		margin-bottom: 40px;

	}

	.about_block .about_txt {
		margin: 0 0 65px;
	}
	.about_block .about_txt sup {
		font-size: 0.6em;
		vertical-align: top;
	}

	.about_block .about_pic {
		position: absolute;
		bottom: 0;
		right: -20px;
		text-align: right;
	}

	.about_block .about_pic img {
		width: 594px;
		height: auto;
	}
	.about_block .about_pic .about_pic_caption {
		margin: 20px 0 0;
		text-align: right;
		font-size: 14px;
	}

	.about_block .box_hconnect {
		width: 345px;
		border: 2px solid #00a9ba;
		border-radius: 10px;
		padding: 10px 0;
	}

	.about_block .box_hconnect h4 {
		margin: 0 0 14px -10px;
		text-align: center;
	}

	.about_block .box_hconnect p {
		margin: 0;
		font-size: 15px;
		text-align: center;
	}



	/* -----------------------------------------------------------
*
    diagnose_block
*
------------------------------------------------------------ */

	.diagnose_block {
		margin-top: 116px;
	}

	.diagnose_block .diagnose_pic01 {
		margin-top: -235px;
		margin-left: 78px;
	}

	.diagnose_block .diagnose_pic01_caption {
		text-align: right;
		font-size: 14px;
		margin: 20px 0 128px;
	}

	.diagnose_block .diagnose_pic02_wrapper {

	}
	.diagnose_block .diagnose_pic02_wrapper > div {
		display: flex;
		justify-content: space-between;
	}

	.diagnose_block .diagnose_pic02_wrapper .point01 {
		padding-left: 23px;
	}

	.diagnose_block .diagnose_pic02_wrapper .point02 {
		padding-right: 10px;
	}

	.diagnose_block .diagnose_pic02_wrapper .point03 {}

	.diagnose_block .diagnose_pic02_wrapper .diagnose_caption {
		margin: 20px 0 0;
		text-align: right;
		font-size: 14px;
	}



	/* -----------------------------------------------------------
*
    discount_block
*
------------------------------------------------------------ */

	.discount_block {
		margin-top: 133px;
	}

	.discount_block .discount_pic01 {
		position: relative;
		min-height: 375px;
		margin-bottom: 30px;
	}

	.discount_block .discount_pic01 .pic01 {
		margin: 45px 0 0;
		padding-left: 12px;
	}

	.discount_block .discount_pic01 .pic02 {
		margin: 0;
		position: absolute;
		bottom: 35px;
		right: 25px;
	}

	.discount_block .discount_pic03 {
		margin: 20px 0 0;
	}
	.discount_block .discount_pic03 .discount_pic03_pic {

		padding-left: 15px;
	}
	.discount_block .discount_caption {
		margin: 28px 0 0;
		text-align: right;
		font-size: 14px;
	}




	/* -----------------------------------------------------------
*
    qa_block
*
------------------------------------------------------------ */

	.qa_block {
		margin-top: 143px;
		width: auto;
	}

	.qa_block h3 {

		padding-right: 8px;
		text-align: center;
	}

	.qa_block .qa_body_wrapper {
		background-color: #eff7f9;
		padding: 65px 0 20px;
		margin-top: -5px;
		position: relative;
		z-index: 2;
	}

	.qa_block .qa_body_inner {
		width: 980px;
		margin: 0 auto;
	}

	.qa_block .qa_body_inner h4 {
		margin: 0 0 30px;
		text-align: center;
		font-size: 30px;
		font-weight: normal;
		color: #00a9ba;
	}

	.qa_block .qa_body_inner .qa_more_wrapper h4 {
		margin-top: 160px;
	}

	.qa_block .qa_body_inner .qa_item {
		position: relative;
		padding: 15px 25px 0 138px;
		margin-bottom: 55px;
	}

	.qa_block .qa_body_inner .qa_item::after {
		content: "";
		display: table;
		clear: both;
	}

	.qa_block .qa_body_inner .qa_item::before {
		content: "";
		display: block;
		width: 107px;
		height: 106px;
		background: url(../img/faq_iconQ.png) no-repeat 0 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	.qa_block .qa_body_inner .qa_Q {
		box-sizing: border-box;
		position: relative;
		margin: 0 0 20px;
		padding: 20px;
		width: 750px;
		background-color: #fff;
		border: 5px solid #00a9ba;
		border-radius: 35px;
		font-weight: normal;
		font-size: 24px;
		line-height: 38px;
		display: flex;
	}

	.qa_block .qa_body_inner .qa_Q.w01 {
		width: 668px;
	}

	.qa_block .qa_body_inner .qa_Q.w02 {
		width: 805px;
	}

	.qa_block .qa_body_inner .qa_Q::before {
		content: "";
		display: block;
		width: 32px;
		height: 20px;
		margin: 0;
		background: url(../img/qa_q_bg.png) no-repeat 0 0;
		position: absolute;
		top: -5px;
		left: -18px;
	}

	.qa_block .qa_body_inner .qa_Q .q_icon {
		font-size: 35px;
		line-height: 38px;
		font-weight: bold;
		color: #00a9ba;
	}

	.qa_block .qa_body_inner .qa_Q .q_txt {
		padding-left: 10px;
	}

	.qa_block .qa_body_inner .qa_A {
		box-sizing: border-box;
		position: relative;
		float: right;
		padding: 20px 12px 20px 58px;
		margin: 0;
		width: 615px;
		background-color: #00a9ba;
		border-radius: 35px;
		color: #fff;
		font-size: 22px;
	}

	.qa_block .qa_body_inner .qa_A.w01 {
		width: 650px;
	}

	.qa_block .qa_body_inner .qa_A.w02 {
		width: 746px;
	}

	.qa_block .qa_body_inner .qa_A.w03 {
		width: 814px;
	}

	.qa_block .qa_body_inner .qa_A::after {
		content: "";
		display: block;
		width: 31px;
		height: 18px;
		margin: 0;
		background: url(../img/qa_a_bg.png) no-repeat bottom left;
		position: absolute;
		bottom: 0;
		right: -13px;
	}


	.qa_block .qa_more_btn {
		margin: 30px 0;
		text-align: center;
		font-size: 24px;
		color: #00a9ba;
	}
	.qa_block .qa_more_btn span {
		cursor: pointer;
	}

	.qa_block .qa_more_btn span::after {
		content: "";
		display: inline-block;
		width: 21px;
		height: 13px;
		background: url(../img/arrow_down.png) no-repeat 0 0;
		vertical-align: middle;
		line-height: 13px;
		margin-left: 10px;
	}
	.qa_block .qa_more_btn.is-open span::after {
		background-image: url(../img/arrow_up.png);
	}
	.qa_block .qa_more_btn .txt_close {
		display: none;
	}
	.qa_block .qa_more_btn.is-open .txt_close {
		display: inline-block;
	}
	.qa_block .qa_more_btn.is-open .txt_more {
		display: none;
	}



	/* -----------------------------------------------------------
*
    insurance_block
*
------------------------------------------------------------ */

	.insurance_block {
		margin-top: 120px;
		width: 1000px;
	}

	.insurance_block h3 {
		text-align: center;
		margin: 0 0 55px;
	}

	.insurance_block .insurance_pic {
		display: flex;
		align-items: flex-start;
		margin-bottom: 63px;
		padding-left: 10px;
	}

	.insurance_block .insurance_pic .insurance_pic02 {
		margin-left: -8px;
	}

	.insurance_block .insurance_pic .about_anshinplan {
		margin: 30px 0 0;
		text-align: center;
		font-size: 24px;
		line-height: 28px;
	}

	.insurance_block .insurance_pic .about_anshinplan a {
		text-decoration: none;
		color: #00a9ba;
	}

	.insurance_block .insurance_pic .about_anshinplan a::after {
		content: "";
		margin-left: 8px;
		width: 28px;
		height: 28px;
		background: url(../img/icon_arrow.png) no-repeat 0 0;
		display: inline-block;
		vertical-align: middle;
		line-height: 28px;
	}

	.insurance_block .insurance_requirement {
		padding-top: 40px;
		border-top: 2px solid #00a9ba;
		border-bottom: 2px solid #00a9ba;
	}

	.insurance_block .insurance_requirement h4 {

		text-align: center;
	}

	.insurance_block .insurance_requirement p {
		margin: 30px 0 0;
		text-align: center;
		font-size: 24px;
	}

	.insurance_block .insurance_requirement ol {
		margin: 10px 0 30px 100px;
		padding: 0;
	list-style-type: decimal;
	}

	.insurance_block .insurance_requirement li {
		margin: 0 0 8px;
		font-size: 20px;
	}

	.insurance_block .insurance_shop {
		margin-top: 95px;
	}

	.insurance_block .insurance_shop h4 {
		margin: 0 0 30px;
		text-align: center;
	}

	.insurance_block .insurance_shop p {
		text-align: center;
	}

	.insurance_block .insurance_shop .link_hondacars {
		margin: 50px 16px 58px 0;
	}

	.insurance_block .insurance_shop .insurance_title04 {
		margin: 68px 0 30px;
		text-align: center;
	}

	.insurance_block .insurance_shop .item_list {
		list-style-type: none;
		width: 980px;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}

	.insurance_block .insurance_shop .item_list li {
		box-sizing: border-box;
		width: 316px;
		padding: 22px 0;
		border: 4px solid #81d5dd;
		border-radius: 20px;
		text-align: center;
	}


	.insurance_block .insurance_shop .item_list .item_logo {
		height: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.insurance_block .insurance_shop .item_list li.sompo .item_logo img {
		width: 202px;
	}
	.insurance_block .insurance_shop .item_list li.tokyomarinenichido .item_logo img {
		width: 212px;
	}
	.insurance_block .insurance_shop .item_list li.msad .item_logo img {
		width: 259px;
	}

	.insurance_block .insurance_shop .item_list .item_name {
		display: block;
		text-align: left;
		margin: 20px 20px 0;
		font-size: 11px;
	}

	.insurance_block .insurance_shop .item_list .item_link {
		display: block;
		margin: 20px 0 0;
		text-align: center;
		font-size: 20px;
		color: #00a9ba;
		text-decoration: none;
	}

	.insurance_block .insurance_shop .item_list .item_link span {
		display: inline-block;
		line-height: 20px;
		font-size: 18px;
	}

	.insurance_block .insurance_shop .item_list .item_link::after {
		content: "";
		width: 20px;
		height: 20px;
		background: url(../img/icon_arrow.png) no-repeat 0 0 / 100%;
		background-size: 20px auto;
		display: inline-block;
		vertical-align: middle;
		line-height: 20px;
	}
	.insurance_block .insurance_shop .item_list .item_link:hover {
		opacity: .7;
	}

	.insurance_block .insurance_shop .item_list li.gray .item_link {
		color: #a0a0a0;
	}
	.insurance_block .insurance_shop .item_list li.gray .item_link::after {
		background: url(../img/icon_arrow_gray.png) no-repeat 0 0 / 100%;
	}

	.insurance_block .insurance_shop .insurance_shop_caption {
		margin: 16px 0 0 65px;
	}
	.insurance_block .insurance_shop .insurance_shop_caption p {
		text-align: left;
	}

	.insurance_block .insurance_shop .shop_list {
		list-style-type: none;
		margin: 24px 0 0 65px;
		padding: 0;
	}

	.insurance_block .insurance_shop .shop_list li {
		overflow: hidden;
	}

	.insurance_block .insurance_shop .shop_list li .shop_label {
		display: block;
		float: left;
		width: 6em;
	}

	.insurance_block .insurance_shop .shop_list li .shop_data {
		display: block;
		overflow: hidden;
	}

	.insurance_block .insurance_caption {
		margin: 60px 0;
	}

	.insurance_block .insurance_caption p {
		margin: 0;
	}

	.insurance_block .insurance_data_wrap {
		width: 980px;
		margin: 40px auto 0;
		display: flex;
		justify-content: space-between;
	}
	.insurance_block .insurance_data_item {
		box-sizing: border-box;
		width: 316px;
		padding: 0 0 0 24px;
	}
	.insurance_block .insurance_data_item h5 {
		margin: 0;
	}

	/* -----------------------------------------------------------
*
    related_block
*
------------------------------------------------------------ */

	.related_block {
		display: flex;
		justify-content: space-between;
		margin: 0 auto 80px;
		flex-wrap: wrap;
	}

	.related_block .related_item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 128px;
	}

	.related_block .related_item.hondaconnect {
		width: 510px;
	}

	.related_block .related_item.safety-portal {
		width: 510px;
		margin-top: 24px;
	}

	.related_block .related_item.anshinplan {
		width: 360px;
	}

	.related_block .related_item .item_logo {}

	.related_block .related_item .item_logo img {}

	.related_block .related_item.hondaconnect .item_logo img {
		margin-top: 40px;
	}
	.related_block .related_item.safety-portal .item_logo img {
		margin-top: 40px;
		width: 273px;
	}

	.related_block .related_item .item_logo a {
		display: block;
		text-align: center;
		font-size: 20px;
		color: #00a9ba;
		text-decoration: none;
	}

	.related_block .related_item.hondaconnect .item_logo a {
		margin-top: 25px;
	}
	.related_block .related_item.anshinplan .item_logo a {
		margin-top: 5px;
	}
	.related_block .related_item.safety-portal .item_logo a {
		margin-top: 25px;
	}

	.related_block .related_item .item_logo a span {}

	.related_block .related_item .item_logo a span::after {
		content: "";
		width: 20px;
		height: 20px;
		background: url(../img/icon_arrow.png) no-repeat 0 0;
		background-size: 20px auto;
		display: inline-block;
		vertical-align: middle;
		line-height: 20px;
	}

	.related_block .related_item .item_txt {
		position: relative;
		margin: 0;
		font-size: 20px;
		color: #444;
	}

	.related_block .related_item.hondaconnect .item_txt {
		width: 180px;
		padding-left: 22px;
	}

	.related_block .related_item.anshinplan .item_txt {
		width: 130px;
		padding-left: 25px;
	}

	.related_block .related_item.safety-portal .item_txt {
		width: 180px;
		padding-left: 22px;
	}

	.related_block .related_item .item_txt::before {
		content: "";
		display: block;
		width: 1px;
		height: 118px;
		border-right: 2px solid #d1d1d1;
		position: absolute;
		left: 0;
		top: -5px;
	}

	.txt_doc_number {
		width: 980px;
		margin: 0 auto;
		text-align: right;
	}

	/* ------------------------------------------------------------------------------------------
*
*
    END ----- Responsive / PC
*
*
------------------------------------------------------------------------------------------ */
}

/* END */