@charset "UTF-8";



body{
 width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  -webkit-animation: anime1 1.2s;
  animation: anime1 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow-x: hidden;
  overflow-y: scroll;
}

img{
	margin: 0;
	padding: 0;
    vertical-align: bottom;
}

.bodysize {
}

.main_inner{
	max-width: 1200px;
    margin: 4vh auto;
	justify-content: center;
  align-items: center;
}

p h1{
	font-family: "NotoSansCJKjp";
}

h2{
 margin-top: 0;
}

p{
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',serif;
	font-weight: bold;
}
ul {
  list-style: none;
	padding: 0;
}

a {
	text-decoration: none;
	color: inherit;}



.title{
	text-align: center;
	color: #05003D;
	margin-bottom: 60px;
}

.title h1 h2{
	letter-spacing: 2px;
}

.wrapp{
display: flex;
flex-direction: column;
align-items: center;
    margin: 0 20px;
}

.logo{
    margin-bottom: 5px;
}


.photo01{
	width: 330px;
	position:relative;
	margin-top: 30px;
}


.text{
	text-align: center;
	    font-size: 20px;
}

.text_inner01{
	color: #593521
}

.text_inner02{
	color: #05003D
}

.text_inner03{
	color: #EA6227
}

.text_hana{
	font-size: 16px;
}

.tel{
	font-size: 26px;
	font-weight: bold;
	font-family: 'Arial';
}

.tel span{
	font-size: 38px;
	font-weight: bold;
	font-family: 'Arial';
}



.box{
	display: flex;
	justify-content: space-evenly;
}


.flame{
	margin: 0 auto;
    width: 200px;
    border: 1px solid #593521;
    background-color: #fff;
    box-shadow: 1.5px 1.5px 2px #696969;
}

.flame p{
	margin: 5px 20px;
    text-align: center;
	font-size: 14px;
	padding-left: 23px;
	font-family: Century, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
}

.flame img{
    width: 10%;
    margin-left: 20px;
    margin-bottom: 3px;
}

.flame:hover{
	opacity: 0.6;
}

.flame02{
	margin: 0 auto;
    width: 200px;
    border: 1px solid #05003D;
    background-color: #fff;
    box-shadow: 1.5px 1.5px 2px #696969;
}

.flame02 p{
	margin: 5px 20px;
    text-align: center;
	font-size: 14px;
	padding-left: 23px;
    font-family: Century, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
}

.flame02 img{
    width: 10%;
    margin-left: 20px;
	margin-bottom: 3px;}


.flame02:hover{
	opacity: 0.6;
}


.flame03{
	margin: 0 auto;
    width: 200px;
    border: 1px solid #EA6227;
    background-color: #fff;
    box-shadow: 1.5px 1.5px 2px #696969;
}

.flame03 p{
	margin: 5px 20px;
    text-align: center;
	font-size: 14px;
	padding-left: 23px;
	font-family: Century, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
}

.flame03 img{
    width: 10%;
    margin-left: 20px;
    margin-bottom: 3px;}

.flame03:hover{
	opacity: 0.6;
}


/*スマホ*/
@media screen and (max-width: 736px) {
	.box{
		display: inherit;
		padding: 0;
		margin-left: -15px;
	}

	.wrapp{
margin: 20px 16px 60px 30px;
	}

	.title {
    margin: 0px 30px 0px 30px;
	}

	.main{
		height: 100%;
	}

}


@media screen and (min-width:737px) and ( max-width:1400px) {
	.tel span{
		font-size: 22px;
	}
	.text_hana {
    font-size: 13px;
}
}

@media screen and (min-width:480px) and ( max-width:736px) {
.logo {
	width: 27%;}
}


@media screen and (min-width:735px) and ( max-width:1400px) {
.text{
    font-size: 16px;
}
}



/*スマホのみTEL*/

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*画像修正*/

.back01{
	background-image: url(https://www.fukujyuso.co.jp/lp/img/haifu_bg.png);
	padding: 13px;
	background-position: -32px 26px;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
}


.back02{
	background-image: url(https://www.fukujyuso.co.jp/lp/img/fukujuso_bg.png);
	padding: 13px;
	background-position: -32px 26px;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
}

.back03{
	background-image: url(https://www.fukujyuso.co.jp/lp/img/hana_bg.png);
	padding: 13px;
background-position: right 40px top 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
}

.back_img{

}

/*
  読み込み時フェードイン
*/

body {
  opacity: 0;
  -webkit-animation: anime1 1.2s;
  animation: anime1 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow-x: hidden;
  overflow-y: scroll;
}

@-webkit-keyframes anime1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anime1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadein01 {
  opacity: 0;
}

.fadein01 {
  -webkit-animation-name: fade-in3;
  animation-name: fade-in3;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fade-in3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadein02 {
  opacity: 0;
}

.fadein02 {
  -webkit-animation-name: fade-in3;
  animation-name: fade-in3;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


.fadein03 {
  opacity: 0;
}

.fadein03 {
  -webkit-animation-name: fade-in3;
  animation-name: fade-in3;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/*
  IEのみ適用
*/


@media all and (-ms-high-contrast: none) {
body {font-family: Century, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}

	.main_inner{
    width: 100%;
    max-width: 1200px;
}

	.box{
display:flex;
    justify-content:center;
    width: 100%
	}

li{
	width: 30%;
}

	.back01{
		background-size: 95%;
		width: 100%;
		height: 230px;
		background-position: right 31px top 20px;
	}

		.back02{
		background-size: 95%;
		width: 100%;
		height: 230px;
		background-position: right 31px top 20px;
	}

		.back03{
		background-size: 95%;
		width: 100%;
		height: 230px;
		background-position: right 31px top 20px;
	}
}