#post-area
{
	width: 100%;
	background-color: #fff;
	position: relative;
	left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}

/* 要素のフェードイン */
.slide-top {
	opacity: 0;
	transform: translate(0, -30%);
	transition: all 1s ease-out;
}

/* 下からフェードイン */
.slide-bottom {
	opacity: 0;
	transform: translate(0, 50%);
	transition: all 1s ease-out;
}

 /* 左からフェードイン */
.slide-left {
	opacity: 0;
	transform: translate(-30%, 0);
	transition: all 1s ease-out;
}

/* 右からフェードイン */
.slide-right {
	opacity: 0;
	transform: translate(30%, 0);
	transition: all 1s ease-out;
}

.slide-top-kogao-price {
	opacity: 0;
	transform: translate(0, -300%);
	transition: all 1s ease-out;
}

/**********************************
/ トップページ                    /
**********************************/

/* 保険選びでお悩みですか？ */
#top-worries-img {
	position: relative;
	width: 927px;
	text-align: center;
	margin:0 auto 175px;
	top:160px;
}

#top-worries-img img {
	width: 90%;
	height:auto;
}

/* 保険３つの分野 */
#top-three-message {
	position: relative;
 	width: 100%;
	margin:10px auto 0;
}

#top-three-message h1 {
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	color: #00B5E9;
	text-align: center;
	line-height:110%;
	font-weight:bold;
}

/* 保険の３つの分野 */
#top-insurance-field
{
	margin: 25px auto 0;
	position: relative;
	justify-content: center;
	width: 100%;
	background: #fff;
}

#top-insurance-field ul
{
	display: flex;
	margin: 10px auto;
	position: relative;
	justify-content: center;
	width: 978px;
	background: #fff;
}

#top-insurance-field li img
{
	width: 306px;
	height:auto;
	margin: 0 10px 0;
}

#top-insurance-field li .title01 h2
{
	position: absolute;
	top:5px;
	left:80px;
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}

#top-insurance-field li .title02 h2
{
	position: absolute;
	top:5px;
	left:400px;
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}

#top-insurance-field li .title03 h2
{
	position: absolute;
	top:5px;
	left:730px;
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}

#top-insurance-field li .title04 h2 /* 自動車保険（5文字）対応 */
{
	position: absolute;
	top:5px;
	left:380px;
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}

#top-insurance-field-bottom
{
	margin: 0 auto 70px;
	position: relative;
	justify-content: center;
	width: 100%;
	background: #fff;
}

#top-insurance-field-bottom ul
{
	display: flex;
	margin: 10px auto;
	position: relative;
	justify-content: center;
	width: 978px;
	background: #fff;
}

#top-insurance-field-bottom li .title01 h2
{
	position: absolute;
	top:0;
	left:80px;
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}

#top-insurance-field-bottom li .title02 h2
{
	position: absolute;
	top:0;
	left:400px;
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}

#top-insurance-field-bottom li .title03 h2
{
	position: absolute;
	top:0;
	left:730px;
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}

/* ご相談の流れ */
#consultation-flow
{
	width: 100%;
	height:auto;
	background-color: #B6C576;
	position: relative;
	left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
	margin: 30px auto;
	padding: 0 0 30px;
}

#consultation-flow-title {
	position: relative;
 	width: 100%;
	top: 30px;
}

#consultation-flow-title h1 {
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	color: #473F41;
	text-align: center;
	line-height:110%;
	font-weight:bold;
	margin: 0 auto 30px;
}

#consultation-flow-step {
	position: relative;
	justify-content: center;
 	width: 900px;
	background: #B6C576;
	margin: 0 auto;
	text-align: center;
}

#consultation-flow-step img
{
	position: relative;
 	width: 900px;
	height:auto;
}

#consultation-flow-step dt
{
	position: absolute;
	font-family: 'Kosugi Maru', serif;
	font-size: 30px;
	font-weight: bold;
	color: #473F41;
	text-align: left;
	top: 60px;
	left:115px;
}

#consultation-flow-step dd
{
	position: absolute;
	font-family: 'Kosugi Maru', serif;
	font-size: 20px;
	font-weight: bold;
	color: #473F41;
	text-align: left;
	top: 95px;
	left:150px;
}

