body {
	font: normal 16px/1.6 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
	line-height: 167%;
}

body .sp-item {
    display: none !important; }
  body .pc-item {
    display: block !important; }

/*
*, *:before, *:after {
box-sizing: border-box;
}
*/

img {
	max-width: 100%;
}

li {
	list-style: none;
}

a {
	color: #1C4F81;
	text-decoration: none;
	transition: all 0.3s ease;
}
a:hover {
	opacity: 0.7;
}

.minchou{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.main {
	padding: 0;
	max-width: 750px;
	margin: 0 auto;
}

.fv .fv__cta{
	margin: 5px auto 0;	
}

header img {
	max-width: 750px;
	text-align: center;
	width: 100%;
	margin:0 auto;
}

.header1 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	
}

.fv-head_main {
	position: relative;
	text-align: center;
	margin: 0 auto;	
}

.fv-head {
	position: absolute;
	width:100%;
	top:1;
	z-index: 1;
}

.fv__cta-image{
	margin: 0 auto; 
}

.fv__paragraph,
.fv__hours {
	font-weight: bold;
	font-size: 1.1rem;
}

div.tel {
	margin: 15px auto;
}

section.fv p {
	margin:1px auto ;
}

section.fv .tel-img{
	width:40%;
	margin: 5px auto 0;
}

section.contact .tel-img{
	width:70%;
	margin: 7px auto 0;
}

ul.merit__list{
	margin-top:15px;
}

li.merit__item{
	color:#1C4F81;
	font-weight: 600;
	font-size:18px;
	margin:5px auto;
	background-image: url("../img/merit_icon.png");
	padding-left: 250px;
	box-sizing: border-box;
	background-size:22px;
	background-repeat:no-repeat;
	background-position:left 220px bottom 5px;
}

h2.merith2 img {
	width:100%;
	margin: 0 auto;
}

section .merit-ul-bg {
	background-color: #BFE7F8;
	width:100%;
}

section .merit-bg {
	background-image: url("../img/merit_back.jpg");
	background-size:100%;
	margin:50px auto 0;
	text-align: center;
}

h2.merit__five--image {
	padding-bottom: 18px;
}

/*
section.merit .merit__subtitle {
	color: #1C4F81;
	position: relative;
	text-align: left;
	padding: 30px 0 0 0;
	margin: 0 auto;
	font-size: 1.2rem;
}

h3.fivemerit-1 {
	position: absolute;
	left: 10px;
	max-width:100%;
	background-image: url("../img/merit_number01.png");
	box-sizing: border-box;
	background-size:60px;
	background-repeat:no-repeat;
}
*/

/*
.merit_number {
	position: relative;
	max-width: 10%;
	text-align: left;
	margin: 30px 10px;
}
*/
section.merit h3.merit__subtitle1 {
	color: #1C4F81;
	text-align: left;
	font-size: 1.7rem;
	padding:10px;
	position: relative;
	margin:20px auto 5px;
	z-index:0;
}

h3.merit__subtitle1:before{
  content:"01";
  font-size:90px;
  color:#BFE7F8;
  position:absolute;
  top:-10px;
  left:-10px;
  padding-left:15px;
  z-index:-1;
}

section.merit h3.merit__subtitle2 {
	color: #1C4F81;
	text-align: left;
	font-size: 1.7rem;
	padding:10px;
	position: relative;
	margin:20px auto 5px;
	z-index:0;
}

h3.merit__subtitle2:before{
  content:"02";
  font-size:90px;
  color:#BFE7F8;
  position:absolute;
  top:-10px;
  left:-10px;
  padding-left:15px;
  z-index:-1;
}

section.merit h3.merit__subtitle3 {
	color: #1C4F81;
	text-align: left;
	font-size: 1.7rem;
	padding:10px;
	position: relative;
	margin:20px auto 5px;
	z-index:0;
}

h3.merit__subtitle3:before{
  content:"03";
  font-size:90px;
  color:#BFE7F8;
  position:absolute;
  top:-10px;
  left:-10px;
  padding-left:15px;
  z-index:-1;
}

section.merit h3.merit__subtitle4 {
	color: #1C4F81;
	text-align: left;
	font-size: 1.7rem;
	padding:10px;
	position: relative;
	margin:20px auto 5px;
	z-index:0;
}

h3.merit__subtitle4:before{
  content:"04";
  font-size:90px;
  color:#BFE7F8;
  position:absolute;
  top:-10px;
  left:-10px;
  padding-left:15px;
  z-index:-1;
}

section.merit h3.merit__subtitle5 {
	color: #1C4F81;
	text-align: left;
	font-size: 1.7rem;
	padding:10px;
	position: relative;
	margin:20px auto 5px;
	z-index:0;
}

h3.merit__subtitle5:before{
  content:"05";
  font-size:90px;
  color:#BFE7F8;
  position:absolute;
  top:-10px;
  left:-10px;
  padding-left:15px;
  z-index:-1;
}

