@charset "Shift_JIS";

/* [-] 幅固定*/


#Contents .GridSet {
padding-right: 15px;
padding-left: 15px;
}


#Ics_Area1 div.Section{
max-width: 965px;
margin: auto;
position: static;
}

div.Section{
max-width: 965px;
margin: auto;
position: relative
}

section{
padding: 0px;
margin: 0px;
box-sizing: border-box;
width: 100%;
}

.PageTitleStyle1 h1 {
	color: #333;
	font-size: 120%;
}
.PageTitleStyle1 {
	margin: 0 0 15px;
}

/* [-] 共通画像サイズ*/

.figure-img img{
margin: 30px auto;
width: 100%;
height: auto;
}


/* [-] PageTop*/

ul.PageTop{
position: absolute;
z-index: 100;
bottom: -120px;
right: 0px;

}

.PageTop a:link,
.PageTop a:visited {
display: inline-block;
background-color: #fff;
border-top: solid #fff 2px;
border-bottom: solid #fff 2px;
border-left: solid #fff 10px;
border-right: solid #fff 10px;
padding: 4px 20px 4px 4px;
}

.PageTop a:hover{
background-color: #eee;
text-decoration: none;
border-top: solid #eee 2px;
border-bottom: solid #eee 2px;
border-left: solid #eee 10px;
border-right: solid #eee 10px;
}

/* [-] ボタン*/

.zoom{
	transition-duration: 0.3s;
}

.zoom:hover{
	transform: scale(1.05);
	transition-duration: 0.3s;
}

.ButtonStyle-1,
.ButtonStyle-2,
.ButtonStyle-3{
display: block;
text-align: center;
}

.ButtonStyle-1 a,
.ButtonStyle-2 a,
.ButtonStyle-3 a{
display: inline-block;
padding: 13px 80px 13px 30px;
text-decoration: none;
font-size: 24px;
line-height: 24px;
font-weight: bold;
margin-top: 15px;
position:relative;
}

.ButtonStyle-1 a:link,
.ButtonStyle-1 a:visited{
border-radius: 25px!important;
background-color: #e60027;
color: #fff;
border: solid #e60027 2px;
}

.ButtonStyle-1 a:hover{
background-color: #fff;
color: #e60027;
}

.ButtonStyle-1 a:after{
position:absolute;
	right:30px;
 top: 10px;
 width: 30px;
 height: 30px;
	content:"";
	display:inline-block;
	background:url( "../images/icon-white_02.png") no-repeat;
	background-size:contain;
}

.ButtonStyle-1 a:hover::after{
position:absolute;
	right:30px;
 top: 10px;
 width: 30px;
 height: 30px;
	content:"";
	display:inline-block;
	background:url( "../images/icon-red_02.png") no-repeat;
	background-size:contain;
}

.ButtonStyle-2 a:link,
.ButtonStyle-2 a:visited{
border-radius: 25px!important;
background-color:#fff;
color: #e60027;
border: solid #e60027 2px;
}

.ButtonStyle-2 a:hover{
background-color: #e60027;
color: #fff;
border: solid #fff 2px;
}

.ButtonStyle-2 a:after{
position:absolute;
	right:30px;
 top: 10px;
 width: 30px;
 height: 30px;
	content:"";
	display:inline-block;
	background:url( "../images/icon-red_01.png") no-repeat;
	background-size:contain;
}

.ButtonStyle-2 a:hover::after{
position:absolute;
	right:30px;
 top: 10px;
 width: 30px;
 height: 30px;
	content:"";
	display:inline-block;
	background:url( "../images/icon-white_01.png") no-repeat;
	background-size:contain;
}

.ButtonStyle-3 a:link,
.ButtonStyle-3 a:visited{
border-radius: 25px!important;
background-color:#e60027;
color: #fff;
border: solid #e60027 2px;
}

.ButtonStyle-3 a:hover{
background-color: #fff;
color: #e60027;
border: solid #e60027 2px;
}

.ButtonStyle-3 a:after{
position:absolute;
right:30px;
top: 10px;
width: 30px;
height: 30px;
content:"";
display:inline-block;
background:url( "../images/icon-white_03.png") no-repeat;
background-size:contain;
}

.ButtonStyle-3 a:hover::after{
position:absolute;
	right:30px;
 top: 10px;
 width: 30px;
 height: 30px;
	content:"";
	display:inline-block;
	background:url( "../images/icon-red_03.png") no-repeat;
	background-size:contain;
}

