@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }
  
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size:18px }
body { font-family: "Sawarabi Mincho", serif; font-size: 100%; line-height:1; color:#603813; font-weight:nomal; position: relative; -webkit-font-smoothing: antialiased; }
img { border:0px; max-width: 100%}
figure { margin: 0 }

/* The Grid ---------------------- */
.row { width:1260px; max-width: 100%; min-width: 600px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 8px; /* position: relative;*/ }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: /*right*/left }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
.threes,.row .threes { width: 20% }
.three,.row .three { width: 25% }
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }
img,object,embed { height: auto }
object,embed { height: 100% }
img { -ms-interpolation-mode: bicubic }

h1,h2,h3,h4,h5,h6,p,a{ font-family: "Sawarabi Mincho", serif;  color: #4D4D4D; text-rendering: optimizeLegibility; line-height: 1;  }
p { font-size: 21px; font-size: 1.0rem; line-height: 1.59; letter-spacing: 0.125em; }
h1 { font-size: 52px; font-size: 2.476rem; line-height: 1; }
h2 { font-size: 37px; font-size: 1.761rem; line-height: 1;}
h3 { font-size: 30px; font-size: 1.428rem; line-height: 1; }
h4 { font-size: 21px; font-size: 1.0rem; line-height: 1;}
h5 { font-size: 18px; font-size: 0.857rem; line-height: 1;}
.kome { font-size: 16px; font-size: 0.761rem; line-height: 1; }

.mb18{ margin-bottom:18px;}
.mb21{ margin-bottom:21px;}
.mb30{ margin-bottom:30px;}
.mb37{ margin-bottom:37px;}
.mb52{ margin-bottom:52px;}
.mb63{ margin-bottom:63px;}
.mb89{ margin-bottom:89px;}
.mb126{ margin-bottom:126px;}
i { margin-right:1%; }
.pdl37 { padding-left:37px; }
.pdr37 { padding-right:37px; }
.noleftmargin { margin-left: 0px; padding-left: 0px;}
.nomargin { margin: 0px; padding: 0px;}
.norightmargin { margin-right: 0px; padding-right: 0px;}
.tar { text-align:right;}
.tac { text-align: center;}
.onlymobile { display:none; }
ul { list-style:none; }
a { text-decoration: none; }
#page-top { font-size:100%; position: fixed; bottom: 20px; right: 20px; margin-bottom:5px;}
#page-top a { color: #fff;  background:#006837; text-decoration: none; padding: 20px 25px; text-align: center; display: block; border-radius: 50px;}
#page-top a:hover {text-decoration: none; opacity:0.6;}
.copyright p{ font-size: 13px; font-size: 0.72rem; line-height: 1; padding:6px; color: #4d4d4d; text-align: center; }


/*====================================================*/
/*------------------- top ----------------------------*/
.loading { width: 100%; height: 100%;background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; z-index: 20000;}
.loading img { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

section{ border-bottom: 2px dotted #006837; padding-bottom: 126px;}

header{ padding:37px 0px;  background: rgba(128,180,63,0.5);
}
header h1 { font-size:0px; }
header h1 img{ margin-right: 21px;}
header h2 { font-size: 18px; font-size: 0.857rem; line-height: 1; padding-top: 8px; }

.flexslider-container::before{ content: url("../img/title.png"); position: absolute;  z-index: 3; top:27.4%; left: 17.4%;}

.flexslider-container{ padding:0px; margin-bottom:0px; position: relative;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=1 ); /* IE6-9 */}
.flexslider .slides img { background-position: center center; height: 657px/*auto*/; }
li.flex-active-slide{ z-index: 0 !important;}

nav { padding: 63px 0px; border-bottom: 1px dotted #006837; }
nav ul{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
nav li { display: flex; justify-content: center; align-items: center; margin: 0px; width: 16.5%; text-align: center; height:  89px; word-break: break-all;
background: rgba(128,184,63,0.5); 
background: -moz-linear-gradient(top,  rgba(128,184,63,0.5) 0%, rgba(128,184,63,0.5) 89%, rgba(19,116,56,0.5) 100%);
background: -webkit-linear-gradient(top,  rgba(128,184,63,0.5) 0%,rgba(128,184,63,0.5) 89%,rgba(19,116,56,0.5) 100%);
background: linear-gradient(to bottom,  rgba(128,184,63,0.5) 0%,rgba(128,184,63,0.5) 89%,rgba(19,116,56,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(128,184,63,0.5) 0%, rgba(128,184,63,0.5) 89%, rgba(19,116,56,0.5) 100%);/*IE*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b83f', endColorstr='#137438',GradientType=0 );}
nav li a{  display: flex; width: 100%; justify-content: center; align-items: center; height: 89px; padding: 21px; line-height: 1.19; color: #006837; font-weight: bold; font-family: "Noto Sans JP", sans-serif; }
nav li:hover{ opacity: 0.7;}

.title { text-align: center; margin-top:126px;  margin-bottom: 82.7px; }
.title h2 { font-size: 63px; font-size: 3.5rem; line-height: 1; letter-spacing: 0.1em; margin-bottom: 37px; }
.title p{ font-size: 18px; font-size: 0.857rem; line-height: 1; margin-bottom: 82.7px; font-weight: bold; color: #4d4d4d; }
.title h3 {font-size: 37px; font-size: 1.761rem; line-height: 1.34; letter-spacing: 0.1em;  }

.message .catch-bg{ background: url("../img/top/01-2.jpg") no-repeat; height: 537px;background-position: center center; margin-top: 57px;}
.message .catch{ position: relative;}
.message .catch img{ position: absolute; top: -57px; left: 0; right: 0; margin: auto;}
.message .point-bg{ background-color: #0071AA; padding: 73px 0; }
.message .point li{ text-align: center; margin: 16px 0px; }
.message .merit-but{ text-align: center; padding-top: 63px ;}

a.button { font-size: 30px; font-size: 1.428rem; line-height: 1; padding: 31px; width: 554px;  display:inline-block; text-align: center; font-weight: bold; border-radius: 6px; box-shadow: 1px 1px 4px #4d4d4d; background-color: #C7CE21; font-family: "Noto Sans JP", sans-serif;}
a.button:hover{ opacity: 0.8;}

.news table { border-collapse: collapse; width: 83.3%; border-top:none; margin: 0 auto; font-family: "Noto Sans JP", sans-serif;}
.news table tr { border-bottom: 1px dotted #006837; }
.news table th { padding: 21px 17.5px; width: 33.4%; font-weight:bold; vertical-align:middle; }
.news table td { padding: 21px 17.5px; width: 66.6%; line-height:1.19; }

.event-top .event-bg{ background-color: #006837; padding: 52px 0px;}
.event-top p{ color: #fff; margin-bottom: 126px; }

section.retirement{ padding-bottom: 126px;}
.retirement p{  margin-bottom: 126px; }

.movie{ background:rgba(194,55,70,0.3); border-bottom: none;}
.movie .youtebe-iteme{ margin-bottom: 21px;}
.movie .youtebe-iteme iframe{ width: 100%; height: 227px; }
.movie .movie-iteme{ margin-bottom: 21px;}
.movie .movie-iteme video{ width: 100%; height: 227px;}
.movie p{ margin-bottom: 18px;}
.movie p span{ background-color: #006837; color: #fff; font-family: "Noto Sans JP", sans-serif; padding: 2px 16px 3px;}
.movie h3{ font-family: "Noto Sans JP", sans-serif; line-height: 1.19; margin-bottom: 85.5px;}
.page-link.top{ padding: 0; }

.youtube{ background: url("../img/top/04-back.jpg") repeat; border-bottom: none;}
.youtube h3 {font-size: 37px; font-size: 1.761rem; line-height: 1.34; letter-spacing: 0.1em; margin-bottom: 37px;  }
.youtube p{  margin-bottom: 63px; }
a.button.red{ background-color: #C23746; color: #fff; }

.flow-top { text-align: center; border-bottom: none; }
.flow-top img { margin-bottom: 57px;}
.flow-top p{ margin-bottom:31px; }
.flow-top a{ margin-top: 32px;}

.search { text-align: center; border-bottom: none; background:rgba(199,206,33,0.2); }
.search p{ margin-bottom: 57px;}
.search h3 {font-size: 37px; font-size: 1.761rem; line-height: 1; letter-spacing: 0.1em; margin-bottom: 37px;  }
.search ul li{ width: 24%; display: inline-block; margin: 0 2px; }
a.button.green{ background-color: #006837; color: #fff; font-size: 21px; font-size: 1.0rem; padding: 21px 0px;  width: 100%; margin-bottom: 8px;}

footer{ padding:89px 0px; background: url(" ../img/foot-1.jpg"); background-position: center center; }
footer h2{ color: #fff; margin: 8px 0px 21px; }
footer p{ color: #fff; font-family: "Noto Sans JP", sans-serif; font-weight: bold; margin-bottom: 15px;}
footer p a{ color: #fff; text-decoration: underline;}

.link{ padding: 21px 0px;}
.link ul li{ display: inline-block; margin-right: 4px;}
.link ul li a:hover{ opacity: 0.7;}

.copyright{ background: rgba(128,180,63,0.5)}
.copyright p{ font-size: 13px; font-size: 0.619rem;}

/*------------------- sub ----------------------------*/
.main-img{  background-position: center center; height: 537px; position: relative; }
.main-img img.title-img{ position: absolute; top:22%; left: auto;}
.main-img.about{ background-image: url("../img/about/main.jpg");}
.main-img.advantage{ background-image: url("../img/advantage/main.jpg");}
.main-img.flow{ background-image: url("../img/flow/main.jpg");}
.main-img.event{ background-image: url("../img/event/main.jpg");}
.main-img.company-voice{ background-image: url("../img/com-voice/main.jpg");}
.main-img.voice{ background-image: url("../img/voice/main.jpg");}

section.sub{ padding-bottom: 0px; border-bottom: none;}

.contents { padding: 126px 0px ;  border-bottom: 2px dotted #006837;  }
.contents h2 { font-size: 63px; font-size: 3.5rem; line-height: 1; letter-spacing: 0.1em; margin-bottom: 89px; }
.contents h3 { font-size: 30px; font-size: 1.428rem; line-height: 1; color: #006837; margin-bottom: 52px; }
.contents p{ margin-bottom:31px; }
.contents h4{ color: #fff; line-height: 1.59; margin-bottom: 37px; }
.contents h4 .box{ background-color:#006837; padding: 21px 6%; display: inline-block; text-align: center;}
.contents h4 .box span{ color: #e2b91c; }
.contents ul.gallery {}
.contents ul.gallery li { display: inline-block; margin-bottom: 4px; margin-right: 4px; }
.contents ul.gallery li:nth-of-type(3n){ margin-right: 0px;  }
.contents ul.gallery li p{font-family: "Noto Sans JP", sans-serif; text-align: center; line-height: 1; margin: 16px 0px 22px; }

.page-link{ padding: 110px 0px; text-align: center;}
.page-link a.button{ margin: 16px;}

/*--advantage--*/
.contents h4 .box-red{ background-color:#B3272D; padding: 8px; display: inline-block; text-align: center; width: 48%; }
.contents h4 .box-red .inner{ border: #fff 1px solid; padding: 8px; border-radius: 8px;  }
.contents h4 .box-red .inner span{ color: #e2b91c; font-size: 30px; font-size: 1.428rem; line-height: 1;}

.adv01{ padding-bottom: 89px;}
.adv01 p{ margin-bottom: 46px;}
.adv01 img{ margin-bottom: 126px; }
.adv02{ padding-bottom: 185px;}
.adv02 h4{ margin-bottom: 52px;}
.adv02 p{ margin-bottom: 46px;}
.adv02 ul{}
.adv02 ul li{ margin-bottom: 30px; }
.adv02 ul li h5{ font-weight: bold; color: #fff; text-align: center; padding: 16px 0px; font-family: "Noto Sans JP", sans-serif; font-size: 21px; font-size: 1.0rem; line-height: 1.333;}
.adv02 img{ display: block; margin: 0 auto;}
.adv02-box{background: rgba(203,210,33,0.3); text-align: center; padding: 16px 0px;   }
.adv02-box h6{ font-weight: bold; font-size: 21px; font-size: 1.0rem; line-height: 1; color: #0071AE; font-family: "Noto Sans JP", sans-serif; padding: 5px 0px 15px;}
.adv02-box p{ font-size: 18px; font-size: 0.857rem; line-height: 1.59;font-family: "Noto Sans JP", sans-serif; margin-bottom: 16px;letter-spacing: 0;  }
.adv02-box2{ background: rgba(203,210,33,0.3); text-align: center; padding: 10px 0px;   }
.adv02-box2 p{ font-size: 18px; font-size: 0.857rem; line-height: 1.59;font-family: "Noto Sans JP", sans-serif; margin-bottom: 0px; letter-spacing: 0; }

.pink{ background-color:#C6145A; }
.lighegreen{ background-color: #008445;}
.orange{ background-color: #E9851E;}
.blue{ background-color: #0071AE; }

.adv03 ul.gallery{ margin-bottom: 30px;}

.adv05{background: rgba(203,210,33,0.3);}
.adv05 h5{font-size: 30px; font-size: 1.428rem; line-height: 1; margin-bottom: 18px;  margin-top: 24px;}
.adv05 h5.riku{ color: #006837; }
.adv05 h5.kai{ color: #E9851E; }
.adv05 h5.kou{ color: #0071AE; }
.adv05 ul{float: left; margin-right: 16px;}
.adv05 ul li{ margin-bottom: 8px;}

.adv04 h2{ margin-bottom: 83px; }
.adv04 p{ margin-bottom: 83px; }
.adv04 ul.gallery li{ width: 32%; text-align: center; }
.adv04 ul.gallery li p{ font-weight: bold; margin-bottom: 0px;}

/*--flow--*/
.flo01 { padding-bottom: 89px; }
.flo01 img{ margin-bottom: 46px;}
.flo01 p{ margin-bottom: 120px; }

.flo02 { }
.flo02 h3{ margin-bottom: 15px; }
.flo02 table { width: 100%; border-top:none; margin: 0 auto; font-family: "Noto Sans JP", sans-serif; border-collapse: separate; border-spacing: 0px 37px;}
.flo02 table tr { margin-bottom: 21px;  }
.flo02 table th { background-color: #0071AE;  width: 7.1%; vertical-align:middle; font-size: 63px; font-size: 3.5rem; line-height: 1; text-align: center; color: #fff; }
.flo02 table td { background: rgba(203,210,33,0.3); padding: 30px; width: 92.6%; }
.flo02 table td h4{ font-size: 30px; font-size: 1.428rem; line-height: 1; color: #0071AE; font-weight: bold;  margin-bottom: 21px; font-family: "Noto Sans JP", sans-serif;}
.flo02 table td h5{ font-size: 21px; font-size: 1.0rem; line-height: 1.59; text-decoration: underline; font-weight: bold; font-family: "Noto Sans JP", sans-serif;}
.flo02 table td p{ font-family: "Noto Sans JP", sans-serif; margin-bottom: 0px; }

.flo03 h2{ margin-bottom: 83px; }
.flo03 p{ margin-bottom: 46px;}
.flo03 table { border-collapse: collapse; width: 83.3%; border:1px solid #006837; font-family: "Noto Sans JP", sans-serif; font-size: 18px; font-size: 0.857rem; line-height: 1; margin-bottom: 21px;}
.flo03 table tr { border-bottom: 1px dotted #006837; }
.flo03 table th { border-right: 1px dotted #006837; padding: 21px; width:17.6%; vertical-align:middle; text-align: left; line-height: 1.33;}
.flo03 table td.address { border-right: 1px dotted #006837; padding: 0px 21px; width:65.8%; line-height:1.33; vertical-align:middle; }
.flo03 table td.link-but{ background: rgba(203,210,33,0.3); padding: 21px; width:16.6%; vertical-align:middle;}
.flo03 table td.link-but a.button.green{ padding: 8px 16px; margin-bottom: 0px; vertical-align:middle;}

/*--event--*/
.event .contents{ padding-bottom: 0px;}
.event h2{ margin-bottom: 83px;}
.event p{ margin-bottom: 120px;}
.eve01{ padding-bottom: 193px; }
.eve01 h3{ margin-bottom: 46px; }
.eve01 p{ margin-bottom: 31px;}

/*--company-voice , voice--*/
.voi01 h2{ margin-bottom: 83px; }
.voi02 h3{ margin-bottom: 30px; }
.voi02{ padding-top: 89px; padding-bottom: 89px; border-bottom: 1px dotted #4d4d4d;}
.voi02 p{ margin-bottom: 0px;}
.voi02 .youtebe-iteme{ margin-bottom: 21px;}
.voi02 .youtebe-iteme iframe{ width: 100%; height: 346px; }
.voi02 .movie-iteme{ margin-bottom: 21px;}
.voi02 .movie-iteme video{ width: 100%; height: 346px;}
.pager{ padding-top: 89px; }
.pager .prev{ float: left;}
.pager .next{ float: right; }

/*====================================================*/
/*-------------------Responsive-----------------------*/
@media only screen and (max-width: 1400px) {
	/*---top---*/
	.flexslider-container::before { left: 4%;}
}

@media only screen and (max-width: 1024px) {
	html { font-size:17px }
	/*---top---*/
	.event-top p { margin-bottom: 30px;}
	.event-top a.button{ width: 100%;}
	.retirement p { margin-bottom: 30px;}
	.retirement a.button{ width: 100%;}
	.youtube p { margin-bottom: 30px;}
	.youtube a.button{ width: 100%;}
	.link ul li{ width: 32%; }
	/*---sub---*/
	.flo03 table{ width: 100%;}
	.page-link a.button{ width: 46%;}
}	

@media only screen and (max-width: 740px) {
	html { font-size:15px }
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 5px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; /*padding: 0 5px;*/ padding: 0 10px 0px 0px; margin-bottom:10px;}
	.row .mobile-two:last-child {  float: /*right*/left }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.noleftmarg {padding:0px !important;}
	.noleftmargin { margin: 0px; padding: 0px;}
	.nomargin { margin: 0px; padding: 0px;}
	.norightmargin { margin: 0px; padding: 0px; }
	.onlymobile { display:inherit; }
	.onlypc { display:none;}
	.pdl37 { padding-left:8px; }
	.pdr37 { padding-right:8px; }
	
	/*---all---*/
	nav li{ width: 32%; margin: 4px;}
	.search ul li{ width: 48%;}
	/*---top---*/
	.flexslider-container::before{ content: none ;}
	.flexslider .slides img { background-position: center center; height: auto; }
	.news table{ width: 100%;}
	.event-top img{ padding-bottom: 30px; }
	.event-top p{ margin-bottom: 30px; }
	.retirement img{ padding-bottom: 30px; }
	.retirement p{ margin-bottom: 30px; }
	.youtube img{ padding-bottom: 30px; }
	.movie .youtebe-iteme iframe{ height: 388px; }
	.movie .movie-iteme video{ height: auto;}
	.event-top a.button{ width: 80%; }
	.retirement a.button{ width: 80%;}
	.youtube a.button{ width: 80%;}
	.page-link.top a.button{ padding: 31px; width: 74%; } 
	/*---sub--*/
	.main-img{ height: auto; }
	.page-link a.button{ width: 48%; margin: 4px; padding: 16px 8px;}
	.contents ul.gallery li{ width: 48%; }
	.contents h4 .box-red{ width: 90%;}
	.adv02 ul li.three.columns{ width: 48% !important; float: left;}
	.adv04 ul.gallery li{ margin-bottom: 30px;}
	.flo03 table th { padding: 8px;}
	.flo03 table td.address { padding: 0px 8px;}
	.flo03 table td.link-but{ padding: 8px;}
	.flo03 table td.link-but a.button.green{ padding: 8px;}
	.voi02 .movie-iteme video{ height: auto;}
 }

@media only screen and (max-width: 600px) {
	html { font-size:14px }
	/*---top---*/
	nav li{ width: 48%; margin: 1%;}
	a.button{ width: 100%;}
	.event-top a.button{ width: 100%; }
	.retirement a.button{ width: 100%;}
	.youtube a.button{ width: 100%;}
	.page-link a.button{ width: 100%;}
	.page-link.top a.button{ width: 100%; }
	.title h2 { font-size: 56px; font-size: 2.666rem;  line-height: 1.19; letter-spacing: 0em; margin-bottom: 30px; }
	.title h3 { font-size: 34px; font-size: 1.619rem; line-height: 1.19; letter-spacing: 0em;  }
	.contents ul.gallery li{ margin-right: 2px;}
	.link ul li{width: 48%;}
	/*---sub--*/
	.contents h2 { font-size: 56px; font-size: 2.666rem;  line-height: 1.19; letter-spacing: 0em; margin-bottom: 30px;}
	.pager .prev{ width: 48%;}
	.pager .next{ width: 48%;}
}

@media only screen and (max-width: 450px) {
	.adv02 ul li.three.columns{ width: 100% !important; float: none;}
}