@charset "utf-8";

@media only screen and (max-width: 579px) {

/* --------------------------------
SP Only Styles
-------------------------------- */

/*	Common class
============================================== */

.pc_only {
display:none!important;
}
.sp_only {
display:block!important;
}
img.sp_only {
display:inline-block!important;
}
.pc_only_inline {
display:none!important;
}
.sp_only_inline {
display:inline!important;
}
.br_pc_only {
display:inline!important;
}
.br_sp_only {
display:block!important;
}

.sp-overflow-scroll{overflow:scroll;}


/*	Common
============================================== */


h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
p,
ul{
font-size: 15px;
line-height: 1.4;
}
.title-1-2{
padding-top: 3.5em;
margin-top: -2.5em;

}
.title-1-2{font-size:18px;}


/*	#header
============================================== */


#header{
position:fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
z-index: 9999;
background-color:#0058a2;

}
#header.fixed{
box-shadow: 0 2px 5px rgba(0,0,0,.15);
}
#header .site-inner{
padding-top:13px;
padding-bottom:8px;
}
#header .header-inner{
width: 96%;
padding-left: 2%;
padding-right: 2%;
}
#header .header_logo{
width: 80%;
}
#header .header_logo img {
margin-top: 4px;
margin-bottom: 4px;
width:86%;
}
#header .header_logo span{
display: block;
color:#FFF;
font-size:11px;
margin-bottom:0px;

}

/*	#footer
============================================== */


#footer-wrapper{
width: 100%;
margin-top:0;
}
#footer-wrapper.hide{
display: none!important;
}
#footer .footer-content-1{
width: 91.66666667%;
margin-left: auto;
margin-right: auto;
padding-left: 8px;
padding-right: 8px;
}
#footer .copyright{
text-align: center;
}
#footer .logo{
text-align: center;
}


/*	.float-content
============================================== */


#pagetop{
right:10px;
}
#pagetop,
.float-content .print-wrap{
display:block;
position:fixed;
bottom:10px;
width:66px;
z-index:101;
height:60px;

}
#pagetop a::after{
background-image: url(../images/ideco_common_icon_page_top_001.png);
background-size:80%;
background-position:50% 10%;
}


/*	#contents
============================================== */


#contents{padding-top:63px;}


/*	#main
============================================== */


#nav-wrapper {
padding-top: 10px;
float: none;
margin-left: auto;
margin-right: auto;
width: 91.66666667%;
}
#nav-box{
top:0!important;
}
#nav-inner {
overflow: hidden;
height:inherit!important;
}
#main{
display: block;
position: relative;
float: none;
width: 96%;
margin-left: auto;
margin-right: auto;
padding-top:19px;
}
#main.hide{
display: none!important;
}
.pc-screen-1 .image{
width: 100%;
}
.pc-screen-2 .image{
width: 100%;
text-align: center;
}
.pc-screen-2 .desc{
width: 100%;
}
.smp-screen-1 .image{
width: 100%;
text-align: center;
}
.table-1{
min-width:500px;
}
.carousel-slider .slick-slider{
padding:6% 10%;
}
.carousel-slider .slick-slide{
padding:0 8px 8px;
}
#child-nav-info .nav-info{
padding-left:0;
padding-right:0;
font-size: 17px;
}
#child-nav-info .col1,.col2{
width:100%;
float: none;
}
#child-nav-info ul.navThird li{
font-size: 15px;
}
#child-nav-info ul.navThird li::before{
display: block;
position: absolute;
left:5px;
top:8px;
width:20px;
height: 20px;
content:" ";
background-image: url(../images/ideco_common_icon_arrow_right_003.png);
background-repeat: no-repeat;
background-size: 100% auto;
z-index: 1;
}
video::-webkit-media-controls-play-button {
display: none;
}

.page-move-link {
margin-left:0;
padding-left:0;
padding:1px;
margin-top:20px;
text-align:left;

}
.page-move-link ul{
background-color:#FFF;
padding:0px;

}
.page-move-link li{
list-style: none;
margin-right:2%;
display:inline-block;
width:100%;
margin-bottom:12px;

}
.page-move-link li:last-child{
margin-right:0;
margin-bottom:0;

}
.page-move-link li a{
background-color:#d7e9ff;
border-radius:4px;
color:#044580;
padding:12px 2px;
text-decoration:none;
font-size: 16px;
display:inline-block;
width:100%;
text-align:center;

}


/*	HOME
============================================== */


body#home #header,
body#home #header.fixed{
position:inherit;

}
body#home #contents{
padding-top:0;

}
body#home #main{
display: block;
position: relative;
float: none;
width: 96%;
margin-left: auto;
margin-right: auto;
padding-top:19px;

}
body#home #main h2.title{
float: none;
margin-left:auto;
margin-right:auto;
padding-top:124px;
color: #0058a2;

}
body#home #child-nav-info{
margin-bottom:20px;

}
body#home #child-nav-info .col1,
body#home #child-nav-info .col2,
body#home #child-nav-info .col3,
body#home #child-nav-info .col4{
display: block;
position: relative;
width: 96%;
float:none;
margin-right:2%;
margin-left:2%;

}
body#home #child-nav-info .col3{
margin-right:0%;

}

body#home #main p.desc{
float: none;
margin-left:auto;
margin-right:auto;
padding-top:40px;
padding-bottom:124px;
color: #0058a2;
font-size:20px;
text-align: left;

}
body#home #child-nav-info ul.navThird li{
font-size:14px;
padding-top: 0.2em;
padding-left: 0.8em;

}

body#home #child-nav-info .col1.merge2,
body#home #child-nav-info .col2.merge2,
body#home #child-nav-info .col3.merge2{width: 100%;}

body#home #child-nav-info .col1.merge2 > ul,
body#home #child-nav-info .col2.merge2 > ul,
body#home #child-nav-info .col3.merge2 > ul{
width: 100%;
margin-right:0;
float:none;

}

body#home #child-nav-info .col1.merge3 > ul,
body#home #child-nav-info .col2.merge3 > ul,
body#home #child-nav-info .col3.merge3 > ul{
width: 100%;
margin-right:0;
float:none;

}