@charset "utf-8";
/*■■■■■■■■■■■■■■■店舗トップ■■■■■■■■■■■■■■■■■■■■*/
/****メインタイトル****/
.main-img{
	margin				: 105px auto 0;
}
.office-tit{
	width				: 100%;
	font-size			: 36px;
	font-weight			: 400;
	text-align			: center;
	font-family			: 'さわらび明朝', serif;
	padding				: 120px 0 0;
	color				: #fff;
	z-index				: 9999;
}
/****メニュー背景****/
.menu_area{
	width				: 100%;
	padding				: 60px 0;
	background-color	: #cad3e2;
	margin				: 0 0 60px;
}
.menu_box{
	width				: 1110px;
	margin				: 0 auto;
	display				: -webkit-flex;
	display				: flex;
	flex-wrap			: wrap;
	-webkit-justify-content: left;
	justify-content		: left;
}
/****メニューボタン****/
.office_btnbox{
	width				: 240px;
	height				: 220px;
	margin				: 0 18px 30px;
	font-size			: 18px;
	font-weight			: 500;
	text-align			: center;
	line-height			: 50px;
}
.office_btn01, .office_btn01 a {
	background			: url("../img/btn01_off.svg") no-repeat center center / cover;
}
.office_btn02, .office_btn02 a {
	background			: url("../img/btn02_off.svg") no-repeat center center / cover;
}
.office_btn03, .office_btn03 a {
	background			: url("../img/btn03_off.svg") no-repeat center center / cover;
}
.office_btn04, .office_btn04 a {
	background			: url("../img/btn04_off.svg") no-repeat center center / cover;
}
.office_btn05, .office_btn05 a {
	background			: url("../img/btn05_off.svg") no-repeat center center / cover;
}
.office_btn06, .office_btn06 a {
	background			: url("../img/btn06_off.svg") no-repeat center center / cover;
}
.office_btn07, .office_btn07 a {
	background			: url("../img/btn07_off.svg") no-repeat center center / cover;
}
.office_btn08, .office_btn08 a {
	background			: url("../img/btn08_off.svg") no-repeat center center / cover;
}
.office_btn09, .office_btn09 a {
	background			: url("../img/btn09_off.svg") no-repeat center center / cover;
}
.office_btn10, .office_btn10 a {
	background			: url("../img/btn10_off.svg") no-repeat center center / cover;
} 
.office_btn01 a, .office_btn02 a, .office_btn03 a, .office_btn04 a, .office_btn05 a, .office_btn06 a, .office_btn07 a, .office_btn08 a, .office_btn09 a, .office_btn10 a {
	width				: 240px;
	height				: 160px;
	display				: block;
	text-indent			: -9999px;
	transition			: .3s;
	padding: 18px;
}
.office_btn01 a:hover,.office_btn02 a:hover,.office_btn03 a:hover,.office_btn04 a:hover,.office_btn05 a:hover,.office_btn06 a:hover,.office_btn07 a:hover,.office_btn08 a:hover,.office_btn09 a:hover,.office_btn10 a:hover {
	transition			: .3s;
}
.office_btn01 a:hover{
	background-image	: url("../img/btn01_on.svg");
}
.office_btn01 a:hover{
	background-image	: url("../img/btn01_on.svg");
}
.office_btn02 a:hover{
	background-image	: url("../img/btn02_on.svg");
}
.office_btn03 a:hover{
	background-image	: url("../img/btn03_on.svg");
}
.office_btn04 a:hover{
	background-image	: url("../img/btn04_on.svg");
}
.office_btn05 a:hover{
	background-image	: url("../img/btn05_on.svg");
}
.office_btn06 a:hover{
	background-image	: url("../img/btn06_on.svg");
}
.office_btn07 a:hover{
	background-image	: url("../img/btn07_on.svg");
}
.office_btn08 a:hover{
	background-image	: url("../img/btn08_on.svg");
}
.office_btn09 a:hover{
	background-image	: url("../img/btn09_on.svg");
}
.office_btn10 a:hover{
	background-image	: url("../img/btn10_on.svg");
}
/****販売店地図＆情報****/
.office-info {
	width				: 1110px;
	margin				: 0 auto 150px;
	text-align			: center;
}
.office-info p{
	width				: 100%;
	margin				: 20px 0;
}
.office-info p span{
	color				: #fff;
	background-color	: #222;
	padding				: 1px 5px;
	margin				: 0 10px 0 0;
}
.office-info h2{
	font-size			: 18px;
	font-weight			: 700;
	margin				: 50px 0 0;
}

