@charset "utf-8";
@import url("../css/navi.css");
@import url("../css/app.css");

.clearfix:after {
	content			: "" ;
	display			: block ;
	clear			: both ;
}

.clearfix	{
	display			: block ;
}

/* Hides from IE-mac \*/
* html .clearfix { height : 1% ; }
/* End hide from IE-mac */

html	{
	background			: none ;
	position			: relative ;
	width				: 100% ;
	height				: 100% ;
	margin				: 0;
	padding				: 0;
}

body	{
	width				: 100% ;
	height				: 100% ;
	padding				: 0 ;
	margin				: 0 ;
	font-family			: 'Noto Sans JP', sans-serif;
	font-size			: 14px ;
	font-weight			: 500 ;
	line-height			: 1.5;
	color				: #222;
	-webkit-text-size-adjust: 100%;
	position			: relative ;
}

a img	{
	border				: none ;
}

a	{
	text-decoration		: none ;s
	color 				: #222 ;
}

a:hover{
	color				: #222 ;
	text-decoration		: none ;
}

form{
	margin				: 0 ;
	padding				: 0 ;
}

.visi_text{
	visibility			: hidden ;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■ヘッダー■■■■■*/
.header{
	width				: 100%;
	height				: 105px;
	position			: fixed;
	top					: 0;
	left				: 0;
	background-color	: #fff;
	z-index				: 10;
}

.head{
	width				: 1180px;
	margin				: 0 auto;
}

.head .line{
	width				: 1180px;
	display				: inline-block;
}

.head .logo{
	width				: 420px;
	height				: 80px;
	margin				: 10px 0 0;
	float				: left;
}

.head .logo img{
	width				: 420px;
	height				: 80px;
}

.head .menu-box{
	width				: 690px;
	padding				: 40px 0 0;
	float				: right;
	display				: -webkit-flex;
	display				: flex;
	flex-wrap			: wrap;
	-webkit-justify-content: space-around;
	justify-content		: space-around;
}

.head .menu{
	font-weight			: 700;
}

.head .menu span{
	font-weight			: 500 ;
	color				: #777;
}

.head .menu a{
	width				: 100%;
	position			: relative;
	display				: inline-block;
	text-decoration		: none;
	text-align			: center;
}

.head .menu a::after {
	position			: absolute;
	bottom				: 19px;
	left				: 0;
	content				: '';
	width				: 100%;
	height				: 1px;
	background			: #254888;
	transform			: scale(0, 1);
	transform-origin	: left top;
	transition			: transform .3s;
}

.head .menu a:hover::after {
	transform			: scale(1, 1);
}


/****■■■■■共通■■■■■****/

.maincontent{
	width				: 1110px;
	padding				: 30px 0 0;
	margin				: 0 auto;
}

.border-top{
	width				: 100%;
	border-top			: 10px solid #c8d3e3;
	margin				: 200px auto 0;
}


/****見出しブタイトル****/
.sub-tit{
	width				: 100%;
	font-weight			: 700;
	text-align			: center;
	margin				: 0 auto 100px;
}

.sub-tit p{
	font-size			: 24px;
	line-height			: 50px;
}

.sub-tit span{
	width				: 80px;
	display				: block;
	
	color				: #777;
	padding				: 6px 0 0;
	border-top			: 4px solid #254888;
	margin				: 0 auto;
}

.padd{
	padding				: 120px 0 0;
}


/****■販売店■****/
.office-line{
	width				: 1110px;
	margin				: 0 auto 100px;
	display				: -webkit-flex;
	display				: flex;
	flex-wrap			: wrap;
	-webkit-justify-content	: start;
	justify-content		: start;
}

.office-area{
	width				: 330px;
	margin				: 0 20px;
}

.office-box{
	width				: 330px;
	height				: 300px;
	padding				: 15px;
	background-color	: #cbd4e3;
	border				: solid 4px #cbd4e3;
	transition			: .4s;
}

a:hover .office-box {
	width				: 330px;
	height				: 300px;
	background-color	: #fff;
	border				: solid 4px #cbd4e3;
	transition			: .4s;
}

.office-logo{
	padding				: 0 0 10px;
	border-bottom		: solid 3px #254887;
}

.office-img{
	width				: 292px;
	height				: 146px;
	margin				: 10px auto 10px;
}

.office-img img{
	width				: 292px;
	height				: 146px;
	object-fit			: cover;
}

a:hover .office-img img{
	width				: 286px;
	height				: 144px;
	margin				: 1px 3px; 
}

.office-box p{
	font-size			: 16px;
	font-weight			: 600;
	line-height			: 30px;
	color				: #777;
	float				: left;
}

a:hover .office-box p{
	color				: #254887;
	transition			: .4s;
}

.arrow{
	float				: right;
}

.arrow img{
	width				: 30px;
	height				: 30px;
}


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

.line-box{
	width				: 100%;
	height				: 80px;
	border				: solid 3px #cbd4e3;
	margin				: 15px auto 40px;
	transition			: .6s;
}

.line-btn{
	width				: 330px;
	height				: 80px;
	display				: block;
	margin				: 0 auto;
}

a:hover .line-box {
	width				: 100%;
	height				: 80px;
	border				: solid 3px #06c755;
	background-color	: #06c755;
	transition			: .4s;
}

.line-icon {
	width				: 120px;
	padding				: 7px 15px 7px 45px;
	float				: left;
}

.line-icon img{
	width				: 60px;
	height				: 60px;
}

.line-txt{
	display				: block;
	width				: 140px;
	padding				: 2px 0 0;
	float				: left;
}

.line-txt p{
	display				: block;
	width				: 140px;
	height				: 40px;
	line-height			: 40px;
	text-align			: center;
	font-size			: 22px;
	font-weight			: 700;
	color				: #254888;
	transition			: .4s;
}

a:hover .line-txt p{
	color				: #fff;
	transition			: .4s;
}

.line-txt span{
	display				: block;
	width				: 140px;
	height				: 20px;
	font-size			: 11px;
	font-weight			: 600;
	color				: #fff;
	background-color	: #254888;
	text-align			: center;
	border-radius		: 10px;
	transition			: .4s;
}

a:hover .line-txt span{
	color				: #06c755;
	background-color	: #fff;
	transition			: .4s;
}


/****■ニュースリリース■****/
.news{
	height				: 130px;
	padding				: 12px 0 20px;
	margin				: 0 auto 120px;
}

.scrollArea{
	width				: 1090px;
	height				: 130px;
	overflow			: auto;
	margin				: 0 auto;
	padding-right		: 20px;
}
/*スクロールバーの幅*/
.scrollArea::-webkit-scrollbar {
	width				: 6px;
}
/*スクロールバーのレール*/
.scrollArea::-webkit-scrollbar-track {
	border-radius		: 5px;
	background			: #cbd4e3;
}
/*スクロールバーのつまみ*/
.scrollArea::-webkit-scrollbar-thumb {
	border-radius		: 5px;
	background			: #004c94;
}

.news .line{
	width				: 100%;
	display				: inline-block;
	padding				: 0 0 8px;
	border-bottom		: solid 1px #777;
	margin				: 0 0 10px;
}

.news .day{
	width				: 200px;
	padding				: 0 0 0 20px;
	font-size			: 16px;
	float				: left;
}

.news .title{
	width				: 800px;
	padding				: 0;
	font-size			: 16px;
	color				: #004c94;
	float				: left;
}

.news .title span{
	font-size			: 12px;
}

.news .title a{
	color				: #004c94;
}
.news .title a:hover{
	color				: #cbd4e3;
	transition			: .3s;
}



/****■サービス■****/
.service{
	width				: 1110px;
	margin				: 0 auto 150px;
	display				: -webkit-flex;
	display				: flex;
	flex-wrap			: wrap;
	-webkit-justify-content: left;
	justify-content		: left;
}

.service .area{
	width				: 330px;
	height				: 450px;
	margin				: 0 20px 40px;
	position			: relative;
}
.service .area img{
	width				: 330px;
	height				: 450px;
	z-index				: 1;
	position			: absolute;
}

.service .area .ser_box{
	width				: 270px;
	height				: 50px;
	margin				: 0 auto;
	position			: absolute;
	bottom				: 28px;
	left				: 30px;
	z-index				: 2;
}

.ser_btn{
	width				: 266px;
	height				: 51px;
}
.ser_btn a{
	width				: 266px;
	height				: 51px;
	padding				: 8px 0 10px 0;
	border				: solid 2px #fff;
	text-align			: center;
	color				: #fff;
	border-radius		: 50px;
	font-size			: 18px;
	color				: #fff;
	display				: block;
	font-weight			: 700;
}

.ser_btn a:hover{
	width				: 266px;
	height				: 51px;
	padding				: 8px 0 10px 0;
	color				: #254888;
	background-color	: #fff;
	display				: block;
	border-radius		: 50px;
	transition			: .3s;
	font-weight			: 700;
}




/****■コンテンツ■****/
.contents-menu{
	width				: 1110px;
	margin				: 0 auto 150px;
	display				: -webkit-flex;
	display				: flex;
	flex-wrap			: wrap;
	-webkit-justify-content: space-around;
	justify-content		: space-around;
}

.contents-menu .box {
	width				: 322px;
	height				: 250px;
	padding				: 15px;
	margin				: 0 20px 40px;
	box-shadow			: 0 0 3px gray;
	transition-duration	: 0.5s;
	position			: relative;
}

.box_tit{
	width				: 100%;
	font-size			: 24px;
	color				: #777;
	margin				: 10px auto 0;
	line-height			: 24px;
	text-align			: center;
}
.box_tit span{
	font-size			: 16px;
	font-weight			: 700;
	color				: #000;
}

.box_img{
	width				: 240px;
	height				: 160px;
	margin				: 0 auto;
}
.box_img img{
	width				: 240px;
	height				: 160px;
}


/**ラインアニメーション**/
.bd div{
	background			: #6d82cd; 
	position			: absolute;
	-webkit-transition	: all 0.3s;
	transition			: all 0.3s;
}
.bd div.bdT{
	width				: 0; 
	height				: 8px; 
	top					: 0; 
	left				: 0;
}

.bd div.bdB{
	width				: 0; 
	height				: 8px; 
	bottom				: 0; 
	right				: 0;
}
.bd div.bdR{
	height				: 0; 
	width				: 8px; 
	right				: 0; 
	top					: 0;
}
.bd div.bdL{
	height				: 0; 
	width				: 8px; 
	left				: 0; 
	bottom				: 0;
}

a:hover .bd1 div.bdT{width: 100%;}
a:hover .bd1 div.bdB{width: 100%;}
a:hover .bd1 div.bdR{height:100%;}
a:hover .bd1 div.bdL{height:100%;}


.cont_box{
	width				: 322px;
	border				: solid 4px #6d82cd;
	margin				: 0 20px;
}
.cont_box a{
	width				: 100%;
	padding				: 10px 0;
	display				: block;
	transition			: all 0.3s;
}
.cont_box a:hover{
	width				: 100%;
	padding				: 10px 0;
	display:			 block;
	background-color	: #6d82cd;
	transition			: all 0.3s;
}

cont_img{
	width				: 50px;
	height				: 50px;
	margin				: 0 auto;
}
.cont_img img{
	width				: 50px;
	height				: 50px;
	margin				: 0 auto;
}

/*　　20240122追加　*/
.ad_box{
	width				: 322px;
	height				: 107px;
	background-color	: #999;
	margin				: 0 auto 30px;
}

ad_box　img{
	width				: 322px;
	height				: 107px;
}

.ad_tit{
	width				: 100%;
	font-size			: 18px;
	color				: #fff;
	margin				: 0 auto 0;
	line-height			: 107px;
	text-align			: center;
}

/*　　フッター上ロゴ表示
.bottom{
	width				: 1110px;
	margin				: 0 auto;
	padding				: 0 0 10px;
}

.bottom_logo{
	width				: 420px;
	height				: 80px;
}
.bottom_logo img{
	width				: 420px;
	height				: 80px;
}
　*/


/*■■■■■フッター■■■■■*/
.footer{
	width				: 100%;
	padding				: 25px 0;
	background-color	: #c8d1e0;
}
.foot{
	width				: 1110px;
	margin				: 0 auto;
	overflow			: auto;
}
.foot .logo{
	width				: 420px;
	height				: 80px;
}
.foot .logo img{
	width				: 420px;
	height				: 80px;
}
.foot ul{
	width				: 100%;
	margin				: 30px auto 60px;
	padding				: 0 0 30px;
	display				: -webkit-flex;
	display				: flex;
	flex-wrap			: wrap;
	-webkit-justify-content: start;
	justify-content		: start;
	border-bottom		: dashed 2px #fff;
}
.foot li{
	width				: 190px;
	font-size			: 13px !important;
	padding				: 0 0 10px;
	margin				: 0 10px;
	float				: left;
}
.foot li:before {
	position			: relative;
	width				: 3px;
	height				: 3px;
	top					: -4px;
	left				: -10px;
	display				: inline-block;
	content				: '';
	border-radius		: 100%;
	background			: #666;
}
.foot .nsn{
	width				: 240px;
	margin				: 0 0 30px;
	float				: left;
}
.foot .nsn h2{
	font-size			: 18px;
	font-weight			: 700;
}
.foot .nsn h2 span{
	color				: #254888;
	font-weight			: 900;
}
.foot .nsn p{
	line-height			: 2;
	font-size			: 13px;
}
.copy{
	width				: 100%;
	padding				: 10px 0;
	font-size			: 12px;
	text-align			: center;
}
.copy span{
	color				: #c8d1e0;
}

/****pagetop****/
#page-top {
	position			: fixed;
	bottom				: 60px;
	right				: 20px;
	opacitye			: 0.8;
	cursor				: pointer ;
	z-index				: 9999 ;
}
#page-top img {
	width				: 60px ;
	height				: 60px;
}



