﻿@charset "UTF-8";

/* ------------------------------------------
home page Settings
------------------------------------------ */

/*「イベント＆ 新着情報エリア」エリア用*/
.home_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px;
	grid-area: content_box01;
}

.home_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
	padding: 30px 0px 40px;
	box-sizing: border-box;
}

.home_p #content_wrapper01 .event_area{
	width: 100%;/*(1024px)*/
    height: auto;
	margin: 40px auto 0px;
	padding: 0px 0px 0px;
	border-bottom: #d2d2d2 1px solid;
	box-sizing: border-box;
}

.home_p #content_wrapper01 article.small_card{
	width: 31%;/*(319px/1024px)*/
    height: auto;
	margin: 0px 10px 30px;
	padding: 20px;
    background-color: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
}

.home_p #content_wrapper01 article.small_card figure{
	width: 99%;/*(277px/319px)*/
    height: auto;
	box-sizing: border-box;
}

.home_p #content_wrapper01 article.small_card h4{
	width: 100%;/*(277px)*/
    height: auto;
	font-size: 100%;
}

/*「新着情報」エリア用*/

.home_p #content_wrapper01 .news_area{
	width: 100%;/*(1024px)*/
    height: auto;
	margin: 40px auto 0px; 
}

.home_p #content_wrapper01 .content_box01 div.news_area dl{
	width: 100%;/*(1024px)*/
    height: auto;
	margin: 30px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	border-bottom: #d1d1d0 1px dashed;
}

.home_p #content_wrapper01 .content_box01 div.news_area dt{
	width: 125px;/*(125px/1024px)*/
    height: auto;
	padding: 0px 0px 0px 20px;
	background-image: url("../images/circle_icon.png");
	background-repeat: no-repeat;
	background-position: 0px 6px;
	box-sizing: border-box;
}

.home_p #content_wrapper01 .content_box01 div.news_area dd{
	width: 87%;/*(859px/984px)*/
    height: auto;
	color: #333333;
	font-size: 100%;
}

.home_p #content_wrapper01 .content_box01 div.news_area dd a,
.home_p #content_wrapper01 .content_box01 div.news_area dt a{
	color: #333333;
	text-decoration: none;
}

.home_p #content_wrapper01 .content_box01 div.news_area dd a{
	color: #385766;
}

.home_p #content_wrapper01 .content_box01 div.news_area dd a:hover,
.home_p #content_wrapper01 .content_box01 div.news_area dt a:hover{
	text-decoration: underline;
}


/*「創立100周年記念行事PR活動」エリア用*/

.home_p #content_wrapper02{
	width:100%;
    height:auto;
	margin: 0px;
	padding: 60px 0px 80px;
	grid-area: content_box02;
	background-color: #000000;
}

.home_p #content_wrapper02 section.content_box01{
	width:100%;
    height:auto;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.home_p #content_wrapper02 article.pop_area,
.home_p #content_wrapper02 article.video_area{
	margin: 50px 0px 0px;
	color: #ffffff;
}

.home_p #content_wrapper02 article.pop_area section,
.home_p #content_wrapper02 article.video_area section{
	width:33%;
    height:auto;
	box-sizing: border-box;
/*	background-color: #ff0000;*/
}

.home_p #content_wrapper02 article.pop_area section h4,
.home_p #content_wrapper02 article.video_area section h4{
	width:100%;
    height:auto;
	padding: 0px 80px 15px 0px;
	font-size: 200%;
	text-align: right;
	border-bottom: #ffffff 1px solid;
	box-sizing: border-box;
}

.home_p #content_wrapper02 article.pop_area section h4{
	padding: 0px 0px 15px 50px;
	text-align: left;
}

.home_p #content_wrapper02 article.pop_area section h4 span,
.home_p #content_wrapper02 article.video_area section h4 span{
	width:auto;
	min-height: 38px;
	display: inline-block;
	padding: 10px 0px 0px 45px;
	background-image: url("../images/move_icon.png");
	background-repeat: no-repeat;
	background-position: left top;
	box-sizing: border-box;
}

.home_p #content_wrapper02 article.pop_area section h4 span{
	min-height: 45px;
	padding: 15px 0px 0px 60px;
	background-image: url("../images/news_icon.png");
	background-position: left 10px;
}

.home_p #content_wrapper02 div.pop_box,
.home_p #content_wrapper02 div.video_box{
	width:67%;
    height:auto;
	padding: 10px 0px 0px 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.home_p #content_wrapper02 div.video_box video{
	width:81%;/*(700px/869px)*/
    height:auto;
}

