@charset "utf-8";

/*---------------------------------------------------
PC用rayout
---------------------------------------------------*/
/*----- ・ｽ・ｽ・ｽC・ｽ・ｽ・ｽr・ｽ・ｽ・ｽ[ --------*/
#contents header {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f2ed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f2ed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f2ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f2ed',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #f4f1eb;
}
#contents header div .header_a {
float: left;
width: 46%;
padding-left:2%;
}
#contents header div .header_a h2{
margin: 37px 0 0;
}
#contents header div .header_a h2 img {
width: 100%;
max-width: 540px;
}
#contents header div .header_a p{
font-size: 16px;
margin: 30px 0 0 30px;
letter-spacing: -0.05em;
line-height:1.6;
background: rgba(0,0,0,0.05);
border-radius: 5px;
padding: 10px 0 10px 20px;
width: 80%;
}
#contents header div .header_b {
padding-top: 15px;
padding-bottom: 0px;
float: right;
width: 42%;
margin-right: 40px;
}
#contents header div .header_b p img{
width: 100%;
}

.static-breadCrumb ul {
	margin-top: 0px!important;
	justify-content: inherit!important;
	-webkit-justify-content: inherit!important;
}


.static-breadCrumb h1 {
	margin-top: 0px;
}

.static-breadCrumb strong {
	font-weight: normal;
}



/*----DL button---*/

#contents div.pt_content ul{
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex;/*--- safari（PC）用 ---*/
display:flex;
-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
-ms-flex-pack:justify;/*--- IE10 ---*/
-webkit-justify-content:space-around;/*--- safari（PC）用 ---*/
justify-content:space-around;
margin-top: 10px;
}


#contents div.pt_content ul li img {
width:200px;
}
#contents div.pt_content ul li.li01 {
background: url(../img/btn_ap_mo.png) 0 0 no-repeat;
background-size: 200px 59px;
}
#contents div.pt_content ul li.li02 {
background:url(../img/btn_gp_mo.png) 0 0 no-repeat;
background-size: 200px 59px;
}
#contents div.pt_content ul li a {
display: inline-block;
}
#contents div.pt_content ul li a:hover img {
visibility: hidden;
}


/*----- ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ --------*/
#contents .pt01 {
background: #ff4c4c;
}
#contents .pt02 {
background: #f2f2f2;
}
#contents .pt03 {
background: #fff5dc;
}
#contents .pt04 {
background: #ffe8e8;
}
#contents .pt05 {
background: #448aca;
}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {
min-height: 310px;
padding-top: 20px;
}
#contents .pt01 > div {
background:url(../img/img_002_new.png) no-repeat;
background-position: 20px bottom;
}
#contents .pt02 > div {
background:url(../img/img_003_new.png) no-repeat;
background-position:20px bottom;
}
#contents .pt03 > div{
background:url(../img/img_004_new.png) no-repeat;
background-position: right bottom;
}
#contents .pt04 > div{
background:url(../img/img_005.png) no-repeat;
background-position:20px bottom;
}
#contents .pt05 > div{
background:url(../img/img_006_new.png) no-repeat;
background-position: right bottom;
}
#contents .pt01 > div > div,
#contents .pt02 > div > div,
#contents .pt03 > div > div,
#contents .pt04 > div > div,
#contents .pt05 > div > div {
width: 45%;
padding: 0 0 0 20px;
}
#contents .pt01 > div > div,
#contents .pt02 > div > div,
#contents .pt04 > div > div {
float: right;
}
#contents .pt01 .p01,
#contents .pt02 .p01,
#contents .pt03 .p01,
#contents .pt04 .p01,
#contents .pt05 .p01 {
text-align: center;
width: 50%;
margin: 5px auto 15px;
position:relative;
}
#contents .pt01 .p01:after,
#contents .pt02 .p01:after,
#contents .pt03 .p01:after,
#contents .pt04 .p01:after,
#contents .pt05 .p01:after {
content: '\f04b';
font-family: FontAwesome;
display: block;
position: absolute;
top: 14px;
right: 50px;
font-size: 10px;
}
#contents .pt01 .p01 a,
#contents .pt02 .p01 a,
#contents .pt03 .p01 a,
#contents .pt04 .p01 a,
#contents .pt05 .p01 a,
#contents .pt01 .p01 a:visited,
#contents .pt02 .p01 a:visited,
#contents .pt03 .p01 a:visited,
#contents .pt04 .p01 a:visited,
#contents .pt05 .p01 a:visited {
padding: 10px;
color:inherit;
text-decoration:none;
display:block;
transition: all 0.5s ease;
}
#contents .pt01 .p01 a:hover,
#contents .pt02 .p01 a:hover,
#contents .pt03 .p01 a:hover,
#contents .pt04 .p01 a:hover,
#contents .pt05 .p01 a:hover {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 -15px 20px rgba(0, 0, 0, 0.075) inset;	
}
#contents .pt01 .p01 {
color: #ff4c4c;
background: #fff;
}
#contents .pt02 .p01 {
color: #444;
background: #fdfdfd;
}
#contents .pt03 .p01 {
color: #ffb600;
background: #fffafa;
}
#contents .pt04 .p01 {
color: #fa8383;
background: #fffafa;
}
#contents .pt05 .p01 {
color: #005ab4;
background: #FAFBFF;
}

