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

/****************************************
共通テーマ
****************************************/

body {
	background-color: #fff;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	margin: 0px;
	padding: 0px;
}
img {
	max-width: 100%;
    margin: 20px auto;
    display: block;
	image-orientation: none;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
}
.str {
	-webkit-background-size: 60px 60px;
-moz-background-size: 60px 60px;
background-size: 60px 60px;
background-color: #fff;
            color-stop(.25, #f4fffc), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f4fffc),
            color-stop(.75, #f4fffc), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #f4fffc 25%, transparent 25%,
          transparent 50%, #f4fffc 50%, #f4fffc 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #f4fffc 25%, transparent 25%,
          transparent 50%, #f4fffc 50%, #f4fffc 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #f4fffc 25%, transparent 25%,
          transparent 50%, #f4fffc 50%, #f4fffc 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #f4fffc 25%, transparent 25%,
          transparent 50%, #f4fffc 50%, #f4fffc 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #f4fffc 25%, transparent 25%,
          transparent 50%, #f4fffc 50%, #f4fffc 75%,
          transparent 75%, transparent);
	border-bottom: solid 1px #fae1ec;
}
h1 {
	width: 100%;
	padding-top:8px;
	padding-bottom: 8px;
	margin: 0px;
	text-align: center;
	font-size: 16px;
	color: #5a1111;
	background-color: #fae1ec;
}
h3 {
	background-color: #fae1ec;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	width: 100px;
	color: #5a1111;
	border-radius: 5px;
}
.text {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
.copy {
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
	color: #5a1111;
}

/****************************************
PC用
****************************************/
@media screen and (min-width: 1024px){
	.str {
		padding: 0 1%;
		margin: 0 auto;
	}
	.in-str {
		max-width: 1024px;
		margin:0 auto;
		display: flex;
	}
	.str .con-l {
		width: 360px;
		margin-right: 60px;
		padding: 0px;
	}
	.str .con-r {
		width: 560px;
		margin: 0px;
		padding: 0px;
	}
	.wrapper {
		margin: 10px auto;
		display: flex;
		width: 1024px;
	}
	.con-l {
		margin: 0 auto;
		width: 500px;
	}
	h2 {
		color: #5a1111;
		background-color: #fae1ec;
		text-align: center;
		font-weight: normal;
		padding-top: 18px;
		padding-bottom: 18px;
		padding-right: 40px;
		padding-left: 40px;
		border: 1px solid #fae1ec;
		position: relative;
	}s
	.box {
		background-color: #fcffff;
		color: #444;
		margin: -20px 0 40px;
		padding: 0 10px;
		border-right: 1px solid #fae1ec;
		border-left: 1px solid #fae1ec;
		border-bottom: 1px solid #fae1ec;
		position: relative;
	}
	.box-n {
		background-color: #fcffff;
		color: #444;
		margin-top: -20px;
		margin-bottom: 40px;
		padding-right: 20px;
		padding-left: 20px;
		border-right: 1px solid #fae1ec;
		border-left: 1px solid #fae1ec;
		border-bottom: 1px solid #fae1ec;
		height: 200px;
		position: relative;
	}

	.con-r {
		margin: 0 auto;
		width: 500px;
	}
	.line {
		width: 250px;
		margin: 0 auto;
		padding: 20px 0;	
	}
	.text-s {
		font-size: 15px;
		font-weight: normal !important;
	}
	.con-l .info {
		border-top: dotted 1px #fae1ec;
		padding-bottom: 30px;
	}
	.con-r .info {
		border-top: dotted 1px #fae1ec;
		padding-bottom: 30px;
	}
	.box-n .info {
		border: none !important;
		padding: 30px 0px;
		text-align: center;
	}
	.site-btn {
		padding: 10px;
		margin:30px;
		border-radius: 5px;
		background-color: #fae1ec;
		text-align: center;
		bottom: 0px;
	}
	.site-btn a {
		color: #5a1111;
		font-size: 22px;
		text-decoration: none;
		display: block;
	}
	.balloon {
		position: relative;
		display: inline-block;
		padding: 7px 10px;
		min-width: 160px;
	 	max-width: 100%;
	 	color: #5a1111;
		font-size: 20px;
		background: #22AC38;
		border-radius: 4px;
		text-align: center;
		margin-bottom: 20px;
	}
	.balloon:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
	 	margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #22AC38;
	}
	.title {
		color: #fae1ec;
		text-align: center;
		font-size: 20px;
	}
	.center-cap {
		text-align: center;
	}
	.kenshin-cap {
		width: 940px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #fae1ec;
		padding: 30px;
		margin-bottom: 40px;
	}
	.green {
		color: #fae1ec;
	}

	#fc{
		width: inherit;
		background: #fae1ec;
		padding: 20px 0;
	}
	#fc h2{
		font-weight: bold;
		border-bottom: 2px solid #5a1111;
		position: inherit;
	}
	#fc p{
		margin: 0 20%;
		text-align: left;
		line-height: 24px;
		padding: 0	10px;
	}

}