.home_p #content_wrapper02 div.pop_box figure{
	width:51%;/*(439px/869px)*/
    height:auto;
	margin: 10px 170px 0px auto;
}

.home_p #content_wrapper02 div.pop_box figcaption{
	width:100%;/*(439px)*/
    height:auto;
	margin: 10px 0px 0px;
	text-align: center;
}

.home_p #content_wrapper02 div.video_box p{
	width:81%;/*(700px/869px)*/
    height:auto;
	margin: 10px 0px 0px;
	text-align: center;
}

/*「創立100周年記念コンテンツ」エリア用*/

.home_p #content_wrapper03{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 0px;
	grid-area: content_box03;
	border-top: #d2d2d2 1px solid;
	border-bottom: #466d7f 1px solid;
	background-image: url("../images/top_content_pattern.jpg");
	background-repeat: repeat;
	background-position: left bottom;
}

.home_p #content_wrapper03 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
	padding: 59px 0px 140px;
	box-sizing: border-box;
}

.home_p #content_wrapper03 .left_box{
	width: 50%;/*(512px/1024px)*/
    height: auto;
	margin: 0px 1px 0px 0px;
	box-sizing: border-box;
}

.home_p #content_wrapper03 h3{
	width: 100%;/*(/512px)*/
    height: auto;
	margin: 0px 0px 112px;
	padding: 4px;
	border: #ffffff 6px solid;
	background-color: #466d7f;
	box-sizing: border-box;
	line-height: 1em;
}

.home_p #content_wrapper03 .center_box{
	width: 24%;/*(255px/1024px)*/
    height: auto;
	margin: 170px 1px 0px 0px;
	box-sizing: border-box;
}

.home_p #content_wrapper03 .right_box{
	width: 24%;/*(255px/1024px)*/
    height: auto;
	box-sizing: border-box;
}

.home_p #content_wrapper03 .content_card{
	width: 100%;/*(512px)*/
    height: auto;
	margin: 0px 0px 1px;
	padding: 10px;
	background-color: #ffffff;
	box-sizing: border-box;
}

.home_p #content_wrapper03 .content_card a{
	text-decoration: none;
	color: #333333;
}

.home_p #content_wrapper03 .content_card a:hover{
	color: #666666;
}

.home_p #content_wrapper03 .content_card h4{
	width: 100%;/*(492px)*/
    height: auto;
	display: inline-block;
	margin: 15px 0px 20px;
	padding: 0px 0px 30px;
	font-size: 160%;
	line-height: 1.2em;
	background-image: url("../images/top_content_yajirusi1.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}

.home_p #content_wrapper03 div.right_box .content_card h4,
.home_p #content_wrapper03 div.center_box .content_card h4{
	background-image: url("../images/top_content_yajirusi2.jpg");
}

.home_p #content_wrapper03 .content_card p{
	width: 95%;/*(442px/492px)*/
    height: auto;
	margin: 0px 0px 20px;
	font-size: 105%;
	line-height: 1.8em;
}

/* ------------------------------------------
anniv page Settings
------------------------------------------ */

.anniv_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 150px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.anniv_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.anniv_p #content_wrapper01 .content_box01 p{
	width: 100%;
    height: auto;
	margin: 0px 0px 1em;
	padding: 0px 0px 0px 1em;
	box-sizing: border-box;
}

.anniv_p #content_wrapper01 .content_box01 article{
	width: 100%;
    height: auto;
	margin: 40px 0px 5em;
	padding: 0px 0px 0px 1em;
	box-sizing: border-box;
}

.anniv_p #content_wrapper01 .content_box01 article h4{
	width: 100%;
    height: auto;
	margin: 0px 0px 25px;
	font-size: 135%;
	line-height: 1.5em;
	color: #466d7f;
	box-sizing: border-box;
}

.anniv_p #content_wrapper01 .content_box01 article div.flex_box01{
	width: 100%;
    height: auto;
	margin: 20px 0px 0px;
}

.anniv_p #content_wrapper01 .content_box01 article div.flex_box01 dl{
	width: 48%;
    height: auto;
	padding: 10px;
	border: #466d7f 1px solid;
	box-sizing: border-box;
}

.anniv_p #content_wrapper01 .content_box01 article div.flex_box01 dt{
	width: 100%;
    height: auto;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	font-size: 120%;
	color: #466d7f;
	text-align: center;
	border-bottom: #466d7f 1px solid;
}

.anniv_p #content_wrapper01 .content_box01 article ol{
	width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px 0.5em 2em;
    box-sizing: border-box;
}

.anniv_p #content_wrapper01 .content_box01 article li{
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
    margin: 0px 0px 0.5em;
}

