@charset "utf-8";

/* --------------------------------
Common Styles
-------------------------------- */


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

html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body{
font-family: 'Noto Sans JP','Roboto', "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background-color: #fff;
color: #333;
font-size: 14px;
line-height: 1.5;
margin: 0;
}
header,
footer,
nav {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-size: 100%;
color: #111;
*display: inline;
*zoom: 1;
}
h2{
font-size: 24px;
}
h3{
font-size: 20px;
}
h4{
font-size: 17px;
}
h5{
font-size: 14px;
}
}
img {
height: auto;
border: none;
max-width: 100%;
vertical-align: middle;
}
a {
color: #3498db;
text-decoration: underline;
cursor: pointer;
line-height:1.6;
}
a:hover,
a:focus,
a:active {
color: #3498db;
text-decoration: none;
outline: none;
}

a img {
border: none;
}
a:hover img {
opacity: 0.8;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
noscript p {
margin: 5px;
padding: 10px;
border: 2px solid #bf0000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ffefef;
color: #bf0000;
}
p{
margin: 0;
}
table{
box-sizing: border-box;
font-size: 15px;
line-height: 1.5;
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
ul, ol {
list-style: none;
margin: 0; padding: 0;
}
dl, dt, dd, li{
margin: 0; padding: 0;
}

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

.clearfix:after,
.clearfix:before{content: " ";display: table;}
.clearfix:after{clear: both;}
img.full{max-width:100%;height:auto;}
.text-strong{font-weight: bold;}
.hide {display: none!important;}

.padding-top-3 {padding-top:3px;}
.padding-top-4 {padding-top:4px;}
.padding-top-8 {padding-top:8px;}
.padding-top-10{padding-top:10px;}
.padding-top-16{padding-top:16px;}
.padding-top-20{padding-top:24px;}
.padding-top-24{padding-top:24px;}
.padding-top-32{padding-top:32px;}
.padding-top-40{padding-top:40px;}
.padding-top-48{padding-top:48px;}

.padding-left-22{padding-left:22px;}



/*	All
============================================== */
.site-inner{
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
min-height: 1px;
width:100%;
clear: both;
}
.site-inner:after,
.site-inner:before{
content: " ";
display: table;
}
.site-inner:after{
clear: both;
}

.btnLeft,
.btnRight,
.icon-pagetop{
background-image: url("../images/ideco_common_sprite_icon_001.png");
background-repeat: no-repeat;
}

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

#header{
background-color:#014aa4;
background: -webkit-gradient(linear, left top, right bottom, color-stop(1.00, #2571d0), color-stop(0.00, #044580));

}
#header .site-inner{
padding-top:25px;
padding-bottom:25px;
}
#header .header-inner{
display: block;
position: relative;
float:none;
margin-left: auto;
margin-right: auto;
}
#header .header_logo{
display: inline-block;

}
#header .header_logo > a{
display: inline-block;
}
#header .header_logo span{
display: block;
color:#FFF;
font-size:12px;
margin-bottom:8px;
font-weight:normal;
}
#header .header_logo img{
width:auto;
height: auto;
}
#header .btn-dropdown{
position: relative;
display: block;
width: 44px;
height:44px;
float: right;
white-space: nowrap;
font-size:10px;
cursor: pointer;
text-align: center;
margin-top:-3px;
}
#header .btn-dropdown .icon-dropdown {
display: block;
position: absolute;
top: 8px;
left: 14px;
width: 30px;
height: 33px;
background-image: url("../images/ideco_common_icon_dropdown_001.png");
background-repeat: no-repeat;
background-size: 100% auto;

}

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

#footer-wrapper{
display: block;
min-height: 1px;
width:100%;
overflow:hidden;
}
#footer .footer-content-2{
padding:20px 0;
}
#footer .copyright{
color: #0058a2;
font-size: 80%;
text-align: center;
}
#footer .logo{
padding-top: 15px;
text-align: center;
}
#footer .logo a{
}
#footer .logo img{
width:auto;
height: auto;
}

