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

/* ---------------------------------------------------
	COMMON
------------------------------------------------------ */

@media screen and (max-width: 767px) {
}

/* ---------------------------------------------------
	下層ページタイトル
------------------------------------------------------ */
.pagetit {width: 100%; height: 300px; position: relative; background: url(../img/common/bg-pagetit.jpg) no-repeat top center; background-size: cover; text-align: center;}
.pagetit .page-title {margin: 0; font-size: 40px; line-height: 1.4;  padding: 165px 0 0 0; color: #000;}

/* 火災保険ページ */
.pagetit.page-1-13-115{background: url(../img/common/insurance_header.png
) no-repeat top center; }
@media screen and (max-width: 767px) {
	.pagetit.page-1-13-115{background: url(../img/common/insurance_header.png) no-repeat top 50% right 35%;}
}

@media screen and (max-width: 767px) {
.pagetit {width: 100%; max-width: 100; height: 200px; margin-left: 0; position: relative; background-size: cover;}
.pagetit .page-title {margin: 0; font-size: 1.875em; padding: 120px 0 0 0;}
}

/* ---------------------------------------------------
	パンくず
------------------------------------------------------ */
.topicpath { background: none; width: 100%; text-align: center;}
.topicpath-list { width: 100%; padding: 0; text-align: center;}
.topicpath-item { float: none; display: inline-block; background: none; padding: 0; font-size: 15px; }
.topicpath-item:first-child { padding: 0;}
.topicpath-item:before { display: inline-block; content: "/"; padding: 0 10px;}
.topicpath-item:first-child:before { display: inline-block; content: ""; padding: 0;}
.topicpath-link { font-size: 15px;}

@media screen and (max-width: 767px) {
}

/* ---------------------------------------------------
	pager
------------------------------------------------------ */
.pager {margin: 0 0 50px;}
.pager li {width: 50px; height: 50px; border: 1px solid #000; border-radius: 0; font-size: 20px; vertical-align: middle; background: #FFF; box-sizing: border-box;}
.pager li.prev, .pager li.next {width: 50px; height: 50px; border: none; border-radius: 0; font-size: 20px; vertical-align: middle; background: none;}
.pager li.cur {background: #066F9D; color: #FFF; border-radius: 0; padding: 10px; box-sizing: border-box;}
.pager li a {display: inline-block; width: 100%; height: 100%; vertical-align: middle; color: #000; font-size: 20px; box-sizing: border-box;}
.pager-link {background: #FFF; padding: 10px;}
.pager-link:active, .pager-link:focus, .pager-link:visited { color: #000;}
.pager-link:hover {background: #066F9D; color: #FFF; border-radius: 0; opacity: 1; }
.pager li.prev .pager-link, .pager li.next .pager-link {background: none; color: #000; }
.pager li.prev .pager-link:hover, .pager li.next .pager-link:hover {background: none; color: #000; }


.serial-nav {width: 100%; max-width: 1200px; margin: 0 auto 50px;}
.serial-nav a {display: block; padding: 15px 30px; color: #000; font-weight: bold;}
.serial-nav a:active, .serial-nav a:focus, .serial-nav a:hover, .serial-nav a:visited {color: #000;}
.serial-nav a:hover {text-decoration: none;}
.serial-nav-item a { border: 1px solid #000;}


@media screen and (max-width: 767px) {
.pager {margin: 0 0 25px;}
.pager li {margin-bottom: 10px;}
.serial-nav { display: flex; justify-content: space-between;}
.serial-nav .serial-nav-item { width: 48%;}
}

/* ---------------------------------------------------
	TOP
------------------------------------------------------ */

@media screen and (max-width: 767px) {
}

/* ---------------------------------------------------
	おしらせ・ブログ
------------------------------------------------------ */
.top-news {width: 100%; padding: 100px 0 50px;}
.top-news .news-main {max-width: 1200px; margin: 0 auto;}
.top-news .news-main .list {}
.top-news .news-main .list .list--item {width: 100%; max-width: 1200px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #CCC; display: flex; justify-content: flex-start; align-items: center; font-size: 20px; font-size: 1.25rem; box-sizing: border-box;}
.top-news .date {display: inline-block; line-height: 1.6; margin-right: 20px;}
.top-news .category {border: 1px solid #066F9D; margin-right: 20px; min-width: 130px; text-align: center;}
.top-news .category span {padding: 5px; font-size: 18px;}
.top-news .title {font-weight: bold;}
.top-news .btn-more {text-align: center;}
.top-news .btn-more a {display: inline-block; width: 280px; vertical-align: middle; padding: 15px 0; background: #066F9D; border-radius: 10px; text-align: center; font-weight: 700; color: #FFF; font-size: 20px; font-size: 1.25rem;}


@media screen and (max-width: 767px) {
.top-news .news-main .list .list--item {display: block; padding: 0 10px 20px;}
.top-news .title {display: block; margin-top: 10px;}
}


/* ---------------------------------------------------
	お問い合わせ
------------------------------------------------------ */
.contact {}
.contact-box {width: 100%; max-width: 1200px; margin: 0 auto;}
.contact-box .tel-box {margin-bottom: 40px; padding: 30px 0 0; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center;}
.contact-box .tel-box h2 {margin-bottom: 0;}
.contact-box .contact-no { font-size: 50px; margin-bottom: -20px;}
.contact-box .fax { font-size: 30px;}
.contact-box .contact-no span {color: #BB4824;}
.contact-box .acms-admin-form-radio {display: block; margin-bottom: 10px;}
.contact-box .radio-sub {display: inline-block; padding-left: 25px; margin-bottom: 10px;}
.form-btn-box {margin: 20px 10px;}
.btn-attention-block-large {background: #BB4824; transition: all .25s ease;}
.btn-attention-block-large:active, .btn-attention-block-large:focus, .btn-attention-block-large:hover {background: #BB4824; opacity: 0.8;}
input, select { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-weight: 500;}

.contact-form, .contact-form-group {background: none;}
.contact-form input, .contact-form textarea {font-weight: normal;}

.form-confilm th {border-bottom: 1px solid #ccc;}
.form-confilm td {border-bottom: 1px solid #ccc;}

@media screen and (max-width: 767px) {
.contact-box .contact-no { font-size: 28px;}
.contact-box .fax { font-size: 20px;}
}