/*■■■■■サイドfix■■■■■*/
/*総合トップ*/
.side-fix{
	width				: 60px;
	height				: 180px;
	position			: absolute;
	right				: 0;
	top					: 105px;
	z-index				: 3;
}
.side-fix img{
	width				: 60px;
	height				: 180px;
	background-color	: #254886;
	transition			: .4s;
	margin				: 0 0 10px;
}

.side-fix a:hover img{
	width				: 100%;
	background-color	: #cbd4e3;
	transition			: .4s;
}



@media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
/*■■■■■ヘッダー■■■■■*/
.header{
	display				: none;
}

.sp_head{
	width				: 100%;
	padding				: 5px 0;
	margin				: 0 auto;
}

.sp_logo{
	width				: 315px;
	height				: 60px;
	margin				: 0 0 0 5px;
}
.sp_logo img{
	width				: 315px;
	height				: 60px;
}



/****■■■■■共通■■■■■****/
.maincontent{
	width				: 100%;
	margin				: 0 auto;
}


/****■販売店■****/
.office-line{
	width				: 100%;
	margin				: 0 auto 100px;
}


/****■ニュースリリース■****/
.news{
	width				: 90%;
	height				: 240px;
	margin				: 0 auto 180px;
}

.scrollArea{
	width				: 100%;
	height				: 240px;
}

