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

body {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
img {
	max-width:100%;
	height:auto;
}

@media only screen and (max-width: 768px){
#header .innar h1  {
	display:none;
}
}

.main img {
	width:100%;
	height:auto;
}

#contents .Wrap {
	padding: 0 0 60px;
}
@media only screen and (max-width: 768px){
#contents .Wrap {
	padding: 0 0 30px;
}
}

/* ===============================================
　ビデオタグ
=============================================== */
video {
    max-width: 100%;
    height: auto;
}
.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ===============================================
　キーマガジン
=============================================== */
.cont-st {
}
.st-ribbon , .st-ribbon2 {
    display: inline-block;
    position: relative;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    margin: -50px auto 0;
}
.st-ribbon:before{/*左側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -15px;
    left: -15px;
    z-index: 0;
    border: 10px solid #ab002b;
    border-left-color: transparent;/*山形に切り抜き*/
}

.st-ribbon:after{/*右側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -15px;
    right: -15px;
    z-index: 0;
    border: 10px solid #ab002b;
    border-right-color: transparent;/*山形に切り抜き*/
}

.st-ribbon .inn {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 20px;
	line-height: 34px;
	font-size: 18px;
	color: #FFF;
	background: #d80036;/*真ん中の背景色*/
	z-index: 3;
}
.st-ribbon .inn:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-right: solid 10px #590016;/*左の折り返し部分*/
}
.st-ribbon .inn:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-left: solid 10px #590016;/*右の折り返し部分*/
}

/****/

.st-ribbon2:before{/*左側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -15px;
    left: -15px;
    z-index: 0;
    border: 10px solid #e4b704;
    border-left-color: transparent;/*山形に切り抜き*/
}

.st-ribbon2:after{/*右側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -15px;
    right: -15px;
    z-index: 0;
    border: 10px solid #e4b704;
    border-right-color: transparent;/*山形に切り抜き*/
}

.st-ribbon2 .inn {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 20px;
	line-height: 34px;
	font-size: 18px;
	color: #a10013;
	background: #f5da46;/*真ん中の背景色*/
	z-index: 3;
}
.st-ribbon2 .inn:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-right: solid 10px #c38000;/*左の折り返し部分*/
}
.st-ribbon2 .inn:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-left: solid 10px #c38000;/*右の折り返し部分*/
}



#sec-about {
	margin: 0px 0 50px 0;
	padding: 1% 0;
	background: -webkit-repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#db1446 3px, #db1446 7px);
	background: repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#db1446 3px, #db1446 7px);
	width: 100%;
}
#sec-about .innerWrap {
	background: #fff;
	margin: 0px 1%;
	padding: 5% 0;
}
#sec-about .logo {
	width: 58%;
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 10px;
}
#sec-about .text {
	color: #62544e;
	text-align: center;
	margin: 0px auto;
	width: 87%;
	font-size: 18px;
	padding-bottom: 0.1em;
	background-color: #fff;
	background-image: linear-gradient(to right, #fff 1px, transparent 2px), linear-gradient(to top, #afa8a5 1px, transparent 2px);
	background-size: 4px 2.2em;
	line-height: 2.2;
	font-weight: bold;
}
#sec-cont1 {
	background: rgba(247,229,162,0.6);
	margin: 0px 0 50px;
	text-align: center;
	padding: 25px 0 15px;
	width: 48%;
	float: left;
}
#sec-cont1 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont1 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont1 .theme {
	font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
	margin: 0px 5% 15px;
	color: #e4791d;
	font-size: 21px;
	line-height: 43px;
	letter-spacing: -0.05em;
}
#sec-cont1 .theme:before{
	margin: 0 5px 0 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
}

#sec-cont1 .Listen-btn {
	margin: 0px 5% 10px;
	height: 60px;
}
#sec-cont1 .Listen-btn a {
	display: block;
	color: #62544e;
	font-weight:bold;
	background: #f4f4f4;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #d9d8d9;
	position:relative;
	height:60px;
}
#sec-cont1 .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont1 .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
#sec-cont1 .check-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont1 .check-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #ea8a37;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #be6314;
	position: relative;
	height: 60px;
}
#sec-cont1 .check-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#ca712e;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont1 .check-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
/*****/

#sec-cont2 {
	background: rgba(234,232,212,0.6);
	margin: 0px 0 50px;
	text-align: center;
	padding: 25px 0 15px;
	width: 48%;
	float: right;
}
#sec-cont2 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont2 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont2 .theme {
	font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
	margin: 0px 5% 15px;
	text-align: center;
	line-height: 1.5em;
	font-size: 14px;
}
#sec-cont2 .theme:before{
	margin: 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
	float: left;
}
#sec-cont2 .ttl .txt {
	text-align: center;
	margin: 15px 0px 0px;
}
#sec-cont2 .chall-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont2 .chall-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #407bb1;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #285f91;
	position: relative;
	height: 60px;
}
#sec-cont2 .chall-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#426590;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont2 .chall-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}