/*	.float-content
============================================== */
#pagetop {
text-align: right;
}
#pagetop,
.float-content .print-wrap{
display:block;
position:fixed;
bottom:40px;
width:70px;
height:68px;
z-index:101;
}
#pagetop{
right:40px;
}
.float-content .print-wrap{
right:120px;
}
#pagetop a,
.float-content .print-wrap .btn-print2{
display:block;
position:relative;
width:100%;
height:100%;
padding-top:42px;
text-align: center;
font-size: 10px;
color: #fff;
background-color:#3179b4;
border-radius:6px;
cursor: pointer;
line-height: 1;
text-decoration:none;

}
.float-content .print-wrap .btn-print2{
padding-top:46px;

}
#pagetop a:hover,
.float-content .print-wrap .btn-print2:hover{
opacity:0.7;

}
#pagetop a::after,
.float-content .print-wrap .btn-print2::after{
display: block;
position: absolute;
top:12px;
left:0;
right:0;
margin:auto;
width:30px;
height: 30px;
content:" ";
background-image: url(../images/ideco_common_icon_print_001.png);
background-repeat: no-repeat;
background-size: 100% auto;
z-index: 1;
}
#pagetop a::after{
background-image: url(../images/ideco_common_icon_page_top_001.png);
}
.float-content .print-wrap .btn-print2::after{
background-image: url(../images/ideco_common_icon_print_001.png);
}


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

#nav-wrapper{
display: block;
position: relative;
float:left;
}
#nav-box{
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
#nav-inner{
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
cursor: pointer;
}
#nav-iframe{
cursor: pointer;
}

.title-1{
position: relative;
display: block;
padding: 10px 6px 10px 10px;
color: #0058a2;
border-left: solid 1px #0058a2;
border-bottom: solid 1px #0058a2;
}
.title-1-2{
font-size: 25px;
position: relative;
display: block;
border-bottom: solid 3px #0058a2;
padding-top: 0.8em;
padding-bottom: 2px;
padding-bottom: 0.05em;
}
.title-2{
position: relative;
border-bottom: solid 3px #cfe9ff;
padding-top: 1em;
padding-bottom: 4px;
padding-bottom: 0.2em;
margin-top:20px;
}
.title-2::after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #0058a2;
bottom: -3px;
width: 20%;
}
.title-3{
padding-top: 1.3em;
color: #043c78;
}

.title-4{
padding-top: 1.3em;
color: #043c78;
}

.title-5{
padding-top: 1.2em;
}