#contents .pt01 div img,
#contents .pt02 div img,
#contents .pt03 div img,
#contents .pt04 div img,
#contents .pt05 div img {
margin-bottom: 10px;
}
#contents .pt01 > div > div h3,
#contents .pt02 > div > div h3,
#contents .pt03 > div > div h3,
#contents .pt04 > div > div h3,
#contents .pt05 > div > div h3 {
font-size:36px;
font-weight:normal;
}
#contents .pt01 > div > div p,
#contents .pt02 > div > div p,
#contents .pt03 > div > div p,
#contents .pt04 > div > div p,
#contents .pt05 > div > div p {
font-size: 16px;
line-height:1.6;
}
#contents .pt01 > div > div p,
#contents .pt05 > div > div p{color:#fff;}

/*----- ・ｽA・ｽv・ｽ・ｽ・ｽ齬・・ｽ・ｽ・ｽﾌペ・ｽ[・ｽW・ｽp・ｽw・ｽi・ｽﾝ抵ｿｽ) --------*/
#contents .static-appliIndex {
background: #f2f2f2;
margin-top:0;
}
/*----- DLボタン(App Store&Google Play) --------*/
#contents .static-downloadBtn {
background:#e0e0e0;
}
/*---------------------------------------------------
SP用rayout
---------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 950px) {
#contents header {
	overflow:hidden;
}
#contents header > div {
    padding: 0 2%;
    width: 96%;
}
#contents header div .header_a {
    width: 48%;
    padding: 0 2% 0 4%;
}
#contents header div .header_a p{
	margin:15px 0 0 15px;
}
#contents header div .header_a p span.pc{
	display:none !important;
}

#contents div.pt_content ul li.li01 img,
#contents div.pt_content ul li.li02 img {
	width:140px;
}
#contents div.pt_content ul li.li01,
#contents div.pt_content ul li.li02 {
	background-size: 140px 41px;
}


#contents header div .header_b {
	width: 39%;
	margin-right: 30px;
}

#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {
	min-height: 270px;
	padding-top: 3%;
}
#contents .pt03 > div,
#contents .pt05 > div {
	background-position: 95% bottom;
    background-size: 50%;
}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt04 > div {
    background-size: 50%;
}
#contents .pt01 > div > div,
#contents .pt02 > div > div,
#contents .pt03 > div > div,
#contents .pt04 > div > div,
#contents .pt05 > div > div {
    width: 40%;
    padding: 3% 0 20px 20px;
}
#contents .pt01 > div > div,
#contents .pt02 > div > div,
#contents .pt04 > div > div {
	padding-right:20px;
	margin:0;
}
#contents .pt01 > div > div h3,
#contents .pt02 > div > div h3,
#contents .pt03 > div > div h3,
#contents .pt04 > div > div h3,
#contents .pt05 > div > div h3 {
	font-size:30px;
}
#contents .pt01 > div img,
#contents .pt02 > div img,
#contents .pt03 > div img,
#contents .pt04 > div img,
#contents .pt05 > div img {
    margin-bottom: 20px;
    width: 100%;
}
#contents .pt01 .p01,
#contents .pt02 .p01,
#contents .pt03 .p01,
#contents .pt04 .p01,
#contents .pt05 .p01 {
width: 70%;
}

}
@media screen and (max-width: 767px) {
html.frozen-1 #wrapper{padding-bottom:0;}
html.frozen-1 #contents {
padding-bottom: 100px;
}
/*----- ・ｽ・ｽ・ｽC・ｽ・ｽ・ｽr・ｽ・ｽ・ｽ[ --------*/
#contents header div .header_a {
width: 100%;
padding-left:0;
float:none;
text-align:center;
}
#contents header div .header_a ul {
padding:0 15% 4%;
}
#contents header div .header_a ul li {
width: 45%;
margin: 0 auto;
}
#contents header div .header_a ul .li01 {
background-size:contain;
background-position:0 0;
}
#contents header div .header_a ul .li02 {
background-size:contain;
background-position:0 0;
}
#contents header div .header_a ul li img {
width:100%;
}

