@charset "utf-8";

/*==============================

description.css

*==============================*/

/*-------------------------------------------------------
main_visual
-------------------------------------------------------*/
#main_visual { background-color:#333; }
#main_visual #main_visual_cont { margin:0 auto; text-align:center; width:1080px; }

/*-------------------------------------------------------
description
-------------------------------------------------------*/
#description { padding:0 50px 50px; }

#description #service_outline {
background-color:#17388b;
margin-top:0;
padding:15px 30px;
}
#description #service_outline dl { align-items:center; display:flex; justify-content:flex-start; }
#description #service_outline dl dt { border:3px solid #fff; color:#fff; padding:8px 30px; flex: 0 0 auto; }
#description #service_outline dl dd { align-items:center; display:flex; justify-content:space-between; flex: 1 0 auto; }
#description #service_outline dl dd div {}
#description #service_outline dl dd div span {
color:#fff;
display:inline-block;
font-size:79%;
text-align:right;
}
#description #service_outline dl dd ul { padding-left:20px; }
#description #service_outline dl dd ul li { color:#fff; text-align:left; }

#description ul.service {}
#description ul.service li { background-color:#efefef; align-items:center; display:flex; justify-cantent:space-between; margin-top:40px; }

#description ul.service li:nth-child(odd) {}
#description ul.service li:nth-child(odd) dl { flex-basis:40%; padding-right:5%; padding-left:5%; }
#description ul.service li:nth-child(odd) dl dt { border-bottom:1px dotted #ccc; font-size:119%; font-weight:600; padding-bottom:10px; text-align:left; }
#description ul.service li:nth-child(odd) dl dd { align-items:center; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:10px; text-align:center; }
#description ul.service li:nth-child(odd) dl dd p { font-size:88%; line-height:1.6; text-align:center; flex-basis:100%; }
#description ul.service li:nth-child(odd) dl dd p span { display:inline-block; text-align:left; }
#description ul.service li:nth-child(odd) dl dd div.btn { margin:20px auto 0; text-align:center; }
#description ul.service li:nth-child(odd) dl dd div.btn a {
align-items:center;
border-radius:3px;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
display:inline-block;
flex-basis:90px;
font-size:79%;
text-align:center;
text-decoration:none;
padding:10px 30px 10px 20px;
position:relative;
background: #ededed;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
#description ul.service li:nth-child(odd) dl dd div.btn a:after {
content:" ";
background-image:url(../images/common/i_ar_link.png);
background-position:left center;
background-repeat:no-repeat;
background-size:6px 8px;
position:absolute;
width:6px;
height:8px;
top:50%;
right:10px;
margin-top:-4px;
}

#description ul.service li:nth-child(even) {}
#description ul.service li:nth-child(even) dl { flex-basis:40%; padding-right:5%; padding-left:5%; }
#description ul.service li:nth-child(even) dl dt { font-size:119%; font-weight:600; text-align:left; }
#description ul.service li:nth-child(even) dl dd { align-items:center; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px; text-align:center; }
#description ul.service li:nth-child(even) dl dd p { font-size:88%; line-height:1.6; text-align:left; flex-basis:100%; }
#description ul.service li:nth-child(even) dl dd .btn { margin:20px auto 0; text-align:center; }
#description ul.service li:nth-child(even) dl dd .btn a {
align-items:center;
border-radius:3px;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
display:inline-block;
flex-basis:90px;
font-size:79%;
text-align:center;
text-decoration:none;
padding:10px 30px 10px 20px;
position:relative;
background: #ededed;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
#description ul.service li:nth-child(even) dl dd .btn a:after {
content:" ";
background-image:url(../images/common/i_ar_link.png);
background-position:left center;
background-repeat:no-repeat;
background-size:6px 8px;
position:absolute;
width:6px;
height:8px;
top:50%;
right:10px;
margin-top:-4px;
}

#description ul.sub { align-items:center; display:flex; justify-content:space-between; margin-top:40px; border-bottom:2px solid #eee; padding-bottom:50px; }
#description ul.sub li {}
#description ul.sub li a { text-decoration:none; }
#description ul.sub li dl {}
#description ul.sub li dl dt {}
#description ul.sub li dl dd { align-items:center; display:flex; justify-content:space-between; margin-top:10px; }
#description ul.sub li dl dd span:first-child { font-size:88%; text-align:left; }
#description ul.sub li dl dd span:nth-child(2) { color:#ccc; font-size:88%; font-weight:600; text-align:right; }