@charset "UTF-8";



/* ==================================================================

  STRUCTURE（文書構文基本スタイル）

=====================================================================*/


body {
  background-color: #FFFFFF;
  font-size: 14px;
  color: #5f4b3e;
  margin:0px;
  padding:0px;
  text-align:center;
  -webkit-text-size-adjust: 100%;
}

.all {
  width: 940px;
  margin:0px auto;
  text-align:left;
}

/* ==================================================================

  ELEMENTS（各共通要素）

=====================================================================*/


.elementBlock{
  position: relative;
  margin-left: 85px;
}
.elementBlock p{
  position: absolute;
}

.messageBlock{
  position: relative;
  margin-left: 30px;
}
.messageBlock p{
  position: absolute;
}

.point-list li {
	position: relative;
	border-bottom: 1px dotted #CCC;
	padding: 10px 0 10px 45px;
}
.point-list li:before {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 40px;
	height: 20px;
}

/* ==================================================================

  HEADER（流用）

=====================================================================*/

.head {
  width: 940px;
  margin:0px 0px 10px;
}
.anchor {
font-size: 0px;
line-height: 0px;
display: block;
overflow: hidden;
height: 0px;
}

.head .logo{
  width:220px;
  margin:0px 0px 8px;
}
.head .logo p{
  color:#333;
  padding:5px 0px;
  font-size:10px;
  line-height:1.4em;
  font-weight:bold;
  margin:0px;
}

/* ==================================================================

  CONTENTS

=====================================================================*/

/* ------------------------------------------------------------------
  mainVisualArea
---------------------------------------------------------------------*/

.mainVisualArea h1{
  margin-bottom: 6px;
}

/*.backnumberList
-----------------------------------*/
.mainVisualArea .backnumberList{
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
}
.mainVisualArea .backnumberList li{
  margin-right: 6px;
  margin-top: 6px;
}
.mainVisualArea .backnumberList li a{
  display: block;
  padding: 7px 20px 7px 40px;
  border-radius: 5px;
  background: #EFF7FC;
  text-decoration: none;
  color: #3C98DD;
  position: relative;
}
.mainVisualArea .backnumberList li a:before{
  content: "";
  width: 14px;
  height: 14px;
  background: #3C98DD;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.mainVisualArea .backnumberList li a:after{
  content: "";
  border-left: 4px solid #FFF;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  position: absolute;
  display: block;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}

/*.socialBtn
-----------------------------------*/
.socialBtn ul li{
  width:106px;
  float: left;
}

.btn a{
  display: inline-block;
  border-radius: 100px;
  background: #EA7668;
  color: #FFF;
  font-size: 20px;
  padding: 12px;
  width: 320px;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
}
.btn a:before{
  content: ">";
  margin-right: .3em;
}

/* ------------------------------------------------------------------
  .section01
---------------------------------------------------------------------*/

.section01 {
	position: relative;
	background: url(../../../images/pi_gakusyu/zadankai7/bg_01.png) left top repeat;
	padding: 10px;
}
.section01 h2 {
	position: absolute;
	top: -10px;
	left: 20px;
  width: 450px;
  text-align: center;
  color: #663300;
  font-size: 20px;
  font-weight: 500;
  background: #F5E76C;
  line-height: 1.4;
  padding: 10px;
}
.section01 h2:after{
  content:"";
  width: 10px;
  height: 20px;
  background: url("../../../images/pi_gakusyu/zadankai7/h01_bg.png");
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
}
.section01 .innerSection {
	background: #F9F2E6;
	border: 1px solid #FFF;
}
.section01 .text-theme {
	float: left;
	width: 430px;
	padding: 20px;
	margin-top: 50px;
	font-size: 18px;
	line-height: 1.8;
}
.section01 .fig {
	float: right;
	width: 448px;
}
.titBrown{
  background: #77490D;
  color: #F5E76C;
  text-align: center;
  font-size: 20px;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 500;
}
.titBrown:before{
  content: "";
  width: 25px;
  height: 50px;
  position: absolute;
  display: block;
  background: url("../../../images/pi_gakusyu/zadankai7/h3_left.png");
  background-size: 100% 100%;
  left: -25px;
  top: 0;
}
.titBrown:after{
  content: "";
  width: 25px;
  height: 50px;
  position: absolute;
  display: block;
  background: url("../../../images/pi_gakusyu/zadankai7/h3_right.png");
  background-size: 100% 100%;
  right: -25px;
  top: 0;
}
.section01 .participant{
  clear: both;
}
.section01 .participant .titBrown {
  margin: 0 20px;
}
.section01 .participant .inner {
	background: #FFF;
	margin: 0 9px 9px 9px;
	padding: 20px;
}
.section01 .participant .example {
	padding: 10px;
	background: #F9F2E6;
	text-align: center;
}
.section01 .icon-q {
	color: #77470C;
	font-weight: bold;
}
.section01 .persons{
  display: flex;
  flex-wrap: wrap;
}
.section01 .persons > li {
	width: 215px;
	margin-top: 20px;
	font-size: 13px;
}
.section01 .persons dl{
  display: flex;
}
.section01 .persons dt {
	width: 40px;
  margin-right: 5px;
}
.section01 .persons dd {
	flex: 1;
	padding-right: 30px;
}
.section01 .persons .age01 {
	color: #FF8000;
	font-size: 12px;
}
.section01 .persons .age02 {
	color: #00A3D9;
	font-size: 12px;
}
.section01 .persons .age03 {
	color: #698C00;
	font-size: 12px;
}
.section01 .persons .boy:before,
.section01 .persons .girl:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
}
.section01 .persons .age01.boy:before {
	content: url(../../../images/pi_gakusyu/zadankai7/icon_age01_boy.png);
}
.section01 .persons .age01.girl:before {
	content: url(../../../images/pi_gakusyu/zadankai7/icon_age01_girl.png);
}
.section01 .persons .age02.girl:before {
	content: url(../../../images/pi_gakusyu/zadankai7/icon_age02_girl.png);
}
.section01 .persons .age03.boy:before {
	content: url(../../../images/pi_gakusyu/zadankai7/icon_age03_boy.png);
}
.section01 .persons .age03.girl:before {
	content: url(../../../images/pi_gakusyu/zadankai7/icon_age03_girl.png);
}