.news .line{
	width				: 100%;
}

.news .day{
	width				: 100%;
	padding				: 0;
}

.news .title{
	width				: 100%;
	padding				: 0;
}


/****■サービス■****/
.service{
	width				: 100%;
	margin				: 0 auto 150px;
}

.service .area{
	margin				: 0 auto 40px;
}


/****■コンテンツ■****/
.contents-menu{
	width				: 90%;
}
.contents-menu .box {
	width				: 100%;
	height				: auto;
	padding				: 15px;
	margin				: 0 auto 20px;
	box-shadow			: none;
	border				: solid 5px #6d82cd;
	transition-duration	: 0.5s;
	position			: relative;
	display				: inline-block;
}
.box_tit{
	width				: 68%;
	font-size			: 20px;
	text-align			: left;
	float				: right;
}
.box_tit span{
	font-size			: 14px;
}
.box_img{
	width				: 30%;
	height				: auto;
	float				: left;
}

.box_img img{
	width				: 100%;
	height				: auto;
}
.cont_box{
	width				: 100%;
	border				: solid 2px #6d82cd;
	margin				: 0 auto 20px;
}
/*　　フッター上ロゴ表示　*/
.bottom{
	width				: 90%;
	margin				: 0 auto;
	padding				: 0 0 10px;
}
.bottom_logo{
	width				: 100%;
	height				: auto;
}
.bottom_logo img{
	width				: 100%;
	height				: auto;
}