.anniv_p #content_wrapper01 .content_box01 article li::before{
    content: "(" counter(cnt) ") ";
    display: inline-block;
    margin-left: -3.5em;
    width: 3em;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
}

/*「創立１００周年記念大会・祝賀会情報」エリア用*/

.anniv_info_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 50px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.anniv_info_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.anniv_info_p #content_wrapper01 .content_box03,
.anniv_info_p #content_wrapper01 .content_box02{
	width:768px;
    height: auto;
	margin: 50px auto 0px;
	box-sizing: border-box;
}


.anniv_info_p #content_wrapper01 .content_box01 p{
	width:100%;
    height: auto;
	margin: 0px 0px 40px;
}

.anniv_info_p #content_wrapper01 .content_box01 p em{
	color:#960202; 
}

.anniv_info_p #content_wrapper01 .content_box03 h3,
.anniv_info_p #content_wrapper01 .content_box02 h3{
	width:100%;
    height: auto;
	min-height: 36px;
	margin: 0px 0px 25px;
	background-image: url("../images/anniv_info/attendance_form_02.png"),url("../images/anniv_info/attendance_form_03.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	text-align: center;
	font-size: 160%;
	box-sizing: border-box;
}

.anniv_info_p #content_wrapper01 .content_box03 h3{
	margin: 40px 0px 25px;
}

.anniv_info_p #content_wrapper01 .content_box03 dl,
.anniv_info_p #content_wrapper01 .content_box02 dl{
	width:97%;/*(748px/768px)*/
    height: auto;
	margin: 0px auto 15px;
	padding: 0px 0px 5px;
	border-bottom: #bbbbbb 1px dashed;
	display: flex;
	box-sizing: border-box;
}

.anniv_info_p #content_wrapper01 .content_box03 dt,
.anniv_info_p #content_wrapper01 .content_box02 dt{
	width:18%;/*(135px/748px)*/
    height: auto;
	padding: 0px 0px 0px 29px;
	background-image: url("../images/anniv_info/attendance_form_04.png");
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 110%;
	box-sizing: border-box;
}

.anniv_info_p #content_wrapper01 .content_box03 dd,
.anniv_info_p #content_wrapper01 .content_box02 dd{
	width:80%;/*(598px/748px)*/
    height: auto;
	font-size: 95%;
	line-height: 1.2em;
	color: #000000;
	box-sizing: border-box;
}

.anniv_info_p #content_wrapper01 .content_box03 h3 span,
.anniv_info_p #content_wrapper01 .content_box02 h3 span{
	font-size: 70%;
}

.anniv_info_p #content_wrapper01 .content_box02 dd span{
	font-size: 80%;
}

.anniv_info_p #content_wrapper01 .content_box03 dd em{
	font-size: 80%;
	color: #bd2727;
}

.anniv_info_p #content_wrapper01 .content_box03 dd br.w_small{
	display: none;
}


.anniv_info_p #content_wrapper01 .content_box02 section.pick_up{
	width:100%;
    height: auto;
	margin: 35px 0px 0px;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up h4{
	width:100%;
    height: auto;
	margin: 0px 0px 10px;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dl{
	width:100%;/*(748px)*/
    height: auto;
	margin: 0px;
	padding: 0px;
	border-bottom: none;
	display: flex;
	justify-content: flex-start;
	box-sizing: border-box;
	font-size: 70%;
	box-sizing: border-box;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dt{
	width:4em;/*(135px/748px)*/
    height: auto;
	padding: 0px 0px 0px 0px;
	background-image: none;
	line-height: 1em;
	box-sizing: border-box;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dd{
	width:auto;/*(135px/748px)*/
    height: auto;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dd::after{
	content:"|";
	margin: 0px 7px 0px 7px;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dd.last::after{
	content:"";
	margin: 0px 0px 0px 0px;
}


/*「寄付金について」エリア用*/

.donations_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 150px;
	grid-area: content_box01;
}

.donations_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.donations_p #content_wrapper01 .content_box01 p{
	width: 100%;
    height: auto;
	margin: 0px 0px 1em;
	padding: 0px 0px 0px 1em;
	box-sizing: border-box;
}

.donations_p #content_wrapper01 .content_box01 article h4{
	width:250px;
    height: auto;
	margin: 30px auto 25px;
	padding: 0px 0px 8px; 
	display: block;
	text-align: center;
	font-size: 170%;
	border-bottom: #333333 1px solid;
	box-sizing: border-box;
}

.donations_p #content_wrapper01 .content_box01 article em{
	color: #ff0000;
}

/*「ハンドブック掲載企業紹介」エリア用*/

.handbook_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 150px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.handbook_p  #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}


/*「CMメイキング」エリア用*/

.cm_making_p #content_wrapper03,
.cm_making_p #content_wrapper02,
.cm_making_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	grid-area: content_box01;
	background-color: #000000;
	color: #ffffff;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper01{
	background-image: url("../images/cm_making_bg.jpg");
	background-repeat: repeat;
	background-position: center top;
	min-height: 576px;
	border-bottom: #ffffff 1px solid;
}

