@charset "UTF-8";

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

body {
margin:0;
padding:0;
font-size:100%;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}

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


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}



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

#top{
margin:0;
padding:10px 20px;
text-align:center;
background:#111836;
}
#top img{width:100%;}
h1{
margin:0;
padding:0;
text-align:center;
background: -moz-linear-gradient(top, #fff, #e0fbfe);
background: -webkit-linear-gradient(top, #fff, #e0fbfe);
background: linear-gradient(to bottom, #fff, #e0fbfe);
}
h1 img{width:100%;}
@media screen and (min-width:769px){
#top{padding:15px 0;}
#top img{width:768px;}
h1{padding:15px 0 0 0;}
h1 img{width:768px;}
}

.device_txt{
margin:0;
padding:0 0 25px 0;
text-align:center;
}
.device_txt img{width:90%;}
.device_bg{
margin:0;
padding:30px 0;
background:#002440;
border-top:solid 2px #ceb87c;
}
.device{margin:0 20px;padding:0;text-align:center;}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:100%;
margin:0 auto 0 auto;
padding:25px 0;
font-size:125%;
font-weight:bold;
display:block;
text-decoration:none;
position:relative;
box-shadow:0 0 10px rgba(0,0,0,0.5);
text-shadow:0 1px 5px rgba(0,0,0,0.5);
background:#00a2c5;
}
.btn:hover {
opacity:0.6;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.device_caption{
margin:20px 5px 0 5px;
padding:0;
font-size:75%;
line-height:160%;
color:#fff;
text-align:center;
}
@media screen and (min-width:769px) {
.device_bg{margin:0;padding:60px 0;}
.device_txt{padding:0 0 35px 0;}
.device_txt img{width:600px;}
.device{margin:0;}
.btn{width:640px;font-size:28px;}
.device_caption{margin:30px 0 0 0;font-size:12px;}
}


#intro{
margin:0 0 60px 0;
padding:20px 20px 45px 20px;
text-align:center;
background-image:url(bg_last.jpg);
background-position:center;
}
#intro p{
font-size:120%;
line-height:240%;
}
#intro2{
margin:0;
padding:30px 20px 45px 20px;
text-align:center;
background-image:url(bg_last.jpg);
background-position:center;
}
#intro2 p{
font-size:120%;
line-height:240%;
}
.intro_subhead{
margin:45px 0 20px 0;
padding:0;
text-align:center;
}
.intro_subhead img{width:100%;}
.intro_pict{
margin:30px 0;
padding:0;
text-align:center;
}
.intro_pict img{width:100%;}
@media screen and (min-width:769px) {
#intro{margin:0 0 75px 0;padding:60px 0 120px 0;}
#intro p{font-size:24px;}
#intro2{padding:60px 0 120px 0;}
#intro2 p{font-size:24px;}
.intro_subhead{margin:60px 0 30px 0;}
.intro_subhead img{width:600px;}
.intro_pict{margin:30px 0;}
.intro_pict img{width:600px;}
}