/*****/
#sec-cont3 {
	background: rgba(255,240,139,0.6);
	margin: 0 0;
	text-align: center;
	padding: 25px 0 15px;
	width: 48%;
	float: left;
}
#sec-cont3 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	text-align: left;
	padding: 0px 0px 15px;
}
#sec-cont3 .ttl {
	margin: 0px 0% 10px;
}
#sec-cont3 .ttl .txt {
	margin: 0px 5% 10px;
	padding: 10px 0;
	border-bottom: 2px dashed #62544e;
	text-align: center;
}
#sec-cont3 .theme {
	margin: 0px 5% 15px;
	font: 21px/43px "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
	color: #ea5420;
	text-align: center;
	background-color: #fbece6;
	background-image:url(../images/ttl_left.jpg) , url(../images/ttl_right.jpg);
	background-repeat:no-repeat, no-repeat;
	background-position:left center, right center;
	background-size: auto 100%, auto 100%;
}
#sec-cont3 .theme:before{
	margin: 0 20px 0 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
}
#sec-cont3 .mv {
	margin: 0px 5% 15px;
}
#sec-cont3 .btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont3 .btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #3d9738;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #267e21;
	position: relative;
	height: 60px;
	text-align: center;
}
#sec-cont3 .btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#407b2f;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont3 .btn p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
}
/*****/
#sec-cont4 {
	background: -webkit-repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#e0335e 3px, #e0335e 7px);
	background: repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#e0335e 3px, #e0335e 7px);
	margin: 0 0;
	text-align: center;
	padding: 25px 0 15px;
	width: 48%;
	float: right;
}
#sec-cont4 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	text-align: left;
	padding: 20px 0px 15px;
}
#sec-cont4 .ttl {
	margin: 0px 20% 10px;
	text-align: center;
}
#sec-cont4 .theme {
	font-size: 18px;
	margin: 0px 5% 15px;
	color: #62544e;
	text-align: center;
	font-weight: bold;
}

#sec-cont4 .img {
	margin: 0px 5% 20px;
}
#sec-cont4 .btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont4 .btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #d80036;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #960026;
	position: relative;
	height: 60px;
	text-align: center;
}
#sec-cont4 .btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ad0429;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont4 .btn p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
}

/*****/

#sec-cont5 {
	background: rgba(221,228,115,0.6);
	margin: 0px 0 50px;
	text-align: center;
	padding: 25px 0 15px;
	width: 48%;
	float: left;
}
#sec-cont5 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont5 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont5 .ttl .txt {
	text-align: center;
	margin: 15px 0px 0px;
}
#sec-cont5 .theme {
	font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
	margin: 0px 5% 15px;
	font-size: 21px;
	line-height: 43px;
	letter-spacing: -0.05em;
}
#sec-cont5 .theme:before{
	margin: 0 5px 0 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
}

#sec-cont5 .Listen-btn {
	margin: 0px 5% 10px;
	height: 60px;
}
#sec-cont5 .Listen-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #ba9bc9;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #9a9898;
	position: relative;
	height: 60px;
}
#sec-cont5 .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont5 .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
#sec-cont5 .check-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont5 .check-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #F182A0;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #e74382;
	position: relative;
	height: 60px;
}
#sec-cont5 .check-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #e74381;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont5 .check-btn p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	text-align: center;
}
/*****/



#sec-cont6 {
	background: rgba(127,204,213,0.6);
	margin: 0px 0 50px;
	text-align: center;
	padding: 25px 0 15px;
	width: 48%;
	float: right;
}
#sec-cont6 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont6 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont6 .ttl .txt {
	text-align: center;
	margin: 15px 0px 0px;
}
#sec-cont6 .theme {
	font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
	margin: 0px 5% 15px;
	text-align: center;
	line-height: 1.5em;
	font-size: 14px;
}
#sec-cont6 .theme:before{
	margin: 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
	float: left;
}

#sec-cont6 .Listen-btn {
	margin: 0px 5% 10px;
	height: 60px;
}
#sec-cont6 .Listen-btn a {
	display: block;
	color: #62544e;
	font-weight:bold;
	background: #f4f4f4;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #d9d8d9;
	position:relative;
	height:60px;
}
#sec-cont6 .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont6 .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
#sec-cont6 .check-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont6 .check-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #5EBCBE;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #00a8ba;
	position: relative;
	height: 60px;
}
#sec-cont6 .check-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #00a8ba;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont6 .check-btn p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	text-align: center;
}
/*****/





