@charset "utf-8";

/* ========================================
枠組み CSS

 - File Name : structure.css
 - Latest Css Updates : 2015.3.11
 - Those who update it : y.e
 
 ------------------------------------------

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

/* ---------------------------------------- 
 - contents 
---------------------------------------- */
/* about */
#about #aboutCol{
	margin:0 auto;
	text-align:left;
	padding:20px 0 50px;
}
#about #aboutCol .open{
	font-size:17px;
}
#about #aboutCol .titlebox{
	overflow:hidden;
	padding:0 0 15px;
}
#about #aboutCol .titlebox h2{
	font-size:85px;
	font-weight:bold;
	line-height:1.2;
	color:#71acde;
	width:55%;
	float:left;
}
#about #aboutCol .titlebox ul{
	width:45%;
	float:left;
	font-size:22px;
	line-height:1.6;
	margin:17px auto 0;
}
#about #aboutCol .titlebox ul li {
    position: relative;
    padding-left:30px;
	font-weight:bold;
}
#about #aboutCol .titlebox ul li:before {
	background: #71acde;
    content: "";
    height: 21px;
    width: 21px;
    left: 0;
    position: absolute;
    top: 8px;
}
#about #aboutCol .lead{
	overflow:hidden;
	padding:0 0 25px;
}
#about #aboutCol dl dt {
    font-size:29px;
	font-weight:bold;
	background:#71acde;
	color:#fff;
	padding:0 2%;
}
#about #aboutCol dl dd {
	padding:10px 0 30px;
}
#about #aboutCol ul.imgbox{
	overflow:hidden;
}
#about #aboutCol ul.imgbox li{
	float:left;
	width:48%;
	text-align:center;
	margin-right:4%;
	padding:0 0 2.0em;
}
#about #aboutCol ul.imgbox li:nth-child(2n) {
   margin-right:0;
}
@media screen and (max-width: 1000px) {
#about #aboutCol .titlebox h2{
	font-size:75px;
}
#about #aboutCol .titlebox ul{
	font-size:20px;
}
#about #aboutCol .titlebox ul li {
    padding-left:28px;
}
#about #aboutCol .titlebox ul li:before {
    top: 6px;
}
}
@media screen and (max-width: 767px) {
#about #aboutCol .titlebox h2{
	font-size:58px;
	width:100%;
	float:none;
}
#about #aboutCol .titlebox ul{
	font-size:18px;
	float:none;
	width:100%;
}
#about #aboutCol .titlebox ul li:before {
    top: 4px;
}
#about #aboutCol .lead{
	padding:0 0 1.5em;
}
#about #aboutCol dl dt {
    font-size:22px;
	padding:0 2%;
}
#about #aboutCol dl dd {
	padding:0.5em 0 1.5em;
}
}
@media screen and (max-width: 480px) {
}

/* expenses */
#expenses #expensesCol{
	margin:0 auto;
	text-align:left;
	padding:0 0 60px;
}
#expenses #expensesCol .ttl{
	font-size:26px;
}
#expenses #expensesCol .tablebox{
	background:#6fa5d3;
	padding:7px;
	margin:0 auto 30px;
}
#expenses #expensesCol .tablebox table{
	background:#fff;
	width:100%;
	font-size:21px;
	text-align:center;
}
#expenses #expensesCol .tablebox table th{
	background:#d4e4f2;
	width:16.7%;
	border-left:solid 1px #6fa5d3;
	border-bottom:solid 1px #6fa5d3;
	padding:0.7em 2%;
	vertical-align:middle;
}
#expenses #expensesCol .tablebox table td{
	background:#fff;
	width:16.7%;
	border-left:solid 1px #6fa5d3;
	border-bottom:solid 1px #6fa5d3;
	padding:0.7em 2%;
	vertical-align:middle;
	line-height:1.3;
}
#expenses #expensesCol .tablebox table td span{
	display:none;
}
@media screen and (max-width: 767px) {
#expenses #expensesCol{
	padding:0 0 3.0em;
}
#expenses #expensesCol .ttl{
	font-size:24px;
}
#expenses #expensesCol .tablebox{
	margin:0 auto 1.5em;
	padding:0.5em 2%;
}
#expenses #expensesCol .tablebox table th{
	display:none;
}
#expenses #expensesCol .tablebox table td{
	display:block;
	width:90%;
	text-align:left;
	padding:0.7em 5%;
}
#expenses #expensesCol .tablebox table td:first-child{
	background:#d4e4f2;
	border-top:solid 1px #6fa5d3;
}
#expenses #expensesCol .tablebox table td span{
	display:inline-block;
	font-size:14px;
	background:#d4e4f2;
	padding:0.5em 2%;
	margin-right:5%;
	width:30%;
	text-align:center;
}
}
@media screen and (max-width: 480px) {
}

