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

/*===========================================
main
===========================================*/
#main {
	padding: 20px 0 50px;	
}

#main h1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
}

#main ul {
	letter-spacing: -.4em;
	margin-top: 15px;
	text-align: center;
}

#main ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 5px 10px;
}

#main ul li a {
	display: block;
	padding: 0.2em 1em 0.2em 0.5em;
	border: 1px solid #ee7f90;
	background: url(/common/images/arrow03.png) no-repeat 98% 46% #faf2ec;
	background-size: auto auto;
	background-size: 24px auto;
	color: #ee7f90;
	border-radius: 80px;
	font-weight: bold;
}

#main ul li a b {
    display: block;
    border-radius: 10px;
    background: url(/common/images/highlight01.png) repeat-x 0 0;
    background-size: 3px auto;
    padding: 0.5em 1.2em;
}

/*===========================================
common
===========================================*/
h2 {
	background: url(/common/images/shadow01.png) repeat-x 0% 100% #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 14px 20px 18px;
	margin-bottom: 25px;
}

#anc01, #anc02, #anc03, #anc04, #anc05 ,#anc06 {
	margin-bottom: 45px;
	padding-bottom: 30px;
}

ul.each {
	display: table;
	width: 80%;
	border-collapse: separate;
	border-spacing: 20px 0;
	margin: 0 auto;
}

ul.each li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	width: 22%;
	background: #fff;
	padding: 1%;
	border: 10px solid #fff;
	box-shadow: 0 0 12px rgba(0,0,0,0.15);
}

ul.each li img {
	width: 80%;
}

ul.each li a {
	display: block;
}

ul.each li dl {
	padding-top: 0.5em;
}

ul.each li dl dt {
	line-height: 1.3;
	font-weight: bold;
	font-size: 20px;
}

ul.each li dl dd {
	padding-top: 0.3em;
	color: #666;
	line-height: 1.3;
	font-size: 14px;
}

ul.each li .btn01 {
	margin-top: 0.7em;
}

ul.each li .btn01 strong {
    display: block;
    border-radius: 100px;
    text-align: center;
}

ul.each li .btn01 strong span {
    display: block;
    padding: 3px 0.6em;
    background: url(/common/images/arrow01.png) no-repeat 98% 50%;
    background-size: 7px auto;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

ul.each li .btn01 strong b {
    display: block;
    border-radius: 10px;
    background: url(/common/images/highlight01.png) repeat-x 0 0;
	background-size: 2px auto;
	padding: 0.3em 0;
}

/*===========================================
01
===========================================*/
#anc01 {
	background: rgba(238,127,144,0.3);
}

#anc01 h2 {
	border-top: 8px solid #ee7f90;
	color: #ee7f90;
}

#anc01 ul.each li img {
	background: rgba(238,127,144,0.3);
}

#anc01 ul.each li dl dt {
	color: #ee7f90;
}

#anc01 ul.each li .btn01 strong {
    background: #ff8a5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ee7f8f), to(#f39eab));
    background: -webkit-linear-gradient(top, #ee7f8f, #f39eab);
    background: linear-gradient(to bottom, #ee7f8f, #f39eab);
    border-radius: 100px;
}

/*===========================================
02
===========================================*/
#anc02 {
	background: rgba(255,138,91,0.3);
}

#anc02 h2 {
	border-top: 8px solid #ff8a5b;
	color: #ff8a5b;
}

#anc02 ul.each li img {
	background: rgba(255,138,91,0.3);
}

#anc02 ul.each li dl dt {
	color: #ff8a5b;
}

#anc02 ul.each li .btn01 strong {
    background: #ff8a5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8a5c), to(#ff9a57));
    background: -webkit-linear-gradient(top, #ff8a5c, #ff9a57);
    background: linear-gradient(to bottom, #ff8a5c, #ff9a57);
    border-radius: 100px;
}

/*===========================================
03
===========================================*/
#anc03 {
	background: rgba(65,209,212,0.2);
}

#anc03 h2 {
	border-top: 8px solid #15bbbe;
	color: #15bbbe;
}

#anc03 ul.each li img {
	background: rgba(65,209,212,0.2);
}

#anc03 ul.each li dl dt {
	color: #15bbbe;
}

