/*
Theme Name: Senior Life Support 202108
Author: Senior Life Support / Prownet,Inc.
Description: This is our original theme.
Version: 1.0
*/

img { border: none; }

body {
	font-family: "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , sans-serif;
	color: #333;
	font-size: 14px;
}

#wrapper {
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
}


/* ----------   header  --------------------- */
#header_bar{
	margin: 0 0 0 0;
	padding: 8px 0;
	color: #fff;
	font-size: 120%;
	background-color: #a80082;
	text-align: center;
	cursor: pointer;
}
@media only screen and (max-width: 768px) {
	#header_bar{ font-size: 100%; }
}

header { padding-bottom: 20px; }

.header_div_logo {
	padding: 8px;
}
.header_div_btn {
	padding: 0;
	text-align: right;
}
#logo {
	width: 100%;
	max-width: 380px;
	min-width: 160px;
}
.header_btn {
	width: 18vw;
	max-width: 180px;
	min-width: 120px;
}

@media only screen and (max-width: 576px) {
	.header_div_logo { padding: 6px; padding-top: 12px; text-align: center; }
	.header_div_btn { text-align: center; min-width: 140px; }
}



/* ----------   menu  --------------------- */

#menu-box{
	position: relative;
	padding: 0 15px;
}

#menu{
	margin: 0px auto 0px;
	padding: 0;
	font-size: 110%;
}
#menu li{
	float: left;
	margin: 0;
	list-style: none;
}
#menu li.hom { width: 28%;}
#menu li.nak { width: 24%;}

#menu li a{
	display: block;
	padding: 10px 0;
	color: #000;
	text-align: center;
	font-weight: normal;
	border-right: dotted 1px #000;
	border-bottom: solid 6px #fff;
	text-decoration: none;
}
#menu li.hom a {
	border-left: dotted 1px #000;
}
#menu li a:hover{
	border-bottom: solid 6px #ff7400;
}
#menu-toggle{
	display: none;
	padding: 10px 0 8px;
	width: 100%;
	min-height: 38px;
	background: #3f9d57;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

@media only screen and (max-width: 768px) {
	#menu li{ font-size: 85%; }
}
@media only screen and (max-width: 576px) {
	#menu li{ font-size: 65%; }
}
@media only screen and (max-width: 480px) {
	#menu { display: none; }
	#menu-box { padding: 0; }
	#menu-toggle{ display: block; }
	#menu li{ font-size:100%; }
	#menu li a{ padding: 4px 0; border-right: none; border-bottom: none; }
	#menu li.hom a{ border-left: none; }
	#menu li a:hover{ border-bottom: none; }
	#menu li.hom  { width: 100%; border-bottom: dotted 1px #333; }
	#menu li.nak  { width: 100%; border-bottom: dotted 1px #333; }
}


/* ---------- top_page --------------------- */

#top_title {
	background-color: #fffcf3;
}
@media only screen and (max-width: 480px) {
	#top_title1 { padding: 0; }
}

[id^="menu_title_box"] {
	background-color: #fffcf3;
}
	[id^="menu_title_box"] > div {
		padding: 0;
	}
	[id^="menu_title_box"] > div > div {
		padding: 2px;
	}
	[id^="menu_title_box"] img {
		width: 100%;
	}
#menu_title_box_min { margin-top:50px; }
#menu_title_box_min > div > div.col-org_min{ flex: 0 0 12.4%;max-width:12.4%; }

@media only screen and (max-width: 768px) {
	#menu_title_box_min > div > div.col-org_min{ flex: 0 0 16.5%;max-width:16.5%; }
}
@media only screen and (max-width: 576px) {
	#menu_title_box_min > div > div.col-org_min{ flex: 0 0 19.7%;max-width:19.7%; }
}


/* ----------   新着情報  --------------------- */

#news{
	margin:40px 0 40px;
}
	.news_tt{
		margin:0px 0px 30px 0px ;
	}
	.news_info{
		margin:0px 40px 10px;
	}
	.news_info li{
		border-bottom:dotted 1px #ccc;
		margin:0px 0px 10px 0px ;
	}
	.news_info li span{
		color:#ff4e00;
		margin:0px 0px 5px 0px ;
	}

@media only screen and (max-width: 768px) {
	#news{ margin:20px auto 20px; width:100%; }
	.news_info{ margin:0px 0px 10px; }
	#news_tt{ padding:7px 0px 7px 10px ; margin:1px 1px 20px 1px ; text-align:center; color:#000; }
}




