@charset "utf-8";

/*** 

BOX2

***/
.box2_flex1 {
	clear: both;
	width: 92%;
	max-width: 704px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.box2_ph1 {
	clear: both;
	width: 48.296%;
	max-width: 340px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}



/*** 

BOX3

***/
.box3_flex1 {
	clear: both;
	width: 92%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box3_flex1 {
	max-width: 1196px;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
}
.box3_flex2 {
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}


.box3_ph1 {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box3_ph1 {
	clear: both;
	width: 49.499%;
	max-width: 592px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
}
.box3_ph2 {
	clear: both;
	width: 48.987%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box3_ph2 {
	max-width: 290px;
}
}




/*** 

BOX4

***/
.contents1060 {
	clear: both;
	width: 92%;
	max-width: 1060px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}



/*** 

BOX5

***/
.contents300 {
	clear: both;
	width: 62.5%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.contents300 {
	max-width: 300px;
}
}
.lo_bar1 {
	clear: both;
	width: 92%;
	max-width: 1060px;
	height: 1px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	border: none;
	border-bottom: 1px solid #ab9784;
}

@media print, screen and (min-width: 1001px) {
.box5_flex1{
	clear: both;
	width: 100%;
	width: calc( 100% - 20px );
	max-width: 1080px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	
/*	background: rgba(229,120,207,1.00);*/
}
.box5_flex1.m01{
	margin-left: 20px;
	float: right;
	flex-direction: row-reverse;
}
.box5_flex1.m02{
	margin-right: 20px;
	float: left;
	flex-direction: row;
	top: -20px;
}
}

.box5_ph1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
.box5_txt1{
	clear: both;
	width: 74%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box5_ph1{
	clear: both;
	width: 62.038%;
	max-width: 670px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
.box5_txt1{
	clear: both;
	width: 33.704%;
	max-width: 364px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
}


.contents1080 {
	clear: both;
	width: 92%;
	max-width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}																															

.box5_ph2{
	clear: both;
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 1001px) {
.box5_ph2{
	clear: both;
	width: 31.482%;
	max-width: 340px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
}

.box5_ph2cap1,
.box5_ph2cap2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 115%;
	text-align: left;
	color: #191919;
	font-weight: 500;
}
.box5_ph2cap1{
	margin-top: 11px;
	font-size: 15px;
}
.box5_ph2cap2{
	margin-top: 8px;
	font-size: 13px;
	line-height: 105%;
	left: -0.4em;
}
@media print, screen and (max-width: 1000px) {
.box5_ph2cap1{
	margin-top: 8px;
	font-size: 2.6vw;
}
.box5_ph2cap2{
	margin-top: 4px;
	font-size: 2.1vw;
}
}




/***

info

***/
.info_title1 {
	width: 100%;
	height:auto;
	font-size: 16px;
	line-height: 130%;
	color:#ab9784;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0;
	padding: 10px 0 9px;
	padding: 15px 0 4px;
	
/*	border-bottom: 1px solid #999;*/
	display: table;
	text-align: left;

}
.info_title1 span{
	position: relative;
	left: -0.55em;
}
@media print, screen and (max-width: 1000px) {
.info_title1 {
	font-size: 3.2vw;
	text-align: left;
}
}



.info_title2 {
	clear: both;
	width: 100%;
	width: calc( 100% - 16px );
	height:auto;
	font-size: 14px;
	font-size: 3.5vw;
	line-height: 130%;
	color:#fff;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0;
	padding: 3px 8px 3px;
	
	border-bottom: 1px solid #999;
	display: table;
	text-align: left;
	background: #727171;
    font-weight: 500;
    font-feature-settings: "palt";/*（自動カーニング）*/
}
@media print, screen and (min-width: 801px) {
.info_title2 {
	font-size: 14px;
	text-align: left;
}
}





.info_bg1 {
	width: 100%;
	height:auto;
	font-size: 13px;
	font-size: 3.25vw;
	line-height: 130%;
	color:#222;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0;
	padding: 10px 0 9px;
	padding: 5px 0 4px;
	
/*	border-bottom: 1px solid #999;*/
	display: table;
    font-feature-settings: "palt";/*（自動カーニング）*/
}
.info_bg1.m01 {
	border-bottom:none;
}
@media print, screen and (min-width: 801px) {
.info_bg1 {
	font-size: 13px;
}
}

.info_bg2 {
	width: 100%;
	height:auto;
	font-size: 16px;
	font-size: 3.6vw;
	line-height: 101%;
	color:#222;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0;
	padding: 6px 0 6px;
	
/*	border-bottom: 1px solid #999;*/
	display: table;
    font-feature-settings: "palt";/*（自動カーニング）*/
    font-display: swap;
}
.info_bg2.m01 {
	border-bottom:none;
}
@media print, screen and (min-width: 801px) {
.info_bg2 {
	font-size: 16px;
}
}



/** infoテキスト左右振り分け設定 **/
span.txt_left1{
	width: auto;
	height: auto;
	line-height: 101%;
/*	float:left;*/
	display:inline-block;
	display: table-cell;  
/*	display: table-cell;*/
	text-align: left !important;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 500;
}
@media print, screen and (max-width: 1000px) {
span.txt_left1{
	font-size: 3vw;
	font-size: 2.7vw;
}
}


span.txt_left1 img{
	width: 20px;
	height: 20px;
	padding: 0 8px 0 0;
}


span.txt_right{
	width: auto;
	width: 30%;
/*	float:right;*/
	display:table-cell;
	letter-spacing: 0;
	margin: 0 0 0 15px;
	vertical-align: middle;
	text-align: right;
	
	font-size: 14px;
}
span.txt_right2{
	width: auto;
	width: 16%;
/*	float:right;*/
	display:table-cell;
	letter-spacing: 0;
	margin: 0 0 0 15px;
	vertical-align: middle;
	text-align: right;
	
	font-size: 14px;
}
@media print, screen and (max-width: 1000px) {
span.txt_right{
	width: 31.4%;
	font-size: 3vw;
	font-size: 2.7vw;
}
span.txt_right2{
	font-size: 3vw;
	font-size: 2.7vw;
}
}




.common_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.common_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
}



/*w480*/
.common_w500{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
/*	background: rgba(238,154,156,0.5);*/
}
@media print, screen and (min-width: 801px) {
.common_w500{
	clear: both;
	width: 49%;
	max-width: 510px;
	height: auto;
	margin: 0;
	padding: 0;
	
}
}