/*■■■■■フッター■■■■■*/
.footer{
	width				: 100%;
}
.foot{
	width				: 80%;
	margin				: 0 auto;
}
.foot .logo{
	width				: 100%;
	height				: auto;
}
.foot .logo img{
	width				: 100%;
	height				: auto;
}
.foot li{
	font-size			: 16px;
}
.foot .nsn p{
	line-height			: 3;
	font-size			: 15px;
}

/****pagetop****/
#page-top img {
	width				: 40px ;
	height				: 40px;
}

/*■■■■■サイドfix■■■■■*/
/*総合トップ*/
.side-fix{
	display: none;
}
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■下層メインイメージ&タイトル＆ボタン■■■■■*/
.main-img{
	width				: 100%;
	height				: 300px;
	margin				: 105px auto;
	background-image	: url("../img/sub_main.jpg");
	background-position	: center;
	background-size		: cover;
	object-fit			: cover;
	position			: relative;
	z-index				: -10;
}
	
.main-img::before{
	content				: '';
	position			: absolute;
	top					: 0;
	right				: 0;
	bottom				: 0;
	left				: 0;
	background-color	: rgba(0,0,0,0.3);
	z-index				: -1;
}

.main-tit{
	width				: 100%;
	padding				: 100px 0 0;
	font-size			: 50px;
	text-align			: center;
	color				: #fff;
	line-height			: 70px;
	font-weight			: 700;
}