h3.fivemerit-2 {
	position: absolute;
	left: 2%;
	background-image: url("../img/merit_number02.png");
	background-size:70px;
	background-repeat:no-repeat;
}
h3.fivemerit-3 {
	position: absolute;
	left: 2%;
	background-image: url("../img/merit_number03.png");
	background-size:70px;
	background-repeat:no-repeat;
}
h3.fivemerit-4 {
	position: absolute;
	left: 2%;
	background-image: url("../img/merit_number04.png");
	background-size:70px;
	background-repeat:no-repeat;
}
h3.fivemerit-5 {
	position: absolute;
	left: 2%;
	background-image: url("../img/merit_number05.png");
	background-size:70px;
	background-repeat:no-repeat;
}

section.merit .merit__text {
	font-size: 1.05rem;
	font-weight: 500;
}

.merit-images img {
	matgin:0 auto;
	padding:0 auto;
}

.annotation-text {
	font-size: 0.9rem;
	color: #4d4d4d;
	text-align: right;
	padding-left: 5%;
	margin:0 auto;
	box-sizing: border-box;
}

.annotation-text-blue {
	color: #1C4F81;
	text-align: right;
	padding: 0 auto;
	margin:10px auto;
}

section.flow .flow__text {
	margin: 0 auto;
	padding: 5px auto; 
}

section.price{
	position: relative;
	background:url("../img/price_back.png");
	margin: 0 auto;
}

section .gold-line{
	position: absolute;
	top:-0.2rem;
	left:0;
	background-size: contain;
	margin: 0 auto;
	width:100%;
	text-align: center;
	z-index: 1;
}

.price__text {
	font-size: 0.9rem;
}

.merit__title img{
	width:950px;
}

.price__title-image {
	max-width: 70%;
	margin: 0 auto;
	height: auto;
}
.service__title-image {
	max-width: 30%;	
	margin: 10px auto 50px;
}

.fsize60 {
	font-size: 0.8em;
	line-height: 2.5em;
}	

h2.faq__title, .message__title,
.service__title,.price__title
{
	font-size:2rem;
	font-weight: bold;
	color:#1C4F81;
	max-width: 80%;
	text-align: center;
	margin: 10px auto;
	padding: 10px auto;
}

h2.price__title {
	position: relative;
	margin: 40px auto 20px;
	font-size: 2.2rem;
}

img.price__title-left {
	position: absolute;
	left:26%;
	top:75px;
	width: 8%;
}

img.price__title-right {
	position: absolute;
	right:26%;
	top:75px;
	width: 8%;
}

.service__title
{	
	margin: 40px auto 10px;
}

.contact__title {
	margin: 15px auto 20px 25%;
	padding: 0 auto 20px;
	font-size: 2.3rem;
	font-weight: 900;
	color: #1C4F81;
	position: relative;
}

figure.cta-phone {
	margin-left:10%;
	width:25%;
}

section.message {
	margin:40px 5px 20px;
}

.message__subtitle {
	color: #1C4F81;
	text-align: center;
	margin-bottom: 1rem;
}

.message__subtitle {
	font-size: 1.2rem;
	margin: 1.3rem;
}

.message-text {
	font-size: 18px;
	line-height: 1.67rem;
	margin: 0 10px;
}

.merit__strong--red, .flow__strong--red {
	color: #C50B14;
	font-weight: bold;
	font-size: 1.2rem;
}
div.contact__info {
	margin: 40px auto 10px 12.5%;
	
}

.contact__info--strong {
	color: #C50B14;
}

section.contact .contact-img {
	max-width: 250px;
	position: absolute;
	left:51%;
	}