.desc-1{
font-size: 16px;
padding-top: 1em;
}
.desc-2{
font-size: 14px;
padding-top: 10px;
}
.link-arrow-right{
display: inline;
width:auto;
margin-left: 2px;
margin-right: 2px;
margin-top:-2px;
}
.desc-supplement{
padding-top:20px;
padding-bottom:10px;
}
.desc-supplement .wrap{
width:95%;
border: solid 1px #0058a2;
margin:0 auto;
padding:16px 10px;
}
.desc-supplement .cont-wrap{
display: block;
position: relative;
clear:both;
}
.desc-supplement .mark{
position: absolute;
display: inline-block;
left:0;
top:0;
z-index: 1;
}
.desc-supplement .mark img{
width:17px;
height:auto;
margin-top:-6px;
margin-left:4px;
}
.desc-supplement .desc{
display: inline-block;
padding-top:0!important;
margin-left:32px;
}
.desc-important{
padding-top:20px;
padding-bottom:10px;
}
.desc-important .wrap{
width:95%;
border: solid 1px #999;
margin:0 auto;
padding:16px 10px;
background-color:#fffde5;
}
.desc-important .cont-wrap{
display: block;
position: relative;
clear:both;
}
.desc-important .mark{
position: absolute;
display: inline-block;
left:0;
top:0;
z-index: 1;
}
.desc-important .mark img{
width:26px;
height:auto;
}
.desc-important .desc{
display: inline-block;
padding-top:0!important;
margin-left:32px;
}
.pc-screen-1 .image{
display: block;
position: relative;
}
.pc-screen-2 .image{
display: block;
position: relative;
}
.pc-screen-2 .desc{
display: block;
position: relative;
}
.smp-screen-1 .image{
display: block;
position: relative;
}
.title-process{
color: #043c78;
display:block;
position: relative;
width:100%;
padding-top:1.2em;
}
.title-process .wrap{
position: relative;
display: inline-block;
width:2.5em;
}
.title-process .wrap .text{
color: #000;
position: absolute;
bottom:8px;
left:0;
text-align: center;
display: inline-block;
width:100%;
font-size:0.8em;
}
.title-process .title{
position: absolute;
display: inline-block;
bottom:0;
left:0;
width:100%;
padding-left:2.7em;
z-index: 1;
}
.list-order{
padding-left:2em;
list-style-type: decimal;
}
.desc-list{
padding-left:2px;
}
.desc-list > dt{
display: block;
position: relative;
width: 100%;
padding-top:1.4em;
font-size: 15px;
font-weight: bold;
color:#000;
}
.desc-list > dt .num{
padding-top:1.15em;
color: #507ea4;
font-size: 1.1em;
position: absolute;
top:0;
left:0;
display: inline-block;
width:1.5em;
z-index: 1;
text-align: right;
}
.desc-list > dt .title{
color: #000;
position: relative;
display: inline-block;
width:100%;
padding-left:2.1em;
}
.desc-list > dd{
padding-left:1rem;
}
.desc-list > dd .desc{
padding-top:1.2rem;
}
.text-circle-num{
display: inline-block;
position: relative;
width: 100%;
}
.carousel-slider{
position:relative;
display: block;
}
.carousel-slider .desc-list > dd{/*add 2018/8/26*/
padding-left: 0;
}
.carousel-slider .desc-list > dt{/*add 2018/8/26*/
margin-left: -0.5rem;
}
.carousel-slider .slick-slider{
padding:6% 5%;
}
.carousel-slider .slick-arrow {
position: absolute;
margin-top: -15px;
width: 23px;
height: 30px;
}
.carousel-slider .slick-arrow:hover {
opacity: 0.7;
}
.carousel-slider .btnLeft {
left: 10px;
top: 50%;
background-position: 0 -28px;
}
.carousel-slider .btnRight {
right: 10px;
top: 50%;
background-position: -23px -28px;
}
.carousel-slider .slick-disabled{
display:none!important;
}
.carousel-slider .desc{
padding-top:1rem;
}
.text-circle-num > .num{
margin-top:0.1em;
display: inline-block;
position: absolute;
top:0;
left:0;
width: 2em;
height: 1.5em;
text-align: center;
font-size: 0.8em;
z-index: 1;
}
.text-circle-num > .num::before{
margin-left:0.3em;
border: 1px solid #000;
-webkit-border-radius: 20px;
border-radius: 20px;
display: block;
position: absolute;
content:" ";
width: 1.4em;
height: 1.4em;
}
.text-circle-num > .text{
display: inline-block;
position: relative;
width: 100%;
padding-left:1.5em;
}
.text-order{
display: inline-block;
position: relative;
width: 100%;
}
.text-order > .num{
display: inline-block;
position: absolute;
top:0;
left:0;
width: 1.3em;
z-index: 1;
}
.text-order > .text{
display: inline-block;
position: relative;
width: 100%;
padding-left:1.3em;
}
.arrow-down1{
width:40px;
height:auto;
}
[class*="list-style-"]{
padding-left:1.3em;
}
.list-style-disc{
list-style: disc;
}
.table-1 th{
font-weight: normal;
}
.table-1 th,
.table-1 td{
padding:0.5em!important;
vertical-align: top;
}
.table-1 tr.title th{
text-align: center;
background-color:#EFEFEF;
}
.table-1 tr.detail td{
text-align: left;
}
.table-1 tr.title th.num{
width:60px;
}
.table-1 tr.detail td.num{
text-align: center;
}
.table-1 tr.title th.item{
width:10em;
}
.table-1 tr.title th.desc{
width:40em;
}
.table-1 tr.detail td .desc-supplement{
padding-top: 0.5rem;
padding-bottom: 0;
}



/*	Link
============================================== */


.breadcrumb {
margin-left:0;
padding-left:0;
padding:8px;
font-size: 14px;
}
.breadcrumb li{
display:inline;
list-style: none;
}
.breadcrumb li:after{
content: '>';
padding: 0 3px;
}
.breadcrumb li:last-child:after{
content: '';
}


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

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

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

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

}
.page-move-link li a{
background-color:#d7e9ff;
border-radius:4px;
color:#044580;
padding:13px 16px 10px 16px;
text-decoration:none;
font-size: 18px;
display:inline-block;
width:100%;
border-bottom:7px solid #61a7fb;

}
.page-move-link li a:hover{opacity:0.7;}

.page-move-link li:last-child:after{content: '';}



.print-wrap{
position:relative;
display: block;
height:40px;

}
.btn-print{
position: absolute;
display: inline-block;
top:20%;
right:10px;
z-index: 2;
width:90px;
}
.btn-print a{
display: block;
width:100%;
background-color: #fff;
border: 1px solid #ddd;
padding:6px 0 3px;
text-align: center;
color:#333;
font-size:15px;
line-height: 1;
font-weight: normal;
border-radius: 6px;	display: inline-block;
box-shadow: 1px 1px 0 rgba(230,230,230,1);
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition:all 0.2s ease;

}
.btn-print a:hover{
background-color: #f5f5f5;

}
.print-padding{
padding-right: 110px;
}
#child-nav-info .nav-info{
padding-top:1em;
padding-left:1em;
padding-right:1em;
font-size: 18px;
}