.cm_making_p #content_wrapper02{
	grid-area: content_box02;
/*	background-color: #000000;*/
}

.cm_making_p #content_wrapper03{
	grid-area: content_box03;
/*	background-color: #0000ff;*/
}

.cm_making_p  #content_wrapper03 .content_box01,
.cm_making_p  #content_wrapper02 .content_box01,
.cm_making_p  #content_wrapper01 .content_box01{
	width:100%;
    height: auto;
	margin: 0px;
	box-sizing: border-box;
}

.cm_making_p  #content_wrapper03 .content_box01{
	background-image: url("../images/special_thanks_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-top: #ffffff 1px solid;
}

.cm_making_p #content_wrapper01 section.video_area{
	margin: 0px 0px 0px;
}

.cm_making_p #content_wrapper01 section.video_area section{
	width:37%;/*(470px/1280px)*/
    height:auto;
	margin: 186px 0px 0px;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper01 section.video_area h3{
	width:100%;
    height:auto;
	padding: 0px 0px 5px 0px;
	font-size: 170%;
	text-align: right;
	border-bottom: #ffffff 1px solid;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper01 section.video_area section h3 span.move_icon{
	width:auto;
	min-height: 38px;
	display: inline-block;
	padding: 10px 0px 0px 35px;
	background-image: url("../images/move_icon.png");
	background-repeat: no-repeat;
	background-position: left top;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper01 section.video_area section h3 span.time_display{
	font-size: 65%;
}

.cm_making_p #content_wrapper01 section.video_area p{
	width:100%;
    height:auto;
	font-size: 75%;
	text-align: right;
}

.cm_making_p #content_wrapper01 div.video_box{
	width:63%;/*(810px/1280px)*/
    height:auto;
	padding: 120px 0px 0px 40px;
	box-sizing: border-box;
/*	background-color: #00ff00;*/
}

.cm_making_p #content_wrapper01 div.video_box video{
	width:89%;/*(720px/810px)*/
    height:auto;
	padding: 0px 0px 24px;
	background-image: url("../images/cm_making_reflection.png");
	background-repeat: repeat-x;
	background-position: left bottom;
}

.cm_making_p  #content_wrapper02 .content_box01 h3{
	width: 100%;
	height: auto;
	margin: 0px 0px 20px;
	padding: 0px 50px 0px 0px;
	color: #585858;
	text-align: right;
	font-size: 600%;
	display: inline-block;
	line-height: 2em;
	box-sizing: border-box;
}

.cm_making_p  #content_wrapper02 .content_box01 p.concept{
	width: 100%;
	height: auto;
	margin: 0px 0px 60px;
	display: block;
	font-size: 180%;
	line-height: 1.8em;
	text-align: center;
}

.cm_making_p  #content_wrapper02 .content_box01 article{
	width:100%;
    height:auto;
	margin: 0px 0px 60px;
}

