<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="長い行を折り返す">
</head>
<body>
<pre><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="長い行を折り返す">
</head>
<body>
<pre>@charset "UTF-8";
/* CSS Document */
/*セクション間余白----------------------------------------------------------- */
section {
padding: 40px 0;
}
/*色関連----------------------------------------------------------- */
.cl_base {
color: #ff00cc;
}
.cl_main {
color: #a128cf;
}
.bg_cl1 {
background-color: #283f8f;
}
.bg_cl2 {
background-color: #a128cf;
}
.bg_01 {
background: url(../img/pc_sec04_bg.png) no-repeat center/cover;
}
.bg_02 {
background: url(../img/pc_sec02_bg.png) no-repeat center/cover;
}
.bg_03{
background: url(../img/pc_sec01_bg.png) no-repeat center/cover;
}
.bg_04{
background: #efefef;
}
.bg_05{
background: url(../img/pc_cta_bg.png) no-repeat top center/cover;
}
/*Page Top----------------------------------------------------------- */
.pagetop a {
background-color: #045b84;
filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.3));
}
/*MV----------------------------------------------------------- */
.mv {
padding-top: 75px;
background: url(../img/pc_mv_bg.png) no-repeat center/cover;
}
/*movie----------------------------------------------------------- */
.movie{
position: relative;
width: 100%;
}
.movie:before {
content:"";
display: block;
padding-top: 56.25%;
}
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sec01 h3{
padding: 15px 30px;
font-size: 24px;
font-weight: bold;
text-align: center;
background: rgb(40,63,143);
background: linear-gradient(59deg, rgba(40,63,143,1) 0%, rgba(40,63,143,1) 42%, rgba(111,49,181,1) 56%, rgba(161,40,207,1) 100%);
color: #FFF;
}
.sec01 .box{
border: 1px solid #000;
margin-top: 30px;
}
.sec01 .whitebox{
padding: 30px;
}
.sec01 ul{
font-weight: bold;
}
.blue_box{
border: 1px solid #283f8f;
padding: 7px 15px;
text-align: center;
}
.flex{
display: flex;
}
.flex .left{
width: 50%;
margin-right: 30px;
}
/* BOX COLOR */
.box_blue{background: #283f8f;padding: 45px;}
.box_black{background: #000;padding: 45px;}
.box_black .center.bold{font-size: 2.4rem;}
.box_brett .brett{background-color: #FFF;padding: 30px;margin: 15px 0;}
.box_brett .brett ul li:last-child {border-bottom: solid 1px #ccc;margin-bottom: 0;padding-bottom: 15px;}
/* SECTION 23 + 24 + 25 + 26 */
.sec24{background: url('../../img/pc_sec24_bg.png') no-repeat center/cover;}
.sec24_item:last-child{margin-bottom: 0;}
.sec24_item{margin-bottom: 50px;}
.sec24_item_title{background: #000;color: #fff;font-weight: 700;font-size: 2.4rem;padding: 15px;}
.sec24_item_ct{padding: 30px;background: #fff;display: flex;}
.sec24_item_ct .sec24_img{width: 440px;margin-left: 20px;flex-shrink: 0;}
.sec24_item_ct .sec24_txt{flex-grow: 1;}
/*sec09----------------------------------------------------------- */
.sec09 .white_box {
background: url(../img/pc_sec09_bg.png);
border: 2px solid #cccccc;
}
.sec09 .blue_box{
padding: 50px;
}
.gray_box{
padding: 50px;
background: #eee;
}
.sec09 h2{
background: #111;
padding-top: 50px;
}
.sec09 h3 {
padding-left: 0px;
position: relative;
padding-bottom: 45px;
}
.sec09 h3:before {
position: absolute;
content: url(../img/pc_sec09_rbn00.png);
top: -15px;
left: -60px;
}
.section09 th, td {
border: solid 1px #000000; /* 線の種類 太さ 色 */
}
.sec09 .white_box:nth-child(2) h3:before {content: url(../img/pc_sec09_rbn01.png);}
.sec09 .white_box:nth-child(3) h3:before {content: url(../img/pc_sec09_rbn02.png);}
.sec09 .white_box:nth-child(4) h3:before {content: url(../img/pc_sec09_rbn03.png);}
.sec09 .white_box:nth-child(5) h3:before {content: url(../img/pc_sec09_rbn04.png);}
.sec09 .white_box:nth-child(6) h3:before {content: url(../img/pc_sec09_rbn05.png);}
.sec09 .white_box:nth-child(7) h3:before {content: url(../img/pc_sec09_rbn06.png);}
.sec09 .white_box:nth-child(8) h3:before {content: url(../img/pc_sec09_rbn07.png);}
.sec09 .white_box:nth-child(9) h3:before {content: url(../img/pc_sec09_rbn08.png);}
.sec09 .white_box_s {background: #f7f7f7;}
.section09 th,td {
border: solid 1px #BBBBBB; /* 線の種類 太さ 色 */
}
/*sec11----------------------------------------------------------- */
.sec11 {
background-color: #fff;
background-image:
radial-gradient(#dfdfdf 20%, transparent 20%),
radial-gradient(#dfdfdf 20%, transparent 20%);
background-size: 10px 10px;
background-position: 0 0, 5px 5px;
}
.sec11 table {
width: 100%;
}
.sec11 tr {
/* border-top: 1px solid #ccc;*/
border-bottom: 1px solid #ccc;
}
.sec11 th,
.sec11 td {
padding: 10px 15px;
}
.sec11 th {
width: 15%;
text-align: left;
font-weight: bold;
}
.sec11 h2 img{
max-width: 36%!important;
}
/*Custom*/
.sec09_cus .font_cus{color: red;text-decoration: underline;}
.sec09_cus .white_box_s {
background: #f7f7f7;
}
.sec09 .white_box h3.cus1:before{
content: url(../img/pc_sec09_rbn00_cus.png) !important;
}
.sec09 .white_box h3.cus2:before{
content: url(../img/pc_sec09_rbn01_cus2.png) !important;
}
.sec09_cus .isu{font-weight: bold;}
.highlight {
background: -webkit-linear-gradient(transparent 50%, #f1f341 50%);
background: -o-linear-gradient(transparent 50%, #f1f341 50%);
background: linear-gradient(transparent 50%, #f1f341 50%);
font-weight: bold;
}
/*CTA----------------------------------------------------------- */
.cta{
background: url(../../img/pc_cta_bg.png) no-repeat top center/cover;
}
.form_wrap {
background-color: #0f222d;
}
/*Footer----------------------------------------------------------- */
.footer_nav1 {
font-size: 1.4rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
footer .copy {
text-align: center;
}
footer a:link, footer a:visited {
color: #000;
transition: all .3s;
}
footer a:hover, footer a:focus {
color: #000;
opacity: .7;
}
footer ul li {
display: inline-block;
white-space: nowrap;
margin: 0 10px;
}
footer .copy {
font-size: 14px;
}
footer {
padding: 60px 0;
}
/*thanks_footer----------------------------------------------------------- */
.thanks_footer table{
width: 100%;
}
.thanks_footer tr{
border-bottom: solid 1px #FFF;
}
.thanks_footer th{
padding: 15px;
width: 165px;
font-weight: bold;
}
.thanks_footer th,td{
padding: 15px;
border: none;
}
.thanks_footer .footer_nav1 {
font-size: 1.4rem;
}
.thanks_footer .footer_nav1 ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.thanks_footer .footer_nav1 li{
padding-right: 1rem;
padding-left: 1rem;
}
.thanks_footer a:link, a:visited {
color: #fff;
transition: all .3s;
}
.thanks_footer a:hover, footer a:focus {
color: #fff;
opacity: .7;
}
.thanks_footer footer .copy {
text-align: center;
}
.thanks_footer a:link, .thanks_footer a:visited {
color: #fff;
transition: all .3s;
}
.thanks_footer a:hover, .thanks_footer a:focus {
color: #fff;
opacity: .7;
}
.thanks_footer footer ul li {
display: inline-block;
white-space: nowrap;
margin: 0 10px;
}
.thanks_footer footer .copy {
font-size: 14px;
}
</pre>
</body>
</html>
</pre>
</body>
</html>