@charset "UTF-8";

/* Reset CSS */
.fullColumn .content .main, .fullColumn .content .main > section	{width: 100%;}

.cpTpl .content .main .rowCpTpl	{display: table; width: 100%;}
.cpTpl .content .main .rowCpTpl .colCpTpl	{display: table-cell;}
.
/* 1st COLOR #cc0033 */
/* 2nd COLOR #000000 */
/* 3rd COLOR #006acc */


/* LAYOUT */
.cpTpl .alert	{color: #ee0000; font-weight: bold;}
.cpTpl .buttonCpTpl	{display: block; padding: 20px; color: #ffffff; background-color: #000000; border: none; font-size: 20px; text-align: center; cursor: pointer}
.cpTpl .buttonCpTpl.blue	{background-color: #006acc;}
.cpTpl .buttonCpTpl:hover	{background-color: #cc0033;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; text-decoration: none;}
.cpTpl .buttonCpTpl.blue:hover	{background-color: #115294;}
.cpTpl .buttonAreaCpTpl a	{width: 300px; margin: 0 auto;}
.cpTpl .tabContentCpTpl .buttonAreaCpTpl	{margin-top: 50px; padding: 20px 0; background-color: #e7e7e7;}

.cpTpl .content .main .containerCpTpl	{ margin-bottom: 30px; line-height: 1.6}
.cpTpl .content .main p	{margin-bottom: 15px;}
.cpTpl .content .main h3	{margin: 50px 0 10px; padding: 20px; color: #ffffff; background-color: #cc0033; border-bottom: 5px solid #000000; font-weight: bold; overflow: hidden; border-bottom-width: 3px; border-bottom-style: solid; font-size: 18px;}
.cpTpl .content .main h4	{margin-bottom: 10px; padding-left: 10px; color: #cc0033; border-left: 5px solid #cc0033; font-size: 18px; font-weight: bold;}
.cpTpl .content .main h5	{margin: 50px 0 10px; padding: 20px; border-bottom: 5px solid #aaaaaa; font-size: 18px; font-weight: bold;}
.cpTpl .content .main .mainCatch strong{display: block; font-size: 40px; font-weight: bold; line-height: 1.6;}
.cpTpl .content .main .mainCatch .rowCpTpl{table-layout: fixed; margin-top: 20px;}
.cpTpl .content .main .rowCpTpl .colCpTpl	{ padding-left: 10px;}
.cpTpl .content .main .rowCpTpl .colCpTpl:first-child	{ padding: 0 10px 0 0;}
.cpTpl .content .main .rowCpTpl .colCpTpl > div a	{ display: block; padding: 20px 20px 10px; background-color: #ffffff; border: 5px solid #cc0033; text-align: center;}
.cpTpl .content .main .rowCpTpl .colCpTpl > div a:hover	{ text-decoration: none}
.cpTpl .content .main .rowCpTpl .colCpTpl b	{position: relative; display: block; color: #cc0033; font-size: 24px; font-weight: bold; line-height: 1.4;}
.cpTpl .content .main .rowCpTpl .colCpTpl b:after	{display: block; content: "\f078"; margin: 0; font-family: fontAwesome; font-size: 60px; font-weight: normal; line-height: 1.0;}
.cpTpl .content .main .prArea	{margin-top: 20px; padding: 30px; color: #ffffff; background-color: #000000; font-size: 20px; text-align: center;}
.cpTpl .content .main .prArea .rowCptpl	{display: table; width: 100%; margin-bottom: 20px;}
.cpTpl .content .main .prArea .rowCptpl span, .cpTpl .content .main .prArea .rowCptpl p	{display: table-cell;}
.cpTpl .content .main .prArea .rowCptpl span{width:  200px; padding: 20px 0; background-color: #cc0033; font-size: 16px; font-weight: bold; text-align: center;}
.cpTpl .content .main .prArea .rowCptpl p{background-color: #333333; text-align: left;}
.cpTpl .content .main .prArea .rowCptpl p:before{display: inline-block; content: "　";}
.cpTpl .content .main .prArea .buttonAreaCpTpl	{padding: 20px 0;}
.cpTpl .content .main .prArea b	{display: block; margin-top: 10px; color: #cc0033; font-size: 30px; font-weight: bold;}
.cpTpl .content .main .boxCpTpl	{padding: 20px;}
.cpTpl .content .main .boxCpTpl.solid	{background-color: #ffffff; border: 1px solid #c7c7c7;}
.cpTpl .content .main strong.pointCpTpl	{display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #c7c7c7; font-size: 30px; font-weight: bold;}
.cpTpl .content .main strong.pointCpTpl span	{margin-left: 20px; color: #cc0033; font-weight: bold; text-decoration: underline}
.cpTpl .content .main strong.pointCpTpl .fa-chevron-right	{font-size: 20px; font-weight: normal; vertical-align: 4px;}

.cpTpl .content .main table th, .cpTpl .content .main table td	{padding: 20px; border-bottom: 1px solid #c7c7c7;}
.cpTpl .content .main table th	{width: 1%; background-color: #dddddd; font-weight: bold; white-space: nowrap;}
.cpTpl .content .main ul.discCpTpl	{margin-left: 25px; list-style-type: disc}

.cpTpl .content .main .tabCpTpl	{ height: 70px; }
.cpTpl .content .main .tabCpTpl li	{position: relative; float: left; width: 220px; height: 70px; line-height: 60px; margin-left: 5px; color: #ffffff; background-color: #000000; border-top: 5px solid #000000; border-right: 5px solid #000000; border-left: 5px solid #000000;font-weight: bold;text-align: center; cursor: pointer; z-index: 0;}
.cpTpl .content .main .tabCpTpl li:first-child	{width: 245px;margin-left: 0;}
.cpTpl .content .main .tabCpTpl li.active	{ color: #333333; background-color: #ffffff;}
.cpTpl .content .main .tabCpTpl li:after	{display: block; position: absolute; bottom: 5px; content: ""; width: 100%; height: 75px; border-bottom: 5px solid #000000; z-index: 1000:}
.cpTpl .content .main .tabCpTpl li.active:after	{display: block; position: absolute; bottom: 5px; content: ""; width: 100%; height: 75px; border-bottom: 5px solid #ffffff; z-index: 1000:}
.cpTpl .content .main .tabCpTpl li.lf	{line-height: 1.4;}
.cpTpl .content .main .tabCpTpl li.lf:before	{display: block; content: ""; height:10px;}
.cpTpl .content .main .tabContentCpTpl > li	{display: none; margin-top: -5px; padding: 20px; background-color: #ffffff;border: 5px solid #000000;border-bottom: 5px solid #000000;border-left: 5px solid #000000;}
.cpTpl .content .main .tabContentCpTpl li.active	{display: block;}
.cpTpl .content .main .tabContentCpTpl > li strong	{display: block; margin: 10px 0; padding: 10px; background-color: #e7e7e7; font-weight: bold;}
.cpTpl .content .main .tabContentCpTpl > li b	{font-weight: bold;}
.cpTpl .content .main .tabContentCpTpl li li h4	{margin-top: 50px;}
.cpTpl .content .main .tabContentCpTpl li li:first-child h4	{margin-top: 0;}
.cpTpl .content .main .phCpTpl	{text-align: center;}
.cpTpl .content .main .phCpTpl img	{max-width: 100%;}


.cpTpl .content .main #flowCpTpl ol li	{ position: relative; float: left; width: 230px; margin: 20px 0 20px 20px; padding: 10px 0; background-color: #ffffff; text-align: center;}
.cpTpl .content .main #flowCpTpl ol li:first-child	{ margin-left: 0;}
.cpTpl .content .main #flowCpTpl ol li:nth-of-type(1):after,
.cpTpl .content .main #flowCpTpl ol li:nth-of-type(2):after,
.cpTpl .content .main #flowCpTpl ol li:nth-of-type(3):after{ position: absolute; top: 50%; right: -20px; block; content: "\f054"; width: 20px; height: 100%; margin-top: -20px; font-family: fontAwesome; font-size: 40px; z-index: 10;}
.cpTpl .content .main #flowCpTpl ol li > div b	{ display: block; color: #cc0033; font-size: 18px; font-weight: bold;}
.cpTpl .content .main #flowCpTpl ol li > div b:before	{ display: block; width: 30px; height: 30px; line-height: 30px; margin: 0 auto 10px; color: #ffffff; background-color: #cc0033; border-radius: 27px;}
.cpTpl .content .main #flowCpTpl ol li:nth-of-type(1) > div b:before	{ content: "1";}
.cpTpl .content .main #flowCpTpl ol li:nth-of-type(2) > div b:before	{ content: "2";}
.cpTpl .content .main #flowCpTpl ol li:nth-of-type(3) > div b:before	{ content: "3";}
.cpTpl .content .main #flowCpTpl ol li:nth-of-type(4) > div b:before	{ content: "4";}
.cpTpl .content .main #flowCpTpl ol li > div p	{ min-height: 70px; padding: 0 20px; font-size: 14px; text-align: left;}





.cpTpl .content .main .cpDetail .field, .cpTpl .content .main .noticeArea ul	{display: none}
.cpTpl .content .main .cpDetail h3, .cpTpl .content .main .noticeArea h5	{position: relative;}
.cpTpl .content .main .cpDetail h3:hover, .cpTpl .content .main .noticeArea h5:hover	{cursor: pointer;}
.cpTpl .content .main .cpDetail h3:after, .cpTpl .content .main .noticeArea h5:after	{position: absolute; top: 0; right: 0; display: block; content: "\f067"; width: 80px; padding: 20px 0; font-family: fontAwesome; font-size: 18px; text-align: center;}
.cpTpl .content .main .cpDetail h3.active:after, .cpTpl .content .main .noticeArea h5.active:after	{content: "\f068";}