/****LINE****/
.line-area{
	width				: 1110px;
	margin				: 15px auto 40px;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.main-img{
	margin				: 0 auto;
}
.office-tit{
	padding				: 200px 0 0;
}
/****メニュー背景****/
.menu_box{
	width				: 90%;
	margin				: 0 auto;
	-webkit-justify-content: center;
	justify-content		: center;
}
/****メニューボタン****/
.office_btnbox{
	width				: 150px;
	height				: 150px;
	font-size			: 13px;
	line-height			: 2;
	margin				: 0 9px;
}
.office_btn01 a, .office_btn02 a, .office_btn03 a, .office_btn04 a, .office_btn05 a, .office_btn06 a, .office_btn07 a, .office_btn08 a, .office_btn09 a, .office_btn10 a {
	width				: 150px;
	height				: 100px;
}
/****販売店地図＆情報****/
.office-info {
	width				: 90%;
}
.office-info p{
	width				: 100%;
	margin				: 10px 0 30px;
	line-height			: 2;
}
.office-info p span{
	width				: 100%;
	margin				: 0;
	display				: block;
}
/****LINE****/
.line-area{
	width				: 90%;
}
}




/*■■■■■■■■■■■■■■■下層■■■■■■■■■■■■■■■■■■■■*/
/*　アイコン付き見出し　*/
.icon-tit{
	margin				: 105px auto 0;
}
.oficce-tit{
	width				: 100%;
	text-align			: center;
	margin				: 0 auto 100px;
	font-size			: 28px;
	font-weight			: 700;
}

/****■お試し/ご購読お申込み■****/
.price label{
	width				: 100%;
	font-size			: 16px;
}
.price .mail-form03{
	margin				: 0 0 30px;
}
.price .mail-form03 input{
	float				: left;
	display				: block;
	width				: 15px;
	height				: 15px;
	margin				: 10px 10px 0 0;
}
.price p{
	width				: 30%;
	float				: left;
	display				: block;
}
.price div{
	width				: 10%;
	text-align			: right;
	float				: left;
	display				: block;
}
.price span{
	font-size			: 12px;	
	color				: #aaa;
	padding				: 0 0 0 10px;
}