/* ------------------------------------------------------------------
  .section02
---------------------------------------------------------------------*/

.section02 {
	position: relative;
	background: url(../../../images/pi_gakusyu/zadankai7/bg_02.png) left top repeat;
	padding: 10px;
}
.section02 h2 {
	position: absolute;
	top: -40px;
	left: 20px;
  background: #EA7668;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 900px;
  border-radius: 10px 10px 0 0;
}
.section02 h2:after{
  content: "";
  display: block;
  border-top: 11px solid #EA7668;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.section02 .innerSection {
	position: relative;
	padding: 20px;
	background: #FFF;
}
.section02 .kaiwa > li {
	position: relative;
	float: left;
}
.section02 .kaiwa > li:nth-child(1) dl{
  z-index: 1;
  position: relative;
}
.section02 .kaiwa > li:nth-child(n+2) {
	margin-top: 20px;
}
.section02 .kaiwa > li.left,
.section02 .kaiwa > li.center > img,
.section02 .kaiwa > li.left > img {
	float: left;
}
.section02 .kaiwa > li.right,
.section02 .kaiwa > li.right > img {
	float: right;
}
.section02 .brownTxt{
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #77490D;
  margin-bottom: 5px;
  line-height: 1.4;
}
.section02 .kaiwa dl {
	position: relative;
	border: 1px solid #EA7668;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(../../../images/pi_gakusyu/zadankai7/kaiwa_bg.png) left top repeat;
	text-align: center;
	padding: 9px;
	line-height: 1.2;
	min-height: 66px;
  box-sizing: content-box;
}
.section02 .kaiwa > li.center > dl:last-child,
.section02 .kaiwa > li.left > dl {
	float: right;
	margin-left: 20px;
}
.section02 .kaiwa > li.center > dl:last-child:before,
.section02 .kaiwa > li.left > dl:before {
	position: absolute;
	top: 25px;
	right: 100%;
	content: url(../../../images/pi_gakusyu/zadankai7/kaiwa_l.png);
}
.section02 .kaiwa > li.center > dl:first-child,
.section02 .kaiwa > li.right > dl {
	float: left;
	margin-right: 20px;
}
.section02 .kaiwa > li.center > dl:first-child:before,
.section02 .kaiwa > li.right > dl:before {
	position: absolute;
	top: 25px;
	left: 100%;
	content: url(../../../images/pi_gakusyu/zadankai7/kaiwa_r.png);
}
.section02 .kaiwa dt {
	font-size: 21px;
	font-weight: bold;
	color: #EA7668;
}
.section02 .kaiwa dd {
	margin-top: 10px;
}

.section02 .kaiwa01 > li:nth-child(1) dl {
	width: 600px;
}
.section02 .kaiwa01 > li:nth-child(1) .fig {
	position: absolute;
	top: -60px;
	right: -220px;
}
.section02 .kaiwa01 > li:nth-child(2) {
	z-index: 1;
}
.section02 .kaiwa01 > li:nth-child(2) dl {
	width: 580px;
}
.section02 .kaiwa01 > li:nth-child(2) .fig {
	position: absolute;
	top: -45px;
	left: -185px;
}
.section02 .kaiwa01 > li:nth-child(3) dl {
	width: 260px;
}
.section02 .kaiwa01 > li:nth-child(4) dl {
	width: 360px;
}
.section02 .kaiwa01 > li:nth-child(5) dl {
	width: 800px;
}
.section02 .kaiwa01 > li:nth-child(6) dl {
	width: 800px;
}
.section02 .kaiwa01 > li:nth-child(7) dl {
	width: 380px;
}
.section02 .kaiwa02 > li {
	margin-top: 0!important;
}
.section02 .kaiwa02 > li dl {
	width: 320px;
}
.section02 .comment .titBrown {
	margin: 20px 0;
}
.section02 .comment .inner:before {
	float: left;
	display: inline-block;
	content: url(../../../images/pi_gakusyu/zadankai7/staff.png);
	margin-right: 10px;
}