.cm_making_p  #content_wrapper02 .content_box01 article section{
	width:47%;/*(602px/1280px)*/
    height:auto;
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4{
	width:100%;/*(602px/1280px)*/
    min-height: 163px;
	padding: 72px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	color: #000000;
	font-size: 170%;
	box-sizing: border-box;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area section h4{
	background-image: url("../images/clapperboard_bg_l.gif"),url("../images/clapperboard_bg.gif");
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left top;
	text-align: right;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section h4{
	background-image: url("../images/clapperboard_bg_r.gif"),url("../images/clapperboard_bg.gif");
	background-repeat: no-repeat, repeat-x;
	background-position: right top, left top;
	text-align: left;
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene08,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene07,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene06,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene05,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene04,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene03,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene02,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene01{
    min-height: 71px;
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	line-height: 2.8em;
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene01{
	margin: 0px 50px 0px 0px;
	padding: 0px 1em 0px 81px;
	background-image: url("../images/cm_making_scene01_icon.png");

}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene02{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 81px;
	background-image: url("../images/cm_making_scene02_icon.png");

}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene03{
	margin: 0px 50px 0px 0px;
	padding: 0px 6.5em 0px 81px;
	background-image: url("../images/cm_making_scene03_icon.png");
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene04{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 81px;
	background-image: url("../images/cm_making_scene04_icon.png");
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene05{
	margin: 0px 50px 0px 0px;
	padding: 0px 8.5em 0px 81px;
	background-image: url("../images/cm_making_scene05_icon.png");
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene06{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 81px;
	background-image: url("../images/cm_making_scene06_icon.png");
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene07{
	margin: 0px 50px 0px 0px;
	padding: 0px 9.5em 0px 81px;
	background-image: url("../images/cm_making_scene07_icon.png");
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene08{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 81px;
	background-image: url("../images/cm_making_scene08_icon.png");
}

.cm_making_p  #content_wrapper02 .content_box01 article section p{
	width:80%;/*(480px/602px)*/
	/*min-width:480px;*/
	line-height: 1.8em;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area section p{
	margin-left: 20%;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section p{
	margin-right: 20%;
}

.cm_making_p  #content_wrapper02 .content_box01 article figure{
	width:43%;/*(546px/1280px)*/
    height:auto;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area figure{
	margin: 0px 0px 0px 40px;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area figure{
	margin: 0px 40px 0px 0px;
}

.cm_making_p #content_wrapper03 section h3{
	width:100%;
    height:auto;
	margin: 60px 0px 15px;
	line-height: 1em;
	font-size: 250%;
	text-align: center;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper03 section p{
	width:70%;
    height:auto;
	margin: 0px auto 45px;
	padding: 15px;
    background-color: rgba(0, 0, 0, 0.3);
	text-align: center;
	line-height: 1.8em;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper03 article{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 40px;
	background-color: #FFFFFF;
	color: #333333;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper03 article div.staff_area{
	width:40%;/*(512px/1280px)*/
	min-width: 512px;
    height:auto;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper03 article div.staff_area figure{
	width:238px;
    height:auto;
}

.cm_making_p #content_wrapper03 article div.staff_area dl{
	width:auto;
    height:auto;
	margin: 0px 0px 0px 30px;
}

.cm_making_p #content_wrapper03 article div.staff_area dt{
	width:100%;
    height:auto;
	margin: 0px 0px 5px;
	font-size: 95%;
}

.cm_making_p #content_wrapper03 article div.staff_area dd{
	width:100%;
    height:auto;
	margin: 0px 0px 3px;
	font-size: 110%;
}

.cm_making_p #content_wrapper03 article div.supporter_area{
	width:40%;/*(512px/1280px)*/
/*	min-width: 512px;*/
    height:auto;
	padding: 0px 0px 0px 40px;
	border-left: #000000 1px solid;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper03 article div.supporter_area a{
	width:auto;
	display: block;
	margin: 10px 0px 10px 0px;
	color: #42627b;
}

.cm_making_p #content_wrapper03 article div.supporter_area a:hover{

}

.cm_making_p #content_wrapper03 article div.supporter_area dl{
	width:auto;
    height:auto;
	box-sizing: border-box;
}

.cm_making_p #content_wrapper03 article div.supporter_area dt{
	width:45px;
    height:auto;
	margin: 0px 20px 0px 0px;
	font-size: 95%;
}

.cm_making_p #content_wrapper03 article div.supporter_area dd{
	width:auto;
    height:auto;
	margin: 0px 0px 0px;
}

.cm_making_p #content_wrapper03 article h4{
	width:100%;
    height:auto;
	margin: 0px 0px 30px;
	font-size: 140%;
}

/* ------------------------------------------
news page Settings
------------------------------------------ */

/*「新着情報」エリア用*/
.news_article_p #content_wrapper01,
.news_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
/*	background-color: #eeece9;*/
}

.news_article_p #content_wrapper01 .content_box01,
.news_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.news_p #content_wrapper01 .content_box01 dl{
	width: 100%;/*(1024px)*/
    height: auto;
	margin: 30px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	border-bottom: #d1d1d0 1px dashed;
}

.news_p #content_wrapper01 .content_box01 dt{
	width: 125px;/*(125px/1024px)*/
    height: auto;
	padding: 0px 0px 0px 20px;
	background-image: url("../images/circle_icon.png");
	background-repeat: no-repeat;
	background-position: 0px 6px;
	box-sizing: border-box;
}

.news_p #content_wrapper01 .content_box01 dd{
	width: 87%;/*(859px/984px)*/
    height: auto;
	color: #333333;
	font-size: 100%;
}

.news_p #content_wrapper01 .content_box01 dt a{
	text-decoration: none;
	color: #0d0804;
	font-weight: bold;
	font-size: 100%;
}

.news_p #content_wrapper01 .content_box01 dt a:hover{
	text-decoration: none;
	color: #0d0804;
}