/* [-] Column*/

#Ics_Area3 .Column-3{
display: flex;
justify-content: space-around;
align-items: flex-start;
max-width: 965px;
}

#Ics_Area4 .sec4-2 .Column-2{
display: flex;
justify-content: space-around;
align-items: flex-start;
max-width: 965px;
}

#Ics_Area4 .sec4-2 .Column-3{
display: flex;
justify-content: space-around;
align-items: flex-start;
max-width: 965px;
}

#Ics_Area4 .sec4-4 .Column-2{
display: flex;
justify-content: space-around;
align-items: center;
max-width: 965px;
}

#Ics_Area7 .Column-2{
display: flex;
justify-content: space-around;
align-items: flex-start;
max-width: 965px;
}

#Ics_Area8 .Column-2{
display: flex;
justify-content: space-around;
align-items: flex-start;
max-width: 965px;
}

/* [-] コンテンツブロック*/

#Ics_Area2,
#Ics_Area3,
#Ics_Area4,
#Ics_Area5,
#Ics_Area6,
#Ics_Area7,
#Ics_Area8,
#Ics_Area9,
#Ics_Area10,
#Ics_Area11,
#Ics_Area12{
margin: 0px 0px;
padding: 60px 0px 100px 0px;
}

/* [-] 文字装飾*/

.TextStyle1{
font-size: 120%;
margin-bottom: 1em;
}

.TextStyle2{
font-size: 80%;
text-align: right;
}
.TextStyle2.LeftAdjust{
font-size: 80%;
text-align: left;
}

#Ics_Area7 .TextStyle2{
text-align: center!important;
font-size: 100%;
}

#Ics_Area8 .TextStyle2{
text-align: center;
font-size: 100%;
}



/* [-] タイトル*/

h2 { background: none; }

h2 span{
background-color: transparent!important;
text-align: center;
font-size: 200%;
margin-bottom: 30px;
color: #333;
}

#Ics_Area1 h2 span{
color: #fff;
margin-bottom: 0px;
}



#Ics_Area4 h3{
margin-top: 100px;
text-align: center;
font-size: 180%;
color: #333;
margin-bottom: 50px;
}

#Ics_Area4 h3::before,
#Ics_Area4 h3::after{
content: '\3000';
background-image: url("../images/icon-red_08.png");
background-size: 60px 20px;
background-repeat: no-repeat;
background-position: left center;
width: 60px;
display: inline-block;
}

#Ics_Area4 h3 span{
padding-left: 1em;
padding-right: 1em;
}

#Ics_Area7 h2 span{
text-align: left!important;
padding-left: 0px;
}

#Ics_Area8 h3{
border-bottom: dotted 2px #ccc;
display: block;
width: 100%;
padding: 5px 0 5px 0;
color: #333;
}

#Ics_Area8 h3 span{
font-size: 110%;
margin-left: 40px
}

#Ics_Area8 .box1 h3{
content: '\3000';
background-image: url("../images/inquiry_icon_01.png");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
display: inline-block;
}

#Ics_Area8 .box2 h3{
content: '\3000';
background-image: url("../images/inquiry_icon_02.png");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
display: inline-block;
}




/* [-] ローカルNAV*/

#Anchor-link{
height: 80px;
background-color: #ddd;
}

#Anchor-link ul{
max-width: 965px;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
display: flex;
justify-content: space-around;
align-items: flex-end ;
flex-wrap: nowrap;
height: 80px;
}

#Anchor-link ul li{
margin: 0px auto 0px auto;
display: block;
box-sizing: border-box;
}

#Anchor-link .VerticalInnerLinks ul li a:link,
#Anchor-link .VerticalInnerLinks ul li a:visited{
text-decoration: none;
color: #333;
font-weight: bold;
font-size: 110%;
display: block;
padding: 0px 0px 10px 0px;
border-bottom: solid #ddd 10px;
box-sizing: border-box;
margin-bottom: 0px;
}

#Anchor-link .VerticalInnerLinks ul li a:hover{
border-bottom: solid #E60127 10px;
}

#Anchor-link .VerticalInnerLinks li a{
background-image: none!important;
}

#Anchor-link .VerticalInnerLinks ul li.icon-dl a::before{
content: '\3000';
background-image: url("../images/icon-red_03.png");
background-size: 20px;;
background-repeat: no-repeat;
background-position: left center;
width: 30px;
display: inline-block;

}