.main-tit span{
	font-size			: 20px;
	font-weight			: 400;
}

/*　アイコン付き見出し　*/
.icon-tit{
	width				: 240px;
	height				: 160px;
	margin				: 0 auto 80px;
}
.icon-tit img{
	width				: 240px;
	height				: 160px;
}
.icon-tit2{
	width				: 120px;
	height				: 80px;
	margin				: 150px auto 0;
}
.icon-tit2 img{
	width				: 120px;
	height				: 80px;
}

/*　■■■MOREボタン■■　*/
.more_btn_area{
	width				: 270px;
	height				: 60px;
	margin				: 30px auto;
	z-index				: 2;
}
.more_btn{
	width				: 270px;
	height				: 60px;
	font-weight			: 700;
	text-align			: center;
	font-size			: 18px;
}
.more_btn a{
	width				: 270px;
	height				: 60px;
	padding				: 13px 0 10px;
	border				: solid 2px #254888;
	border-radius		: 50px;
	color				: #254888 !important;
	display				: block;
	background-color	: #fff;
}
.more_btn a:hover{
	color				: #fff !important;
	background-color	: #254888;
	transition			: .3s;
}
/*　MOREボタン-背景ベタ　*/
.more_btn2{
	width				: 270px;
	height				: 60px;
	font-weight			: 700;
	text-align			: center;
	font-size			: 18px;
}
.more_btn2 a{
	width				: 270px;
	height				: 60px;
	padding				: 13px 0 10px;
	border				: solid 2px #254888;
	border-radius		: 50px;
	color				: #fff !important;
	display				: block;
	background-color	: #254888;
}
.more_btn2 a:hover{
	color				: #254888 !important;
	background-color	: #fff;
	transition			: .3s;
}
/*　■■■iconボタン■■　*/
.icon_btnarea{
	width				: 300px;
	height				: 60px;
	margin				: 0 auto 150px;
	z-index				: 2;
}
.icon_btn{
	width				: 300px;
	height				: 60px;
	position			: relative;
}
.icon_btn a{
	width				: 300px;
	height				: 60px;
	padding				: 13px 0 10px;
	border				: solid 2px #254888;
	text-align			: center;
	border-radius		: 10px;
	font-size			: 18px;
	color				: #254888 !important;
	display				: block;
	font-weight			: 700;
}
.icon_btn a:hover{
	width				: 300px;
	height				: 60px;
	padding				: 13px 0 10px;
	color				: #fff !important;
	background			: #254888;
	display				: block;
	border-radius			: 10px;
	transition			: .3s;
	font-weight			: 700;
}
.pdf{
	position			:absolute;
	right				: 10px;
	top					: 13px;
}
.icon_btnarea2{
	width				: 300px;
	height				: 80px;
	margin				: 0 auto 100px;
	z-index				: 2;
}
.icon_btnarea2 .icon_btn{
	height				: 80px;
}
.icon_btnarea2 .icon_btn a{
	height				: 80px;
	padding				: 10px 0 10px;
}
.icon_btnarea2 .icon_btn a:hover{
	height				: 80px;
	padding				: 10px 0 10px;
}
.icon_btnarea2 .pdf{
	top					: 23px;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.main-img{
	height				: 450px;
	margin				: 0 auto 105px;
	background-image	: url("../img/sub_main_sp.jpg");
}
.main-tit{
	width				: 100%;
	padding				: 170px 0 0;
	font-size			: 36px;
	line-height			: 50px;
}

}