.news_p #content_wrapper01 .content_box01 dd a{
	text-decoration: none;
	color: #333333;
	font-size: 100%;
}

.news_p #content_wrapper01 .content_box01 dd a:hover{
	color: #8c8b8b;
}


/*「新着情報記事」用*/

.news_article_p #content_wrapper01 time{
	width:100%;/*(1024px)*/
    height:auto;
	display: inline-block;
	text-align: right;
	font-size: 90%;
	color: #162310;
}

.news_article_p #content_wrapper01 article{
	width:98%;/*(1000px/1024px)*/
    height:auto;
	margin: 40px auto 0px;
}

.news_article_p #content_wrapper01 section.txt_box{
	width:49%;/*(503px/1024px)*/
    height:auto;
}

.news_article_p #content_wrapper01 article p{
	width:100%;/*503px*/
    height:auto;
	margin: 0px 0px 1em;
	font-size: 120%;
	line-height: 1.8em;
}

.event_article_p #content_wrapper01 section.txt_box dl,
.news_article_p #content_wrapper01 section.txt_box dl{
	width: 100%;
    height: auto;
	margin: 20px 0px 0px;
	padding: 0px 0px 5px;
	font-size: 90%;
	line-height: 1.4em;
	border-bottom: #d1d1d0 1px dotted;
}

.event_article_p #content_wrapper01 section.txt_box dt,
.news_article_p #content_wrapper01 section.txt_box dt{
/*	width: 100%;*/
	width: 20%;
    height: auto;
	padding: 0px 0px 0px 20px;
	background-repeat: no-repeat;
	color: #466d7f;
}

.event_article_p #content_wrapper01 section.txt_box dt.calendar,
.news_article_p #content_wrapper01 section.txt_box dt.calendar{
	background-image: url("../images/common_icon01.png");
	background-position: left 2px;
}

.event_article_p #content_wrapper01 section.txt_box dt.pencil,
.news_article_p #content_wrapper01 section.txt_box dt.pencil{
	background-image: url("../images/common_icon02.png");
	background-position: left 2px;
}

.event_article_p #content_wrapper01 section.txt_box dt.clock,
.news_article_p #content_wrapper01 section.txt_box dt.clock{
	background-image: url("../images/common_icon03.png");
	background-position: left 2px;
}

.event_article_p #content_wrapper01 section.txt_box dt.place,
.news_article_p #content_wrapper01 section.txt_box dt.place{
	background-image: url("../images/common_icon04.png");
	background-position: left 2px;
}

.event_article_p #content_wrapper01 section.txt_box dd,
.news_article_p #content_wrapper01 section.txt_box dd{
	/*width: auto;*/
	width: 60%;
    height: auto;
	padding: 0px 0px 0px 20px;
}

.news_article_p #content_wrapper01 article figure{
	width:45%;/*(462px/1024px)*/
    height:auto;
}

.news_article_p #content_wrapper01 article figure img{
	width:462px;
    /*height:313px;*/
    height:auto;
}


/* ------------------------------------------
event page Settings
------------------------------------------ */

/*「行事報告」エリア用*/
.event_article_p #content_wrapper01,
.event_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
/*	background-color: #eeece9;*/
}

.event_article_p #content_wrapper01 .content_box01,
.event_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.event_p #content_wrapper01 article.small_card{
	width: 31%;/*(319px/1024px)*/
    height: auto;
	margin: 0px 10px 30px;
	padding: 20px;
    background-color: rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
}

.event_p #content_wrapper01 article.small_card figure{
	width: 99%;/*(277px/319px)*/
    height: auto;
	box-sizing: border-box;
}

.event_p #content_wrapper01 article.small_card h4{
	width: 100%;/*(277px)*/
    height: auto;
	font-size: 100%;
}


/*「行事報告記事」用*/

.event_article_p #content_wrapper01 section.txt_box{
	width:49%;/*(503px/1024px)*/
    height:auto;
}

.event_article_p #content_wrapper01 article p{
	width:100%;/*503px*/
    height:auto;
	margin: 0px 0px 1em;
	font-size: 120%;
	line-height: 1.8em;
}

.event_article_p #content_wrapper01 article p em{
	color: #466d7f;
}

.event_article_p #content_wrapper01 article figure{
	width:45%;/*(462px/1024px)*/
    height:auto;
}

.event_article_p #content_wrapper01 article figure img{
	width:462px;
    /*height:313px;*/
    height:auto;
}


/* ------------------------------------------
bulletin page Settings
------------------------------------------ */