#contents div.pt_content ul {
padding:0 15% 4%;
}
#contents div.pt_content ul li {
width: 45%;
margin: 0 auto;
}
#contents div.pt_content ul li.li01 {
background-size:contain;
background-position:0 0;
}
#contents div.pt_content ul li.li02 {
background-size:contain;
background-position:0 0;
}
#contents div.pt_content ul li img { width: 100%!important; }


#contents header div .header_a h2{
margin: 0;
}
/*----- ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ --------*/
#contents .pt03,
#contents .pt05 {
padding:0 5%;
}
#contents .pt01,
#contents .pt02,
#contents .pt04 {
padding:0 5%;
}
#contents .pt02,
#contents .pt03,
#contents .pt04,
#contents .pt05 {
box-shadow: 5px 0 11px rgba(0,0,0,0.5);
}
#contents .pt01 h3,
#contents .pt02 h3,
#contents .pt03 h3,
#contents .pt04 h3,
#contents .pt05 h3 {
margin-left:0;
text-align:left;
}
#contents .pt01 .p01,
#contents .pt02 .p01,
#contents .pt03 .p01,
#contents .pt04 .p01,
#contents .pt05 .p01 {
margin: 20px auto 0;
}
#contents .pt01 h3 img,
#contents .pt02 h3 img,
#contents .pt03 h3 img,
#contents .pt04 h3 img,
#contents .pt05 h3 img {
width: 100%;
}
#contents .pt01 > div > div,
#contents .pt02 > div > div,
#contents .pt03 > div > div,
#contents .pt04 > div > div,
#contents .pt05 > div > div {
width: 100%;
padding: 0;
}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {
padding-top: 5%;
padding-bottom: 380px;
background-position: center bottom;
background-size: 80%;
min-height: inherit;
}
#contents .pt01 div img,
#contents .pt02 div img,
#contents .pt03 div img,
#contents .pt04 div img ,
#contents .pt05 div img{
display:inline-block;
margin-bottom:10px;
}

/*----- page top btn --------*/
.page-top a {background: #E0E0E0;}

/*----- 繝代Φ縺上★ --------*/
.static-breadCrumb ul{bottom:30px;}

}
@media screen and (max-width: 640px) {
/*----- ・ｽ・ｽ・ｽC・ｽ・ｽ・ｽr・ｽ・ｽ・ｽ[ --------*/
#contents div.pt_content ul {padding:0 8% 4%;}
#contents header div.pt_content .header_a ul {padding:0 8% 4%;}
#contents div.pt_content ul li img { width: 100%!important; }

/*----- ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ --------*/
#contents .pt01 > div > div h3,
#contents .pt02 > div > div h3,
#contents .pt03 > div > div h3,
#contents .pt04 > div > div h3,
#contents .pt05 > div > div h3 {font-size:24px;}
#contents .pt01 > div > div p,
#contents .pt02 > div > div p,
#contents .pt03 > div > div p,
#contents .pt04 > div > div p,
#contents .pt05 > div > div p {font-size:14px;}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {padding-bottom: 320px;}
}
@media screen and (max-width: 568px) {
/*----- ・ｽ・ｽ・ｽC・ｽ・ｽ・ｽr・ｽ・ｽ・ｽ[ --------*/
#contents div ul {padding:0 2% 4%;}
#contents header div .header_a ul {padding:0 2% 4%;}
#contents div.pt_content ul li img { width: 100%!important; }

/*----- ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ --------*/
#contents .pt01 .p01:after,
#contents .pt02 .p01:after,
#contents .pt03 .p01:after,
#contents .pt04 .p01:after,
#contents .pt05 .p01:after {top: 30%;right:30%;}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {padding-bottom: 280px;}
}
@media screen and (max-width: 490px) {
/*----- ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ --------*/
#contents .pt01 .p01:after,
#contents .pt02 .p01:after,
#contents .pt03 .p01:after,
#contents .pt04 .p01:after,
#contents .pt05 .p01:after {top: 33%;right:21%;}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {padding-bottom: 250px;}
}
@media screen and (max-width: 414px) {
/*----- ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ --------*/
#contents .pt01 .p01:after,
#contents .pt02 .p01:after,
#contents .pt03 .p01:after,
#contents .pt04 .p01:after,
#contents .pt05 .p01:after {top: 33%;right:23%;}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {padding-bottom: 220px;}
}
@media screen and (max-width: 320px) {
/*----- ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ --------*/
#contents .pt01 .p01:after,
#contents .pt02 .p01:after,
#contents .pt03 .p01:after,
#contents .pt04 .p01:after,
#contents .pt05 .p01:after {top: 30%;right:16%;}
#contents .pt01 > div,
#contents .pt02 > div,
#contents .pt03 > div,
#contents .pt04 > div,
#contents .pt05 > div {padding-bottom: 170px;}
}