/* ----------   footer  --------------------- */ 
footer{
	margin-top: 60px;
	border-top:solid 1px #ccc;
	text-align: center;
}

#footer_banner {
	background:url(https://senior-life-support.jp/img/ft_line.png) repeat-x center top,url(https://senior-life-support.jp/img/ft_line.png) repeat-x center bottom;
	width:70%;
	margin: 30px auto;
	padding: 30px 0px;
}
@media only screen and (max-width: 768px) {
	#footer_banner { width:85%; }
	#site_copy{ font-size: 80%; }
}


.fnav {
	padding:10px 0 10px 0px;
	background:#fd7300;
}
.fnav ul { display:block; width:95%; margin:10px auto; }
.fnav ul li{ display:block; float:left; margin:10px 15px; }
.fnav ul li a:before  { content:'> '; }
.fnav ul li a{ display:block; color:#fff; }

.fnav ul li a:hover{ font-weight:bold; }


#site_copy{
	margin: 0;
	padding: 30px 0;
	color: #fff;
	font-size: 90%;
	background: #469c5c;
}



/* ----------  hamburger drawer icon  --------------------- */
	#drawer_icon{
		cursor: pointer;
		display: inline-block;
		position: absolute;
		top:10px; right:0px; bottom:0px; left:10px;
		width: 20px; height: 20px;
		background-color: #fff;
	}
	#drawer_icon:before,
	#drawer_icon:after{
		display: inline-block;
		content: "";
		position: absolute;
		width: 20px; height: 4px;
		background-color: #3f9d57;
		top:0px; right:0px; bottom:0px; left:0px;
	}
	#drawer_icon:before{ margin-top: 4px; }
	#drawer_icon:after { margin-top: 12px; }
/* ----------  /hamburger drawer icon  --------------------- */


/* ----------  パンくずリスト  --------------------- */
#pan {
	margin: 10px auto 30px;
	line-height: 20px;
}
#pan li {
	display: inline;
}
	#pan li:before {
		content: "　>>　";
	}
	#pan li.first:before {
		content: "";
	}
	#pan li.first{
		padding:0px 0px 0px 0px ;
	}

@media only screen and (max-width: 768px) {
	#pan {display:none;}
}



/* ----------  scroll button --------------------- */

#page-top {
	position: fixed;
	/* bottom: 60px; */
	right: 40px;
	z-index:1000;
	animation-name: SlideUp;
	animation-duration: 1s;
}
#page-top a {
	padding: 20px 0px;
	display: block;
}
#page-top a img:hover {
	text-decoration: none;
	opacity: 0.8;
}

@media only screen and (max-width: 480px) {
	#page-top {
		right: 10px;
	}
}



/* ----------  googlemap --------------------- */

.google-maps {
position: relative;
height: 60vw;
max-height: 570px;
overflow: hidden;
margin:10px 0 0 0;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}




/* =========================================================
detail
========================================================= */


/* detail title */
#detail_e8_page_title {
background-image: url(/img/detail_e8_pageicon.png);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px 10px;
padding-left: calc( 8vw + 5px);
}
#detail_e8_page_title > div.catch {
margin: 0;
padding: 0;
font-size: 1.3vw;
}
#detail_e8_page_title > div.title {
margin: 0;
position:relative; top:-6px;
font-size: 3.8vw;
font-weight: bold;
color: #707;
}
#detail_e8_page_title > div.title > br.catch { display:none; }

@media only screen and (max-width: 420px) {
	#detail_e8_page_title { padding-left: calc( 0vw + 38.6px  ); background-size: 33px 43px; }
	#detail_e8_page_title > div.title { font-size:16.8px;position:relative; top:0px; }
	#detail_e8_page_title > div.title > br.catch { display:block; }
}
@media only screen and (max-width: 500px) {
	#detail_e8_page_title { background-size: 33px 43px; }
	#detail_e8_page_title > div.catch { line-height: 2.2em; font-size:6.5px; }
	#detail_e8_page_title > div.title { position:relative; top:-3px; }
	#detail_e8_page_title > div.title > br.catch { display:block; }
}
@media only screen and (min-width: 768px) {
	#detail_e8_page_title { padding-left: calc( 66.4px) }
	#detail_e8_page_title > div.catch { font-size:12.0px } /*9.98px*/
	#detail_e8_page_title > div.title { font-size:32px } /*30.72px*/
}