/*　■■■■■■■■メールフォーム■■■■■■■■　*/
.intro_txt{
	width				: 800px;
	margin				: 60px auto;
}
.intro_txt span{
	color				: #254888;
	background-color	: #cad3e2;
	padding				: 3px;
}
.mail-form{
	width				: 800px;
	margin				: 0 auto 200px;
}
.mail-formtxt01, .mail-formtxt02, .mail-formtxt03, .mail-formtxt04{
	width				: 100%;
	font-size			: 18px;
	margin				: 20px auto 10px;
}
.mail-formtxt03, .mail-formtxt04{
	border-bottom		: solid 1px #777;
	padding				: 0 0 15px;
}

.mail-formtxt01 span, .mail-formtxt02 span, .mail-formtxt03 span, .mail-formtxt04 span{
	font-size			: 12px;
	padding				: 3px 8px;
	color				: #fff;
	background-color	: #777;
	margin				: 0 10px 0 0;
}
.mail-formtxt01 span, .mail-formtxt03 span{
	background-color	: #777;
}
.mail-formtxt02 span, .mail-formtxt04 span{
	background-color	: #ccc;
}
.mail-form01{
	width				: 100%;
	padding				: 8px;
	margin				: 0 0 20px;
	background-color	: #f7f7f7;
	border				: solid 1px #717071;
}
.mail-form02{
	width				: 45%;
	padding				: 8px;
	margin				: 0 0 20px;
	background-color	: #f7f7f7;
	border				: solid 1px #717071;
}
.mail-form03{
	margin				: 0 60px 30px 0;
	display				: block;
}
.label-box{
	overflow			: auto;
}
.mail-form label{
	float				: left;
}
.mail-form04{
	width				: 100%;
	height				: 150px;
	padding				: 8px;
	margin				: 0 0 40px;
	background-color	: #f7f7f7;
}
input[type="radio"],input[type="checkbox"]{
	position			: relative;
	bottom				: 3px;
}
.mail-txtarea{
	width				: 100%;
	height				: 170px;
	padding				: 10px;
	background-color	: #f7f7f7;
	overflow-y			: scroll;
	color				: #777;
	margin				: 0 0 8px;
	border				: solid 1px #717071;
}
.mail-form05{
	width				: 100px;
	margin				: 0 auto 40px;
}
.check-txt01{
	width				: 100%;
	margin				: 0 0 50px;
	color				: #777;
}
.check-txt02{
	width				: 100%;
	margin				: 5px 0 50px;
	color				: #777;
}
.check-txt03{
	width				: 100%;
	margin				: 15px 0 50px;
	color				: #ff0000;
}
.send_btnbox{
	width				: 300px;
	margin				: 80px auto;
}
.btn_send{
	display				: flex;
	justify-content		: center;
	align-items			: center;
	width				: 100%;
	height				: 50px;
	position			: relative;
	box-sizing			: border-box;
	text-decoration		: none;
	transition-duration	: 0.3s;
	text-align			: center;
	font-size			: 20px;
	border-radius		: 50px;
	border				: 2px solid #254884;
	background			: #fff;
	color				: #254884;
}
.btn_send:hover{
	background			: #254884;
	color				: #fff !important;
}
.btn_send:hover:before{
	border-top			: 2px solid #fff;
	border-right		: 2px solid #fff;
}
.legal-txt{
	display				: block;
	margin				: 80px auto 0;
	text-decoration		: underline;
	text-align			: center;
}
/*　郵便番号入力　*/
.post-box{
	overflow			: auto; 
}
.post-box p{
	height				: 32px;
	line-height			: 32px;
}
.post-box span{
	width				: 20px;
	display				: block;
	float				: left;
	text-align			: center;
	height				: 32px;
	line-height			: 32px;
}
.post-box .mail-form06, .post-box .mail-form07{
	float				: left;
}
.mail-form06, .mail-form07, .mail-form08{
	height				: 32px;
	margin				: 0 0 10px;
	padding				: 8px;
	background-color	: #f7f7f7;
	border				: solid 1px #717071;
}
.mail-form06{
	width				: 60px;
}
.mail-form07{
	width				: 100px;
}
.mail-form08{
	width				: 200px;
}
.post01{
	width				: 48%;
	float				: left;
}
.post02{
	width				: 48%;
	float				: right;
}
.post-txt{
	display				: block;
	margin				: 0 0 0 10px;
	float				: left;
	color				: #777;
	height				: 32px;
	line-height			: 32px;
}
.post-box button{
	width				: 100px;
	height				: 32px;
	float				: left;
	margin				: 0 0 0 20px;
	padding				: 0;
	border				: solid 1px #888;
	background			: #666;
	border-radius		: 2px;
	color				: #fff;
	display				: block;
}

