@media screen and (min-width: 781px) {
/*----------------------------------------------------------------------------
******************************************************************************
base
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== base === */
body {
background: url(../images/body-bg.png) repeat-x top left #FCFDFE;
}
/* ==== layout === */
.layout {
 margin-left: auto;
 margin-right: auto;
 width: 960px;
}
/* ==== header === */
.hd-bg {
}
.hd-con {
padding: 30px 0;
}
.hd-con .hd-logo-con {
 display: inline-block;
}
.sp-hd-btn {
display: none;
}
/* ==== global nav === */
.gnav-con {
position: relative;
z-index: 10;
}
.gnav-list {
display: flex;
}
.gnav-list > li {
width: 100%;
}
.gnav-list > li > a {
 background: top center no-repeat;
 display: block;
 height: 60px;
 padding-top: 60px;
 overflow: hidden;
}
.gnav-list > li:nth-child(1) > a {
 background-image: url(../images/gnav-btn1.png);
}
.gnav-list > li:nth-child(2) > a {
 background-image: url(../images/gnav-btn2.png);
}
.gnav-list > li:nth-child(3) > a {
 background-image: url(../images/gnav-btn3.png);
}
.gnav-list > li:nth-child(4) > a {
 background-image: url(../images/gnav-btn4.png);
}
.gnav-list > li:nth-child(5) > a {
 background-image: url(../images/gnav-btn5.png);
}
.gnav-list > li:nth-child(6) > a {
 background-image: url(../images/gnav-btn6.png);
}
.gnav-list > li:nth-child(1) > a:hover, .gnav-list > li:nth-child(1) > a.current {
 background-image: url(../images/gnav-btn1-ov.png);
}
.gnav-list > li:nth-child(2) > a:hover, .gnav-list > li:nth-child(2) > a.current {
 background-image: url(../images/gnav-btn2-ov.png);
}
.gnav-list > li:nth-child(3) > a:hover, .gnav-list > li:nth-child(3) > a.current {
 background-image: url(../images/gnav-btn3-ov.png);
}
.gnav-list > li:nth-child(4) > a:hover, .gnav-list > li:nth-child(4) > a.current {
 background-image: url(../images/gnav-btn4-ov.png);
}
.gnav-list > li:nth-child(5) > a:hover, .gnav-list > li:nth-child(5) > a.current {
 background-image: url(../images/gnav-btn5-ov.png);
}
.gnav-list > li:nth-child(6) > a:hover, .gnav-list > li:nth-child(6) > a.current {
 background-image: url(../images/gnav-btn6-ov.png);
}
.gnav-list .sub-list > li {
 margin-bottom: 1px;
}
.gnav-list .sub-list li a {
 background-color: rgba(250, 160, 5, 0.9);
 color: #111;
 font-size: 0.8rem;
 display: block;
 padding: 10px;
 text-decoration: none;
}
.gnav-list .sub-list li a:hover {
 background-color: rgba(250, 160, 5, 1);
 text-decoration: underline;
}
/* ==== content === */
.con-bg {
 background-color: #FFF;
 box-shadow:0 0 5px rgba(0, 0, 0, 0.4);
}
.con-con {
 display: flex;
 justify-content: space-between;
 flex-direction: row-reverse;
 padding: 30px 20px;
}
.content {
word-wrap: break-word;
}
/* a */
.content a img:hover {
 opacity: 0.5;
 filter: alpha(Opacity=50);
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
/* dl */
.content dl {
 margin-bottom: 20px;
 margin-top: 20px;
}
.content dl dt, .content dl dt {
 margin-bottom: 10px;
 margin-top: 10px;
}
/* h */
.content h1 {
 border-top: 5px solid #F38F0B;
 border-bottom: 1px dotted #666;
 margin-bottom: 30px;
 padding: 20px 10px;
}
.content h2 {
 border-radius: 5px;
 border: 1px solid #DDD;
 border-bottom: 3px solid #F38F0B;
 background: url(../images/icon-curcle.png) no-repeat 8px center;
 font-size: 1rem;
 margin-bottom: 15px;
 margin-top: 20px;
 padding: 7px 10px 7px 25px;
}
.content h3 {
 font-size: 0.9rem;
 margin-bottom: 10px;
 margin-top: 15px;
}
.content h4 {
 margin-bottom: 5px;
 margin-top: 10px;
}
/* hr */
.content hr {
 border: none;
 border-top: 1px dotted rgba(0, 0, 0, 1);
}
/* iframe */
.content iframe {
max-width: 100%;
}
/* img */
.content img {
 max-width: 100%;
 height: auto;
}
/* ol */
.content ol {
 margin-bottom: 20px;
 margin-left: 1.5em;
 margin-top: 20px;
}
.content ol li {
margin-left: 5px;
}
/* p */
.content p {
margin-bottom: 10px;
}
/* ul */
.content ul {
 list-style-type: disc;
 margin-bottom: 10px;
 margin-left: 1.5em;
 margin-top: 10px;
}
.content ul li {
margin-left: 5px;
}
/* table */
.content table {
 margin-bottom: 10px;
 margin-top: 10px;
}
.main-con {
 width: 700px;
}
.sub-con {
 width: 200px;
}
.sub-nav-con li {
 margin-bottom: 1px;
}
.sub-nav-con li a {
 background-color: #F8F5E9;
 color: #111;
 display: block;
 font-size: 12px;
 padding: 10px 16px;
 text-decoration: none;
 position: relative;
 z-index: 0;
}
.sub-nav-con li a:hover, .sub-nav-con li a.current {
 background-color: #EBE2C0;
 text-decoration: underline;
}
.sub-nav-con li a:before {
 display: inline-block;
 content: url(../images/icon-arrow.png);
 top: calc(50% - 10px);
 left: -5px;
 position: absolute;
 z-index: 10;
}
/* ==== footer === */
.ft-con {
 padding-bottom: 30px;
 padding-top: 30px;
 text-align: center;
}
.ft-con .explanation {
margin-bottom: 10px;
}
.ft-con .copyright {
font-size: 0.7rem;
}
/* ==== pagetop === */
.pagetop {
 bottom: 30px;
 display: table;
 height: 5em;
 position: fixed;
 right: 30px;
 width: 5em;
 z-index: 100;
}
.pagetop span {
 background-color: #222;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 color: #FFF;
 cursor: pointer;
 display: table-cell;
 font-size: 0.5em;
 text-align: center;
 text-decoration: none;
 text-align: center;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 vertical-align: middle;
}
.pagetop span:hover {
 filter: alpha(opacity=80);/*IE*/
 opacity: 0.8;
}

/*----------------------------------------------------------------------------
******************************************************************************
original
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== Home === */
.home-con-con {
padding: 30px 20px;
}
.home-slide-con {
position: relative;
z-index: 0;
}
.news-date {
 background: url(../images/icon-arrow.png) no-repeat 0 center;
 display: inline-block;
 font-size: 0.7rem;
 float: left;
 padding-left: 15px;
}
.news-title {
 border-bottom: 1px dotted #333;
 padding: 0 0 8px 110px;
 margin-bottom: 10px;
}
.news-sec .news-text:nth-last-of-type(1) {
 margin-bottom: 0;
}
.greet-sec {
 background-color: #FAFAFA;
 border-top: 5px solid #F38F0B;
 padding: 20px;
 margin-bottom: 20px;
}
.greet-sec h2 {
 border: none;
 background: none;
 font-size: 1.3rem;
 margin-top: 0;
 margin-bottom: 20px;
 padding: 0;
}
/* ==== Other === */
}
/*----------------------------------------------------------------------------
******************************************************************************
responsive
******************************************************************************
----------------------------------------------------------------------------*/
@media screen and (max-width: 780px) {
/*----------------------------------------------------------------------------
******************************************************************************
base
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== header === */
.hd-con {
display: flex;
padding: 10px;
}
.hd-logo-con {
 padding-right: 20px;
 width: 100%;
}
.hd-logo-con img {
 height: 40px;
 width: auto;
}
.sp-hd-btn-con {
 width: 40px;
}
.sp-hd-btn-con span {
background: url(../images/sp-icon-menu.png) no-repeat;
background-size: cover;
display: block;
height: 40px;
width: 40px;
cursor: pointer;
}
/* ==== global nav === */
.gnav-con {
display: none;
}
.gnav-list {
}
.gnav-list > li {
background-color: #F38F0B;
border-bottom: 1px solid #FF9933;
}
.gnav-list > li > a {
 color: #111;
 display: block;
 padding: 10px;
 text-decoration: none;
}
.gnav-list > li > a:hover, .gnav-list > li> a.current {
 background-color: rgba(0, 0, 0, 0.1);
}
 .gnav-list .sub-list > li {
 margin-bottom: 1px;
}
.gnav-list .sub-list li a {
 background-color: rgba(250, 160, 5, 0.9);
 color: #111;
 font-size: 0.8rem;
 display: block;
 padding: 10px 20px;
 text-decoration: none;
}
.gnav-list .sub-list li a:hover {
 background-color: rgba(250, 160, 5, 1);
 text-decoration: underline;
}
/* ==== content === */
.con-bg {
 background-color: #FFF;
}
.con-con {
 padding: 10px 10px 20px;
}
.content {
word-wrap: break-word;
}
/* a */
.content a img:hover {
 opacity: 0.5;
 filter: alpha(Opacity=50);
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
/* dl */
.content dl {
 margin-bottom: 20px;
 margin-top: 20px;
}
.content dl dt, .content dl dt {
 margin-bottom: 10px;
 margin-top: 10px;
}
/* h */
.content h1 {
 border-top: 5px solid #F38F0B;
 border-bottom: 1px dotted #666;
 margin-bottom: 30px;
 padding: 20px 10px;
}
.content h2 {
 border-radius: 5px;
 border: 1px solid #DDD;
 border-bottom: 3px solid #F38F0B;
 background: url(../images/icon-curcle.png) no-repeat 8px center;
 font-size: 1rem;
 margin-bottom: 15px;
 margin-top: 20px;
 padding: 7px 10px 7px 25px;
}
.content h3 {
 font-size: 0.9rem;
 margin-bottom: 10px;
 margin-top: 15px;
}
.content h4 {
 margin-bottom: 5px;
 margin-top: 10px;
}
/* hr */
.content hr {
 border: none;
 border-top: 1px dotted rgba(0, 0, 0, 1);
}
/* iframe */
.content iframe {
max-width: 100%;
}
/* img */
.content img {
 max-width: 100%;
 height: auto;
}
/* ol */
.content ol {
 margin-bottom: 20px;
 margin-left: 1.5em;
 margin-top: 20px;
}
.content ol li {
margin-left: 5px;
}
/* p */
.content p {
margin-bottom: 10px;
}
/* ul */
.content ul {
 list-style-type: disc;
 margin-bottom: 10px;
 margin-left: 1.5em;
 margin-top: 10px;
}
.content ul li {
margin-left: 5px;
}
/* table */
.content table {
 margin-bottom: 10px;
 margin-top: 10px;
}
.main-con {
	margin-bottom: 30px;
}
.sub-con {
}
.sub-nav-con li {
 margin-bottom: 1px;
}
.sub-nav-con li a {
 background-color: #F8F5E9;
 color: #111;
 display: block;
 font-size: 12px;
 padding: 10px 16px;
 text-decoration: none;
 position: relative;
 z-index: 0;
}
.sub-nav-con li a:hover, .sub-nav-con li a.current {
 background-color: #EBE2C0;
 text-decoration: underline;
}
.sub-nav-con li a:before {
 display: inline-block;
 content: url(../images/icon-arrow.png);
 top: calc(50% - 10px);
 left: -5px;
 position: absolute;
 z-index: 10;
}
/* ==== footer === */
.ft-con {
 border-top: 3px solid #F38F0B;
 padding: 10px;
 text-align: center;
}
.ft-con .explanation {
font-size: 0.6rem;
margin-bottom: 5px;
}
.ft-con .copyright {
font-size: 0.5rem;
}
/* ==== pagetop === */
.pagetop {
 bottom: 0;
 height: 40px;
 position: fixed;
 right: 10px;
 width: 40px;
 z-index: 100;
}
.pagetop span {
 background-color: #222;
 color: #FFF;
 cursor: pointer;
 display: flex;
 align-items: center;/*-縦-*/
 justify-content: center;/*-横-*/
 line-height: 10px;
 font-size: 0.5em;
 height: 40px;
 text-decoration: none;
 text-align:center;
 opacity: 0.8;
 padding: 0 10px;
}
.pagetop span:hover {
 opacity: 1;
}

/*----------------------------------------------------------------------------
******************************************************************************
original
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== Home === */
.home-con-con {
padding: 30px 20px;
}
.home-slide-con {
position: relative;
z-index: 0;
}
.news-date {
 background: url(../images/icon-arrow.png) no-repeat 0 center;
 display: inline-block;
 font-size: 0.7rem;
 padding-left: 15px;
}
.news-title {
 border-bottom: 1px dotted #333;
 padding: 0 0 10px 0;
 margin-bottom: 10px;
}
.news-sec .news-text:nth-last-of-type(1) {
 margin-bottom: 0;
}
.greet-sec {
 background-color: #FAFAFA;
 border-top: 5px solid #F38F0B;
 padding: 20px;
 margin-bottom: 20px;
}
.greet-sec h2 {
 border: none;
 background: none;
 font-size: 1.1rem;
 line-height: 1.3rem;
 margin-top: 0;
 margin-bottom: 10px;
 padding: 0;
}
/* ==== Other === */
}
}
@media screen and (max-width: 480px) {
/* ==== pagetop === */
.pagetop {
height: 40px;
width: 40px;
}
}