@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#111;
font-family: "Noto Sans Japanese";
}

a:link {color:#333;text-decoration:underline;}
a:visited {color:#333;text-decoration:underline;}
a:hover {color:#666;text-decoration:none;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering: -webkit-optimize-contrast;}
a:hover img{filter: brightness(1.2);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}

p {font-size:100%;line-height:180%;}
@media screen and (min-width:769px){p {font-size:20px;line-height:180%;letter-spacing:1px;}}

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

#mv{
margin:0;
padding:0;
background:linear-gradient(to right,#ff5556,#8d51fd); 
}
.copy_bg{margin:0;padding:0;}
.copy{margin:0;padding:0;text-align:center;}
.copy img{width:100%;}
@media screen and (min-width:769px){
.copy_bg{
height:632px;
background-image:url(img/copy_bg.png);
background-position:center center;
background-repeat:no-repeat;
}
.copy{padding:64px 0 0 0;}
.copy img{width:1180px;}
}


.device_bg{
margin:0;
padding:45px 20px;
background-image:url(img/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
background-size:auto 100%;
}
.device_title{
margin:0;
padding:0 0 15px 0;
text-align:center;
}
.device_title img{width:100%;}
.device{
margin:0 auto;
padding:0;
}
.device img{width:100%;}
@media screen and (min-width:769px){
.device_bg{padding:60px 0;background-size:cover;}
.device_title img{width:768px;}
.device{width:640px;}
}
.yureru-j {animation: yureru-j 2s infinite;}
@keyframes yureru-j {
0% {transform: translate(0px, 3px);}
5% {transform: translate(0px, -3px);}
10% {transform: translate(0px, 3px);}
15% {transform: translate(0px, -3px);}
20% {transform: translate(0px, 3px);}
25% {transform: translate(0px, -3px);}
30% {transform: translate(0px, 0px);}
}


.offer_bg{
margin:0;
padding:45px 20px 40px 20px;
background:linear-gradient(to right,#c8d0fa,#abd7e0); 
}
.offer_title{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.offer_title img{width:100%;}
.offer_box{margin:0;padding:0;}
.offer{
margin:0 0 20px 0;
padding:20px;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 3px 10px rgba(19,32,47,0.2);
border:4px solid #ff5556;
border-image:linear-gradient(to right, #ff5556 0%, #8d51fe 100%);
border-image-slice:1;
}
.offer img{width:100%;}
@media screen and (min-width:769px){
.offer_bg{padding:60px 0 100px 0;}
.offer_title{margin:0 0 45px 0;}
.offer_title img{width:768px;}
.offer_box{
margin:0 5%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.offer{width:48%;margin:0;padding:30px;box-shadow:0 3px 20px rgba(19,32,47,0.2);}
}


.good_bg{
margin:0;
padding:30px 20px 30px 20px;
background:linear-gradient(to right,#ff5556,#8d51fd); 
}
.good_top{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.good_top img{width:100%;}
.good_frame{
margin:0 auto 45px auto;
padding:10px;
background:rgba(255,255,255,0.3);
}
.good{
margin:0;
padding:0 30px 30px 30px;
background:#fff;
}
.good img{width:100%;}
@media screen and (min-width:769px){
.good_bg{padding:60px 0 60px 0;}
.good_top{margin:0 0 45px 0;}
.good_top img{width:768px;}
.good_frame{width:1040px;margin:0 auto 60px auto;padding:20px;}
.good{padding:0 75px 30px 75px;}
}


.contents_bg{
margin:0;
padding:60px 20px 15px 20px;
background-image:url(img/back.jpg);
background-position:top center;
background-repeat:no-repeat;
background-size:auto 100%;
background-attachment:fixed;
}
.contents_top{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.contents_top img{width:100%;}
.contents_title{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.contents_title img{width:100%;}
.contents{
margin:0 0 45px 0;
padding:0;
background:#fff;
border:4px solid #ff5556;
border-image:linear-gradient(to right, #ff5556 0%, #8d51fe 100%);
border-image-slice:1;
}
.contents_pict{margin:0;padding:0;}
.contents_pict figure{margin:0;padding:0;}
.contents_pict img{width:100%;}
.contents_box{
margin:0;
padding:10px 20px 25px 20px;
background-color:#feebf6;
}
table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:30px;
font-size:110%;
line-height:180%;
padding:10px 0 5px 0;
color:#ff5556;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:110%;
font-weight:bold;
line-height:180%;
padding:10px 0 5px 0;
vertical-align:top;
border-bottom:1px dotted #ccc;
}
@media screen and (min-width:769px){
.contents_bg{
padding:90px 0 30px 0;
background-image:url(img/back.jpg);
background-size:cover;
background-attachment:fixed;
}
.contents_top{margin:0 0 60px 0;}
.contents_top img{width:768px;}
.contents_title{margin:0 0 45px 0;}
.contents_title img{width:640px;}
.contents{
margin:0 5% 75px 5%;
padding:0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.contents_pict{
width:50%;
margin:0;
padding:0;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}
.contents_pict figure{width:100%;height:100%;margin:0;padding:0;position:relative;}
.contents_pict figure img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.contents_box{width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}
table.check th{font-size:20px;}
table.check td{font-size:20px;}
}


#subpage{
margin:0;
padding:30px 20px;
}
#subpage p{font-size:80%;}
.page_title{
margin:0 0 30px 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
}
table.info{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
table.info th{
padding:20px 0 5px 0;
font-size:80%;
line-height:150%;
text-align:left;
border-bottom:solid 1px #666;
display:block;
}
table.info td{
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
display:block;
}
@media screen and (min-width:769px){
#subpage{
margin:0 auto;
padding:45px 30px 60px 30px;
}
#subpage p{font-size:14px;}
.page_title{
margin:0 0 60px 0;
font-size:24px;
letter-spacing:1px;
}
table.info{margin:20px 0;}
table.info th{
width:180px;
padding:10px 0;
font-size:14px;
letter-spacing:1px;
display:table-cell;
}
table.info td{
padding:10px;
font-size:14px;
letter-spacing:1px;
border-bottom:dotted 1px #ccc;
display:table-cell;
}
}




/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.red{font-weight:bold;color:#ff5556;}
.yellow{color:#fffb9a;}
.ul{text-decoration:underline;}
.ym{font-weight:bold;background:linear-gradient(transparent 75%, #fffb9a 75%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:150%;}

.center{text-align:center;}
.right{text-align:right;}

.mt{margin-top: 30px;}
@media screen and (min-width:769px) {.mt{margin-top:45px;}}


/*---------- フッター ----------*/


#footer{
margin:0;
padding:30px 0;
font-size:75%;
line-height:200%;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#13202f;
}
#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {color:#fff;text-decoration:none;}
@media screen and (min-width:769px){#footer{font-size:12px;}}