#anc03 ul.each li .btn01 strong {
    background: #15bbbe;
    background: -webkit-gradient(linear, left top, left bottom, from(#15bbbe), to(#41d1d4));
    background: -webkit-linear-gradient(top, #15bbbe, #41d1d4);
    background: linear-gradient(to bottom, #15bbbe, #41d1d4);
    border-radius: 100px;
}

/*===========================================
04
===========================================*/
#anc04 {
	background: rgba(238,127,144,0.3);
}

#anc04 h2 {
	border-top: 8px solid #ee7f90;
	color: #ee7f90;
}

#anc04 ul.each li img {
	background: rgba(238,127,144,0.3);
}

#anc04 ul.each li dl dt {
	color: #ee7f90;
}

#anc04 ul.each li .btn01 strong {
    background: #ff8a5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ee7f8f), to(#f39eab));
    background: -webkit-linear-gradient(top, #ee7f8f, #f39eab);
    background: linear-gradient(to bottom, #ee7f8f, #f39eab);
    border-radius: 100px;
}

/*===========================================
05
===========================================*/
#anc05 {
	background: rgba(255,138,91,0.3);
}

#anc05 h2 {
	border-top: 8px solid #ff8a5b;
	color: #ff8a5b;
}

#anc05 ul.each li img {
	background: rgba(255,138,91,0.3);
}

#anc05 ul.each li dl dt {
	color: #ff8a5b;
}

#anc05 ul.each li .btn01 strong {
    background: #ff8a5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8a5c), to(#ff9a57));
    background: -webkit-linear-gradient(top, #ff8a5c, #ff9a57);
    background: linear-gradient(to bottom, #ff8a5c, #ff9a57);
    border-radius: 100px;
}

/*===========================================
06
===========================================*/
#anc06 {
	background: rgba(65,209,212,0.2);
}

#anc06 h2 {
	border-top: 8px solid #15bbbe;
	color: #15bbbe;
}

#anc06 ul.each li img {
	background: rgba(65,209,212,0.2);
}

#anc06 ul.each li dl dt {
	color: #15bbbe;
}

#anc06 ul.each li .btn01 strong {
    background: #15bbbe;
    background: -webkit-gradient(linear, left top, left bottom, from(#15bbbe), to(#41d1d4));
    background: -webkit-linear-gradient(top, #15bbbe, #41d1d4);
    background: linear-gradient(to bottom, #15bbbe, #41d1d4);
    border-radius: 100px;
}

#anc06 ul.each {
	width: 54%;
}

/*===========================================
IE
===========================================*/
@media all and (-ms-high-contrast: none){
	ul.each li .btn01 strong b {
		padding: 0.5em 0 0.2em;
	}
}

/*===========================================
popup
===========================================*/
.popup header {
	background: #fff7f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8a8b4), to(#fff));
	background: -webkit-linear-gradient(top, #f8a8b4, #fff);
	background: linear-gradient(to bottom, #f8a8b4, #fff);
	padding: 0 1%;
}

.popup h1 {
	margin-top: 20px;
	color: #ee7f90;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 0.4em;
}

.popup h2 {
	background: url(/common/images/shadow01.png) repeat-x 0% 100% #ee7f90;
	margin: 0 auto;
	padding: 0.5em 0.8em 0.6em;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3;
	border-bottom: 5px solid #eee;
}

.popup .situation {
	margin-top: 20px;
}

.popup .situation dt {
	font-size: 16px;
	font-weight: bold;
	color: #ff8a5b;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

.popup .situation dd {
	background: #faf2ec;
	padding: 1.5%;
}

.popup .situation ul  {
	margin-left: 1.5em;
}

.popup .situation ul li {
	list-style-type: disc;
	line-height: 1.3;
	color: #333;
	font-size: 14px;
}

.popup .situation ul li:not(:last-child) {
	margin-bottom: 0.4em;
}

.popup h3 {
	margin: 30px 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #15bbbe;
	line-height: 1.3;
}

.popup section {
	margin-top: 40px;
}

.popup section h4 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
	line-height: 1.3;
	background: url(/common/images/arrow03.png) no-repeat 0 20%;
	background-size: 24px auto;
	padding-left: 30px;
	border-bottom: 1px solid #ddd;
}

.popup section p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}