.subhead{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
color:#05233e;
font-family: "Noto Sans Japanese";
}
.top_space{margin-top:45px;}
hr{
width:45px;
margin:15px auto 30px auto;
padding:0;
height:0;
border:0;
border-top:5px solid #00a2c5;
}
.photo{
margin:0 20px;
padding:0;
}
.photo img{width:100%;}
.subject{
margin:30px 0 20px 0;
padding:0 0 5px 0;
font-size:125%;
font-weight:900;
line-height:150%;
border-bottom:3px double #c01c34;
font-family: "Noto Sans Japanese";
}
.contents{
margin:10px 20px 30px 20px;
padding:0;
}
.cause_number00{
margin:0;
padding:1px 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.cause_number00 span{
padding:5px 10px;
color:#00a2c5;
border:1px solid #00a2c5;
}
.cause_number{
margin:0;
padding:25px 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.cause_number span{
padding:5px 10px;
color:#00a2c5;
border:1px solid #00a2c5;
}
.cause{
margin:0 0 25px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#00a2c5;
font-family: "Noto Sans Japanese";
}
.pict_box{
margin:0;
padding:0;
}
.pict_pict{
margin:0;
padding:0;
text-align:center;
}
.pict_pict img{width:40%;}
.pict_txt{margin:0;padding:0;}
.plot_frame{
margin:30px 0 0 0;
padding:1px 20px 10px 20px;
border:2px solid #00a2c5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.plot_number{
margin:0;
padding:30px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align: center;
}
.plot_number span{
padding:5px 10px;
color:#fff;
background:#00a2c5;
}
.plot{
margin:0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.misson_title{
margin:30px 0 0 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#d41010;
font-family: Arial, Helvetica, "sans-serif";
}
.misson{
margin:0 0 30px 0;
padding:25px;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#d41010;
border:2px solid #d41010;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.imagine_top{
margin:0;
padding:10px 0 2px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.imagine_top span{
padding:5px 15px;
color:#fff;
background:#6da9df;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.imagine{
margin:0;
padding:1px 25px 10px 25px;
border:2px solid #6da9df;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
@media screen and (min-width:769px){
.subhead{padding:30px 0 0 0;font-size:36px;}
.top_space{margin-top:75px;}
hr{margin:25px auto 45px auto;}
.photo{width:980px;margin:0 auto 45px auto;}
.subject{margin:45px 0 25px 0;font-size:28px;}
.contents{
width:640px;
margin:30px auto 90px auto;
padding:45px 180px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow:0 3px 20px rgba(49,49,49,0.1);
}
.cause_number00{padding:20px 0 15px 0;font-size:18px;}
.cause_number{padding:60px 0 15px 0;font-size:18px;}
.cause{margin:0 0 30px 0;font-size:32px;}
.pict_box{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.pict_pict{width:30%;order:2;}
.pict_pict img{width:100%;}
.pict_txt{width:66%;order:1;}
.plot_frame{
margin:45px 0 0 0;
padding:1px 30px 15px 30px;
}
.plot_number{padding:40px 0 15px 0;font-size:18px;}
.plot{font-size:28px;letter-spacing:1px;}
.misson_title{margin:45px 0 0 0;font-size:30px;}
.misson{padding:24px;letter-spacing:1px;}
.imagine_top{padding:20px 0 2px 0;font-size:20px;}
.imagine{padding:10px 45px 20px 45px;}
}

table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:30px;
font-size:100%;
line-height:160%;
padding:15px 0 5px 0;
color:#c01c34;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:100%;
font-weight:bold;
line-height:160%;
padding:15px 0 5px 0;
vertical-align:top;
border-bottom:1px dotted #ccc;
}
@media screen and (min-width:769px){
table.check{margin:10px 0 35px 0;}
table.check th{width:32px;font-size:18px;}
table.check td{font-size:18px;line-height:160%;letter-spacing:1px;}
}

.voice{
margin:45px 0 0 0;
padding:15px 20px 20px 20px;
border:1px solid #ccc;
}
.voice_title{
margin:0;
padding:0 0 5px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
border-bottom:2px solid #00a2c5;
}
.voice_name{
margin:0 0 30px 0;
padding:10px;
font-size:80%;
line-height:150%;
background:#f2f2f2;
}
.voice_pict{
margin:0;
padding:0 0 5px 0;
text-align:center;
}
.voice_pict img{width:100%;}
.video{
margin:30px 0 0 0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.text_wrapper {
margin:0 0 45px 0;
padding:0;
position:relative;
}
.text {
margin:0;
padding:0;
height:300px;
overflow:hidden;
}
.show_more,
.show_more2 {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 30px;
padding-top: 60px;
text-align: center;
line-height: 30px;
background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 70%
  );
 cursor: pointer;
transition: bottom 0.2s;
font-size:100%;
font-weight:bold;
color:#db2a7c;
}
.active {
background:none;
bottom: -30px;
}
@media screen and (min-width:769px){
.voice{margin:45px 0 0 0;padding:25px 40px 40px 40px;}
.voice_title{font-size:28px;letter-spacing:1px;}
.voice_name{font-size:16px;letter-spacing:1px;}
.text_wrapper {
margin:0 0 45px 0;
padding:0;
position:relative;
}
.text {
margin:0;
padding:0;
height:400px;
overflow:hidden;
}
.show_more,
.show_more2 {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 30px;
padding-top: 60px;
text-align: center;
line-height: 30px;
background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 70%
  );
 cursor: pointer;
transition: bottom 0.2s;
font-size:18px;
letter-spacing:1px;
}
.active {background:none;bottom: -30px;}
}



.step_top{
margin:45px 0 0 0;
padding:15px 0 45px 0;
font-size:140%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#00a2c5;
}
.step_top span{
padding:10px 15px;
border-top:1px solid #00a2c5;
border-bottom:1px solid #00a2c5;
}
.step{
margin:0;
padding:25px 0;
background:#fff;
box-shadow:0 0 10px rgba(49,49,49,0.1);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.step img{width:100%;}
.step_arrow{
margin:15px auto;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:30px solid transparent;
border-right:30px solid transparent;
border-top:15px solid #ddd;
}
@media screen and (min-width:769px){
.step_top{font-size:30px;letter-spacing:1px;}
}


#dream{
margin:0 0 45px 0;
padding:100px 0;
font-size:180%;
line-height:240%;
text-align:center;
letter-spacing:5px;
color:#fff;
font-family: "Sawarabi Mincho";
background: linear-gradient(135deg,rgba(58,167,206,0.8), rgba(74,192,169,0.8)),  url(dream.jpg);
background-position:center center;
background-repeat:none;
background-size:auto 100%;
}
@media screen and (min-width:769px) {
#dream{
margin:0 0 90px 0;
padding:150px 0;
font-size:36px;
background: linear-gradient(135deg,rgba(58,167,206,0.8), rgba(74,192,169,0.8)),  url(dream.jpg);
background-position:center center;
}
}


#back{
margin:0;
padding:45px 15px 1px 15px;
background:#e8f7fb;
}
.matter_name{
margin:0;
padding:0;
text-align:center;
}
.matter_name img{width:100%;}
.matter_chapter{
margin:20px auto 30px auto;
padding:20px 30px;
text-align:center;
border:solid 1px #00a2c5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.matter_chapter img{width:100%;}
.matter_number{
margin:0;
padding:20px 0 10px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.matter_number span{
padding:5px 14px;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#00a2c5;
}
.matter_title{
margin:0 0 20px 0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
color:#05233e;
font-family: "Noto Sans Japanese";
}
.matter{
margin:0 auto 45px auto;
padding:30px 20px 20px 20px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow:0 3px 20px rgba(49,49,49,0.1);
}
@media screen and (min-width:769px){
#back{padding:90px 0 1px 0;}
.matter_name img{width:768px;}
.matter_chapter{
width:768px;
margin:30px auto 45px auto;
padding:25px 45px;
}
.matter_title{margin:0 0 30px 0;font-size:42px;}
.matter{width:640px;margin:0 auto 120px auto;padding:60px 180px;}
}


.process_number{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#00a2c5;
}
.process_title{
margin:0 0 10px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#05233e;
font-family: "Noto Sans Japanese";
}
.process{
margin:0 0 30px 0;
padding:1px 20px 15px 20px;
border:solid 2px #00a2c5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.process_end{
margin:0 0 30px 0;
padding:15px 20px;
border:solid 2px #00a2c5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.process_sub{
margin:25px 0 0 0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
color:#00a2c5;
}
.success{
margin:30px -20px 0 -20px;
padding:55px 30px 90px 30px;
color:#fff;
background: linear-gradient(135deg,rgba(58,167,206,0.8), rgba(74,192,169,0.8)),  url(success.jpg);
background-position:center center;
background-repeat:none;
background-size:auto 100%;
}
@media screen and (min-width:769px){
.process_number{font-size:21px;letter-spacing:1px;}
.process_title{margin:0 0 15px 0;font-size:30px;}
.process{margin:0 0 45px 0;padding:1px 40px 15px 40px;}
.process_end{margin:0 0 45px 0;padding:15px 40px;}
.process_sub{margin:30px 0 0 0;font-size:24px;letter-spacing:1px;}
.success{margin:60px 0;padding:55px 60px 120px 60px;background-size:cover;}
}


.service_number{
margin:0;
padding:20px 0 10px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.service_number span{
padding:5px 14px;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#00a2c5;
}
.service_title{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
color:#05233e;
font-family: "Noto Sans Japanese";
}
.service_sub{
margin:30px 0 10px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#05233e;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px){
.service_title{font-size:36px;}
.service_sub{margin:45px 0 10px 0;font-size:36px;}
}


.offer_number{
margin:0;
padding:20px 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.offer_number span{
padding:2px 10px;
color:#fff;
background:#00a2c5;
}
.offer_number_gd{
margin:0;
padding:20px 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.offer_number_gd span{
padding:2px 10px;
color:#fff;
background:#bf9637;
}
.offer_title{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#05233e;
font-family: "Noto Sans Japanese";
}
.offer_title span{background:linear-gradient(transparent 60%, #fbd457 60%);}
.offer_pict{margin:20px 0;padding:0;}
.offer_pict img{width:100%;}
.caption_box{
margin:20px 0;
padding:0;
font-size:75%;
line-height:180%;
color:#666;
}
.special{
margin:0;
padding:1px 25px 10px 25px;
border:solid 2px #bf9637;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background-color:#f9f7f2;
}
@media screen and (min-width:769px){
.offer_number{padding:30px 0 15px 0;font-size:20px;}
.offer_number_gd{padding:30px 0 15px 0;font-size:20px;}
.offer_title{font-size:30px;}
.offer_pict{margin:30px 0;}
.caption_box{font-size:12px;letter-spacing:1px;}
}

table.information{
width:100%;
border-collapse:separate;
margin:30px 0 20px 0;
border-bottom:solid 1px #999;
}
table.information th{
font-size:90%;
line-height:150%;
padding:10px;
color:#fff;
background:#002440;
display:block;
}
table.information td{
font-size:80%;
line-height:150%;
padding:10px;
display:block;
}
.space{
margin:0;
padding:10px 0 0 0;
}
@media screen and (min-width:769px) {
table.information{margin:20px 0;border-bottom:none;}
table.information th{width:200px;padding:15px 0;font-size:16px;letter-spacing:1px;display:table-cell;}
table.information td{font-size:16px;letter-spacing:1px;padding:15px;display:table-cell;border-bottom:solid 1px #999;}
}


#conteiner{
margin:0;
padding:60px 15px 1px 15px;
background:#f6f7f7;
}
.subtitle{
margin:0 auto 25px auto;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.txtbox{
margin:0 auto 45px auto;
padding:10px 20px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow:0 3px 20px rgba(49,49,49,0.1);
}
.hosho{
margin:0 20px 25px 20px;
padding:0;
text-align:center;
}
.hosho img{width:100%;}
@media screen and (min-width:769px) {
#conteiner{padding:120px 0 1px 0;}
.subtitle{margin:0 auto 45px auto;font-size:42px;}
.txtbox{width:640px;margin:0 auto 120px auto;padding:60px 180px;}
.hosho{margin:0 0 45px 0;}
.hosho img{width:768px;}
}


.obverse{margin:20px 0;padding:0;overflow-x: scroll;}
table.comparison{
width:100%;
border-collapse:collapse;
margin:0;
min-width:480px;
}
table.comparison th{
padding:10px;
font-size:80%;
line-height:150%;
background:#dff0f4;
}
table.comparison th.terra_none{background-color:#fff;}
table.comparison th.terra_bg{color:#fff;background:#00a2c5;}
table.comparison td{
padding:10px;
font-size:80%;
line-height:150%;
text-align:center;
border-bottom:solid 1px #ddd;
}
.terra_line{
font-weight:bold;
color:#00a2c5;
border-left:solid 2px #00a2c5;
border-right:solid 2px #00a2c5;
}
.terra_bottom{
color:#00a2c5;
border-left:solid 2px #00a2c5;
border-right:solid 2px #00a2c5;
border-bottom:solid 2px #00a2c5;
}
table.comparison td.category{
font-weight:bold;
background:#e6f4f4;
text-align:left;
border-bottom:solid 1px #fff;
}
@media screen and (min-width:769px) {
table.comparison th{
padding:10px;
font-size:16px;
}
table.comparison th.terra_bg{width:25%;}
table.comparison td{
padding:15px 10px;
font-size:16px;
line-height:150%;
text-align:center;
background:#fff;
border-bottom:solid 1px #ddd;
}
table.comparison td.category{
font-weight:bold;
background:#e6f4f4;
text-align:left;
border-bottom:solid 1px #fff;
}
table.comparison td.terra_bottom{border-bottom:solid 2px #00a2c5;}
.obverse{margin:0;overflow-x: auto;;}
}


.purchase_top{
margin:0;
padding:30px 20px 25px 20px;
text-align:center;
background:#00a2c5;
}
.purchase_top img{width:100%;}
.purchase_bg{
margin:0;
padding:30px 15px 30px 15px;
background:#f6f6f6;
}
.purchase_frame{
margin:0 auto;
padding:30px 20px 15px 20px;
background:#fff;
box-shadow:0 15px 20px rgba(49,49,49,0.1);
}
.order_title{
margin:30px 0 15px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.order_price{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
}
.order_frame{
margin:0 10px 0 0;
padding:1px 10px;
font-size:80%;
border:solid 1px #333;
}
.order_number{
font-size:160%;
font-family: 'Roboto Condensed', sans-serif;
}
.triangle{
margin:10px 0;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #ccc;
}
.spp_txt{
width:90%;
margin:0 0 15px 0;
padding:5px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#db2a7c;
}
.spp_price{
margin:0;
padding:0 0 20px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#db2a7c;
}
.spp_price span{
font-size:280%;
letter-spacing:-2px;
font-family: 'Roboto Condensed', sans-serif;
}
.spp_caption{
margin:0;
padding:0 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#c01c34;
text-align:center;
}
.order_caption{
margin:30px 20px 45px 20px;
padding:0;
font-size:80%;
line-height:160%;
color:#666;
}
.order_caution{
margin:0 15px 20px 15px;
padding:0;
font-size:80%;
line-height:160%;
color:#666;
}
@media screen and (min-width:769px) {
.purchase_top{
margin:0;
padding:45px 0 35px 0;
text-align:center;
background:#00a2c5;
}
.purchase_top img{width:480px;}
.purchase_bg{
margin:0;
padding:30px 0 120px 0;
background:#f6f6f6;
}
.purchase_frame{
width:640px;
margin:0 auto;
padding:60px 180px;
background:#fff;
box-shadow:0 15px 20px rgba(49,49,49,0.1);
}
.order_title{font-size:24px;}
.order_price{
margin:0;
padding:0;
font-size:16px;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.order_frame{
margin:0 10px 0 0;
padding:1px 10px;
font-size:14px;
border:solid 1px #333;
}
.order_number{
font-size:28px;
font-family: 'Roboto Condensed', sans-serif;
}
.triangle{
margin:10px 0;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #ccc;
}
.spp_txt{
margin:0 auto 20px auto;
padding:5px 0;
font-size:20px;
line-height:100%;
letter-spacing:1px;
text-align:center;
}
.spp_price{
margin:0;
padding:0 0 20px 0;
font-size:30px;
font-weight:bold;
line-height:100%;
text-align:center;
}
.spp_price span{
font-size:60px;
font-family: 'Roboto Condensed', sans-serif;
}
.spp_caption{
margin:0;
padding:0 0 5px 0;
font-size:16px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.order_caption{
width:640px;
margin:30px auto 45px auto;
padding:0;
font-size:14px;
line-height:160%;
letter-spacing:1px;
color:#666;
}
.order_caution{
margin:0 20px;
font-size:14px;
letter-spacing:1px;
}
}

.entry_title{
margin:0;
padding:0;
text-align:center;
}
.entry_title img{width:100%;}
.entry{
margin:0;
padding:0 15px;
text-align:center;
}
.entry a:link {color:#fff;text-decoration:none;}
.entry a:visited {color:#fff;text-decoration:none;}
.entry a:hover {color:#fff;text-decoration:none;}
.bank_box{
margin:0 0 10px 0;
padding:5px 0 10px 0;
text-align:center;
border-bottom:1px dotted #999;
}
.bank_box img{width:95%;margin-bottom:10px;}
.button {
width:100%;
margin:0 auto;
padding:25px 0;
display:inline-block;
font-size:140%;
font-weight:bold;
text-decoration:none;
color:#fff;
background-color:#db2a7c;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
box-shadow:0 2px 5px rgba(0,0,0,0.3);
text-align:center;
-webkit-border-radius:45px;
-moz-border-radius:45px;
border-radius:45px;
}
.button:hover {
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.device_caution{
margin:20px 0 0 0;
padding:0;
font-size:75%;
line-height:180%;
color:#666;
}
@media screen and (min-width:769px) {
.entry_title img{width:80%;}
.bank_box{margin:0 0 20px 0;padding:0 0 20px 0;}
.bank_box img{width:80%;margin-bottom:15px;}
.button {
width:640px;
font-size:28px;
letter-spacing:1px;
}
.device_caution{margin:10px 0 0 0;font-size:12px;}
}
.color2{background-color:#33b9bb;margin-bottom:20px;}


.faq_top{
margin:45px 0 20px 0;
padding:0;
font-size:240%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#00a2c5;
font-family: 'Roboto Condensed', sans-serif;
}
.faq{
margin:0 20px;
padding:0;
}
.menu_title{
margin:0;
padding:0 30px 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.menu_title span{
font-size:24px;
color:#00a2c5;
font-family: 'Roboto Condensed', sans-serif;
}
.menus{
margin:0;
padding:15px 0;
border-bottom:dotted 1px #999;
}
.menu_txt{
margin:0;
padding:0 30px 0 28px;
position:relative;
}
.menu_txt:after {
position:absolute;
top:0;
left:0;
content:"A.";
font-size:24px;
color:#ba9f75;
font-family: 'Roboto Condensed', sans-serif;
}
.trigger{
margin:-30px 0 0 0;
padding:0;
text-align:right;
}
.trigger img{height:12px;}
.menus_end{
margin:0;
padding:15px 30px 15px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
border-bottom:dotted 1px #999;
}
.menu_caption{
margin:0;
padding:15px 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.faq_caption{
margin:10px 0 0 0;
padding:0;
font-size:75%;
line-height:150%;
color:#666;
}
@media screen and (min-width:769px) {
.faq_top{
margin:90px 0 60px 0;
padding:0;
font-size:48px;
font-weight:bold;
line-height:100%;
text-align:center;
color:#00a2c5;
font-family: 'Roboto Condensed', sans-serif;
}
.faq{
width:768px;
margin:0 auto 120px auto;
padding:30px 100px 45px 100px;
border:solid 2px #00a2c5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.menu_title{
padding:0 30px 0 0;
font-size:18px;
letter-spacing:1px;
}
.menus{padding:20px 0;}
.menus_end{
padding:20px 30px 20px 0;
font-size:18px;
letter-spacing:1px;
}
.menu_caption{font-size:12px;letter-spacing:1px;}
.faq_caption{font-size:12px;letter-spacing:1px;}
}


.contact_bg{
margin:0;
padding:45px 30px;
color:#fff;
text-align:center;
background:#111836;
}
.contact_top{
margin:0 0 30px 0;
padding:0;
font-size:240%;
font-weight:bold;
line-height:100%;
font-family: 'Roboto Condensed', sans-serif;
}
.contact_txt{
margin:0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
}
.contact_tel{
margin:0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:150%;
font-family: 'Roboto Condensed', sans-serif;
}
.contact_tel a:link {color:#fff;text-decoration:none;}
.contact_tel a:visited {color:#fff;text-decoration:none;}
.contact_tel a:hover {color:#fff;text-decoration:none;}
.contact_time{
margin:0;
padding:0;
font-size:90%;
line-height:150%;
}
.inquiry{
margin:0 auto;
padding:15px 0 20px 0;
}
.inquiry a:link {color:#fff;text-decoration:none;}
.inquiry a:visited {color:#fff;text-decoration:none;}
.inquiry a:hover {color:#fff;text-decoration:none;}
.line_btn {
width:100%;
margin:0 auto;
padding:20px 0;
display:inline-block;
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#fff;
background-color:#35c755;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.line_btn:hover {
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
@media screen and (min-width:769px) {
.contact_bg{padding:100px 0 120px 0;}
.contact_top{margin:0 0 60px 0;font-size:48px;}
.contact_txt{font-size:24px;letter-spacing:1px;}
.contact_tel{font-size:36px;}
.contact_time{font-size:16px;letter-spacing:1px;}
.inquiry{width:480px;}
.line_btn {font-size:21px;}
}


.product_bg{
margin:0;
padding:45px 15px;
background:#00a2c5;
}
.product_top{
margin:0 0 20px 0;
padding:0;
font-size:240%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
}
.product_frame{
margin:0 auto;
padding:30px 20px 15px 20px;
background:#fff;
box-shadow:0 3px 20px rgba(49,49,49,0.3);
}
table.product_spec{
width:100%;
border-collapse:separate;
margin:0;
}
table.product_spec th{
padding:15px 0;
font-size:100%;
color:#fff;
background:#33b5d1;
display:block;
}
table.product_spec td{
padding:15px;
font-size:100%;
display:block;
}
.product_subtitle_top{
margin:0 0 15px 0;
padding:0 0 5px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
color:#00a2c5;
border-bottom:solid 1px #00a2c5;
}
.product_subtitle{
margin:20px 0 15px 0;
padding:0 0 5px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
color:#00a2c5;
border-bottom:solid 1px #00a2c5;
}
.product_subhead{
margin:10px 0 0 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:180%;
}
@media screen and (min-width:769px) {
.product_bg{padding:100px 0 120px 0;}
.product_top{margin:0 0 60px 0;font-size:48px;}
.product_frame{width:640px;padding:60px 180px;}
table.product_spec th{
width:180px;
font-size:16px;
letter-spacing:1px;
display:table-cell;
}
table.product_spec td{
padding:15px;
font-size:16px;
letter-spacing:1px;
border-bottom:solid 1px #ccc;
display:table-cell;
}
.product_subtitle_top{font-size:20px;letter-spacing:1px;}
.product_subtitle{font-size:20px;letter-spacing:1px;}
.product_subhead{font-size:16px;letter-spacing:1px;}
}

#last{
margin:0;
padding:60px 0;
text-align:center;
background-image:url(bg_last.jpg);
background-position:center;
}
#last p{
font-size:120%;
line-height:240%;
}
.last_01{margin:0 0 45px 0;padding:0;}
.last_01 img{width:60%;}
.last_02{margin:45px 0;padding:0;}
.last_02 img{width:60%;}
#ps{
margin:0;
padding:60px 20px;
background:#f6f7f7;
}
.ps_txt{
margin:0 auto;
padding:15px 30px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow:0 3px 20px rgba(49,49,49,0.1);
}
#thanks{
margin:0;
padding:100px 30px;
color:#fff;
background: linear-gradient(135deg,rgba(58,167,206,0.8), rgba(74,192,169,0.8)),  url(thanks_sp.jpg);
background-position:top right;
background-repeat:none;
background-size:auto 100%;
}
.thanks_title{
margin:0 0 30px 0;
padding:0;
font-size:300%;
line-height:100%;
text-align:center;
font-family: 'Playball', cursive;
}
.thanks_txt{
margin:0 auto;
padding:0;
font-family: "Sawarabi Mincho";
}
.end_bg{
margin:0;
padding:30px 0;
text-align:center;
background:#111836;
}
@media screen and (min-width:769px) {
#last{
margin:0;
padding:120px 0;
text-align:center;
background-image:url(bg_last.jpg);
background-position:center;
}
#last p{font-size:24px;}
.last_01{margin:0 0 60px 0;padding:0;}
.last_01 img{width:384px;}
.last_02{margin:60px 0;padding:0;}
.last_02 img{width:415px;}
#ps{
margin:0;
padding:120px 0;
background:#f6f7f7;
}
.ps_txt{
width:640px;
margin:0 auto;
padding:60px 180px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow:0 3px 20px rgba(49,49,49,0.1);
}
#thanks{
margin:0;
padding:120px 0 150px 0;
color:#fff;
background: linear-gradient(135deg,rgba(58,167,206,0.8), rgba(74,192,169,0.8)),  url(thanks.jpg);
background-position:top center;
background-repeat:repeat-x;
}
.thanks_title{
margin:0 0 60px 0;
padding:0;
font-size:36px;
line-height:100%;
text-align:center;
font-family: 'Playball', cursive;
}
.thanks_txt{
width:480px;
margin:0 auto;
padding:0;
font-family: "Sawarabi Mincho";
}
.end_bg{padding:45px 0;}
}



#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{
width:768px;
margin:0 auto;
padding:75px 0 90px 0;
}
#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;}
.ul{text-decoration:underline;}
.red {color:#c30d23;}
.white {color:#fff;}
.gold {color:#bf9637;}
.gold_bg {background-color:#bf9637;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #fbd457 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}


/*---------- 文字位置 ----------*/

.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 auto;
padding:25px 0;
font-size:80%;
line-height:200%;
text-align:center;
color:#fff;
background:#313131;
font-family: 'Teko', sans-serif;
}
#footer a:link {color:#fff;text-decoration:none;font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
.fixed-btn {
position:fixed;
right:5px;
bottom:5px;
margin:0;
padding:0;
}
.fixed-btn img{width:100px;}
@media screen and (min-width:769px){
#footer{padding:45px 0;font-size:12px;}
.fixed-btn {right:15px;bottom:15px;}
.fixed-btn img{width:120px;}
}