@media only screen and (max-width: 768px){
.cont-st {
}
.st-ribbon , .st-ribbon2 {
    display: inline-block;
    position: relative;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    margin: -40px auto 0;
}
.st-ribbon:before{/*左側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -5px;
    left: -15px;
    z-index: 0;
    border: 10px solid #ab002b;
    border-left-color: transparent;/*山形に切り抜き*/
}

.st-ribbon:after{/*右側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -5px;
    right: -15px;
    z-index: 0;
    border: 10px solid #ab002b;
    border-right-color: transparent;/*山形に切り抜き*/
}

.st-ribbon .inn {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 20px;
	line-height: 24px;
	font-size: 12px;
	color: #FFF;
	background: #d80036;/*真ん中の背景色*/
	z-index: 3;
}
.st-ribbon .inn:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-right: solid 10px #590016;/*左の折り返し部分*/
}
.st-ribbon .inn:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-left: solid 10px #590016;/*右の折り返し部分*/
}

/****/

.st-ribbon2:before{/*左側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -5px;
    left: -15px;
    z-index: 0;
    border: 10px solid #e4b704;
    border-left-color: transparent;/*山形に切り抜き*/
}

.st-ribbon2:after{/*右側のリボン端*/
    content: '';
    position: absolute;
    width: 5px;
    bottom: -5px;
    right: -15px;
    z-index: 0;
    border: 10px solid #e4b704;
    border-right-color: transparent;/*山形に切り抜き*/
}

.st-ribbon2 .inn {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 20px;
	line-height: 24px;
	font-size: 12px;
	color: #a10013;
	background: #f5da46;/*真ん中の背景色*/
	z-index: 3;
}
.st-ribbon2 .inn:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-right: solid 10px #c38000;/*左の折り返し部分*/
}
.st-ribbon2 .inn:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-left: solid 10px #c38000;/*右の折り返し部分*/
}




#sec-about {
	margin: 0px 5% 60px;
	padding: 10px 0;
	background: -webkit-repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#db1446 3px, #db1446 7px);
	background: repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#db1446 3px, #db1446 7px);
	float: none;
	width: auto;
}
#sec-about .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
}
#sec-about .logo {
	width: 58%;
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 10px;
}
#sec-about .text {
	color: #62544e;
	text-align: center;
	margin: 0px auto;
	width: 87%;
	font-size: 12px;
	padding-bottom: 0.1em;
	background-color: #fff;
	background-image: linear-gradient(to right, #fff 1px, transparent 2px), linear-gradient(to top, #afa8a5 1px, transparent 2px);
	background-size: 4px 2.2em;
	line-height: 2.2;
	font-weight: bold;
}
#sec-cont1 {
	background: rgba(247,229,162,0.6);
	margin: 0px 5% 30px;
	text-align: center;
	padding: 25px 0 15px;
	float: none;
	width: auto;
}
#sec-cont1 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont1 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont1 .theme {
	font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
	margin: 0px 5% 15px;
	color: #e4791d;
	font-size: 21px;
	line-height: 43px;
	letter-spacing: -0.05em;
}
#sec-cont1 .theme:before{
	margin: 0 5px 0 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
}

#sec-cont1 .Listen-btn {
	margin: 0px 5% 10px;
	height: 60px;
}
#sec-cont1 .Listen-btn a {
	display: block;
	color: #62544e;
	font-weight:bold;
	background: #f4f4f4;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #d9d8d9;
	position:relative;
	height:60px;
}
#sec-cont1 .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont1 .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
#sec-cont1 .check-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont1 .check-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #ea8a37;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #be6314;
	position: relative;
	height: 60px;
}
#sec-cont1 .check-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#ca712e;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont1 .check-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
/*****/

#sec-cont2 {
	background: rgba(234,232,212,0.6);
	margin: 0px 5% 30px;
	text-align: center;
	padding: 25px 0 15px;
	float: none;
	width: auto;
}
#sec-cont2 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont2 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont2 .theme {
	font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
	margin: 0px 5% 15px;
	text-align: center;
	line-height: 1.5em;
	font-size: 12px;
}
#sec-cont2 .theme:before{
	margin: 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
	float: left;
}
#sec-cont2 .ttl .txt {
	text-align: center;
	margin: 15px 0px 0px;
}
#sec-cont2 .chall-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont2 .chall-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #407bb1;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #285f91;
	position: relative;
	height: 60px;
}
#sec-cont2 .chall-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#426590;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont2 .chall-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}