#child-nav-info .row:after,
#child-nav-info .row:before{content: " ";display: table;}
#child-nav-info .row:after{clear: both;}

#child-nav-info .col1,.col2{
display: block;
position: relative;
width:48%;
}
#child-nav-info .col1{
float: left;
}
#child-nav-info .col2{
float: right;
}
#child-nav-info .navSecond{
padding-bottom:2em;
}

#child-nav-info .navSecond > a,
#child-nav-info .navSecond > .ttl{
position: relative;
display: inline-block;
width:100%;
padding-top:0.9em;
padding-bottom:0.8em;
padding-left:0.8em;
padding-right:1.2em;
color: #fff;
font-weight: bold;
border-radius: 6px;
text-decoration:none;
line-height:1.5;
background-color:#044580 ;

}
#child-nav-info .navSecond > a{
background-image:url(../images/ideco_common_icon_arrow_right_002.png);
background-repeat: no-repeat;
background-position: 98% 50%;
background-size:12px auto;

}
#child-nav-info .navSecond > a:hover{
opacity: 0.8;
}
#child-nav-info ul.navThird{
list-style:none;
padding-top:0.8em;
}
#child-nav-info ul.navThird li{
position: relative;
display: block;
width:100%;
font-size: 16px;
}
#child-nav-info ul.navThird li::before{
display: block;
position: absolute;
left:5px;
top:10px;
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;
}
#child-nav-info ul.navThird li li:before{
display: block;
position: absolute;
left:0;
top:16px;
width:6px;
height: 10px;
content:" ";
background-image: url(../images/ideco_common_icon_arrow_right_004.png);
background-repeat: no-repeat;
background-size: 100% auto;
z-index: 1;

}
#child-nav-info ul.navThird li li a{
padding-left:0.4em;

}
#child-nav-info ul.navThird li a{
position: relative;
display: inline-block;
padding-top:0.4em;
padding-bottom:0.8em;
padding-left:2em;
padding-right:0.6em;
color: #004c7c;
text-decoration:none;
}
#child-nav-info ul.navThird li a:hover{
text-decoration:underline;
}
.video-box .video-box-inner .video-wrap{
padding-top:2rem;
}
.video-box .video-box-inner .video-wrap:first-child{
padding-top:0;
}
.video-box .video-box-inner .video-wrap .desc{
padding-top: 1rem;
}

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


body#home #main{
width: 100%;
float:none;
max-width:none;

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

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

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

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

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: 48%;
margin-right:2%;
float:left;

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

}
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: 32%;
margin-right:2%;
float:left;

}
body#home #child-nav-info .col1.merge3 > ul:last-child,
body#home #child-nav-info .col2.merge3 > ul:last-child,
body#home #child-nav-info .col3.merge3 > ul:last-child{
margin-right:0;

}

body#home #child-nav-info ul ul li{
background:none;

}
#child-nav-info .navSecond >
a,#child-nav-info .navSecond > .ttl{
font-size:15px;
}
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;
}

#main ul.desc li {
padding-top: 3px;
padding-bottom: 3px;
}

#main ol.desc li {
padding-top: 3px;
padding-bottom: 3px;
}

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


/* 追加分（2019/04） */
.title-11{
position: relative;
display: block;
padding: 10px 6px 10px 10px;
color: #0058a2;
border-left: solid 1px #0058a2;
border-bottom: solid 1px #0058a2;
}

/* 追加分（2023/01） */
.indent-2from {
padding-left: 1em;
text-indent: -1em;
}

.textE60012 {
color:#E60012;
}

.link-arrowB a {
background: url(../images/ideco_common_icon_arrow_right_001.png) no-repeat 0 5px;
padding-left: 16px;
}

.bg-f5f5cb {
	margin-top: 10px;
	background-color: #f5f5cb;
	padding: 15px;
}

.bg-eeeeee {
	background-color: #eeeeee;
	padding: 10px;
}

dl.dl-sbs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
dl.dl-sbs dt {
  width: 10%;
}
dl.dl-sbs dd {
  width: 90%;
}