@charset "utf-8";
/*-------------------------------------------------------------------

SP / 0 - 768px
TB / 768px - 1024px
PC / - 1024px

-------------------------------------------------------------------*/
/*==================================
PC
==================================*/
/*---------------------------------------------
common
---------------------------------------------*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

body { -webkit-text-size-adjust: 100%; }

@font-face {
  font-family: "typicons";
  src: url("https://www.buscatch.com/font/typicon/typicons.eot");
  src: url("https://www.buscatch.com/font/typicon/typicons.eot?#iefix") format("embedded-opentype"),
   url("https://www.buscatch.com/font/typicon/typicons.woff") format("woff"),
   url("https://www.buscatch.com/font/typicon/typicons.ttf") format("truetype"),
   url("https://www.buscatch.com/font/typicon/typicons.svg#typicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "font-awesome";
  src: url("https://www.buscatch.com/font/font-awesome/fontawesome-webfont.eot");
  src: url("https://www.buscatch.com/font/font-awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
   url("https://www.buscatch.com/font//font-awesome/fontawesome-webfont.woff") format("woff"),
   url("https://www.buscatch.com/font/font-awesome/fontawesome-webfont.ttf") format("truetype"),
   url("https://www.buscatch.com/font/font-awesome/fontawesome-webfont.svg#typicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.pc { display:block; }
.tb { display:none; }
.sp { display:none; }

/*---------------------------------------------
header
---------------------------------------------*/
header {
background-color:#f3f2ef;
padding:20px 20px 20px 30px;
width:100%;
}

header #header_cont { letter-spacing:-.40em; width:100%; }
header #header_cont #logo { letter-spacing:normal; display:inline-block; width:25%; }
header #header_cont #logo h1 { display:inline-block; vertical-align:middle; text-align:left; }
header #header_cont #logo h1 img { width:135px; height:32px; margin-right:5px; }
header #header_cont #logo h1 span { display:inline-block; }
header #header_cont #center_area { letter-spacing:normal; display:inline-block; text-align:center; vertical-align:middle; font-size:126%; width:50%; }
header #header_cont #right_area { letter-spacing:normal; display:inline-block; text-align:right; vertical-align:middle; width:25%; }
header #header_cont #right_area p { display:inline-block; text-align:center; font-size:116%; font-weight:600; padding:10px 20px; background-color:#ea5429; color:#fff; border-radius:6px; line-height:1.4; }