/*****/
#sec-cont3 {
	background: rgba(255,240,139,0.6);
	margin: 0px 5% 60px;
	text-align: center;
	padding: 25px 0 15px;
	float: none;
	width: auto;
}
#sec-cont3 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	text-align: left;
	padding: 0px 0px 15px;
}
#sec-cont3 .ttl {
	margin: 0px 0% 10px;
}
#sec-cont3 .ttl .txt {
	margin: 0px 5% 10px;
	padding: 10px 0;
	border-bottom: 2px dashed #62544e;
	text-align: center;
}
#sec-cont3 .theme {
	margin: 0px 5% 15px;
	font: 21px/43px "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
	color: #ea5420;
	text-align: center;
	background-color: #fbece6;
	background-image:url(../images/ttl_left.jpg) , url(../images/ttl_right.jpg);
	background-repeat:no-repeat, no-repeat;
	background-position:left center, right center;
	background-size: auto 100%, auto 100%;
}
#sec-cont3 .theme:before{
	margin: 0 20px 0 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
}
#sec-cont3 .mv {
	margin: 0px 5% 15px;
}
#sec-cont3 .btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont3 .btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #3d9738;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #267e21;
	position: relative;
	height: 60px;
	text-align: center;
}
#sec-cont3 .btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#407b2f;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont3 .btn p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
}


/*****/
#sec-cont4 {
	background: -webkit-repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#e0335e 3px, #e0335e 7px);
	background: repeating-linear-gradient(-45deg, #d80036, #d80036 3px,#e0335e 3px, #e0335e 7px);
	margin: 0 5%;
	text-align: center;
	padding: 25px 0 15px;
	width: auto;
	float: none;
}
#sec-cont4 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	text-align: left;
	padding: 20px 0px 15px;
}
#sec-cont4 .ttl {
	margin: 0px 20% 10px;
	text-align: center;
}
#sec-cont4 .theme {
	font-size: 16px;
	margin: 0px 5% 15px;
	color: #62544e;
	text-align: center;
	font-weight: bold;
}

#sec-cont4 .img {
	margin: 0px 5% 20px;
}
#sec-cont4 .btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont4 .btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #d80036;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #960026;
	position: relative;
	height: 60px;
	text-align: center;
}
#sec-cont4 .btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ad0429;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont4 .btn p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
}

/*****/

#sec-cont5 {
	margin: 0px 5% 30px;
	float: none;
	width: auto;
}
#sec-cont5 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont5 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont5 .ttl .txt {
	text-align: center;
	margin: 15px 0px 0px;
}
#sec-cont5 .theme {
	font-size: 16px;
}
#sec-cont5 .theme:before{
	margin: 0 5px 0 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
}

#sec-cont5 .Listen-btn {
	margin: 0px 5% 10px;
	height: 60px;
}
#sec-cont5 .Listen-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #ba9bc9;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #9a9898;
	position: relative;
	height: 60px;
}
#sec-cont5 .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont5 .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
#sec-cont5 .check-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont5 .check-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #F182A0;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #e74382;
	position: relative;
	height: 60px;
}
#sec-cont5 .check-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #e74381;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont5 .check-btn p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	text-align: center;
}
/*****/



#sec-cont6 {
	margin: 0px 5% 30px;
	width: auto;
	float: none;
}
#sec-cont6 .innerWrap {
	background: #fff;
	margin: 0px 3%;
	padding: 15px 0;
	text-align: left;
}
#sec-cont6 .ttl {
	margin: 0px 5% 10px;
	padding: 0px 1% 15px;
	border-bottom: 2px dashed #62544e;
}
#sec-cont6 .ttl .txt {
	text-align: center;
	margin: 15px 0px 0px;
}
#sec-cont6 .theme {
	font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
	margin: 0px 5% 15px;
	text-align: center;
	line-height: 1.5em;
	font-size: 14px;
}
#sec-cont6 .theme:before{
	margin: 0;
	content: " ";
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(../images/new_icon.png);
	background-size: contain;
	vertical-align: middle;
	float: left;
}

#sec-cont6 .Listen-btn {
	margin: 0px 5% 10px;
	height: 60px;
}
#sec-cont6 .Listen-btn a {
	display: block;
	color: #62544e;
	font-weight:bold;
	background: #f4f4f4;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #d9d8d9;
	position:relative;
	height:60px;
}
#sec-cont6 .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont6 .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
#sec-cont6 .check-btn {
	margin: 0px 5%;
	height: 60px;
}
#sec-cont6 .check-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #5EBCBE;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #00a8ba;
	position: relative;
	height: 60px;
}
#sec-cont6 .check-btn a:after {
	content: '\f105';
	font: normal 18px/32px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #00a8ba;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
#sec-cont6 .check-btn p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	text-align: center;
}
/*****/
}