/* flow */
#flow{
	margin:0 auto;
}
#flow #flowCol{
	margin:0 auto;
	text-align:left;
	padding:0;
}
#flow #flowCol .leadbox{
	padding:0 0 20px;
}
#flow #flowCol .imgbox{
	padding:0 0 50px;
	width:90%;
	max-width:782px;
	margin:0 auto;
}
#flow #flowCol dl {
  display:table;
  width:100%;
  margin:0 auto 10px;
}
#flow #flowCol dl dt {
  width: 13%;
  display: table-cell;
  vertical-align:middle;
  font-size:25px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  border-right:solid 5px #fff;
  line-height: 1.4;
}
#flow #flowCol dl dd {
  width: 81%;
  display: table-cell;
  vertical-align:middle;
  font-size:15px;
  line-height: 1.6;
  padding:10px 2%;
}
#flow #flowCol dl.pink dt {
	background:#ff9ed5;
}
#flow #flowCol dl.pink dd {
  background:#ffe2f2;
}
#flow #flowCol dl.blue dt {
	background:#82bdeb;
}
#flow #flowCol dl.blue dd {
  background:#d9ebf9;
}
#flow #flowCol dl.green dt {
	background:#90ca60;
}
#flow #flowCol dl.green dd {
  background:#ddefcf;
}
@media screen and (max-width: 767px) {
#flow #flowCol .leadbox{
	padding:0 0 1.0em;
}
#flow #flowCol .imgbox{
	padding:0 0 2.5em;
	width:100%;
}
#flow #flowCol dl {
  margin:0 auto 0.5em;
}
#flow #flowCol dl dt {
  width: 100%;
  display: block;
  font-size:22px;
  border-right:none;
}
#flow #flowCol dl dd {
  width: 100%;
  display: block;
  font-size:14px;
  line-height: 1.6;
  padding:0.5em 2%;
}
}
@media screen and (max-width: 480px) {
}