@media screen and (max-width: 640px) 
{
	body {
	min-width: inherit;
	height:100%;
	}
	
	body .sp-item {
	display: block !important; }
	body .pc-item {
	display: none !important; }
	
	header img {
	width: 100%;
	text-align: center;
	margin:0 auto;
	}
	
	.fv-head_main {
		position: relative;
		text-align: center;
		margin: 0 auto;

	}

	.fv-head {
		position: absolute;
		width:100%;
		top:0;
		z-index: 1;
	}
	
	section.fv .tel-img{
		width:60%;
	}

	section.contact .tel-img{
		width:60%;
		margin: 0 auto 0;
	}
	.fv__paragraph,.fv__hours {
	color: #333;	
	font-weight: bold;
	font-size: 1rem;
	}
	.fv__paragraph {
	margin: 10px auto 0;
	padding: 0 auto;
	}
	.fv__hours {
	margin: 0;	
	padding: 0 auto	
	}	
	
	.annotation-text-blue {
	font-size: 0.8rem;
	text-align: right;
	}

	div.tel {
	margin: 10px auto;
	}
	
	li.merit__item{
	font-size:16px;
	padding-left: 30px;
	background-position:left 5px bottom 4.5px;
	}
	
	.merit__strong--red, .flow__strong--red {
	font-size: 1.1rem;
	}
	
/*
	section.merit .merit__subtitle {
	color: #1C4F81;
	text-align: left;
	padding: 30px auto;
	margin: 0 0 0 10px;
	font-size: 1.2rem;
	background-image: url("../img/merit_number01.png");
	background-size:50px;
	background-position	:10px 10px;
	background-repeat:no-repeat;	
	}
*/
	section.merit h3.merit__subtitle1 {
		color: #1C4F81;
		text-align: left;
		font-size: 20px;
		padding:5px;
		position: relative;
		margin:5px auto 5px;
		z-index:0;
	}

	h3.merit__subtitle1:before{
	  content:"01";
	  font-size:60px;
	  color:#BFE7F8;
	  position:absolute;
	  top:-10px;
	  left:-10px;
	  padding-left:15px;
	  z-index:-1;
	}	
	section.merit h3.merit__subtitle2 {
	color: #1C4F81;
	text-align: left;
	font-size: 20px;
	padding:15px 5px 5px;
	position: relative;
	margin:5px auto 5px;
	z-index:0;
}

	h3.merit__subtitle2:before{
	  content:"02";
	  font-size:60px;
	  color:#BFE7F8;
	  position:absolute;
	  top:5px;
	  left:-10px;
	  padding-left:15px;
	  z-index:-1;
	}	
	
	section.merit h3.merit__subtitle3 {
	color: #1C4F81;
	text-align: left;
	font-size: 20px;
	padding:15px 5px 5px;
	position: relative;
	margin:5px auto 5px;
	z-index:0;
}

	h3.merit__subtitle3:before{
	  content:"03";
	  font-size:60px;
	  color:#BFE7F8;
	  position:absolute;
	  top:5px;
	  left:-10px;
	  padding-left:15px;
	  z-index:-1;
	}
	
	section.merit h3.merit__subtitle4 {
	color: #1C4F81;
	text-align: left;
	font-size: 20px;
	padding:15px 5px 5px;
	position: relative;
	margin:5px auto 5px;
	z-index:0;
	}

	h3.merit__subtitle4:before{
	  content:"04";
	  font-size:60px;
	  color:#BFE7F8;
	  position:absolute;
	  top:5px;
	  left:-10px;
	  padding-left:15px;
	  z-index:-1;
	}
	
	section.merit h3.merit__subtitle5 {
	color: #1C4F81;
	text-align: left;
	font-size: 20px;
	padding:15px 5px 5px;
	position: relative;
	margin:5px auto 5px;
	z-index:0;
}

	h3.merit__subtitle5:before{
	  content:"05";
	  font-size:60px;
	  color:#BFE7F8;
	  position:absolute;
	  top:5px;
	  left:-10px;
	  padding-left:15px;
	  z-index:-1;
	}		
	
	h2.price__title {
	position: relative;
	margin: 20px auto 20px;
	font-size: 2rem;
	}

	img.price__title-left {
	position: absolute;
	left:15%;
	top:62px;
	width: 11%;
	}

	img.price__title-right {
		position: absolute;
		right:15%;
		top:62px;
		width: 11%;
	}
	
	.contact__title {
		margin: 10px auto 5px 15%;
		font-size: 1.5rem;
	}
	div.contact__info {
		margin: 20px 2px 5px 7%;
		line-height: 2.4rem;
}
	section.contact .contact-img {
	width: 40%;
	position: absolute;
	left:48%;
	}
	
	section.message {
	margin:40px 5px 20px;
	font-size: 1rem;
	}
	
	.message-text {
	font-size: 16px;
	line-height: 1.67rem;
	}
	.service__title-image {
		max-width: 58%;	
		margin: 10px auto 20px;
	}
}
	  
/* フッター全体のスタイル */

footer {
	padding: 20px 0;
	background-color: #f8f9fa;
	text-align: center;
	max-width: 750px;
	margin: 0 auto;
}

.footer__link {
	color: #1C4F81;
	text-decoration: none;
}
.footer__link:hover {
	text-decoration: underline;
}

footer ul li {
	display: inline-block;
}

footer ul li:first-of-type a{
	border-right: 1px solid #1C4F81;
	padding-right: 10px;
	margin-right: 4px;
}

.copy {	
		color:#808080;
		margin: 10px auto 120px;
	}

/*追従ボタン*/
.fixedbtn {
	display:none;
	margin:0 auto;
	max-width:100%;
	text-align: center;
	position: fixed; /* 追従させる為にfixedの値を記述します */
	z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
	bottom: 0; 
/*	left: 5%; */
	/*	右から40pxのところにバナーを配置します */
}
.fixedbtn-image {
	text-align: center;
	margin:auto;
	display:block;
	width:100%;
}

@media screen and (max-width: 640px) 
{
	.copy {	
		margin: 10px auto 60px;
	}
	
	.fixedbtn {
	margin:0 auto 5px;	
	width:100%;	
	}
}