/* よくある質問 */
#qa-title {
	position: relative;
 	width: 100%;
	margin:10px auto 0;
}

#qa-title h1 {
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	color: #473F41;
	text-align: center;
	line-height:110%;
	font-weight:bold;
	margin: 0 auto 30px;
}

/* よくある質問ページ アコーディオン 書式設定 */
#acMenu {
	width: 900px;
	margin: 30px auto 50px;
	text-align: left;
}

#acMenu .open{
        display:block;
}

#acMenu h3.question
{
	font-family: 'Kosugi', sans-serif;
	font-size: 30px;
	color: #fff;
}

#acMenu p.answer
{
	font-family: 'Kosugi', sans-serif;
	font-size: 20px;
	color: #473F41;
}

#acMenu dt{
	cursor:pointer;
	background: #00B5E9 url(/images/tg_qa_off.png) no-repeat;
	border-radius: 0.5em;
	background-position: top 20px left 18px;
	margin: 20px 0 0 0;
	padding: 7px 50px;
}

#acMenu dd{
	line-height: 30px;
	background-color: #fff;
	padding: 15px 20px;
	display:none;
}

#acMenu dt.active{
	background: #00B5E9 url(/images/tg_qa_on.png) no-repeat;
	border-radius: 0.5em;
	background-position: top 20px left 18px;
}

#acMenu dt.over{
	background-color: #00B5E9;
	border-radius: 0.5em;
}

/* よくある質問ページリンク色 */
a.acMenu_answer:link {
	text-decoration: underline;
	font-size: 14px;
	color : #FE016C !important; 
}
a.acMenu_answer:visited {
	text-decoration: underline;
	font-size: 14px;
	color : #FE016C !important; 
}
a.acMenu_answer:active {
	text-decoration: underline;
	font-size: 14px;
	color : #FE016C !important; 
}
a.acMenu_answer:hover {
	text-decoration: underline;
	font-size: 14px;
	color : #FE016C !important; 
}

/* 取扱保険会社 */
#insurance-company {
	position: relative;
 	width: 616px;
	margin:30px auto 0;
	text-align: center;
}

#insurance-company h1 {
	font-family: 'Kosugi Maru', serif;
	font-size: 40px;
	color: #473F41;
	text-align: center;
	line-height:110%;
	font-weight:bold;
	margin: 0 auto 30px;
}

#insurance-company img {
	width: 100%;
	height:auto;
}

/* 代表プロフィール */
#top-profile
{
	width: 100%;
	height: 300px;
	margin: 30px 0 0;
	background-color: #FE016C;
}

#top-profile ul
{
	display: flex;
	width: 1000px;
	margin: 0 auto;
}

#top-profile li
{
	margin: 25px 0 0;
}

#top-profile li img
{
	width: 188px;
	height: 250px;
	margin: 0 10px;
}

#top-profile li p
{
	width: 780px;
	font-family: 'Kosugi Maru', serif;
	font-size: 18px;
	color: #fff;
	text-align: left;
	font-weight:bold;
	line-height: 110%;
	margin: 3px 0 0;
}

/* フッター */
#page-footer
{
	width: 100%;
	margin: 0 auto;
	background-color: #eee;
	padding: 30px 0;
}

#page-footer ul
{
	display: flex;
	width: 620px;
	margin: 0 auto;
}

#page-footer li
{
	margin: 0 0 25px;
}

#page-footer li img
{
	width: 70px;
	height: 92px;
	margin: 0 10px;
}

#page-footer li p
{
	font-family: 'Kosugi Maru', serif;
	font-size: 16px;
	color: #111;
	text-align: left;
	font-weight:bold;
	margin: 35px 0 0;
}

#page-footer .sns ul
{
	display: flex;
	width: 500px;
	margin: 20px auto 0;
}

#page-footer .sns li
{
	margin: 0 auto;
}

#page-footer .sns li img
{
	width: 73px;
	height: 73px;
}

#page-footer .sns li a
{
	outline: none;
}

/**********************************
/　footer                         /
**********************************/
#colophon
{
	display: none;
}

#colophon .copyright
{
	display: none;
}

