@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
#contents {
/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
}

.hedObiIn_pc {
display: inline;
}

.hedObiIn_sp {
display: none;
}

.pickTtl{
	margin-bottom: 60px;
	padding: 60px 0;
	background-color: #fef3e7;
	/* font-weight: bold; */
}

.pickTtl h2{
	margin-bottom: 30px;
	font-size: 34px;
	text-align: center;
	color: #ed6c00;
	line-height: 1.5;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.pickTtl p{
	margin-bottom: 30px;
}

.pickTtl ul{
	display: flex;
	justify-content: space-between;
}

.pickTtl ul li{
	width: 22%;
}

.pickTtl ul li a{
	display: block;
	padding: 10px 0;
	font-size: 26px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	border-radius: 6px;
	color: #fff;
}

.pickTtl ul li:nth-child(1) a{background-color: #50b44b;}
.pickTtl ul li:nth-child(2) a{background-color: #419be1;}
.pickTtl ul li:nth-child(3) a{background-color: #e66964;}
.pickTtl ul li:nth-child(4) a{background-color: #ab7fc8;}


.ttlStyle{
	margin-bottom: 60px;
	padding: 30px 0;
	text-align: center;
	position: relative;
}

.ttlStyle::before{
	width: 100%;
	height: 7px;
	content: '';
	background: repeating-linear-gradient(-45deg, #ed6c00, #ed6c00 5px, #fff 0px, #fff 8px);
	position: absolute;
	top: 0;
	left: 0;
}
.ttlStyle::after{
	width: 100%;
	height: 7px;
	content: '';
	background: repeating-linear-gradient(-45deg, #ed6c00, #ed6c00 5px, #fff 0px, #fff 8px);
	position: absolute;
	bottom: 0;
	left: 0;
}
.ttlStyle h3{
	margin-bottom: 10px;
	font-size: 34px;
	color: #ed6c00;
}


.cmtArea{margin-bottom: 100px;}
.cmtArea > section{
	margin-bottom: 120px;
}

.cmtArea > section .prof{
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cmtArea > section .prof > p{width: 36%;}
.cmtArea > section .prof > p img{width: 100%;}
.cmtArea > section .prof > div{width: 58%;}

.cmtArea > section .prof > div p{font-weight: bold;}
.cmtArea > section .prof > div p:nth-child(1){font-size: 30px;}
.cmtArea > section .prof > div p:nth-child(1) span{font-size: 22px;}

.cmtArea > .sec01 .prof > div p:nth-child(2){color: #50b44b;}
.cmtArea > .sec02 .prof > div p:nth-child(2){color: #419be1;}
.cmtArea > .sec03 .prof > div p:nth-child(2){color: #e66964;}
.cmtArea > .sec04 .prof > div p:nth-child(2){color: #ab7fc8;}

.cmtArea > section > section{margin-bottom: 60px;}

.cmtArea .ttlWp {margin-bottom: 20px;}
.cmtArea .ttlWp p:nth-child(1){
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
}
.cmtArea .ttlWp p:nth-child(1) span:nth-child(1){
	width: 14%;
	font-size: 20px;
	text-align: center;
	color: #fff;
	border-radius: 6px;
}
.cmtArea .sec01 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #50b44b;}
.cmtArea .sec02 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #419be1;}
.cmtArea .sec03 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #e66964;}
.cmtArea .sec04 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #ab7fc8;}

.cmtArea .ttlWp p:nth-child(1) span:nth-child(2){
	width: 82%;
	font-size: 22px;
}
.cmtArea .sec01 .ttlWp p:nth-child(1) span:nth-child(2){color: #50b44b;}
.cmtArea .sec02 .ttlWp p:nth-child(1) span:nth-child(2){color: #419be1;}
.cmtArea .sec03 .ttlWp p:nth-child(1) span:nth-child(2){color: #e66964;}
.cmtArea .sec04 .ttlWp p:nth-child(1) span:nth-child(2){color: #ab7fc8;}

.cmtArea .ttlWp p:nth-child(2) a{
	font-size: 30px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.cmtArea .ttlWp p:nth-child(3){font-size: 20px;}

.cmtArea .ttlWp p a:hover{color: #fabe00;}

.cmtArea .cmtWp{
	box-sizing: border-box;
	border-style: solid;
	border-width: 3px;
	border-radius: 10px;
	overflow: hidden;
}
.cmtArea .sec01 .cmtWp {border-color: #50b44b;}
.cmtArea .sec02 .cmtWp {border-color: #419be1;}
.cmtArea .sec03 .cmtWp {border-color: #e66964;}
.cmtArea .sec04 .cmtWp {border-color: #ab7fc8;}

.cmtArea .cmtWp > p{
	padding: 4px 0;
	text-align: center;
	font-size: 22px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

.cmtArea .sec01 .cmtWp > p {
	color: #50b44b;
	background-color: #dcf0db;
	border-color: #50b44b;
}
.cmtArea .sec02 .cmtWp > p {
	color: #419be1;
	background-color: #d9ebf9;
	border-color: #419be1;
}
.cmtArea .sec03 .cmtWp > p {
	color: #e66964;
	background-color: #fae1e0;
	border-color: #e66964;
}
.cmtArea .sec04 .cmtWp > p {
	color: #ab7fc8;
	background-color: #eee5f4;
	border-color: #ab7fc8;
}

.cmtArea .cmtWp > div{padding: 30px;}
.cmtArea .cmtWp > div p{text-indent: 1em;}

/*---------------------*/
.pastBox01 {
margin-bottom: 95px;
}

.pastList li {
width: 22.3%;
float: left;
margin-right: 3.6%;
}

.pastList li:nth-child(4n) {
margin-right: 0;
}

.pastList li:nth-child(n+5) {
margin-top: 3.6%;
}

.pastList li a {
display: block;
padding: 20px 35px;
text-align: center;
border-radius: 10px;
box-shadow: 6px 6px rgba(0,0,0,0.1);
}

.pastList li a p {
font-size: 1.8rem;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: #fff dotted 2px;
color: #fff;
}

.pastList li a h5 {
font-size: 2.5rem;
color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

.pastList li a h5 span {
font-size: 4rem;
}

.pastList li a:hover {
background-color: #303030;
box-shadow: 0px 0px rgba(0,0,0,0.1);
}
.pastList01 a {
background-color: #f18101;
}

.pastList02 a {
background-color: #ba79b1;
}

.pastList03 a {
background-color: #8cc66f;
}

.pastList04 a {
background-color: #d6b45d;
}

.pastList05 a {
background-color: #4ca635;
}

.pastList06 a {
background-color: #ec6ca5;
}

.pastList07 a {
background-color: #abcd38;
}

.pastList08 a {
background-color: #63c0ab;
}

.pastList09 a {
background-color: #83ccd3;
}

.pastList10 a {
background-color: #c09b31;
}

.pastList11 a {
background-color: #d07b10;
}

.pastList12 a {
background-color: #f59839;
}

.pastList13 a {
background-color: #a69aca;
}

.pastList14 a {
background-color: #ec6d74;
}

.pastList15 a {
background-color: #fbbe01;
}

.pastList16 a {
background-color: #1e51a2;
}

.pastList17 a {
background-color: #ea5532;
}

.pastList18 a {
background-color: #e60012;
}

.pastList19 a {
background-color: #c64d97;
}



}





/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 768px) {
#contents {
/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
}

.hedObiIn_pc {
display: none;
}

.hedObiIn_sp {
display: block;
text-align: center;
color: #ed6c00;
font-size: 2.8rem;
line-height: 1.5;
letter-spacing: 0.05em;
padding: 20px 10px;
}


.pickTtl{
	margin-bottom: 30px;
	padding: 30px 0;
	background-color: #fef3e7;
}

.pickTtl h2{
	margin-bottom: 10px;
	font-size: 2.0rem;
	line-height: 1.5;
	text-align: center;
	color: #ed6c00;
}

.pickTtl p{
	margin-bottom: 20px;
}

.pickTtl ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pickTtl ul li{
	width: 48%;
	margin-bottom: 10px;
}

.pickTtl ul li:nth-last-child(-n+2){margin-bottom: 0;}

.pickTtl ul li a{
	display: block;
	padding: 10px 0;
	font-size: 2.0rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	border-radius: 6px;
	color: #fff;
}

.pickTtl ul li:nth-child(1) a{background-color: #50b44b;}
.pickTtl ul li:nth-child(2) a{background-color: #419be1;}
.pickTtl ul li:nth-child(3) a{background-color: #e66964;}
.pickTtl ul li:nth-child(4) a{background-color: #ab7fc8;}



.ttlStyle{
	margin-bottom: 30px;
	padding: 30px 0;
	text-align: center;
	position: relative;
}

.ttlStyle::before{
	width: 100%;
	height: 4px;
	content: '';
	background: repeating-linear-gradient(-45deg, #ed6c00, #ed6c00 5px, #fff 0px, #fff 8px);
	position: absolute;
	top: 0;
	left: 0;
}
.ttlStyle::after{
	width: 100%;
	height: 4px;
	content: '';
	background: repeating-linear-gradient(-45deg, #ed6c00, #ed6c00 5px, #fff 0px, #fff 8px);
	position: absolute;
	bottom: 0;
	left: 0;
}

.ttlStyle h3{
	margin-bottom: 10px;
	font-size: 2.4rem;
	color: #ed6c00;
}

.cmtArea{margin-bottom: 60px;}
.cmtArea section{
	margin-bottom: 30px;
}

.cmtArea > section .prof{
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cmtArea > section .prof > p{width: 36%;}
.cmtArea > section .prof > p img{width: 100%;}
.cmtArea > section .prof > div{width: 58%;}

.cmtArea > section .prof > div p{font-weight: bold;}
.cmtArea > section .prof > div p:nth-child(1){font-size: 2.2rem;}
.cmtArea > section .prof > div p:nth-child(1) span{font-size: 1.4rem;}

.cmtArea > .sec01 .prof > div p:nth-child(2){color: #50b44b;}
.cmtArea > .sec02 .prof > div p:nth-child(2){color: #419be1;}
.cmtArea > .sec03 .prof > div p:nth-child(2){color: #e66964;}
.cmtArea > .sec04 .prof > div p:nth-child(2){color: #ab7fc8;}

.cmtArea > section > section{margin-bottom: 60px;}

.cmtArea .ttlWp {margin-bottom: 10px;}
.cmtArea .ttlWp p:nth-child(1){
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
}
.cmtArea .ttlWp p:nth-child(1) span:nth-child(1){
	width: 20%;
	height: 2.2rem;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	border-radius: 6px;
}
.cmtArea .sec01 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #50b44b;}
.cmtArea .sec02 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #419be1;}
.cmtArea .sec03 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #e66964;}
.cmtArea .sec04 .ttlWp p:nth-child(1) span:nth-child(1){background-color: #ab7fc8;}

.cmtArea .ttlWp p:nth-child(1) span:nth-child(2){
	width: 76%;
	font-size: 1.8rem;
}
.cmtArea .sec01 .ttlWp p:nth-child(1) span:nth-child(2){color: #50b44b;}
.cmtArea .sec02 .ttlWp p:nth-child(1) span:nth-child(2){color: #419be1;}
.cmtArea .sec03 .ttlWp p:nth-child(1) span:nth-child(2){color: #e66964;}
.cmtArea .sec04 .ttlWp p:nth-child(1) span:nth-child(2){color: #ab7fc8;}

.cmtArea .ttlWp p:nth-child(2) a{
	font-size: 2.2rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
	text-decoration: underline;
}
.cmtArea .ttlWp p:nth-child(3){font-size: 1.4rem;}

.cmtArea .ttlWp p a:hover{color: #fabe00;}

.cmtArea .cmtWp{
	box-sizing: border-box;
	border-style: solid;
	border-width: 3px;
	border-radius: 10px;
	overflow: hidden;
}
.cmtArea .sec01 .cmtWp {border-color: #50b44b;}
.cmtArea .sec02 .cmtWp {border-color: #419be1;}
.cmtArea .sec03 .cmtWp {border-color: #e66964;}
.cmtArea .sec04 .cmtWp {border-color: #ab7fc8;}

.cmtArea .cmtWp > p{
	padding: 4px 0;
	text-align: center;
	font-size: 1.6rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

.cmtArea .sec01 .cmtWp > p {
	color: #50b44b;
	background-color: #dcf0db;
	border-color: #50b44b;
}
.cmtArea .sec02 .cmtWp > p {
	color: #419be1;
	background-color: #d9ebf9;
	border-color: #419be1;
}
.cmtArea .sec03 .cmtWp > p {
	color: #e66964;
	background-color: #fae1e0;
	border-color: #e66964;
}
.cmtArea .sec04 .cmtWp > p {
	color: #ab7fc8;
	background-color: #eee5f4;
	border-color: #ab7fc8;
}

.cmtArea .cmtWp > div{padding: 20px;}
.cmtArea .cmtWp > div p{text-indent: 1em;}



/*---------------------*/
.pastBox01 {
margin-bottom: 60px;
}

.pastList {
width: 90%;
margin: auto;
}

.pastList li {
width: 47%;
float: left;
margin-right: 6%;
}

.pastList li:nth-child(2n) {
margin-right: 0;
}

.pastList li:nth-child(n+3) {
margin-top: 6%;
}

.pastList li a {
display: block;
padding: 15px 20px;
text-align: center;
border-radius: 10px;
box-shadow: 6px 6px rgba(0,0,0,0.1);
}

.pastList li a p {
font-size: 1.6rem;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: #fff dotted 2px;
color: #fff;
}

.pastList li a h5 {
font-size: 2rem;
color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

.pastList li a h5 span {
font-size: 3rem;
}

.pastList li a:hover {
background-color: #303030;
box-shadow: 0px 0px rgba(0,0,0,0.1);
}
.pastList01 a {
background-color: #f18101;
}

.pastList02 a {
background-color: #ba79b1;
}

.pastList03 a {
background-color: #8cc66f;
}

.pastList04 a {
background-color: #d6b45d;
}

.pastList05 a {
background-color: #4ca635;
}

.pastList06 a {
background-color: #ec6ca5;
}

.pastList07 a {
background-color: #abcd38;
}

.pastList08 a {
background-color: #63c0ab;
}

.pastList09 a {
background-color: #83ccd3;
}

.pastList10 a {
background-color: #c09b31;
}

.pastList11 a {
background-color: #d07b10;
}

.pastList12 a {
background-color: #f59839;
}

.pastList13 a {
background-color: #a69aca;
}

.pastList14 a {
background-color: #ec6d74;
}

.pastList15 a {
background-color: #fbbe01;
}

.pastList16 a {
background-color: #1e51a2;
}

.pastList17 a {
background-color: #ea5532;
}

.pastList18 a {
background-color: #e60012;
}

.pastList19 a {
background-color: #c64d97;
}

.comTxt2 {
text-align: center;
}




}