/* support */
#contents section#support{
	width: 100%;
    max-width: 900px;
	padding:0 50px;
	background:#f8f6e9;
	overflow:inherit;
	margin-top:100px;
}
#support #supportCol{
	position:relative;
}
#support #supportCol h2{
	width:100%;
	padding:78px 0 55px;
}
#support #supportCol h2 img{
	max-width:514px;
}
#support #supportCol > .bg{
	position:absolute;
	top:-100px;
	right:0;
	z-index:10;
}
#support #supportCol > .carebg{
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
}
#support #supportCol .supportbox{
	position:relative;
	z-index:100;
	width:750px;
	margin:0 auto;
}
#support #supportCol .supportbox dl{
	background:#71acde;
	color:#fff;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */
	width:36%;
	padding:2.0em 5%;
	position:relative;
	margin:0 auto 2.0em;
}
#support #supportCol .supportbox dl dt{
	font-size:30px;
	font-weight:bold;
}
#support #supportCol .supportbox dl dd.pht{
	position:absolute;
	z-index:100;
}
#support #supportCol .supportbox dl.box01{
	float:left;
}
#support #supportCol .supportbox dl.box02{
	float:right;
}
#support #supportCol .supportbox dl.box03{
	float:left;
}
#support #supportCol .supportbox dl.box04{
	float:right;
}
#support #supportCol .supportbox dl.box01 dd.pht{
	top:-25px;
	right:10px;
}
#support #supportCol .supportbox dl.box02 dd.pht{
	bottom:-25px;
	right:-45px;
}
#support #supportCol .supportbox dl.box03 dd.pht{
	bottom:-45px;
	right:80px;
}
#support #supportCol .supportbox dl.box04 dd.pht{
	bottom:-30px;
	left:99px;
}
#support #supportCol .carebox{
	background:#71acde;
	padding:7px;
	margin:30px auto 15px;
}
#support #supportCol .carebox .inr{
	background:#fff;
	padding:20px 40px;
	position:relative;
}
#support #supportCol .carebox .inr .ttl{
	font-size:30px;
	color:#71acde;
	margin:0 auto 10px;
}
#support #supportCol .carebox .inr .point{
	font-size:19px;
	color:#fff;
	background:#71acde;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */
	display:inline-block;
	padding:0 15px;
	margin:0 auto 10px;
}
#support #supportCol dl.contactbox{
	width:650px;
	overflow:hidden;
	margin-left:75px;
	padding-bottom:30px;
}
#support #supportCol dl.contactbox dt{
	width:80px;
	float:left;
}
#support #supportCol dl.contactbox dd{
	width:550px;
	float:right;
	font-size:24px;
	color:#71acde;
}
#support #supportCol dl.contactbox dd a{
	text-decoration:underline;
}
@media screen and (max-width: 1000px) {
#contents section#support{
	padding:0;
	margin-top:100px;
}
#support #supportCol h2{
	width:96%;
	padding:78px 0 55px;
	margin:0 auto;
}
#support #supportCol > .bg{
	width:40%;
}
#support #supportCol > .carebg{
	width:40%;
}
#support #supportCol .supportbox{
	width:96%;
}
#support #supportCol .supportbox dl dt{
	font-size:26px;
	font-weight:bold;
}
#support #supportCol .supportbox dl.box04 dd.pht{
	bottom:-40px;
	left:120px;
}
#support #supportCol .carebox .inr{
	background:#fff;
	padding:15px 20px;
	position:relative;
}
#support #supportCol dl.contactbox{
	width:75%;
	overflow:hidden;
	margin-left:2%;
	padding-bottom:30px;
}
#support #supportCol dl.contactbox dt{
	width:12%;
	float:left;
}
#support #supportCol dl.contactbox dd{
	width:85%;
	float:right;
	font-size:22px;
	color:#71acde;
}
#support #supportCol dl.contactbox dd a{
	text-decoration:underline;
}
}
@media screen and (max-width: 767px) {
#contents section#support{
	margin-top:3.0em;
}
#support #supportCol h2{
	width:96%;
	padding:3.5em 0 2.5em;
}
#support #supportCol > .bg{
	display:none;
}
#support #supportCol > .carebg{
	display:none;
}
#support #supportCol .supportbox{
	width:96%;
}
#support #supportCol .supportbox dl{
	float:none;
	width:90%;
	padding:2.0em 5%;
}
#support #supportCol .supportbox dl dt{
	font-size:24px;
}
#support #supportCol .supportbox dl dd.pht{
	display:none;
}
#support #supportCol .carebox{
	width:96%;
	margin:1.5em auto 0.5em;
}
#support #supportCol .carebox .inr{
	background:#fff;
	padding:1.0em 2%;
	position:relative;
}
#support #supportCol .carebox .inr .ttl{
	font-size:22px;
	margin:0 auto 0.5em;
}
#support #supportCol .carebox .inr .point{
	font-size:16px;
	padding:0 0.7em;
	margin:0 auto 0.5em;
}
#support #supportCol dl.contactbox{
	width:96%;
	margin:0 auto;
	padding-bottom:1.5em;
}
#support #supportCol dl.contactbox dt{
	display:none;
}
#support #supportCol dl.contactbox dd{
	width:100%;
	float:none;
	font-size:16px;
	color:#71acde;
}
#support #supportCol dl.contactbox dd a{
	text-decoration:underline;
}
}
@media screen and (max-width: 480px) {
}

/* message */
#message #messageCol{
	margin:100px auto 0;
}
#message #messageCol dl{
	margin:0 auto 65px;
}
#message #messageCol dl:last-child{
	margin:0 auto;
}
#message #messageCol dl dt{
	margin:0 auto 15px;
}
#message #messageCol dl dt .name{
	font-size:21px;
	font-weight:bold;
	margin:0 auto 5px;
}
#message #messageCol dl dd img{
	max-width:730px;
}
@media screen and (max-width: 767px) {
#message #messageCol{
	margin:5.0em auto 0;
}
#message #messageCol dl{
	margin:0 auto 3.0em;
}
#message #messageCol dl dt{
	margin:0 auto 0.7em;
}
#message #messageCol dl dt .name{
	margin:0 auto 0.25em;
}
}
@media screen and (max-width: 480px) {
}