/*---------------------------------------------
footer
---------------------------------------------*/
#footer { background-color:#fff; padding:3% 5%; }
#footer #footer_logo_area { color:#00519e; text-align:center; margin:0 auto 30px; }
#footer #footer_logo_area img { text-align:center; margin:0 auto; }
#footer ul li { line-height:1.6;  }

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual { background-color:#fff; letter-spacing:-.40em; position:relative; width:100%; }
#main_visual #title_area { display:inline-block; letter-spacing:normal; width:50%; vertical-align:middle; padding:30px 30px 30px 5%; }
#main_visual #title_area h2 { max-width:540px; }
#main_visual #title_area h2 img { width:100%; height:auto; }
#main_visual #title_area p { font-size:124%; line-height:1.8; margin:20px 0 0; padding:0 0 0 5px; }
#main_visual #image_area { display:inline-block; letter-spacing:normal; width:50%; vertical-align:middle; text-align:right; padding:3% 0 0; position:relative; }
#main_visual #image_area img { width:100%; height:auto; max-width:600px; }

/*
#main_visual .move {
bottom:0;
position: absolute;
height: 24px;
width: 23px;
transition-property: left;
transition-duration: 30s;
}
.left {
left: 0%;
}
.right {
left: 100%;
}

.shake {
	animation: shake 1.0s infinite linear;
	-webkit-animation: shake 1.0s infinite linear;
	-moz-animation: shake 1.0s infinite linear;
}
@-webkit-keyframes shake {
	10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
	20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
	30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
	40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
	50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
	60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
	70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
	80% { 	-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
	90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);	}
	100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); }
}

@keyframes shake {
	10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
	20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
	30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); animation-play-state: paused;}
	40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
	50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
	60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
	70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
	80% { 	-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
	90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);	}
	100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); }
}

.shake:hover,
.shake:focus,
.shake:active {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
*/

/*---------------------------------------------
main
---------------------------------------------*/
#main { background-color:#eee; }
#main #function { letter-spacing:-.40em; padding:0 0 35px; }
#main #function h3 { background-color:#00519e; color:#fff; padding:35px 25px; text-align:center; font-size:200%; font-weight:600; letter-spacing:normal; }
#main #function .function_cont { /*padding:3%;*/ padding:0 25px 0 25px;  }
#main #function .function_cont dl { width:50%; display:inline-block; letter-spacing:normal; vertical-align:top; position:relative; background-position:left top; background-repeat:no-repeat; background-size:15% auto; }
#main #function .function_cont dl#status { background-image:url(../images/i_fu_announce.png); border-right:1px solid #ccc; /*border-bottom:1px solid #ccc;*/ padding:0 10px 20px 0; }
#main #function .function_cont dl#desktop { background-image:url(../images/i_fu_pc.png); background-position:20px top; /*border-bottom:1px solid #ccc;*/ padding:0 10px 20px 20px; }
#main #function .function_cont dl#mobile { background-image:url(../images/i_fu_mobile.png);  background-position:left 20px; border-right:1px solid #ccc; padding:20px 10px 0 0; }
#main #function .function_cont dl#mail { background-image:url(../images/i_fu_mail.png); background-position:20px 20px; padding:20px 10px 0 20px; }
#main #function .function_cont dl dt { padding:0 0 5px 20%; line-height:1.5; font-weight:700; text-align:left; font-size:185%; }
#main #function .function_cont dl dd { line-height:1.6; font-size:116%; padding:10px 0 0 20%; }

#main #function .function_cont h4 { background-color:#fff; position:relative; color:#00519e; margin:0 auto 20px; font-weight:600; padding:20px; text-align:center; letter-spacing:normal; font-size:147%; }
#main #function .function_cont h4:after {
content:" ";
display:block;
height: 0;
border: 10px solid transparent;
border-top: 10px solid #fff;
text-align:center;
position:absolute;
left:50%;
margin-left:-10px;
bottom:-20px;
}

#main #service { letter-spacing:-.40em; }
#main #service h3 { background-color:#00519e; color:#fff; padding:35px 20px; text-align:center; font-size:200%; font-weight:600; letter-spacing:normal; }
#main #service ul { letter-spacing:-.40em; padding:3%; }
#main #service ul li { display:inline-block; letter-spacing:normal; vertical-align:top; width:50%; }
#main #service ul li:first-child { padding-right:4%; }
#main #service ul li h4 { background-color:#e2eaf3; color:#154e95; font-size:160%; font-weight:600; padding:28px 20px; border-radius:10px 10px 0 0; text-align:center; }
#main #service ul li dl { background-color:#fff; vertical-align:top; padding:15px 20px 30px; border-radius:0 0 6px 6px; }
#main #service ul li dl dt { display:inline-block; font-weight:600; line-height:1.6; font-size:148%; padding:18px 0 18px 130px; position:relative; vertical-align:middle;  background-size:110px auto; min-height:130px; }
#main #service ul li dl dt span { display:inline-block; width:54px; height:54px; vertical-align:middle; }
#main #service ul li dl dt span img { width:100%; height:auto; }
#main #service ul li dl dd { letter-spacing:-.40em; }
#main #service ul li dl dd .left_area { display:inline-block; letter-spacing:normal; vertical-align:middle; width:50%; }
#main #service ul li#sp dl dt { background-image:url(../images/i_sp.png); background-position:left center; background-repeat:no-repeat; }
#main #service ul li#pc dl dt { background-image:url(../images/i_pc.png); background-position:left center; background-repeat:no-repeat; background-size: 90px auto; }
#main #service ul li dl dd h5 { font-weight:600; letter-spacing:normal; padding:10px 0; text-align:center; }
#main #service ul li dl dd .left_area { display:inline-block; letter-spacing:normal; vertical-align:middle; text-align:center; width:50%; }
#main #service ul li dl dd .left_area img { width:100%; width:auto; height:auto; max-height:184px; max-width:100%; }
#main #service ul li dl dd .center_area { display:inline-block; letter-spacing:normal; vertical-align:middle; text-align:center; }
#main #service ul li dl dd .center_area img { width:100%; width:auto; height:auto; max-height:184px; max-width:100%; text-align:center; margin:0 auto; }
#main #service ul li dl dd .right_area { display:inline-block; letter-spacing:normal; vertical-align:middle; text-align:center; width:50%; }
#main #service ul li dl dd .right_area img { width:100%; width:auto; height:auto; max-height:184px; max-width:100%; }
#main #service ul li dl dd .link_area { clear:both; letter-spacing:normal; margin-top:20px; } 
#main #service ul li dl dd .link_area .btn { margin-top:8px; }
#main #service ul li dl dd .link_area .btn a { font-size:127%; font-weight:600; display:block; padding:10px 10px; }
#main #service ul li dl dd .link_area .btn a i { color:#ccc; display:inline-block; padding-right:10px; }
#main #service ul li dl dd .link_area .btn a:hover { text-decoration:none; }
#main #service ul li dl dd .link_area p { color:#999; line-height:1.4; margin-top:15px; font-size:118%; text-align:center; }
#main #service ul li#pc dl dd { margin:0 auto; text-align:center; }
#main #service ul li#pc dl dd .center_area { width:286px; margin:20px auto 0; text-align:center; }