.post-box button:hover{
	border				: solid 1px #000;
	background			: #333;
	transition			: .3s;
}

/****サンクス****/
.thanks-txt{
	width				: 100%;
	font-size			: 18px;
	text-align			: center;
	margin				: 0 0 50px;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.intro_txt{
	width				: 90%;
	margin				: 60px auto;
}
.mail-form{
	width				: 90%;
	margin				: 0 auto;
}
.post-box .mail-form01{
	float				: none;
}
.post01{
	width				: 100%;
	float				: none;
}
.post02{
	width				: 100%;
	float				: none;
}
.post-txt{
	width				: 100%;
	margin				: 0 0 20px;;

}
.post-txt{
	height				: 54px;
	line-height			: 27px;
}
}











/*　■■■■■■■■その他調整■■■■■■■■　*/
@media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.pcbr{
	display				: none;
}

}


@media screen and (min-width: 750px) {
/* 750pxからの幅の場合に適応される */
.sp_head{
	display				: none;
}

.spbr{
	display				: none;
}

}
 


/*　■■■■■■■■■20240430新聞休刊日■■■■■■■■■　*/
.rest{
	width: 600px;
	height: 50px;
	margin: 30px auto;
}
.rest h2{
	width: 130px;
	height: 50px;
	border: solid 6px #254888;
	background-color: #254888;
	color: #fff;
	font-size:20px;
	line-height: 38px;
	padding: 0 0 0 10px;
	float: left;
}

.rest div{
	width: 470px;
	height: 50px;
	border: solid 6px #254888;
	font-size:22px;
	line-height: 38px;
	padding: 0 0 0 15px;
	float: left;
}

#text{
	font-size: 18px;
	float: left;
	padding: 0 20px 0 0;
}


#text span{
	font-size: 22px;
	font-weight: 700;
}

.rest  div a{
	font-size: 14px;
	text-decoration: underline;
	color: #254886;
	float: left;
	line-height:50px;
}


@media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.rest{
	width: 90%;
	height: auto;
	margin: 30px auto;
}
.rest h2{
	width: 100%;
	text-align: center;
	padding: 0;
	float: none;
}

.rest div{
	width: 100%;
	height: 100px;
	text-align: center;
	padding: 0;
	float: none;
}

#text{
	padding: 10px 0 0;
	font-size: 20px;
	margin: 0 auto;
	float: none;
	line-height:24px;
}

.rest  div a{
	text-align: center;
	float: none;
}


}