#Anchor-link ul li.wrap{
margin: 0px;
padding: 0px;
}

#Anchor-link{
display: block;
}

#Anchor-link-responsive {
display: none;
}



/* [-デザイン適用]*/

/*Ics_Area1*/

#Ics_Area1{
background-image: url("../images/bg_main.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 480px;
position: relative;
overflow: hidden;
}

#Ics_Area1 .PageTitleStyle1 {
background-color: rgba(0,0,0,0.8);
width: 965px;
padding: 60px 0px 20px 0px;
box-sizing: border-box;
border-radius: 50px;
text-align: center;
color: #ffffff;
height: 276px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

#Ics_Area1 .PageTitleStyle1 h2 span {
font-size: 50px;
font-weight: normal;
line-height: 50px;
color: #fff!important;
}


#Ics_Area1 .PageTitleStyle1 .TextStyle1{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
font-size: 22px;
line-height: 1.5em;
width: 90%;
}


#Ics_Area1 .TextStyle1 span{
display: block;
}

/*Ics_Area2*/

#Ics_Area2{
background-color: #b8b4c7;
}

#Ics_Area2 .box1{
max-width: 640px;
margin: 30px auto 0px auto;
text-align: center;
}

#Ics_Area2 .box1 iframe{
width: 100%;
height: 360px;
}

/*Ics_Area3*/

#Ics_Area3{
background-color: #eee;
}

#Ics_Area3 .Column-3{
margin: 50px auto;
color:#e60027;
font-size: 200%;
font-weight: bold;
padding: 0px;
}

#Ics_Area3 .Column-3 li{
padding: 0px!important;
margin: 0px!important;
width: 33%;
}

#Ics_Area3 .Column-3 li img{
margin-bottom: 1em;
}

#Ics_Area3 .Column-3 li > *{
line-height: 1em!important;
}

/*Ics_Area4*/

#Ics_Area4{
background-color: #fff;
}

#Ics_Area4 .sec4-1 .style-a strong{
background-color: #ae0618;
color: #fff!important;
border-radius: 25px;
padding: 10px;
display: block;
text-align: center;
font-size: 120%;
margin-top: -30px;
margin-bottom: 60px;
}

#Ics_Area4 .sec4-1 .style-b strong{
text-align: center;
font-size: 160%;
border-bottom: solid #ccc thin;
display: block;
padding: 10px;
}


#Ics_Area4 .sec4-1 .ListStyle1,
#Ics_Area4 .sec4-5 .ListStyle1{
margin: 50px auto 0px auto;
max-width: 965px;
}

#Ics_Area4 .sec4-1 .ListStyle1 li,
#Ics_Area4 .sec4-5 .ListStyle1 li{
background-image:none!important;
font-size: 130%;
font-weight: bold;
margin-bottom: 1em;
padding-left: 40px;
}

#Ics_Area4 .sec4-1 .ListStyle1 li:before,
#Ics_Area4 .sec4-5 .ListStyle1 li:before{
content: '\3000';
background-image: url("../images/icon-red_06.png");
background-size: 30px;;
background-repeat: no-repeat;
background-position: left center;
width: 40px;
margin-left: -40px;
display: inline-block;
}

#Ics_Area4 .sec4-2 .Column-2 li{
width: 50%;
}

#Ics_Area4 .sec4-2 .Column-3{
color:#ae0618;
font-size: 150%;
font-weight: bold;
padding: 0px;
}

#Ics_Area4 .sec4-2 .Column-3 li{
width: 33%;
}

#Ics_Area4 .sec4-2 .Column-3 li span{
display: block;
}

#Ics_Area4 .sec4-4 .ListStyle1{
margin: 50px auto 0px auto;
max-width: 965px;
}

#Ics_Area4 .sec4-4 .ListStyle1 li{
background-image:none!important;
font-size: 160%;
font-weight: bold;
margin-bottom: 1em;
background-color: #2f436f;
color: #fff;
border-radius: 25px;
padding: 10px;
padding-left: 60px;
padding-right: 20px;
}

#Ics_Area4 .sec4-4 .ListStyle1 li:before{
content: '\3000';
background-image: url("../images/icon-red_06.png");
background-size: 30px;;
background-repeat: no-repeat;
background-position: left center;
width: 40px;
margin-left: -40px;
display: inline-block;
}