img.detail_daiji {
  margin:10px 0 5px;
}
div.detail_circle {
  padding: 0.5em;
  text-align: center;
}
div.detail_paper {
  margin: 10px auto;
  padding: 2em 0 2em 3em;
  font-size: 120%;
  font-weight: bold;
  background: url(https://senior-life-support.jp/img/detail_paper.png) repeat-y left top;
  background-size: 100%;
  /* min-height:  calc( ( 3 / 12 ) * 100vw - 1.2em ); */
  box-shadow: 4px 4px #999;
  /* 縦方向中央へ */
  display: flex; /* 子要素をflexboxで揃える */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

div.detail_txtbox_cap {
  margin: 15px auto 0;
  padding: 0 10px;
  font-size: 140%;
  font-weight: bold;
}
div.detail_txtbox {
  margin: 5px auto;
  padding: 10px;
  font-size: 140%;
  line-height:1.3em;
}

img.detail_pic {
  margin: 10px auto;
  padding: 0;
  width: 100%;
  max-width: 960px;
}

div.txt_merit {
  padding: 5px 15px;
  margin: 10px auto;
  width: 95%;
  max-width: 960px;
  font-size: 140%;
  text-align: left;
  border: 3px solid #999;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
div.txt_merit_cap {
  font-size: 140%;
  font-weight: bold;
  color: #ea5205;
  text-align: center;
}
@media only screen and (max-width: 768px) {
	div.detail_paper { padding: 1.5em 0 1.5em 2em; }
	div.txt_merit { font-size: 120%; }
}
@media only screen and (max-width: 576px) {
	div.detail_paper { padding: 1em 0 1em 1em; font-size: 110%; }
	div.detail_txtbox { font-size: 120%; }
	div.txt_merit { font-size: 110%; }
	div.txt_merit_cap { font-size: 110%; }
}

div.banner_price {
  padding: 5px;
  margin: 10px auto;
  margin-top: 30px;
  width: 90%;
  max-width: 860px;
  /* min-height: 4em; */
  text-align: center;
}

div.banner_tel {
  padding: 5px;
  margin: 10px auto;
  width: 75%;
  max-width: 760px;
  /* min-height: 4em; */
  text-align: center;
  background-color: #ec744f;
  border: 1px solid #cc5e46;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}




.padding5 {
  padding-right: 5px;
  padding-left: 5px;
}

/* =========================================================
form
========================================================= */

label {
    display: inline-block;
    margin-bottom: 0;
}

div.app-txt {
	width: 100%;
	padding: 5px;
	margin:0px 10px 0px 5px;
	font-size: 120%;
	background-color: #ddd;
	border: 1px solid #aac;
}

/* -----form input--------------------------------- */
input, select, textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input.app-txt {
	width: 100%;
	padding: 5px;
	margin:0px 10px 0px 5px;
	font-size: 120%;
	border: 1px solid #aac;
}
input.app-num {
	width: 100%;
	padding: 5px;
	margin:0px 2px 0px 5px;
	font-size: 120%;
	border: 1px solid #aac;
}
input.app-txts {
	width: 100%;
	padding: 2px;
	margin:2px 4px 2px 4px;
	font-size: 100%;
	border: 1px solid #aac;
}

input.app-zip {
	width: 100%;
	padding: 5px;
	margin:0px 10px 0px 5px;
	font-size: 120%;
	border: 1px solid #aac;
}

input.app-radio{
	padding: 5px;
	margin:0px 10px 0px 15px;
	border: 1px solid #aac;
}

input.app_pref {
	width: 100%;
	padding: 5px;
	margin:0px 10px 0px 5px;
	font-size: 120%;
	border: 1px solid #aac;
}

input.app-tel {
	width: 100%;
	padding: 5px;
	margin:0px 10px 0px 5px;
	font-size: 120%;
	border: 1px solid #aac;
}

input.app-age {
	width: 100%;
	padding: 5px;
	margin:0px 10px 0px 5px;
	font-size: 120%;
	border: 1px solid #aac;
}

textarea{
	width: 100%;
	margin:0px 10px 0px 5px;
	padding: 5px;
}

/* -------------------------------------- */

#btn_form_submit {
	display:block;
	margin: 5px auto 35px;
	padding: 8px 20px;
	font-size: 130%;
}
#btn_form_submit_confirm {
	display:block;
	margin: 35px auto;
	padding: 8px 20px;
	font-size: 130%;
}

@media only screen and (max-width: 480px) {
	#btn_form_submit, #btn_form_submit_confirm { font-size: 110%; padding: 8px 8px; }
}







/* ==============================================================================↓ old code ================ */


/* タイトルのスタイル -------------------------------------------------- */

.tt_style01{
font-size:120%;
color:#fff;
background-color:#009944;
padding:8px 15px 5px 10px ;
font-weight:bold;
border-bottom:solid 3px #009944;
margin:40px 0px 25px;
}

section:first-child .tt_style01{ margin:0px 0px 15px; }

@media only screen and (max-width: 768px) {
  .tt_style01{ font-size:100%; }
}


.tt_style02{
font-size: 130%; 
color: #27396b;
padding:2px 0 2px 10px;
margin:30px 0px 15px;
font-weight:bold;
border:dotted 2px #445da3;
background:#d9e3ff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.tt_style02:first-child{
margin:0px 0px 15px;
}

.tt_style02:before { content:'\e90d'; margin-right:10px;font-size: 100%; }

/* 
====================================================================================================
◆画像のレフト・ライト
---------------------------------------------------------------------------------------------------- */

.fig_00{
text-align:center;
}

.fig_01{
float:right;
width:36%;
margin:0px 0px 0px 25px;
}

.fig_02{
float:left;
width:36%;
margin:0px 25px 0px 0px;
}

.fig_03{
float:right;
width:15%;
margin:0px 0px 0px 25px;
}

.fig_04{
float:left;
width:15%;
margin:0px 25px 0px 0px;
}

.fig_05{
float:left;
width:34%;
margin:0px 0px 0px 0px;
}

.fig_06{
float:right;
width:48%;
margin:0px 0px 0px 0px;
}

.fig_n01{
float:right;
width:36%;
margin:0px 0px 0px 25px;
}

.fig_n02{
float:left;
width:36%;
margin:0px 25px 0px 0px;
}

.fig_n03{
float:right;
width:20%;
margin:0px 0px 0px 25px;
}

.fig_n04{
float:left;
width:20%;
margin:0px 25px 0px 0px;
}

.figure img{width:100%;}

figucaption{text-align:center;}


@media only screen and (max-width: 768px) {
.fig_n01{ display:none; }
.fig_n02{ display:none; }
.fig_n03{ display:none; }
.fig_n04{ display:none; }
.fig_04{ float:none; width:40%; margin:0px auto 20px; }
.fig_05{ float:none; width:40%; margin:0px auto 20px; }
}





/*
====================================================================================================
■ common class
---------------------------------------------------------------------------------------------------- */

/* inner
-------------------------------------------------- */
.inner10 { padding: 0 10px; }

/* table_style
-------------------------------------------------- */

.table_style {
 border-top: 1px solid #ccc;
 margin:10px auto 10px;
}

	.table_style th,
	.table_style td {
		padding: 10px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #aaa;
		text-align: left;
	}
	.table_style td {
		background:#fff;
		border-left: 1px solid #aaa;
	}
	.table_style td.price{text-align:right;background:#fff;}
	.table_style td.item{font-weight:bold;color:#019e05;background:#f2f2f2;text-align:left;}

	.table_style th {
		vertical-align: top;
		text-align:center;
		font-weight:bold;
		border-left: 1px solid #aaa;
		background:#f2f2f2;
		width:20%;
	}
	.table_style th.kou{
		color:#37701b;
		background:#fff;
	}

.table_style th.hissu{
 background:#f2f2f2 url(https://senior-life-support.jp/img/icon_05.gif) no-repeat 5px 10px !important;
}

.table_style th.nini{
 background:#f2f2f2 url(https://senior-life-support.jp/img/icon_07.gif) no-repeat 5px 10px !important;
}


.table_style02 {
	margin: 0 auto 10px;
}
	.table_style02 {
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
	}
		.table_style02 th{padding: 10px;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		background:#eee;
		font-weight:bold;
		color:#333;
		}


		.table_style02 td {
			padding: 10px;
			border-bottom: 1px solid #aaa;
			border-left: 1px solid #aaa;
			background:#fff;
		}
		.table_style02 td.item{
			color:#009cff;
			background:#f2f2f2;
			width:70%;
		}

@media only screen and (max-width: 768px) {
.res{ display: none; }
.table_style th{ width:100%; }
.table_style02 td.item{ width:100%; }
table, tbody, tr, th, td { display: block; }
.table_style td.item{width:100%;border-bottom: none;}
}




/* 
====================================================================================================
■ contact
---------------------------------------------------------------------------------------------------- */

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:-moz-placeholder {
  color: #000;
  font-weight:bold;
}
.form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
  font-weight:bold;
}
.form-control:-ms-input-placeholder {
  color: #000;
  font-weight:bold;
}
.form-control::-webkit-input-placeholder {
  color: #000;
  font-weight:bold;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
  width:100%!important;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}


/* 
====================================================================================================
◆メリット
---------------------------------------------------------------------------------------------------- */

.coment_box{
border:solid 1px #cfbd8f;
background:#f2ead6;
padding:10px;
margin:15px 0px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.meritt{
line-height:30px;
font-weight:bold;
color:#a85b00;
margin:0px 5px 10px;
border-bottom:dotted 1px #ccc;
text-indent:-15px;
padding-left:15px;
}

.meritt:before { content:'\e915';margin:0px 5px 0px 0px ;font-family:'icomoon';color:#355e09;}

.mese{
padding:0px 10px 5px 10px ;
}


.coment_box02{
border:dotted 2px #cfbd8f;
background:#fff;
padding:10px;
margin:10px 0px;
background:#f7f9ff;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}


.list_style02 {}
.list_style02 li {
padding-left: 20px;
text-indent:-20px;
margin:5px 0px;
list-style: inside decimal;}


/* 
====================================================================================================
◆見守りパック
---------------------------------------------------------------------------------------------------- */
.mi_lead{
margin:0 0 30px;
}

.mi_lead h3{
float:left;
width:49%;
text-align:center;
}

.mi_lead p{
float:right;
width:49%;
text-align:center;
}

.ansin{
background:#dfe9ef;
margin:60px auto 20px;
padding:65px 15px 15px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
position:relative;
}

.ansin h3,.manichi h3{
position:absolute;
top:-30px;
left:20px;
margin-bottom:20px;
}

.ansin h3 span img, .manichi h3 span img{
vertical-align:bottom;
padding:0px 0px 15px 0px ;
}

.manichi{
background:#eff3dc;
margin:60px auto 20px;
padding:65px 15px 15px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
position:relative;
}

.ansin dl, .manichi dl{
padding:0px 15px 10px;
}

.ansin dt, .manichi dt{
font-size:120%;
font-weight:bold;
margin-bottom:10px;
}

.ansin dd, .manichi dd{
font-size:100%;
font-weight:bold;
color:#000;
}

.ansin dt{color:#188db4;}

.manichi dt{color:#009943;}


.sikaku{
padding:0px 15px 10px;
}

.sikaku li{
padding:5px 0px 5px 20px;
text-indent:-20px;
}

.sikaku li:before { content:'■'; }

.keiyaku_box{
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
margin:20px auto 20px;
width:80%;
background:#fadbd9;
border:solid 4px #e9755c;
padding:15px;
}

.keiyaku_box .tt_kei{
font-size:130%;
text-align:center;
font-weight:bold;
padding:0px 0px 10px 0px ;
}

.keiyaku_box li{
font-size:140%;
font-weight:bold;
margin-bottom:10px;
width:50%;
float:left;
}

.keiyaku_box .ikka:before { content:'　一括払い　'; background:#fff;margin-right:15px;font-size:80%;border:solid 1px #e9755c;font-weight:normal;color:#b8503a;}
.keiyaku_box .ikka:after { content:'（税別）　';font-size:80%;}
.keiyaku_box .rent:before { content:'　レンタル　'; background:#fff;margin-right:15px;font-size:80%;border:solid 1px #e9755c;font-weight:normal;color:#b8503a;}
.keiyaku_box .rent:after { content:'（税別）　';font-size:80%;font-size:80%;}
.keiyaku_box .bun:before { content:'　分割払い　'; background:#fff;margin-right:15px;font-size:80%;border:solid 1px #e9755c;font-weight:normal;color:#b8503a;}
.keiyaku_box .bun:after { content:'（税別）　';font-size:80%;font-size:80%;}



@media only screen and (max-width: 768px) {

.mi_lead h3{ float:none; width:100%; margin:0 auto; text-align:center; }
.mi_lead p{ float:none; width:100%; margin:0 auto; text-align:center; }
.keiyaku_box li{ width:100%; font-size:110%; float:none; margin-bottom:0px; }

}
/* 
====================================================================================================
◆Bonsai Cemetery/森林葬
---------------------------------------------------------------------------------------------------- */

.shinrin {
    font-size: 180%;
    padding: 0px 10px 20px 10px;
    font-family: "ＭＳ 明朝",sans-serif;
    color: #008d4c;
    font-weight:bold;
    text-align:center;
}

.shbo_tt{
border-top:dashed 1px #008d4c;
border-bottom:dashed 1px #008d4c;
padding: 10px 5px 10px 5px;
font-family: "ＭＳ 明朝",sans-serif;
color: #008d4c;
font-size: 130%;
font-weight:bold;
margin-bottom:15px;
}

.bo_price{
text-align:right;
font-weight:bold;
color: #b8292f;
font-size: 200%;
}

.bo_price:after { content:'（税込）';font-size:80%;color:#333;}


.bonsai {
counter-reset: Num;  
}

.bonsai_tt{
    float:left;
    width:50%;
    margin:5px 0;
}

.bonsai_tt span{
    color: #b8292f;
}

.bonsai_tt::before {
    counter-increment: Num;
    content: counter(Num);
    display: inline-block;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    margin-right: 0.4em;
    padding: 0.6em 0.75em;
    background: #000;
    border-radius: 50%;
    position: relative;
}


.set_price{
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
margin:20px auto 20px;
width:90%;
background:#fffcd5;
padding:15px;
}

.nae{
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
margin:10px auto 20px;
background:#ebf8e7;
padding:15px;
border:solid 1px #d4eace;
}

.nae dt{
color:#fff;
background:#69985a;
text-align:center;
font-weight:bold;
margin-bottom:15px;
}

@media only screen and (max-width: 768px) {
.bo_price{ font-size: 120%; }
}

/* 
====================================================================================================
◆終活委任契約
---------------------------------------------------------------------------------------------------- */

.ininkeiyaku_tt{
    font-size: 140%;
    padding: 0px 10px 20px 10px;
    color: #ff5a00;
    font-weight:bold;
    text-align:center;
}

.ini_lead_box{
background:#f4f1f2;
text-align:center;
padding:10px;
}

.ini_01{
float:right;
width:49%;
margin:0px 0px 0px 0px;
}

.ini_02{
float:left;
width:49%;
margin:0px 0px 0px 0px;
}

@media only screen and (max-width: 768px) {

.ininkeiyaku_tt{ font-size: 110%; }
.ini_01{ float:none; width:90%; margin:0px auto 10px; }
.ini_02{ float:none; width:90%; margin:0px auto 10px; }

}


/* 
====================================================================================================
◆少額短期保険
---------------------------------------------------------------------------------------------------- */

#hoken_lead{
background-color:#f48100;
background-size:100%;
padding:2% 0 2% 25%;
}

#hoken_lead h3{
    font-size: 160%;
    padding: 0px 10px 10px 10px;
    color: #fff;
    font-weight:bold;
}

#hoken_lead p{
    font-size: 110%;
    padding: 0px 10px 0px 10px;
    color: #fff;
}

#hoken_lead .inner{
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
margin:10px auto 20px;
width:80%;
background:#a75900;
padding:15px;
border:solid 1px #fff;
}

#hoken_lead .inner p{
text-align:center;
}

#iryou_box{
margin:70px auto 20px;
border: solid 2px #f158a7;
padding:15px 15px 15px;
position:relative;
background:#fffde3;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#iryou_box h3{border: solid 3px #f158a7;color:#fff;}
#iryou_box h3:after{border-top: 14px solid #f158a7;}

#kazai_box{
margin:70px auto 20px;
border: solid 2px #0060ff;
padding:15px;
position:relative;
background:#e9f7fe;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#kazai_box h3{border: solid 3px #3777bc;color:#fff;background:#3777bc;}
#kazai_box h3:after{border-top: 14px solid #3777bc;}
#kazai_box h3.gimon_tt:before{
  border-top: 12px solid #3777bc;
}

#syuuk_box{
margin:70px auto 20px;
border: solid 2px #7b00a8;
padding:15px;
position:relative;
background:#fdeff5;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#syuuk_box h3{border: solid 3px #7c51a1;color:#fff;background:#7c51a1;}
#syuuk_box h3:after{border-top: 14px solid #7c51a1;}
#syuuk_box h3.gimon_tt:before{
  border-top: 12px solid #7c51a1;
}

.detail_box{
border:solid 1px #f2f2f2;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
margin:10px 0;
padding:2%;
background:#fff;
}

.detail_box dt{
float:left;
width:35%;
background:#fdebd1;
text-align:center;
padding:10px;
font-weight:bold;
}


span.sp_red{color:#d22d36;font-size:120%;}
span.sp_blk{color:#333;font-size:90%;font-weight:normal;}

#kazai_box .detail_box dt span{color:#0060ff;}
#syuuk_box .detail_box dt span{color:#7b00a8;}

.detail_box dd{
padding:10px;
}



.hok{font-weight:bold;color:#557ebf;font-size:120%;padding:3px 10px 3px 110px ;
text-indent:-110px;}

.hok:before { content:'　保障内容　';font-size:100%;margin-right:10px;color:#fff;background:#557ebf;}

.hok02{font-weight:bold;color:#557ebf;font-size:120%;padding:3px 10px 3px 110px ;
text-indent:-110px;}

.hok02:before { content:'　補償内容　';font-size:100%;margin-right:10px;color:#fff;background:#557ebf;}

.kan{font-weight:bold;font-size:120%;padding:3px 10px 3px 110px ;
text-indent:-110px;
margin-bottom:10px;
}
.kan:before { content:'　加入要件　';font-size:100%;margin-right:10px;color:#fff;background:#595757;}

.posi_ic{
position:absolute;
top:-60px;
left:20px;
}

.last_tt{
font-size:120%;
padding:5px 10px 5px 10px;
margin-bottom:10px;
font-weight:bold;
background:#fbe0eb;
color:#e4007f;
}
.lit_p{
color:#00a1e9;
background:#b3e4ff;
}

.last_ho{
padding:5px 0px 0px 20px ;
}

.last_ho:before { content:'　保障内容　';font-size:100%;margin-right:10px;color:#fff;background:#333;}

.last_ho li{
font-weight:bold;
font-size:120%;
padding:5px 0px 0px 20px ;
}


.last_ho li span{
color:#d00e3d;
}

.last_price{
color:#d00e3d;
font-weight:bold;
font-size:160%;
text-align:center;
margin:30px 0 50px;
}


.last_price:before { content:'　月額保険料（概算）　';margin-right:10px;color:#fff;background:#009944;}
.last_price:after { content:'／月';font-size:80%;color:#333;}
.gimon_tt{
  position: relative;
  display: inline-block;
  margin: 1.5em 0 0.5em;
  padding: 7px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 110%;
  background: #f158a7;
  font-weight:bold;
  box-sizing: border-box;
}
.gimon_tt:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #f158a7;
  z-index: 2;
}
.gimon_tt:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  z-index: 1;
}

.gimon_tt span{background:#fff;color:#333;font-weight:normal;font-size:80%;padding:0 20px;margin-left:20px;}

@media only screen and (max-width: 768px) {
.detail_box dt{ float:none; width:100%; }
}



.video{
  position:relative;
  width:90%;
  margin:0 auto 30px;
  padding-top:56.25%;
}

.vid_tt{
  background:#000;
  color:#fff;
  text-align:center;
  width:50%;
  margin:25px auto 10px;
  padding:10px;
}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* 
====================================================================================================
◆人生の御守りシステム
---------------------------------------------------------------------------------------------------- */

.only_sp{ display:none; }
@media only screen and (max-width: 480px) {
  .only_sp{ display:block; }
  .only_pc{ display:none; }
}


.oma_bg_ye{
padding:0 3% 0;
background:#fffcdb;
}

.oma_flow{
padding:0 0 60px 0;
}

.oma_flow dt{
text-align:center;
}

.oma_flow dd{
font-weight:bold;
text-align:center;
font-size:120%;
padding:20px 0 10px 0;
}

.oma_flow:nth-of-type(1) dd{color:#3f68b1;}
.oma_flow:nth-of-type(2) dd{color:#771385;}
.oma_flow:nth-of-type(3) dd{color:#ce7640;}
.oma_flow:nth-of-type(4) dd{color:#af1c3c;}


.syougaku{
margin:10px 0;
background:#fff9ae;
padding:15px;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}

.syougaku dt{
color:#306db6;
font-weight:bold;
text-align:center;
font-size:120%;
}

.syougaku dd{
font-weight:bold;
text-align:center;
}