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

一期百会

***/
/***

一期百会プロジェクト

***/
.p04_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 25;
	background: #edecde;
/*	background-image: url("../img/common/bg01-20p.png");*/
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
	background-size: 25%;
	background-size: 50%;
}

/***

一期百会プロジェクト

***/
.p04_box1_ph1{
	clear: both;
	width: 90%;
	height: auto;
	margin: 0 auto 40px;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 801px) {
.p04_box1_ph1{
	clear: none;
	width: 50%;
	max-width: 400px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;	
}
}
.p04_box1_txt1{
	clear: both;
	width: 82%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
}
@media print, screen and (min-width: 801px) {
.p04_box1_txt1{
	clear: none;
	width: 45%;
	max-width: 360px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;	
}
}




/***

一期百会プロジェクト　社内活動

***/
.p04_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-self: stretch;
}



.page_box1{
	clear: both;
	width: 47%;
	height: auto;
	margin: 0 0 45px;
	padding: 0;
	position: relative;
	
	display: flex;
	flex-wrap: wrap;
	align-self: stretch;
	align-content: space-between;
}
.page_box1.backnumber1 a{
	width: 100%;
	padding: 6px 0;
}

@media print, screen and (min-width: 801px) {
.page_box1{
	width: 31%;
	max-width: 310px;
	margin: 0 0 55px;
}
}
.page_box2{
	clear: both;
	width: 49%;
	height: auto;
	margin: 0 0 12px;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 801px) {
.page_box2{
	width: 48%;
	margin: 0 0 35px;
}
}



.p04_w100{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.p02_page1_ph1{
	clear: both;
	width: calc( 100% - 2px );
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	border: 1px solid #eee;
	border-collapse: collapse;
	border-radius: 6px;
	overflow: hidden;
}
.p02_page1_ph2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background:#F5F5F5;
}
.p02_page1_ph3{
	width: auto;
	height: 108%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
}
.p02_page1_ph3 img{
	width: auto;
	height: 100%;
	margin: 0 auto;
	transform: translate(-50%,-50%);
}



.text-align16.m01{
	text-align: center;
}
@media print, screen and (min-width: 801px) {
.text-align16.m01{
	text-align: center;
}
}





/***

一期百会プロジェクト　社内活動　タイトル

***/
.page_title1{
	font-size: 3.5vw;
	text-align: center;
}
@media print, screen and (min-width: 801px) {
.page_title1{
	font-size: 15px;
	text-align: center;
}
}
.page_txt1{
	font-size: 3vw;
}
@media print, screen and (min-width: 801px) {
.page_txt1{
	font-size: 13px;
}
}

/***

一期百会プロジェクト　社内活動　詳細を見る　ボタン

***/
.p04_btn1{
	clear: both;
	width: 100%;
	height: 36px;
	margin: 24px 0 0;
	padding: 0;
	background: #000;
	border-radius: 6px;
	overflow: hidden;
}
.p04_btn2{
	clear: both;
	width:100%;
	height:36px;
	margin: 0 0 2vh;
	padding: 0;
	position: relative;
}

.p04_btn2 a{
	text-decoration: none;
}
.p04_btn2 span{
	clear: both;
	width:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 70%;
}
.p04_btn2 span{
	height:36px;
}
.p04_btn2 span img{
	width:auto;
	height:36px;
}
.p04_btn2 a{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.p04_btn2 p{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	font-size: 15px;
	font-size: 1.1rem;
	font-size: 1rem;
	line-height: 101%;
	text-align: center;
	color: #222;
	color: #fff;
	font-weight: 700;
}
@media print, screen and (min-width: 801px) {
.p04_btn2 p{
	font-size: 13px;
}
}



/***

一期百会通信（お客さまの声）

***/
.p02_box2_btn1{
	margin: 0 0 30px;
}
@media print, screen and (min-width: 801px) {
.p02_box2_btn1{
	margin: 0;
}
}