.bulletin_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 150px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.bulletin_p  #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.bulletin_p  #content_wrapper01 .content_box01 ol{
	width:100%;/*(1024px)*/
    height: auto;
	margin: 0px 0px 40px;
}

.bulletin_p  #content_wrapper01 .content_box01 li{
	width: auto;
    height: auto;
	margin: 20px 10px 5px 0px;
	display: inline-block;
	box-sizing: border-box;
}

.bulletin_p  #content_wrapper01 .content_box01 li a{
	display: inline-block;
	padding: 15px 15px 15px 45px;
	background-color: #FFFFFF;
	border: #d6d6d6 1px solid;
	text-decoration: none;
	box-sizing: border-box;
	background-image: url("../images/pdf_icon.png");
	background-repeat: no-repeat;
	background-position: 8px 10px;
}

.bulletin_p  #content_wrapper01 .content_box01 li a:hover{
	background-color: #385766;
	color: #FFFFFF;
}

/* ------------------------------------------
list_of_officers page Settings
------------------------------------------ */

.list_of_officers_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.list_of_officers_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.list_of_officers_p #content_wrapper01 .content_box01 h4{
	width:100%;
    height: auto;
	margin: 20px auto 0px;
	padding: 0px 10px 0px; 
	display: inline-block;
	text-align: center;
	font-size: 150%;
	box-sizing: border-box;
}

.list_of_officers_p #content_wrapper01 .content_box01 p{
	width:100%;
    height: auto;
	margin: 20px 0px 0px;
}

/* ------------------------------------------
rules page Settings
------------------------------------------ */

.rules_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.rules_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.rules_p #content_wrapper01 .content_box01 article dl{
	width: 100%;
    height: auto;
	margin: 0px 0px 30px;
	padding: 0px 0px 0px 1em;
	box-sizing: border-box;
}

.rules_p #content_wrapper01 .content_box01 article dt{
	width: 100%;
    height: auto;
	margin: 0px 0px 15px;
	font-size: 135%;
	color: #466d7f;
}

.rules_p #content_wrapper01 .content_box01 article dd{
	width: 100%;
    height: auto;
	font-size: 90%;
}

.rules_p #content_wrapper01 .content_box01 article li em,
.rules_p #content_wrapper01 .content_box01 article dd em{
	color: #466d7f;
	text-decoration: underline;
}

.rules_p #content_wrapper01 .content_box01 article ol,
.rules_p #content_wrapper01 .content_box01 article ul{
	width: 100%;
    height: auto;
	margin: 20px 0px 40px 1em;
	padding: 0px 0px 0px 1.5em;
	box-sizing: border-box;
}

.rules_p #content_wrapper01 .content_box01 article li{
	width: 100%;
    height: auto;
	margin: 0px 0px 15px;
	font-size: 90%;
	list-style-type:decimal;
}

.rules_p #content_wrapper01 .content_box01 article li.numu_none{
	list-style-type:circle;
	font-size: 110%;
	margin: 0px 0px 10px;
}

/* ------------------------------------------
support page Settings
------------------------------------------ */

.support_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.support_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.support_p #content_wrapper01 .content_box01 article dl{
	width: 100%;
    height: auto;
	margin: 0px 0px 30px;
	padding: 0px 0px 0px 1em;
	box-sizing: border-box;
}

.support_p #content_wrapper01 .content_box01 article dt{
	width: 100%;
    height: auto;
	margin: 0px 0px 15px;
	font-size: 135%;
	color: #466d7f;
}

.support_p #content_wrapper01 .content_box01 article dd{
	width: 100%;
    height: auto;
	font-size: 90%;
}

.support_p #content_wrapper01 .content_box01 div.info_box{
	width: 100%;/*(984px)*/
    height: auto;
	margin: 40px auto 0px;
	padding: 20px 25px;
	border: #375664 1px solid;
	background-color: #466d7f;
	color: #FFFFFF;
	box-sizing: border-box;
}

.support_p #content_wrapper01 .content_box01 div.bt-area a{
	color: #ffcc00;
}

.support_p #content_wrapper01 .content_box01 div.info_box h4{
	width: 100%;/*(934px)*/
    height: auto;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	text-align: center;
	font-size: 140%;
	border-bottom: #ffffff 1px solid;
}

.support_p #content_wrapper01 .content_box01 div.info_box ul{
	width: 100%;/*(934px)*/
    height: auto;
	padding: 0px 0px 0px;
}

.support_p #content_wrapper01 .content_box01 div.info_box li{
	width: auto;
    height: auto;
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 0px 23px;
	background-repeat: no-repeat;
	font-size: 95%;
}

.support_p #content_wrapper01 .content_box01 div.info_box li a{
	color: #FFFFFF;
		text-decoration: none;
}