/*Ics_Area5*/

#Ics_Area5{
background-color: #eee;
}

/*Ics_Area6*/

#Ics_Area6{
background-color: #fff;
}

#Ics_Area6 table{
width: 100%;
font-size: 130%;
}

#Ics_Area6 table td{
width: 70%;
}

#Ics_Area6 #ics01 .TableStyle1 th{
background-color: #94a4d6;
}

#Ics_Area6 #ics02 .TableStyle1 th{
background-color: #efd173;
}

#Ics_Area6 #ics03 .TableStyle1 th{
background-color: #d4b0a7;
}

#Ics_Area6 #ics04 .TableStyle1 th{
background-color: #cad197;
}

#Ics_Area6 #ics05 .TableStyle1 th{
background-color: #f2e493;
}

#Ics_Area6 #ics06 .TableStyle1 th{
background-color: #8682b4;
}

#Ics_Area6 #ics0601 .TableStyle1 th{
background-color: #72AA18;
}

#Ics_Area6 #ics07 .TableStyle1 th{
background-color: #caba92;
}

/*Ics_Area7*/

#Ics_Area7{
background-color: #eee;
}

#Ics_Area7 .Column-2{
background-color: #fff;
}

#Ics_Area7 .Column-2 div{
box-sizing: border-box;
}

#Ics_Area7 .Column-2 .box1,
#Ics_Area7 .Column-2 .box2{
padding: 20px;
}

#Ics_Area7 .Column-2 .box1{
width: 60%;
}

#Ics_Area7 .Column-2 .box2{
width: 40%;
}

#Ics_Area7 .Column-2 .box2 img{
width: 100%;
}

#Ics_Area7 .TextStyle2.trademark{
margin-top: 1em;
text-align: left!important;
font-size: 80%;
}

/*Ics_Area8*/

#Ics_Area8{
background-color: #fff;
}

#Ics_Area8 .Column-2{
border: solid 10px #eee;
background-color: #FFF3C5;
padding: 20px;
}

#Ics_Area8 .Column-2 .box1 dl dt,
#Ics_Area8 .Column-2 .box1 dl dd{
text-align: center;
}

#Ics_Area8 .box1 address{
display: block;
margin: 0.5em 0 0.5em 0;
}

#Ics_Area8 .box1 address a{
content: '\3000';
background-image: url("../images/inquiry_icon_03.png");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
display: inline-block;
text-decoration: none;
color: #333;
font-weight: bold;
}


#Ics_Area8 .box1 address a span{
font-size: 240%;
margin-left: 40px;
}
.linkorder a {
  background-image: none!important;
	text-decoration: underline!important;
}




/* [-] レスポンシブ対応
=========================================================================================== */


/* for - 1500px
=========================================================================================== */
@media screen and (max-width: 1500px) {

/* [-] 幅固定*/


#Contents{
padding-left: 0px!important;
padding-right: 0px!important;
}


}

/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {

/* [-] 幅固定*/


#Contents{
padding-left: 0px!important;
padding-right: 0px!important;
}

div.Section{
padding-left: 20px;
padding-right: 20px;
}

/* [-] Column*/

#Ics_Area8 .Column-2{
display: block;
}


}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {

/* [-] 幅固定*/


#Contents{
padding-left: 0px!important;
padding-right: 0px!important;
}

div.Section{
padding-left: 15px;
padding-right: 15px;
}

/* [-] ローカルNAV*/

#Anchor-link{
display: none;
}

#Anchor-link-responsive {
display: block;
margin-bottom: -17px;
}

/* [-] PageTop*/

ul.PageTop{
display: none;
}

/* [-] ボタン*/

.ButtonStyle-1 a,
.ButtonStyle-2 a,
.ButtonStyle-3 a{
font-size: 100%;
line-height: 1em;
}

/* [-] 文字装飾*/

.TextStyle1{
font-size: 100%;
margin-bottom: 1em;
}

.TextStyle2{
font-size: 80%;
margin-bottom: 1em;
}

sup{
font-size: 70%;
}



/* [-] Column*/


#Ics_Area4 .sec4-4 .Column-2{
display: block;
}


#Ics_Area7 .Column-2{
display: block;
}

/* [-] コンテンツブロック*/