#footer-copyright
{
	width: 100%;
	height: 32px;
	background-color: #FE016C;
	position: relative;
	font-family: 'Kosugi Maru', serif;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin: 4px auto 0;
	padding: 4px 0 0;
}

/**********************************
/ お客様の声              /
**********************************/
#user-voice-header {
	position: relative;
	width: 100vw;
	max-width: 1920px;
	text-align: center;
	margin:0 auto;
}

#user-voice-header img {
	width: 100%;
	height:auto;
}

#user-voice
{
	width: 1000px;
	text-align: center;
	margin: 300px auto 0;
}

#user-voice ul
{
	display: flex;
	width: 1000px;
	justify-content: center;
	margin: -150px auto 0;
}

#user-voice li.left-parts
{
	display: flex;
	width: 450px;
	height: 400px;
	margin: 0 10px 0 0;
	text-align: center;
}

#user-voice li.left-parts img
{
	width: 450px;
	height: 250px;
}

#user-voice dl
{
	position: absolute;
	width: 450px;
	height:auto;
}

#user-voice dt
{
	position: absolute;
	font-family: 'Kosugi Maru', serif;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	top: 215px;
	left:30px;
}

#user-voice dd
{
	position: absolute;
	font-family: 'Kosugi Maru', serif;
	font-size: 20px;
	font-weight: bold;
	color: #473F41;
	text-align: left;
	top: 30px;
	left:30px;
}

#user-voice li.right-parts
{
	display: flex;
	width: 450px;
	height: 400px;
	margin: 150px 0 0 10px;
	text-align: center;
}

#user-voice li.right-parts img
{
	width: 450px;
	height: 250px;
}

/**********************************
/ 企業理念                        /
**********************************/
#philosophy-header {
	position: relative;
	width: 100%vw;
	max-width: 1920px;
	text-align: center;
	margin:0 auto;
}

#philosophy-header img {
	width: 100%;
	height:auto;
}

#philosophy
{
	width: 1000px;
	height: auto;
	text-align: center;
	margin:140px auto 0;
}

#philosophy h1
{
	font-family: 'Kosugi Maru', serif;
	font-size: 34px;
	color: #473F41;
	font-weight: bold;
	text-align: center;
	margin: 40px auto 0 ;
	line-height: 150%;
}

#philosophy h2
{
	font-family: 'Kosugi Maru', serif;
	font-size: 26px;
	color: #473F41;
	font-weight: bold;
	text-align: center;
	margin: 40px auto 40px;
	line-height: 150%;
}

#philosophy h3
{
	font-family: 'Kosugi Maru', serif;
	font-size: 24px;
	color: #473F41;
	font-weight: bold;
	text-align: left;
	margin: 20px 0 20px 10px;
	line-height: 150%;
}

#philosophy p
{
	font-family: 'Kosugi Maru', serif;
	font-size: 20px;
	color: #473F41;
	word-break: break-word;
	text-align: left;
	margin: 0 0 0 36px;
	line-height: 150%;
}

#philosophy .center-text
{
	margin: 30px auto;
	text-align: center;
}

#philosophy .center-text p
{
	font-family: 'Kosugi Maru', serif;
	font-size: 20px;
	color: #473F41;
	word-break: break-word;
	text-align: center;
	margin: 0 auto;
	line-height: 150%;
}

/**********************************
/ ご相談予約フォーム              /
**********************************/
#consul-reserve-form-header ul
{
	display: flex;
	justify-content: center;
	width: 1000px;
	margin: 10px auto 20px;
	background: #fff;
}

#consul-reserve-form-header li img
{
	width: 70px;
	height: 92px;
	margin: 10px 0 0;
}

#consul-reserve-form-header li .title01
{
	width: 250px;
	height: 92px;
	background: #00B4E9;
	margin: 10px 230px 0 0;
	padding: 10px 0 0;
}

#consul-reserve-form-header li .title02
{
	width: 450px;
	height: 92px;
	background: #FF006B;
	margin: 10px 0 0;
}

#consul-reserve-form-header li .title01 h2,
#consul-reserve-form-header li .title02 h2
{
	font-family: 'Kosugi Maru', serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 150%;
}