.support_p #content_wrapper01 .content_box01 div.info_box li a:hover{
	text-decoration: underline;
	color: #FFDE03;
}

.support_p #content_wrapper01 .content_box01 div.info_box li.icon01{
	background-image: url("../images/common_icon06.png");
	background-position: 2px 4px;
}

.support_p #content_wrapper01 .content_box01 div.info_box li.icon02{
	background-image: url("../images/common_icon07.png");
	background-position: left 6px;
}

.support_p #content_wrapper01 .content_box01 div.info_box li.icon03{
	background-image: url("../images/common_icon05.png");
	background-position: left 7px;
}

/* ------------------------------------------
register page Settings
------------------------------------------ */

.register_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.register_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.register_p #content_wrapper01 .content_box01 p{
	width: 100%;
    height: auto;
	margin: 0px 0px 1em;
	padding: 0px 0px 0px 1em;
	box-sizing: border-box;
}

.register_p #content_wrapper01 .content_box01 section{
	width: 100%;
    height: auto;
	margin: 2em 0px 2em;
	padding: 0px 0px 0px 1em;
	box-sizing: border-box;
}

.register_p #content_wrapper01 .content_box01 h4{
	width: 100%;
    height: auto;
	margin: 0px 0px 0.5em;
	box-sizing: border-box;
	color: #385766;
	font-size: 120%;
}

.register_p #content_wrapper01 .content_box01 article ol{
	width: 100%;
    height: auto;
	margin: 20px 0px 40px 1em;
	padding: 0px 0px 0px 1.5em;
	box-sizing: border-box;
}

.register_p #content_wrapper01 .content_box01 article li{
	width: 100%;
    height: auto;
	margin: 0px 0px 15px;
	font-size: 90%;
	list-style-type:decimal;
}

.register_p #content_wrapper01 .content_box01 article li em{
	color: #466d7f;
	text-decoration: underline;
}


/* ------------------------------------------
privacy-policy page Settings
------------------------------------------ */

.privacy-policy_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.privacy-policy_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.privacy-policy_p #content_wrapper01 .content_box01 p.txt_m{
	margin: 0px 0px 40px;
}

.privacy-policy_p #content_wrapper01 .content_box01 article{
	margin: 0px 0px 40px;
}

.privacy-policy_p #content_wrapper01 .content_box01 article dl{
	width: 100%;
    height: auto;
	margin: 0px 0px 30px;
}

.privacy-policy_p #content_wrapper01 .content_box01 article dt{
	width: 100%;
    height: auto;
	margin: 0px 0px 15px;
	font-size: 135%;
}

.privacy-policy_p #content_wrapper01 .content_box01 article dt.company_name{
	margin: 15px 0px 0px;
	font-size: 100%;
}

.privacy-policy_p #content_wrapper01 .content_box01 article dd{
	width: 100%;
    height: auto;
	font-size: 90%;
}

.privacy-policy_p #content_wrapper01 .content_box01 article p{
	width: 100%;
    height: auto;
	padding: 0px 0px 0px 1em;
	font-size: 90%;
	box-sizing: border-box;
}


.privacy-policy_p #content_wrapper01 .content_box01 article ul{
	width: 100%;
    height: auto;
	margin: 20px 0px 0px;
}

.privacy-policy_p #content_wrapper01 .content_box01 article li{
	width: 100%;
    height: auto;
	font-size: 90%;
}

.privacy-policy_p #content_wrapper01 .content_box01 article li::before{
	content:"・";
	color: #024e8b;
}

/* ------------------------------------------
sitemap page Settings
------------------------------------------ */

.sitemap_p #content_wrapper01{
	width:100%;
    height:auto;
	margin: 0px 0px 0px;
	padding: 40px 0px 200px;
	grid-area: content_box01;
	/*background-color: #eeece9;*/
}

.sitemap_p #content_wrapper01 .content_box01{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
}

.sitemap_p #content_wrapper01 .content_box01 ol{
	width: 100%;/*(1013px)*/
    height: auto;
	box-sizing: border-box;
}

.sitemap_p #content_wrapper01 .content_box01 li{
	width: 96%;/*(973px/1013px)*/
    height: auto;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px 40px;
	background-image: url("../images/circle_icon.png");
	background-repeat: no-repeat;
	background-position: 13px 6px;
	border-bottom: #b9b9b9 1px dotted;
	box-sizing: border-box;
}

.sitemap_p #content_wrapper01 .content_box01 a{
	text-decoration: none;
	color: #333333;
}

.sitemap_p #content_wrapper01 .content_box01 a:hover{
	color: #666666;
}