/****************************************
スマホ用
****************************************/
@media screen and (max-width:1023px){

	.str {
		padding: 0 1%;
		min-width: 500px;
	}
	.in-str .con-l {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}
	.wrapper {
		padding-right: 14px;
		padding-left: 14px;
	}
	h2 {
		color: #5a1111;
		background-color: #fae1ec;
		padding-top: 18px;
		padding-bottom: 18px;
		padding-left: 20px;
		position: relative;
	}
	h2:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
 		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #fae1ec;
	}
	.box {
		background-color: #fcffff;
		color: #444;
		margin-top: -20px;
		margin-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
		border-right: 1px solid #fae1ec;
		border-left: 1px solid #fae1ec;
		border-bottom: 1px solid #fae1ec;
	}
	.box-n {
		background-color: #fcffff;
		color: #444;
		margin-top: -20px;
		margin-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
		border-right: 1px solid #fae1ec;
		border-left: 1px solid #fae1ec;
		border-bottom: 1px solid #fae1ec;
	}
	.tel {
		padding-bottom: 20px;
		font-size: 30px;
		font-weight: bold;
		line-height: 30px;
		padding-top: 10px;
	}
	.tel a {
		color: #fae1ec;
		text-decoration: none !important;
	}
	.tel a hover {
		text-decoration: underline;
	}
	#tel-a {
		background-repeat: no-repeat;
		background-position: left center;
		color: #fae1ec;
	}
	#tel-b {
		background-repeat: no-repeat;
		background-position: left center;
		color: #fae1ec;
	}
	.text-s {
		font-size: 20px;
	}
	.line {
		padding-top: 40px;
		padding-right: 40px;
	}
	.con-l .info {
		border-top: solid 1px #fae1ec;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.con-r .info {
		border-top: solid 1px #fae1ec;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.site-btn {
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 5px;
		background-color:  #fae1ec;
		text-align: center;
	}
	.site-btn a {
		color: #5a1111;
		font-size: 18px;
		text-decoration: none;
		display: block;
	}
	.balloon {
		position: relative;
		display: inline-block;
		padding: 7px 10px;
		min-width: 160px;
	 	max-width: 100%;
	 	color: #5a1111;
		font-size: 20px;
		background: #22AC38;
		border-radius: 4px;
		text-align: center;
		margin-bottom: 20px;
	}
	.balloon:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
	 	margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #22AC38;
	}
	.title {
		color: #fae1ec;
		text-align: center;
		font-size: 20px;
	}
	.center-cap {
		text-align: center;
		margin-left: 20px;
		margin-right: 20px;
	}
	.kenshin-cap {
		margin-left: 14px;
		margin-right: 14px;
		border: 1px solid #fae1ec;
		padding: 20px;
		margin-bottom: 20px;
	}
	.green {
		color: #fae1ec;
	}
	.kenshin-price {
		padding: 6px 10px;
		background: #fae1ec;
		margin-bottom: 20px;
		color: #5a1111;
		text-align: center;
	}
	.kenshin-btn {
		width: 260px;
		text-align: center;
		color: #5a1111;
		padding: 8px 10px;
		background: #f39800;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		border-radius: 6px;
	}
	.kenshin-btn a {
		color: #5a1111;
		text-decoration: none;
	}
	#fc{
		width: inherit;
		background: #fae1ec;
		padding: 20px 0;
	}
	#fc h2{
		font-weight: bold;
		border-bottom: 2px solid #5a1111;
		position: inherit;
		text-align: center;
	}
	#fc p{
		margin: 0;
		text-align: left;
		line-height: 24px;
		padding: 0	10px;
	}

}
/****************************************
スマホ用 2
****************************************/
@media screen and (max-width:500px){
    .str {
        padding: 0 1%;
        width: 100%;
        min-width: inherit;
}