#Ics_Area2,
#Ics_Area3,
#Ics_Area4,
#Ics_Area5,
#Ics_Area6,
#Ics_Area7,
#Ics_Area8,
#Ics_Area9,
#Ics_Area10,
#Ics_Area11,
#Ics_Area12{
margin: 0px 0px;
padding: 30px 0px 30px 0px;
}

/* [-] タイトル*/

h2 { background: none; margin: 0 0 5px !important; }

h2 span{
font-size: 120%;
margin-bottom: 15px;
}


#Ics_Area4 h3{
margin-top: 50px;
font-size: 120%;
}

#Ics_Area4 h3::before,
#Ics_Area4 h3::after{
content: '\3000';
background-image: url("../images/icon-red_08.png");
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left center;
width: 100%;
display: inline-block;
}


#Ics_Area4 h3 span{
padding-left: 0.5em;
padding-right: 0.5em;
}

#Ics_Area4 h3 span{
display: block;
}

#Ics_Area7 h2 span{
text-align: center!important;
padding-left: 0px;
}

h2 span b,
h3 span b{
display: block;
}

/* [-デザイン適用]*/

/*Ics_Area1*/

#Ics_Area1{
height: 350px;
}

#Ics_Area1 .PageTitleStyle1 {
padding: 20px;
width: 92%;
height: 200px;
}

#Ics_Area1 .PageTitleStyle1 h2 span {
font-size: 180%;
font-weight: bolder;
line-height: 1em;
}

#Ics_Area1 .PageTitleStyle1 .TextStyle1{
margin-top: 0px;
font-size: 110%;
line-height: 1.5em;
text-align: left;
}

#Ics_Area1 .TextStyle1 span{
display: block;
text-align: center;
}


/*Ics_Area2*/

#Ics_Area2{
background-color: #b8b4c7;
}


#Ics_Area2 .box1 iframe{
width: 90%;
max-height: 300px;
}

/*Ics_Area3*/

#Ics_Area3 .Column-3{
font-size: 110%;
margin-top: 0px;
}

/*Ics_Area4*/

#Ics_Area4 .sec4-1 .style-a strong{
font-size: 100%;
}

#Ics_Area4 .sec4-1 .style-b strong{
font-size: 120%;
}

#Ics_Area4 .sec4-1 .style-b strong span{
display: block;
}

#Ics_Area4 .sec4-1 .ListStyle1 li,
#Ics_Area4 .sec4-5 .ListStyle1 li{
font-size: 110%;
padding-left: 40px;
}

#Ics_Area4 .sec4-1 .ListStyle1 li:before,
#Ics_Area4 .sec4-5 .ListStyle1 li:before{
width: 40px;
margin-left: -40px;
}


#Ics_Area4 .sec4-2 .Column-3{
font-size: 110%;
margin-top: 0px;
}


#Ics_Area4 .sec4-2 .Column-3 li{
width: 25%;
}

#Ics_Area4 .sec4-2 .Column-3 li span{
display: inline;
}


#Ics_Area4 .sec4-4 .ListStyle1 li{
font-size: 110%;
padding: 10px;
padding-left: 60px;
padding-right: 20px;
padding-bottom: 10px;
}

#Ics_Area4 .sec4-4 .box2 img{
width: 50%;
}

#Ics_Area7 .Column-2 .box1,
#Ics_Area7 .Column-2 .box2{
padding: 20px;
text-align: center;
}

/*Ics_Area6*/

#Ics_Area6{
background-color: #fff;
}

#Ics_Area6 table{
width: 100%;
font-size: 100%;
}

/*Ics_Area7*/

#Ics_Area7 .Column-2 .box1{
width: 100%;
}

#Ics_Area7 .Column-2 .box2{
width: 100%;
}

#Ics_Area7 .Column-2 .box2 img{
width: 100%;;
}

}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
/* [-] 幅固定*/


#Contents{
padding-left: 0px!important;
padding-right: 0px!important;
}

div.Section{
padding-left: 10px;
padding-right: 10px;
}

/* [-] PageTop*/

ul.PageTop{
display: none;
}

/* [-] ボタン*/

.ButtonStyle-1 a,
.ButtonStyle-2 a,
.ButtonStyle-3 a{
font-size: 100%;
line-height: 1em;
}

/* [-] 文字装飾*/

.TextStyle1{
font-size: 100%;
margin-bottom: 1em;
}

.TextStyle2{
font-size: 80%;
margin-bottom: 1em;
}

