@charset "utf-8";
/* CSS Document */
/*COMMON--------------------------------------------------*/
.pc{display:none !important;}
.wrap{width:87.2%;}
/*HEADER--------------------------------------------------*/
header
{
position:fixed;
z-index:9999;
}
header div.wrap{padding:5% 0;}
header h1 a img
{
display:block;
height:auto !important;
width:51.2% !important;
}
header a.button{display:none;}
header span.menubutton
{
cursor:pointer;
display:block;
font-size:43px;
position:absolute;
right:0;
top:35%;
}
header ul
{
width:100%;
z-index:9999;
}
header ul li
{
border-top:1px solid #8E97A2;
text-align:center;
}
header ul li a
{
color:#FFF;
display:block;
font-size:27px;
padding:3% 0;
width:100%;
}
/*SCREEN--------------------------------------------------*/
div.screen
{
margin-bottom:7%; padding-top:20%;
position:relative;
}
div.screen h2 img
{
height:auto !important;
margin-top:-52%;
width:85.2% !important;
}
div.screen div.wrap{width:100%;}
/*SECTION--------------------------------------------------*/
/*ANCHOR*/
span#section_01
{
margin-top:-28%;
position:absolute;
}
span#section_02,
span#section_03
{
margin-top:-20%;
position:absolute;
}
/*01*/
section.section_01{margin-bottom:9.7%;}
section.section_01 h3
{
background-image:url('../images/sp/Logo_02.png');
background-size:24.26666666666667% auto;
font-size:43px;
font-weight:bold;
margin-bottom:5.5%;
padding-top:42.5%;
text-align:center;
}
section.section_01 p,
section.section_01 ul li
{
font-size:27px;
line-height:1.5;
}
section.section_01 p{margin-bottom:5.5%;}
section.section_01 ul li
{
background-color:#DCE8F4;
border:1px solid #9CBCE0;
margin-bottom:3.5%;
padding:1%;
width:auto;
}
section.section_01 ul li span
{
background-color:#FFF;
border:1px solid #F9FBFD;
display:block;
height:100%;
padding:5% 0;
text-align:center;
width:auto;
}
/*02～03*/
section.section_02 h3,
section.section_03 h3
{
background-image:url('../images/sp/Img_01.png');
background-position:center bottom;
background-repeat:no-repeat;
background-size:10.93333333333333% auto;
font-size:44px;
font-weight:bold;
margin-bottom:5%;
padding:0 0 5.7% 0;
text-align:center;
}
section.section_02 h3 span.box,
section.section_03 h3 span.box
{
background-color:#C4D7EC;
display:block;
padding:4.5% 0;
}
/*02*/
div.section_box.wrap{width:100%;}
section.section_02{margin-bottom:12.8%;}
section.section_02 h3 span.box span
{
display:block;
font-size:19px;
font-weight:normal;
margin-top:2%;
}
section.section_02 ul
{
margin:0 auto;
width:87.2%;
}
section.section_02 ul.num_01{margin-bottom:6%;}
section.section_02 ul li{font-size:27px;}
section.section_02 h4
{
background-image:url('../images/sp/List_01.png');
background-position:left 0;
background-repeat:no-repeat;
background-size:3.3% auto;
font-weight:bold;
margin-bottom:3%;
padding-left:5.3%;
width:auto;
}
section.section_02 p
{
line-height:1.3;
margin-bottom:2.5%;
}
/*03*/
section.section_03{margin-bottom:12.8%;}
section.section_03 h4
{
font-size:27px;
font-weight:bold;
margin-bottom:3%;
text-align:center;
}
section.section_03 div.box
{
border:1px solid #0D304E;
font-size:22px;
margin:0 auto;
padding:3% 4.1%;
width:79%;
}
section.section_03 div.box.num_01{margin-bottom:5%;}
section.section_03 div.box.num_01 dl{margin-bottom:3.5%;}
section.section_03 div.box.num_01 dl.num_04{margin-bottom:0;}
section.section_03 div.box.num_01 dl dt
{
float:left;
width:28%;
}
section.section_03 div.box.num_01 dl dd
{
float:left;
width:auto;
}
section.section_03 div.box.num_02 p{line-height:1.7;}
section.section_03 div.box.num_02 p span
{
background-image:url('../images/sp/List_01.png');
background-position:left 0;
background-repeat:no-repeat;
background-size:3.3% auto;
display:block;
line-height:1.2;
margin-bottom:3%;
padding-left:5.3%;
width:auto;
}
section.section_03 div.box.num_02 p span.num_01{margin-top:3.7%;}
section.section_03 div.box.num_02 p span.num_04
{
background-image:url('../images/sp/List_02.png');
margin-bottom:0;
}
/*FOOTER--------------------------------------------------*/
footer
{
font-size:14px;
padding:8.5% 0;
text-align:center;
}
footer p.num_01{display:none;}
/*FONT--------------------------------------------------*/
@media (min-width:0px) and (max-width:349px)
{
header span.menubutton{font-size:14px;}
section.section_01 h3{font-size:14px;}
section.section_02 h3,
section.section_03 h3{font-size:15px;}
section.section_02 h3 span.box span{font-size:8px;}
header ul li a,
section.section_01 p,
section.section_01 ul li,
section.section_02 ul li,
section.section_03 h4{font-size:10px;}
section.section_03 div.box{font-size:10px;}
footer{font-size:8px;}
}
@media (min-width:350px) and (max-width:449px)
{
header span.menubutton{font-size:20px;}
section.section_01 h3{font-size:20px;}
section.section_02 h3,
section.section_03 h3{font-size:20px;}
section.section_02 h3 span.box span{font-size:9px;}
header ul li a,
section.section_01 p,
section.section_01 ul li,
section.section_02 ul li,
section.section_03 h4{font-size:13px;}
section.section_03 div.box{font-size:12px;}
footer{font-size:10px;}
}
@media (min-width:450px) and (max-width:549px)
{
header span.menubutton{font-size:23px;}
section.section_01 h3{font-size:28px;}
section.section_02 h3,
section.section_03 h3{font-size:27px;}
section.section_02 h3 span.box span{font-size:12px;}
header ul li a,
section.section_01 p,
section.section_01 ul li,
section.section_02 ul li,
section.section_03 h4{font-size:16px;}
section.section_03 div.box{font-size:14px;}
footer{font-size:12px;}
}
@media (min-width:550px) and (max-width:649px)
{
header span.menubutton{font-size:33px;}
section.section_01 h3{font-size:34px;}
section.section_02 h3,
section.section_03 h3{font-size:32px;}
section.section_02 h3 span.box span{font-size:14px;}
header ul li a,
section.section_01 p,
section.section_01 ul li,
section.section_02 ul li,
section.section_03 h4{font-size:17px;}
section.section_03 div.box{font-size:16px;}
footer{font-size:13px;}
}