@charset "UTF-8";

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

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


/*---------- リンク設定 ----------*/

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;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:110%;
line-height:180%;
}
@media screen and (min-width:769px){
p {font-size:18px;letter-spacing:1px;}
}


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

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


/*---------- PC・スマホの非表示指定 ----------*/

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

header{
margin:0;
padding:0;
height:48px;
background-color:#192249;
position:fixed;
width:100%;
box-shadow:0 0 10px rgba(0,0,0,0.4);
z-index:9999;
}
.header-inner{
margin:0 auto;
padding:0 5px 0 15px;
display:flex;
justify-content:space-between;
}
.menu-wrapper{
margin:0;
padding:0;
position:relative;
}
.logo{
margin:0;
padding:11px 0 0 0;
}
.logo img{width:180px;}
.menu-lists ul{
margin:0;
padding:18px 0 0 0;
display:flex;
}
.menu-lists ul li{
margin:0;
padding:10px;
font-size:110%;
font-weight:bold;
line-height:100%;
list-style:none;
}
@media screen and (min-width:769px){
header{height:68px;}
.header-inner{width:1080px;padding:0 15px;}
.logo{padding:15px 0 0 0;}
.logo img{width:268px;}
.menu-lists ul{
margin:0;
padding:18px 0 0 0;
display:flex;
}
.menu-lists ul li{
margin:0;
padding:10px;
font-size:15px;
font-weight:bold;
line-height:100%;
}
.menu-lists a:link {color:#fff;text-decoration:none;}
.menu-lists a:visited {color:#fff;text-decoration:none;}
.menu-lists a:hover {color:#42b9d0;text-decoration:none;}
.menu-lists ul li:last-child{
margin:0 0 0 10px;
background:#ea6301;
border-radius:6px;
}
.menu-lists ul li:last-child a:hover {color:#fff;background:#f29601;}
}

@media (max-width:768px){
.btn{
width:100%;
margin:0;
padding:0;
display:block;      
width:39px;      
height:39px;      
position: absolute;
top:5px;
right:0;
z-index:999;
}
.bar{      
width:20px;      
height:2px; 
margin:0;
padding:0;
display:block;      
position:absolute;      
left:50%;      
transform:translateX(-50%);      
background-color:#fff;    
}
.btn.close .bar {
background-color:#fff; /* 閉じる時の色を指定 */
}
.bar-top{margin:0;padding:0;top:10px;}
.bar-middle{
margin:0;
padding:0;
top:50%;
transform:translate(-50%,-50%);
}
.bar-bottom{margin:0;padding:0;bottom:10px;}
.btn.close .bar-top{      
transform:translate(-50%,9px) rotate(45deg);      
transition:transform .3s;    
}  
.btn.close .bar-middle{      
opacity:0;       
transition:opacity .3s;    
}    
.btn.close .bar-bottom{      
transform:translate(-50%,-8px) rotate(-45deg);      
transition:transform .3s;
}
.menu-lists{
display:none;
background-color:rgba(0,0,0,0.8);
width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
padding-top:50px;
text-align:center;
}
.menu-lists ul{
margin:0;
padding:10px 0 0 0;
display:block;
}
.menu-lists ul li{
margin:0 50px 20px 32px;
padding:0;
font-size:120%;
font-weight:bold;
line-height:100%;
}
.menu-lists ul li a{
display:block;
padding:20px 0;
border-radius:50px;
background-color:#fff;
}
.menu-lists a:link {color:#008f9f;text-decoration:none;}
.menu-lists a:visited {color:#008f9f;text-decoration:none;}
.menu-lists a:hover {color:#fff;text-decoration:none;background-color:#008f9f;}
}


#top{
margin:0;
padding:0;
background:linear-gradient(135deg, #3fd1a0 20%, #055c8e 100%);
}
.mv_bg{
margin:0;
padding:65px 0 45px 0;
background-image:url("img/copy_bg.png") ;
background-size:auto 100%;
}
.mv{margin:0;padding:0;}
h1 {margin:0;padding:0;}
h1 img{width:100%;}
@media screen and (min-width:769px){
#top{padding:68px 0 0 0;}
.mv_bg{padding:0;background-size:cover;}
.mv{
padding:0 0 75px 0;
background-image:url("img/copy_back.png") ;
background-position:top center;
background-repeat:no-repeat;
}
h1 {margin:0;padding:0 0 25px 0;text-align:center;}
h1 img{width:1080px;}
}


.device{
margin:-45px 20px 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;}
.device_space{margin-top:45px;}
.button {
width:100%;
display:inline-block;
font-weight:bold;
font-size:120%;
line-height:100%;
padding:30px 0;
transition:0.3s;
-webkit-transition:0.3s;
border-radius:60px;
text-shadow:0 1px 5px #d15502;
background:linear-gradient(to bottom,#f39801,#ea6101 98%, #ee7d01 100%);
border-top:solid 2px #d15502;
border-left:solid 2px #d15502;
border-right:solid 2px #d15502;
border-bottom:solid 5px #c5580b;
box-shadow:0 2px 10px rgba(0,0,0,0.3);
}
.button:hover {transition:.8s;-webkit-transition:.8s;}
@media screen and (min-width:769px) {
.device{width:640px;margin:0 auto;}
.device_space{margin-top:60px;}
.button {font-size:30px;padding:35px 0;}
}


.schedule_bg{
margin:0;
padding:30px 20px 45px 20px;
background:linear-gradient(to right,#24346e,#192249);
}
.schedule_top{
margin:0 0 20px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
}
.schedule{
margin:0 auto;
padding:25px 15px;
background:#fff;
border-radius:2px;
}
.schedule table{
width:100%;
border-collapse:separate;
margin:0;
}
.schedule table th{
font-size:85%;
line-height:150%;
padding:15px 0 15px 4px;
background:#e5f4f5;
}
.schedule table td{
font-size:90%;
line-height:150%;
text-align:center;
padding:15px 0;
border-bottom:solid 1px #ccc;
}
.schedule table td.format{font-size:80%;padding:15px 1px;}
.live{
padding:1px 2px;
color:#ff7070;
border:solid 1px #ff7070;
}
@media screen and (min-width:240px) and ( max-width:768px) {.live{font-size:80%;}}
.schedule_info {
margin:20px 0 0 0;
padding:0;
display:flex;
font-size:100%;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
white-space:nowrap;
justify-content:center;
align-items:center;
}
.schedule_divider {
width:1px;
height:1.2em;
background-color:#999;
margin:0 20px;
padding:0;
}
@media screen and (min-width:769px) {
.schedule_bg{padding:60px 0 75px 0;}
.schedule_top{margin:0 0 30px 0;font-size:28px;}
.schedule{width:560px;padding:45px 140px;}
.schedule table th{font-size:18px;padding:15px 2px 15px 8px;}
.schedule table td{font-size:18px;padding:15px 10px;}
.schedule table td.format{font-size:14px;padding:15px 3px;}
.schedule_info {margin:30px 0 0 0;font-size:18px;}
}


.intro_bg{
margin:0;
padding:1px 0 30px 0;
background:#f2f2f2;
}
.intro_subhead{
margin:45px 20px 0 20px;
padding:0;
text-align:center;
}
.intro_subhead img{width:100%;}
.intro_box{margin:25px 20px 0 20px;padding:0;}
.intro_pict{margin:0;padding:0 0 5px 0;}
.intro_pict img{width:100%;}
.intro_txt{margin:0;padding:0;}
.intro_picture{
margin:20px auto 0 auto;
padding:0;
}
.intro_picture img{width:100%;}
.intro_memo{
margin:30px 20px 0 20px;
padding:0;
}
@media screen and (min-width:769px) {
.intro_bg{padding:1px 0 75px 0;}
.intro_subhead{margin:90px 0 0 0;}
.intro_subhead img{width:768px;}
.intro_box{
max-width:1180px;
width:100%;
margin:45px auto 0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.intro_pict{width:48%;padding:15px 0 0 0;}
.intro_txt{width:48%;}
.intro_picture{max-width:1080px;width:100%;margin:60px auto 0 auto;}
.intro_memo{width:640px;margin:60px auto 0 auto;}
}


.point_bg{
margin:0;
padding:45px 0 60px 0;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
.point_top{
margin:0;
padding:0;
text-align:center;
}
.point_top img{width:100%;}
.point_frame{
margin:30px 20px 0 20px;
padding:30px 20px 10px 20px;
background:#fff;
border-radius:20px;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.point_number{
margin:0;
padding:3px 0 20px 0;
font-size:90%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.point_number span{
padding:3px 45px;
color:#fff;
background:#008fa0;
border-radius:40px;
}
.point_title{
margin:0 0 30px 0;
padding:0;
font-size:180%;
font-weight:900;
line-height:140%;
text-align:center;
color:#192249;
}
.point_box{margin:0;padding:0;}
.point_pict{margin:0;padding:0;}
.point_pict img{width:100%;}
.point_txt{margin:0;padding:0;}
.point_txtin{margin:0;padding:0;}
@media screen and (min-width:769px) {
.point_bg{padding:90px 0 105px 0;}
.point_top img{width:768px;}
.point_frame{
max-width:1180px;
width:98%;
margin:60px auto 0 auto;
padding:60px 0 70px 0;
border-radius:30px;
}
.point_number{padding:3px 0 30px 0;font-size:16px;}
.point_title{margin:0 0 45px 0;font-size:42px;}
.point_box{
margin:0 5%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.point_pict{width:48%;}
.point_txt{width:48%;display:flex;align-items:center;}
}


.about_bg{
margin:0;
padding:50px 0 30px 0;
background-image:url("img/bg.jpg") ;
background-position:center center;
background-size:auto 100%;
}
.about_title{margin:0;padding:0;text-align:center;}
.about_title img{width:80%;}
.about_pict{
margin:0;
padding:30px 20px 5px 20px;
text-align:center;
}
.about_pict img{width:100%;}
.about_txt{
margin:0 20px;
padding:0;
font-weight:bold;
}
@media screen and (min-width:769px) {
.about_bg{padding:90px 0 75px 0;background-size:cover;}
.about_title img{width:640px;}
.about_pict{padding:45px 0 20px 0;}
.about_pict img{width:768px;}
.about_txt{margin:0 auto;text-align:center;}
}


.detail_bg{
margin:0;
padding:45px 20px 15px 20px;
background:#f2f2f2;
}
.detail_check{
margin:0;
padding:0 0 10px 0;
font-size:180%;
line-height:100%;
text-align:center;
}
.detail_check i {
background:linear-gradient(135deg, #3fd1a0, #055c8e 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
color:transparent;
}
.detail_subhead{
margin:0 0 20px 0;
padding:0;
font-size:180%;
font-weight:900;
line-height:140%;
text-align:center;
color:#192249;
}
.detail_box{
margin:0 auto 45px auto;
padding:4px;
background:linear-gradient(135deg, #3fd1a0, #055c8e 100%);
border-radius:24px;
box-sizing:border-box;
}
.detail_box_inner {
width:100%;
padding:30px 20px 1px 20px;
background:#fff;
border-radius:20px;
box-sizing:border-box;
}
.detail_item{
margin:0 0 45px 0;
padding:0;
}
.detail_number{
margin:0;
padding:5px 0 20px 0;
font-size:20px;
font-weight:bold;
line-height:100%;
text-align:center;
}
.detail_number span{
padding:3px 10px;
color:#008fa0;
border:solid 3px #008fa0;
border-radius:50%;
font-family: 'Roboto Condensed', sans-serif;
}
.detail_title{
margin:0;
padding:0;
font-size:160%;
font-weight:900;
line-height:150%;
text-align:center;
color:#192249;
}
.detail_txt{
margin:0;
padding:10px 0 20px 0;
font-size:100%;
line-height:180%;
text-align:justify;
}
.detail_pict{
margin:0;
padding:0;
text-align:center;
}
.detail_pict img{width:100%;border-radius:10px;}
@media screen and (min-width:769px) {
.detail_bg{padding:90px 0 1px 0;}
.detail_check{font-size:36px;}
.detail_subhead{margin:0 0 30px 0;font-size:42px;}
.detail_box{
max-width:1180px;
width:98%;
margin:45px auto 90px auto;
border-radius:34px;
}
.detail_box_inner {
padding:40px 4% 60px 4%;
border-radius:30px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.detail_item{width:30%;margin:0;}
.detail_title{font-size:24px;}
.detail_txt{padding:15px 0 25px 0;font-size:16px;}
}


.product_bg{
margin:0;
padding:60px 20px 75px 20px;
background-image:url("img/bg.jpg") ;
background-position:center center;
background-size:auto 100%;
}
.product_top{
margin:0;
padding:0 0 5px 0;
text-align:center;
}
.product_top img{width:100%;}
.product{
margin:30px auto 0 auto;
padding:15px 20px 15px 55px;
font-size:120%;
font-weight:bold;
line-height:150%;
background:#fff;
border-radius:60px;
border:solid 4px #eee;
box-shadow:0 0 7px rgba(0,0,0,0.2);
position:relative;
}
.product::before {
content:"\f058";
font-family:"Font Awesome 5 Free";
font-weight:900;
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
font-size:24px;
color:#4CAF50;
}
@media screen and (min-width:769px) {
.product_bg{padding:90px 0;background-size:cover;}
.product_top{padding:0 0 20px 0;}
.product_top img{width:640px;}
.product{
width:820px;
margin:30px auto 0 auto;
padding:30px 30px 30px 70px;
font-size:24px;
}
.product::before {left:35px;}
}


.caution_bg{
margin:0;
padding:60px 20px 40px 20px;
background:#f2f2f2;
}
.caution_head{
margin:0;
padding:2px 0 25px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.caution_head span{
padding:1px 20px;
color:#e73250;
border:solid 2px #e73250;
}
.caution_top{
margin:0;
padding:0;
font-size:200%;
font-weight:900;
line-height:150%;
text-align:center;
}
.caution_box{margin:30px auto 0 auto;padding:0;}
.caution_pict{margin:0;padding:0 0 5px 0;}
.caution_pict img{width:100%;border-radius:10px;}
.caution_txt{margin:0;padding:0;}
@media screen and (min-width:769px) {
.caution_bg{padding:90px 0;}
.caution_head{font-size:24px;}
.caution_top{font-size:36px;}
.caution_box{
width:900px;
margin:30px auto 0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.caution_pict{width:48%;padding:24px 0 0 0;}
.caution_txt{width:48%;}
}


.contents_bg{
margin:0;
padding:60px 20px 30px 20px;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
.contents_frame{
margin:0 auto;
padding:30px 20px;
box-sizing:border-box;
background:#fff;
border-radius:20px;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.contents_top{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.contents_top img{width:100%;}
.contents_head{
margin:0 auto;
padding:20px 0;
font-size:140%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
background:#008f9f;
border-radius:10px 10px 0 0;
}
.contents{
margin:0 auto;
padding:5px 20px 30px 20px;
box-sizing:border-box;
border:solid 2px #008f9f;
border-radius:0 0 10px 10px;
}
.contents_merit{margin:0 auto;padding:0;}
.contents_item{margin:0 auto;}
.contents_title{
margin:30px 0 0 0;
padding:15px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
}
.bg_ok{background:#008f9f;}
.bg_no{background:#999;}
.contents_item ul{
margin:0;
padding:10px 0 0 0;
list-style:none;
}
.contents_item ul li{
margin:0;
padding:10px 0 0 30px;
font-size:110%;
font-weight:bold;
line-height:150%;
position:relative;
}
.contents_item ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#008f9f;
position:absolute;
left:0;
}
.contents_item ul.nomerit li:before {
content:'\f057';
color:#999;
}
.contents_caption{
margin:0;
padding:0;
font-size:90%;
font-weight:normal;
color:#999;
}
.contents_caution{
margin:0;
padding:20px 0 0 0;
font-size:75%;
line-height:160%;
color:#999;
}
@media screen and (min-width:769px) {
.contents_bg{padding:90px 0 30px 0;}
.contents_frame{
max-width:1080px;
width:98%;
margin:0 auto;
padding:60px 4% 75px 4%;
border-radius:30px;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.contents_top{margin:0 0 60px 0;}
.contents_top img{width:768px;}
.contents_head{width:768px;font-size:28px;}
.contents{
width:768px;
margin:0 auto 60px auto;
padding:20px 45px 45px 45px;
}
.contents_merit{
width:768px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.contents_item{width:47%;}
.contents_title{margin:0;font-size:24px;}
.contents_item ul li{font-size:18px;}
.contents_caution{padding:10px 0 0 0;}
}


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


.offer_top{
margin:45px 0 30px 0;
padding:0;
text-align:center;
}
.offer_top img{width:100%;}
.offer{
margin:0 auto 30px auto;
padding:35px 20px 30px 20px;
box-sizing:border-box;
background:#fff;
border-radius:20px;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.offer_number{
margin:0;
padding:0;
text-align:center;
}
.offer_number img{width:75px;}
.offer_title{
margin:0;
padding:20px 0;
text-align:center;
}
.offer_title img{width:100%;}
.offer_pict{
margin:0 auto;
padding:15px 0;
box-sizing:border-box;
background:linear-gradient(to right,#f9fbf2,#f1f7fe);
border-radius:15px;
text-align:center;
}
.offer_pict img{width:100%;}
.offer_txt{
margin:0 auto;
padding:5px 0;
}
.offer_point{
margin:0 auto;
padding:10px 10px 20px 25px;
border:solid 2px #008f9f;
border-radius:10px;
box-sizing:border-box;
}
.offer_point ul{
margin:0 auto;
padding:0;
list-style:none;
}
.offer_point ul li{
margin:0;
padding:10px 0 0 30px;
font-size:110%;
font-weight:bold;
line-height:150%;
position:relative;
}
.offer_point ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#4CAF50;
position:absolute;
left:0;
}
@media screen and (min-width:769px) {
.offer_top{margin:75px 0 45px 0;}
.offer_top img{width:640px;}
.offer{
max-width:1080px;
width:98%;
margin:0 auto 60px auto;
padding:60px 4% 75px 4%;
border-radius:30px;
}
.offer_number img{width:100px;}
.offer_title{padding:20px 0 30px 0;}
.offer_title img{width:640px;}
.offer_pict{width:768px;padding:20px 0;}
.offer_pict img{width:80%;}
.offer_txt{width:640px;padding:15px 0;}
.offer_point{width:640px;}
.offer_point ul li{font-size:20px;}
}


.profile_bg{
margin:0;
padding:45px 0 5px 0;
background:#f2f2f2;
}
.profile_top{
margin:0;
padding:0;
font-size:180%;
font-weight:900;
line-height:130%;
text-align:center;
}
.profile_eng{
margin:0;
padding:15px 0 30px 0;
font-size:80%;
font-weight:bold;
line-height:100%;
text-align:center;
letter-spacing:3px;
text-indent:3px;
color:#008f9f;
font-family: 'Roboto Condensed', sans-serif;
}
.prf_box{
margin:0 auto;
padding:0 20px 30px 20px;
}
.prf_pict{margin:0;padding:0;text-align:center;}
.prf_pict img{width:50%;border-radius:10px;}
.prf_txt{margin:0;padding:0;}
.prf_degree{
margin:0;
padding:15px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:160%;
text-align:center;
}
.prf_name{
margin:0;
padding:5px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.profile_bg{padding:90px 0 45px 0;}
.profile_top{font-size:42px;}
.profile_eng{padding:30px 0 60px 0;font-size:16px;}
.prf_box{
width:900px;
margin:0 auto 45px auto;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.prf_pict{width:30%;padding:5px 0 0 0;}
.prf_pict img{width:100%;}
.prf_txt{
width:65%;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.prf_txt p{font-size:16px;}
.prf_degree{padding:0;font-size:18px;text-align:left;}
.prf_name{font-size:28px;text-align:left;}
}


.tool_top{
margin:60px 0 0 0;
padding:0;
font-size:180%;
font-weight:900;
line-height:130%;
text-align:center;
}
.tool_eng{
margin:0;
padding:15px 0 30px 0;
font-size:80%;
font-weight:bold;
line-height:100%;
text-align:center;
letter-spacing:3px;
text-indent:3px;
color:#008f9f;
font-family: 'Roboto Condensed', sans-serif;
}
.tool_title{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.tool_title img{width:240px;}
.tool_box{
margin:0 20px;
padding:0 0 30px 0;
}
.tool_movie{margin:0;padding:0 0 5px 0;}
.tool_movie img{width:100%;}
.video{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.tool_txt{margin:0;padding:0;}
ul.tool_point{margin:0;padding:0;list-style:none;}
ul.tool_point li{
position:relative;
padding:5px 0 0 1.5em;
margin:0;
font-size:100%;
font-weight:bold;
line-height:180%;
}
ul.tool_point li::before {
position:absolute;
left:0;
font-family:"Font Awesome 5 Free";
font-weight:900;
content:'\f058';
color:#008f9f;
}
.note {font-size:60%;vertical-align:top;}
.tool_caption{
margin:0;
padding:0;
font-size:80%;
line-height:180%;
opacity:0.7;
}
.tool_memo{
margin:10px 20px 0 20px;
padding:0;
font-size:80%;
line-height:180%;
opacity:0.7;
}
@media screen and (min-width:769px){
.tool_top{margin:90px 0 0 0;font-size:42px;}
.tool_eng{padding:30px 0 60px 0;font-size:16px;}
.tool_box{
max-width:1180px;
width:98%;
margin:0 auto;
padding:0 0 45px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.tool_movie{width:48%;padding:28px 0 0 0;order:2;}
.tool_txt{width:48%;order:1;}
.tool_txt p{font-size:18px;}
ul.tool_point li{font-size:18px;}
.tool_caption{font-size:12px;}
.tool_memo{width:724px;margin:10px auto 0 auto;font-size:12px;}
}

.info_bg{
margin:0;
padding:30px 0;
background:#f9f9f9;
}
.info_no1{
margin:0 20px 30px 20px;
padding:0;
text-align:center;
}
.info_no1 img{width:100%;}
.info_caption{
margin:30px 0 0 0;
padding:0;
font-size:75%;
line-height:180%;
color:#666;
}
.info_company{
margin:0;
padding:0;
font-size:150%;
line-height:150%;
text-align:center;
}
.info_name{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
}
.info_logo{
margin:0;
padding:10px 0 15px 0;
text-align:center;
}
.info_logo img{width:160px;}
.info_ad{
margin:0;
padding:0;
font-size:80%;
line-height:180%;
text-align:center;
}
.info_mark{
margin:10px 0 30px 0;
padding:0;
text-align:center;
}
.info_mark img{width:60%;}
@media screen and (min-width:769px) {
.info_bg{margin:20px 0 0 0;padding:45px 0;}
.info_no1{margin:0;}
.info_no1 img{width:736px;}
.info_caption{font-size:12px;}
.info_company{font-size:24px;}
.info_name{font-size:16px;}
.info_logo img{width:180px;}
.info_ad{font-size:12px;}
.info_mark{margin:15px 0 45px 0;}
.info_mark img{width:360px;}
}


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

#footer{
margin:0;
padding:30px 0 110px 0;
font-size:80%;
line-height:150%;
text-align:center;
color:#fff;
background:#222;
}
@media screen and (min-width:769px){
#footer{
margin:0;
padding:30px 0 140px 0;
font-size:12px;
}
}


/*------------------------------ フローティング ------------------------------*/

.floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0;
background:rgba(0,0,0,0.3);
}
.floating .device{;margin:0 15px;}
.floating .button {padding:20px 0;}
.floating .button:hover {filter:brightness(1.2);}
@media screen and (min-width:769px){
.floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0;
background:rgba(0,0,0,0.3);
}
.floating .device{width:480px;margin:0 auto;}
.floating .button {font-size:24px;padding:25px 0;}
}


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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#e73250;}
.org {font-weight:bold;color:#f8852b;}
.ym{background:linear-gradient(transparent 70%, #fff676 70%);}
.font130{font-size:130%;}

.order_01{}
.order_02{}
@media screen and (min-width:769px){
.order_01{order:1;}
.order_02{order:2;}
}

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

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

.animate {
animation:fuwafuwa 1s ease 0s infinite alternate;
transform-origin:center;
cursor:pointer;
}
@keyframes fuwafuwa {
from {transform: scale(0.9,0.9);}
to {transform: scale(1,1);}
}