sup{
font-size: 70%;
}



/* [-] Column*/


#Ics_Area4 .sec4-4 .Column-2{
display: block;
}


#Ics_Area7 .Column-2{
display: block;
}

/* [-] コンテンツブロック*/

#Ics_Area2,
#Ics_Area3,
#Ics_Area4,
#Ics_Area5,
#Ics_Area6,
#Ics_Area7,
#Ics_Area8,
#Ics_Area9,
#Ics_Area10,
#Ics_Area11,
#Ics_Area12{
margin: 0px 0px;
padding: 30px 0px 30px 0px;
}

/* [-] タイトル*/

h2 { background: none; }

h2 span{
font-size: 120%;
margin-bottom: 15px;
}


#Ics_Area4 h3{
margin-top: 50px;
font-size: 120%;
}

#Ics_Area4 h3::before,
#Ics_Area4 h3::after{
content: '\3000';
background-image: url("../images/icon-red_08.png");
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left center;
width: 100%;
display: inline-block;
}


#Ics_Area4 h3 span{
padding-left: 0.5em;
padding-right: 0.5em;
}

#Ics_Area4 h3 span{
display: block;
}

#Ics_Area7 h2 span{
text-align: center!important;
padding-left: 0px;
}

h2 span b,
h3 span b{
display: block;
}

/* [-デザイン適用]*/

/*Ics_Area1*/

#Ics_Area1{
height: 350px;
}

#Ics_Area1 .PageTitleStyle1 {
padding: 20px;
width: 92%;
height: 200px;
}

#Ics_Area1 .PageTitleStyle1 h2 span {
font-size: 150%;
font-weight: bolder;
line-height: 1em;
}

#Ics_Area1 .PageTitleStyle1 .TextStyle1{
margin-top: 0px;
font-size: 100%;
line-height: 1.5em;
text-align: left;
}

#Ics_Area1 .TextStyle1 span{
display: inline;
}


/*Ics_Area2*/

#Ics_Area2{
background-color: #b8b4c7;
}


#Ics_Area2 .box1 iframe{
width: 100%;
max-height: 300px;
}

/*Ics_Area3*/

#Ics_Area3 .Column-3{
font-size: 100%;
margin-top: 0px;
}

/*Ics_Area4*/

#Ics_Area4 .sec4-1 .style-a strong{
font-size: 100%;
}

#Ics_Area4 .sec4-1 .style-b strong{
font-size: 120%;
}

#Ics_Area4 .sec4-1 .style-b strong span{
display: block;
}

#Ics_Area4 .sec4-1 .ListStyle1 li,
#Ics_Area4 .sec4-5 .ListStyle1 li{
font-size: 110%;
padding-left: 40px;
}

#Ics_Area4 .sec4-1 .ListStyle1 li:before,
#Ics_Area4 .sec4-5 .ListStyle1 li:before{
width: 40px;
margin-left: -40px;
}


#Ics_Area4 .sec4-2 .Column-3{
font-size: 100%;
margin-top: 0px;
}


#Ics_Area4 .sec4-2 .Column-3 li{
width: 25%;
}

#Ics_Area4 .sec4-2 .Column-3 li span{
display: inline;
}


#Ics_Area4 .sec4-4 .ListStyle1 li{
font-size: 110%;
padding: 10px;
padding-left: 60px;
padding-right: 20px;
padding-bottom: 10px;
}

#Ics_Area4 .sec4-4 .box2 img{
width: 50%;
}

#Ics_Area7 .Column-2 .box1,
#Ics_Area7 .Column-2 .box2{
padding: 20px;
}

/*Ics_Area7*/

#Ics_Area7 .Column-2 .box1{
width: 100%;
}

#Ics_Area7 .Column-2 .box2{
width: 100%;
}

#Ics_Area7 .Column-2 .box2 img{
width: 100%;;
}

/*Ics_Area8*/

#Ics_Area8 .Column-2 .box1 dl dt{
font-size: 70%;
}
#Ics_Area8 .Column-2 .box1 dl dd{
font-size: 90%;
}


}


/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
/* [-] 幅固定*/


#Contents{
padding-left: 0px!important;
padding-right: 0px!important;
}

/* [-] PageTop*/

ul.PageTop{
display: none;
}

/* [-] TopicPath*/

#TopicPath ul li{
font-size: 60%;
}

/* [-] ボタン*/