/* ------------------------------------------------------------------
  .section03
---------------------------------------------------------------------*/

.section03 {
	position: relative;
	background: url(../../../images/pi_gakusyu/zadankai7/bg_03.png) left top repeat;
	padding: 10px;
}
.section03 h2 {
	text-align: center;
	margin-bottom: 10px;
  color: #EA7668;
  font-size : 24px;
  font-weight: 500;
  text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
}
.section03 .innerSection {
	position: relative;
	padding: 20px;
	background: #FFF;
}
.section03 .childSection:nth-child(n+2) {
	margin-top: 20px;
}
.section03 .childSection h3 {
	position: relative;
	background: url(../../../images/pi_gakusyu/zadankai7/bg_02.png);
	padding: 15px 15px 15px 80px;
	line-height: 1.2;
	color: #77490D;
	font-size: 18px;
}
.section03 .childSection h3:before {
  content: "";
  background-size: 100% 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: -10px;
	width: 80px;
	height: 80px;
	margin-top: -40px;
}
.section03 .childSection h3.ninki:before {
  background-image: url(../../../images/pi_gakusyu/zadankai7/ninki.png);
}
.section03 .childSection h3.nattoku:before {
	background-image: url(../../../images/pi_gakusyu/zadankai7/nattoku.png);
}
.section03 .childSection .inner {
	padding-left: 60px;
}
.section03 .point-list li:before {
	background-image: url(../../../images/pi_gakusyu/zadankai7/point01.png);
}
.section03 .childSection dl {
	position: relative;
	min-height: 184px;
	margin-top: 20px;
}
.section03 .childSection dt.titBrown{
  margin: 0 25px 20px;
}
.section03 .childSection dt.pinkTxt{
  width: 320px;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #EA7668;
  margin-bottom: 5px;
  line-height: 1.4;
}
.section03 .childSection dd {
	margin-bottom: 20px;
}
.section03 .childSection dl:before {
	position: absolute;
	top: 0;
	left: 0;
}
.section03 .childSection dl:after {
	position: absolute;
	top: 0;
	right: 0;
}
.section03 .childSection:nth-child(1) dl {
	padding-left: 190px;
}
.section03 .childSection:nth-child(2) dl {
	padding-left: 290px;
}
.section03 .childSection:nth-child(3) dl {
	padding-left: 240px;
	min-height: 160px;
}
.section03 .childSection:nth-child(3) dl dt {
	margin-left: -20px;
}
.section03 .childSection:nth-child(3) dl dd:before {
	float: right;
	display: inline-block;
	content: url(../../../images/pi_gakusyu/zadankai7/staff.png);
	margin-left: 10px;
}
.section03 .photo {
	display: flex;
  justify-content: space-between;
  margin-top: 20px;
  position: absolute;
  width: 820px;
}


/* ------------------------------------------------------------------
  .section04
---------------------------------------------------------------------*/

.section04 {
	position: relative;
	background: url(../../../images/pi_gakusyu/zadankai7/bg_04.png) left top repeat;
	padding: 10px;
}
.section04 h2 {
	text-align: center;
	margin-bottom: 10px;
  color: #0085B2;
  font-size : 24px;
  font-weight: 500;
  text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
}
.section04 h2 strong{
  font-weight: 500;
  color: #E87400;
}
.section04 .innerSection {
	position: relative;
	padding: 20px;
	background: #FFF;
}
.section04 .innerSection:nth-child(n+2) {
	margin-top: 10px;
}
.section04 .childSection:nth-child(n+2) {
	margin-top: 20px;
}
.section04 .childSection h3 {
	position: relative;
	background: url(../../../images/pi_gakusyu/zadankai7/bg_02.png);
	padding: 15px;
	line-height: 1.2;
	color: #77490D;
	font-size: 18px;
}
.section04 .childSection h3:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -10px;
	width: 80px;
	height: 80px;
	margin-top: -40px;
}
.section04 .point-list li:before {
	content: url(../../../images/pi_gakusyu/zadankai7/point02.png);
}
.section04 .comment .titBrown {
	margin: 10px 0;
}
.section04 .comment .inner {
	padding: 10px 10px 0 10px;
}
.section04 .comment .inner:before {
	float: left;
	display: inline-block;
	content: url(../../../images/pi_gakusyu/zadankai7/staff.png);
	margin-right: 10px;
}


/* ------------------------------------------------------------------
  .section05
---------------------------------------------------------------------*/

.section05 {
	position: relative;
	background: url(../../../images/pi_gakusyu/zadankai7/bg_05.png) left top repeat;
	padding: 10px;
}
.section05 .innerSection {
	position: relative;
	padding: 20px;
	background: #FFF;
}


/* ==================================================================

  FOOTER（流用）


=====================================================================*/
.footer {
  width: 940px;
  height:58px;
  background:url(../../../images/pi_gakusyu/zadankai7/footer_bg.gif) repeat-x left top;
  padding:22px 0px 0px 0px;
  font-size: 10px;
  clear: both;
}
.footer p{
  line-height:21px;
  margin:0px;
  float:left;
}
.footer div{
  float:right;
}