#consul-reserve-form-header li .title02 h2 a
{
	color: #fff;
	text-decoration-color:  #fff;
	outline: none;
}

#consul-reserve-form .message
{
	width: 1000px;
	font-family: 'Kosugi', sans-serif;
	text-align: left;
	font-size: 18px;
	color: #4E2626;
	margin: 160px auto 0;
	line-height: 150%;
}

#consul-reserve-form-area
{
	width: 1000px;
	text-align: left;
	margin: 30px auto;
	padding: 20px 0 50px;
	border:solid 1px #bbb;
	border-radius: 0.5em;
}

#consul-reserve-form-area .item
{
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	color: #4E2626;
	text-align: left;
	margin: 20px 0 5px 30px;
}

#consul-reserve-form-area .your-pref
{
	width: 220px;
	height: 40px;
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
	margin: 0 0 0 25px;
	padding: 0 0 0 5px;
	vertical-align: middle;
	border-radius: 0.5em;
}

#consul-reserve-form-area .birthday-date ul,
#consul-reserve-form-area .reservation-date ul
{
	display: inline-block;
	margin: 0 0 0 25px;
}

#consul-reserve-form-area .birthday-date li,
#consul-reserve-form-area .reservation-date li
{
	display: inline-block;
}

#consul-reserve-form-area .birthday-date li p,
#consul-reserve-form-area .reservation-date li p
{
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
}

#consul-reserve-form-area .birthday-year,
#consul-reserve-form-area .birthday-month,
#consul-reserve-form-area .birthday-day
{
	width: 100px;
	height: 40px;
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
	padding: 0 0 0 5px;
	vertical-align: middle;
	border-radius: 0.5em;
}

#consul-reserve-form-area .reservation-time01,
#consul-reserve-form-area .reservation-time02,
#consul-reserve-form-area .reservation-time03
{
	width: 300px;
	height: 40px;
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
	vertical-align: middle;
	border-radius: 0.5em;
}

#consul-reserve-form-area .your-sex,
#consul-reserve-form-area .introducer,
#consul-reserve-form-area .consul-method,
#consul-reserve-form-area .consul-field
{
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
	vertical-align: middle;
	margin: 0 0 0 25px ;
}

#consul-reserve-form-area .your-tel,
#consul-reserve-form-area .your-name,
#consul-reserve-form-area .your-kana,
#consul-reserve-form-area .your-email
{
	width: 500px;
	height: 40px;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
	vertical-align: middle;
	margin: 0 0 0 25px ;
	padding: 0 0 0 5px;
	border-radius: 0.5em;
}

#consul-reserve-form-area .your-add
{
	width: 950px;
	height: 40px;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
	vertical-align: middle;
	margin: 0 0 0 25px ;
	padding: 0 0 0 5px;
	border-radius: 0.5em;
}

#consul-reserve-form-area .consul-text,
#consul-reserve-form-area .privacy-policy
{
	max-width: 950px;
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #4E2626;
	vertical-align: middle;
	margin: 0 0 0 25px;
	padding: 0 0 0 5px;
	border-radius: 0.5em;
}

#consul-reserve-form-area .acceptance-check
{
	text-align: center;
	margin: 20px auto;
	font-family: 'Kosugi', sans-serif;
	color: #4E2626;
}

#consul-reserve-form-area .submit-btn
{
	text-align: center;
	margin: 20px auto;
}

#consul-reserve-form-area .wpcf7 input[type="submit"]
{
	width:700px;
	padding:15px;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;  
	-moz-border-radius: 0.5em;
	border: none;
	box-shadow: 0 3px 0 #ddd;
	background: #B6C876;
	transition: 0.3s;
	font-size: 18px;
	color: #fff;
}

#consul-reserve-form-area .wpcf7-submit:hover
{
	background: #B6C876;
	transform: translate3d(0px, 3px, 1px);
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
}
/* ///////////////////////////////
/  パンくず
/////////////////////////////// */
#page_level
{
	width: 1000px;
	font-family: 'Kosugi', sans-serif;
	font-size: 18px;
	color: #444444;
	text-align: left;
	position: relative;
	top: 0;
	margin: 180px auto 0;
}

#page_level a
{
	color: #444444;
	text-decoration: none;
}