.ButtonStyle-1 a,
.ButtonStyle-2 a,
.ButtonStyle-3 a{
font-size: 100%;
line-height: 1em;
}

/* [-] 文字装飾*/

.TextStyle1{
font-size: 90%;
margin-bottom: 1em;
}

.TextStyle2{
font-size: 70%;
margin-bottom: 1em;
}

sup{
font-size: 70%;
}



/* [-] Column*/


#Ics_Area4 .sec4-4 .Column-2{
display: block;
}


#Ics_Area7 .Column-2{
display: block;
}

/* [-] コンテンツブロック*/

#Ics_Area2,
#Ics_Area3,
#Ics_Area4,
#Ics_Area5,
#Ics_Area6,
#Ics_Area7,
#Ics_Area8,
#Ics_Area9,
#Ics_Area10,
#Ics_Area11,
#Ics_Area12{
margin: 0px 0px;
padding: 30px 0px 30px 0px;
}

/* [-] タイトル*/

h2 { background: none; }

h2 span{
font-size: 120%;
margin-bottom: 15px;
}


#Ics_Area4 h3{
margin-top: 50px;
font-size: 120%;
}

#Ics_Area4 h3::before,
#Ics_Area4 h3::after{
content: '\3000';
background-image: url("../images/icon-red_08.png");
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left center;
width: 100%;
display: inline-block;
}


#Ics_Area4 h3 span{
padding-left: 0.5em;
padding-right: 0.5em;
}

#Ics_Area4 h3 span{
display: block;
}

#Ics_Area7 h2 span{
text-align: center!important;
padding-left: 0px;
}

h2 span b,
h3 span b{
display: block;
}

/* [-デザイン適用]*/

/*Ics_Area1*/

#Ics_Area1{
height: 350px;
}

#Ics_Area1 .PageTitleStyle1 {
padding: 20px;
width: 92%;
height: 200px;
}

#Ics_Area1 .PageTitleStyle1 h2 span {
font-size: 130%;
font-weight: bolder;
line-height: 1em;
}

#Ics_Area1 .PageTitleStyle1 .TextStyle1{
margin-top: 0px;
font-size: 90%;
line-height: 1.5em;
text-align: left;
}

#Ics_Area1 .TextStyle1 span{
display: inline;
}


/*Ics_Area2*/

#Ics_Area2{
background-color: #b8b4c7;
}


#Ics_Area2 .box1 iframe{
width: 100%;
max-height: 200px;
}

/*Ics_Area3*/

#Ics_Area3 .Column-3{
font-size: 80%;
margin-top: 0px;
}

/*Ics_Area4*/

#Ics_Area4 .sec4-1 .style-a strong{
font-size: 100%;
}

#Ics_Area4 .sec4-1 .style-b strong{
font-size: 120%;
}

#Ics_Area4 .sec4-1 .style-b strong span{
display: block;
}

#Ics_Area4 .sec4-1 .ListStyle1 li,
#Ics_Area4 .sec4-5 .ListStyle1 li{
font-size: 110%;
padding-left: 40px;
}

#Ics_Area4 .sec4-1 .ListStyle1 li:before,
#Ics_Area4 .sec4-5 .ListStyle1 li:before{
width: 40px;
margin-left: -40px;
}


#Ics_Area4 .sec4-2 .Column-3{
font-size: 80%;
margin-top: 0px;
}


#Ics_Area4 .sec4-2 .Column-3 li{
width: 25%;
}

#Ics_Area4 .sec4-2 .Column-3 li span{
display: inline;
}


#Ics_Area4 .sec4-4 .ListStyle1 li{
font-size: 110%;
padding: 10px;
padding-left: 60px;
padding-right: 20px;
padding-bottom: 10px;
}

#Ics_Area4 .sec4-4 .box2 img{
width: 50%;
}

#Ics_Area7 .Column-2 .box1,
#Ics_Area7 .Column-2 .box2{
padding: 20px;
}

/*Ics_Area7*/

#Ics_Area7 .Column-2 .box1{
width: 100%;
}

#Ics_Area7 .Column-2 .box2{
width: 100%;
}

#Ics_Area7 .Column-2 .box2 img{
width: 100%;;
}

/*Ics_Area8*/

#Ics_Area8 .Column-2 .box1 dl dt{
font-size: 70%;
}
#Ics_Area8 .Column-2 .box1 dl dd{
font-size: 90%;
}



}