/*---------------------------------------------
pagetop
---------------------------------------------*/
.pagetop a { color:#fff; display:block; font-size:136%; text-align:center; padding:20px 10px; background-color:#00519e; width:100%; }
.pagetop a:hover { text-decoration:none; }

/*---------------------------------------------
btn
---------------------------------------------*/
.btn {
background:transparent;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 8px 12px;
font-weight:600;
line-height: 1.3;
border-radius: 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
letter-spacing:normal;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover,
.btn:focus,
.btn.focus { color: #555555; text-decoration: none; }

.btn:active,
.btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

/*--- size ---*/
.btn-lg { padding: 14px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.btn-sm { padding:7px 10px; font-size: 12px; line-height: 1; border-radius: 3px; }
.btn-xs {  padding: 3px 5px; font-size: 12px; line-height: 1; border-radius: 3px; }

/*----default---*/
.btn-default {
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgb(255,255,255) 60%, rgb(245,245,245) 100%);
background: -webkit-linear-gradient(top, rgb(255,255,255) 60%,rgb(245,245,245) 100%); 
background: linear-gradient(to bottom, rgb(255,255,255) 60%,rgb(245,245,245) 100%);
-webkit-filter: none;
filter: none;
border-style:solid;
border-width:1px;
border-bottom: 1px solid #e6e6e6;
color: #555;
border-color: rgba(0, 0, 0, 0.1);
}
.btn-default:hover,
.btn-default.focus { background-color: #e6e6e6; color: #555555; border-color: rgba(0, 0, 0, 0.1); }
.btn-default:active,
.btn-default.active { background-image: none; }
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus { background-color: #d4d4d4; color: #555555; border-color: rgba(0, 0, 0, 0.1); }

/*----primary---*/
.btn-primary {
background: rgb(84,180,235);
background: -moz-linear-gradient(top, rgb(84,180,235) 0%, rgb(47,164,231) 60%, rgb(29,156,229) 100%);
background: -webkit-linear-gradient(top, rgb(84,180,235) 0%,rgb(47,164,231) 60%,rgb(29,156,229) 100%);
background: linear-gradient(to bottom, rgb(84,180,235) 0%,rgb(47,164,231) 60%,rgb(29,156,229) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b4eb', endColorstr='#1d9ce5',GradientType=0 );
-webkit-filter: none;
filter: none;
border-style:solid;
border-width:1px;
border-bottom: 1px solid #178acc;
color: #fff;
border-color: #2fa4e7;
}
.btn-primary:hover,
.btn-primary:focus { color: #fff; background-color: #178acc; border-color: #2fa4e7; }
.btn-primary:active,
.btn-primary.active { background-image: none; }
.btn-primary a { color:#fff; }

/*----success---*/
.btn-success {
background: rgb(136,193,73);
background: -moz-linear-gradient(top, rgb(136,193,73) 0%, rgb(115,168,57) 60%, rgb(105,153,52) 100%);
background: -webkit-linear-gradient(top, rgb(136,193,73) 0%,rgb(115,168,57) 60%,rgb(105,153,52) 100%);
background: linear-gradient(to bottom, rgb(136,193,73) 0%,rgb(115,168,57) 60%,rgb(105,153,52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c149', endColorstr='#699934',GradientType=0 );
background-repeat: no-repeat;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff88c149', endColorstr='#ff699934', GradientType=0);
-webkit-filter: none;
filter: none;
border-style:solid;
border-width:1px;
border-bottom: 1px solid #73a839;
color: #fff;
border-color: #73a839;
}
.btn-success:hover { color:#fff; background-color:#59822c; border-color:#547a29; }
.btn-success:focus { color:#fff; background-color:#59822c; border-color:#547a29; }
.btn-success:active { background-image: none; }
.btn-success a { color:#fff; }

/*----info---*/
.btn-info {
background: rgb(4,81,155);
background: -moz-linear-gradient(top, rgb(4,81,155) 0%, rgb(3,60,115) 60%, rgb(2,50,95) 100%);
background: -webkit-linear-gradient(top, rgb(4,81,155) 0%,rgb(3,60,115) 60%,rgb(2,50,95) 100%);
background: linear-gradient(to bottom, rgb(4,81,155) 0%,rgb(3,60,115) 60%,rgb(2,50,95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04519b', endColorstr='#02325f',GradientType=0 );
-webkit-filter: none;
filter: none;
border-style:solid;
border-width:1px;
border-bottom: 1px solid #022241;
color: #fff;
border-color: #033c73;
}
.btn-info:hover,
.btn-info:focus { color: #fff; background-color: #022241; border-color: #011d37; }
.btn-info:active,
.btn-info.active { background-image: none; }
.btn-info a { color:#fff; }

/*---------------------------------------------
animation
---------------------------------------------*/
/*---fade--*/
.fade {
-webkit-animation: fade 1s linear 0s infinite alternate;
-moz-animation: fade 1s linear 0s infinite alternate;
-ms-animation: fade 1s linear 0s infinite alternate;
-o-animation: fade 1s linear 0s infinite alternate;
animation: fade 1s linear 0s infinite alternate;
}
@-webkit-keyframes fade {
  0% { opacity:0.3; }
  100% { opacity:1; }
}
@-moz-keyframes fade {
  0% { opacity:0.3; }
  100% { opacity:1; }
}
@-ms-keyframes fade {
  0% { opacity:0.3; }
  100% { opacity:1; }
}
@-o-keyframes fade {
  0% { opacity:0.3; }
  100% { opacity:1; }
}
@keyframes fade {
  0% { opacity:0.3; }
  100% { opacity:1; }
}

/*==================================
TB
==================================*/
@media screen and (min-width: 769px) and (max-width: 1023px) {

.pc { display:none; }
.tb { display:block; }
.sp { display:none; }

header #header_cont #logo h1 img { margin-right:0; }
header #header_cont #logo h1 span { display:block; margin-top:5px; }
header #header_cont #center_area { font-size:116%; line-height:1.4; }

#footer #footer_logo_area img { max-width:101px; height:auto; }

#main_visual #title_area { width:40%; padding: 30px 10px 30px 5%;}
#main_visual #image_area { width:60%; }

#main #service ul li { width:100%; margin-top:3%; }
#main #service ul li:first-child { padding:0; margin-top:0; }
#main #service ul li dl dt { display:table-cell; }
#main #service ul li dl dd .left_area { margin:10px auto 0; width:100%; }

#main #service ul li#sp dl dt { background-size: 90px auto; }
#main #service ul li#pc dl dt { background-size: 90px auto; }
#main #service ul li#pc dl dd .center_area { margin:10px auto 0; width:80%; }
#main #service ul li#pc dl dd .center_area img { text-align:center; margin:0 auto; max-height:100%; }
#main #service ul li#sp dl dd { margin-top:0; }
#main #service ul li dl dd .left_area { margin:0 auto; width:50%; }
#main #service ul li#sp dl dd .right_area { width:50%; }

#main #function h3 { font-size:154%; }
#main #function .function_cont { background-color:#fff; width:100%; }
#main #function .function_cont dl { border-top:1px solid #ccc; display:block; padding:0; vertical-align:top; width:100%; }
#main #function .function_cont dl#status { background-position:left top; border-top:none; border-right:none; border-bottom:none; padding:0 20px 20px 0; }
#main #function .function_cont dl#desktop { background-position:left 20px; border-right:none; border-bottom:none; padding:20px 20px 20px 0; }
#main #function .function_cont dl#mobile { background-position:left 20px; border-right:none; border-bottom:none; padding:20px 20px 20px 0; }
#main #function .function_cont dl#mail { background-position:left 20px; border-right:none; border-bottom:none; padding:20px 20px 0 0; }
#main #function .function_cont dl dt { padding: 0 0 0 20%; vertical-align:top; }
}

/*==================================
SP
==================================*/
@media screen and (max-width: 768px) {

.pc { display:none; }
.tb { display:none; }
.sp { display:block; }

header { padding:5%; }
header #header_cont { display:block; position:relative; }
header #header_cont #logo { width:50%; }
header #header_cont #logo h1 { }
header #header_cont #logo h1 img { width:101px; height:24px; margin-right:0; }
header #header_cont #logo span { display:block; font-size:100%; margin-top:7px; }
header #header_cont #center_area { display:none; line-height:1.6; margin:30px 0 0; padding:0; width:100%; }
header #header_cont #right_area { width:50%; }

#main_visual #title_area { padding:5%; width:100%; }
#main_visual #title_area p { margin:5% 0 0; padding:0; }
#main_visual #image_area { padding:0; width:100%; position:relative; }
#main_visual #image_area span { position:absolute; top:4%; right:42%; margin-right:-25px; width:40px; height:44px; }

#main #function h3 { font-size:154%; }
#main #function .function_cont { background-color:#fff; width:100%; }
#main #function .function_cont dl { background-size: 65px auto; border-top:1px solid #ccc; display:block; padding:0; vertical-align:top; width:100%; }
#main #function .function_cont dl#status { background-position:left 5px; border-top:none; border-right:none; border-bottom:none; padding:0 20px 15px 0; }
#main #function .function_cont dl#desktop { background-position:left 20px; border-right:none; border-bottom:none; padding:15px 20px 15px 0; }
#main #function .function_cont dl#mobile { background-position:left 20px; border-right:none; border-bottom:none; padding:15px 20px 15px 0; }
#main #function .function_cont dl#mail { background-position:left 20px; border-right:none; border-bottom:none; padding:15px 20px 0 0; }
#main #function .function_cont dl dt { color:#333; font-size: 158%; padding:0 0 5px 80px; vertical-align:top; }
#main #function .function_cont dl dd { font-size:108%; padding:0 0 0 80px; }

#main #service ul li { width:100%; }
#main #service ul li { width:100%; margin-top:3%; }
#main #service ul li:first-child { padding:0; margin-top:0; }
#main #service ul li h4 { font-size: 154%; }
#main #service ul li dl { background-image:none; padding:20px; width:100%; }
#main #service ul li dl dt { background-image:none;  background-size:80px auto; font-size: 154%; padding: 0 0 18px 0; height:auto; width:100%; min-height:1em; }
#main #service ul li#sp dl dt { background-image:none; background-position:center top; }
#main #service ul li#pc dl dt { background-image:none; background-position:center top; }
#main #service ul li dl dd h5 { background-color:#f0f0f0; font-size: 124%; }
#main #service ul li dl dd .left_area { margin:15px auto 0; width:100%; }
#main #service ul li#pc dl dd .center_area { margin-top:20px; width:80%; }
#main #service ul li#sp dl dd { margin-top:0; }
#main #service ul li#sp dl dd .right_area { display:none; width:100%; }
#main #service ul li dl dd .link_area { margin-top:0; }
#main #service ul li dl dd .link_area p { line-height:1.4; margin-top:10px; min-height:1em; }
#main #service ul li dl dd .link_area .mail { margin-top:20px; }

.pagetop a { color:#fff; display:block; font-size:136%; text-align:center; padding:20px 10px; background-color:#00519e; }
.pagetop a:hover { text-decoration:none; }

#footer { padding:5%; }
#footer #footer_logo_area { /*width:101px; height:24px;*/ width:100%; height:auto;  }
#footer #footer_logo_area img { width:100%; max-width:101px; height:auto; }
#footer #footer_logo_area span { color:#154e95; display:block; margin-top:8px; }
}

@media screen and (max-width: 480px) {
#main_visual #title_area h2 { max-width:270px; }
}