/****購読料のお支払い方法ページ****/
.pay-txt{
	width				: 800px;
	margin				: 0 auto 50px;
	font-size			: 18px;
	font-weight			: 500;
}
/*アイコンボタン*/
.pay-line{
	width				: 420px;
	margin				: 0 auto 80px;
	display				: -webkit-flex;
	display				: flex;
	flex-wrap			: wrap;
	-webkit-justify-content: space-around;
	justify-content		: space-around;
}
.pay-btnbox{
	width				: 160px;
	height				: 160px;
	margin				: 0 0 30px;
	font-size			: 18px;
	font-weight			: 500;
	text-align			: center;
	color				: #fff;
}
.pay-btn01, .pay-btn02{
	background-size		: 80px 80px;
}
.pay-btn01 a, .pay-btn02 a{
	width				: 160px;
	height				: 160px;
	padding				: 90px 0 0;
	background-color	: #fff;
	border				: solid 4px #254888;
	display				: block;
	transition			: .3s;
	border-radius		: 10px;
	color				: #254888;
}
.pay-btn01 a:hover, .pay-btn02 a:hover {
	background-color	: #254888;
	color				: #fff;
	transition			: .3s;
}
.pay-btn01 a {
	background			: url("../img/pay01_off.svg") no-repeat;
	background-size		: 80px 80px;
	background-position	: center 10px;
}
.pay-btn01 a:hover {
	background-image	: url("../img/pay01_on.svg");
}
.pay-btn02 a {
	background			: url("../img/pay02_off.svg") no-repeat;
	background-size		: 80px 80px;
	background-position	: center 10px;
} 
.pay-btn02 a:hover {
	background-image	: url("../img/pay02_on.svg");
}
/*背景ボックス*/
.pay-box{
	width				: 800px;
	padding				: 70px;
	margin				: 50px auto;
	background-color	: #cad3e2;
}
.e9{
	background-color	: #e9e9e9;
}
.pay-box p{
	width				: 100%;
	font-size			: 24px;
	font-weight			: 700;
	text-align			: center;
	color				: #254888;
	margin				: 20px 0 30px;
}
.pay-box div{
	width				: 100%;
	font-size			: 16px;
	padding				: 0 0 8px;
	margin				: 0 0 20px;
	border-bottom		: solid 1px #254888;
}
.pay-box div span{
	font-size			: 26px;
	font-weight			: 700;
}
.pay-box li{
	width				: 100%;
	font-size			: 16px;
	padding				: 0 0 8px;
	margin				: 0 0 20px;
	border-bottom		: solid 1px #254888;
}
.pay-box li:before {
	position			: relative;
	width				: 5px;
	height				: 5px;
	top					: -4px;
	left				: -10px;
	display				: inline-block;
	content				: '';
	border-radius		: 100%;
	background			: #666;
}

/****Q&A****/
.qa_tit{
	width				: 100%;
	font-size			: 36px;
	font-weight			: 700;
	color				: #254888;
	text-align			: center;
	margin				: 0 0 30px;
}
.qa-box{
	width				: 800px;
	margin				: 100px auto;
}
.qa-box div{
	width				: 800px;
	display				: inline-block;
	margin				: 0 0 5px;
}
.qa-box .line{
	padding				: 0 0 4px;
	border-bottom		: solid 2px #254888;
	margin				: 0 0 20px;	
	color				: #254888;
}
.qa-box .line span{
	color				: #254888;
	font-weight			: 700;
}
.qa-box div span{
	width				: 50px;
	float				: left;
	font-size			: 24px;
	color				: #222;
}
.qa-box div p{
	width				: 750px;
	font-size			: 16px;
	margin				: 0 0 15px;
	padding				: 10px 0 0;
	float				: left;
}

/****■■■■2025.01.08■■■■****/
.end-news{
	box-sizing: border-box;
	width: 700px;
	margin: 60px auto;
	padding: 40px 60px;
	border: solid 6px #254888;
}
.end-tit{
	width: 100%;
	text-align: center;
	font-size: 34px;
	border-bottom: solid 2px #254888;
}
.end-tit span{
	color: #f00;
}
.end-txt{
	margin: 30px auto;
	line-height: 2;
}
.end-news img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}


 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
/****■お試し/ご購読お申込み■****/
.price label{
	width				: 100%;
}
.price .mail-form03 input{
	width				: 5%;
	margin				: 10px 3% 0 0;
}
.price p{
	width				: 62%;
}
.price div{
	width				: 30%;
}
.price span{
	float				: right;
}

/****購読料のお支払い方法ページ****/
.pay-txt{
	width				: 90%;
}
/*アイコンボタン*/
.pay-line{
	width				: 90%;
}
/*背景ボックス*/
.pay-box{
	width				: 90%;
	padding				: 40px 5%;
}
/****Q&A****/
.qa-box{
	width				: 90%;
}
.qa-box div{
	width				: 90%;
}
.qa-box .line{
	padding				: 0 0 4px;
	border-bottom		: solid 2px #254888;
	margin				: 0 0 20px;	
	color				: #254888;
}
.qa-box .line span{
	color				: #254888;
	font-weight			: 700;
}
.qa-box div span{
	width				: 100%;
}
.qa-box div p{
	width				: 100%;
}



/****■■■■2025.01.08■■■■****/
.end-news{
	width: 90%;
	padding: 40px 5%;
}
.end-tit{
	text-align: left;
	font-size: 24px;
}


}