@charset "UTF-8";

.tableFormat01 .tableCell,
.tableFormat02 .tableCell { display:table-cell;}
.tableFormat01 .tableRow,
.tableFormat02 .tableRow { display:table-row;}

.narrowBoth01 { margin-left:-0.5em; margin-right:-0.5em;}
.narrowLeft01 { margin-left:-0.5em;}

header,
footer,
nav,
.pcHeaderArea { width:100%;}
.pcHeaderArea { z-index:3;}

html { /*background-color:#f5f8fa;*/}
.pcHeaderArea,
.otherContHeader { background-repeat:repeat-x; background-position:center top; background-image:url(../../images/common/headerBg01.png); padding-top:16px;}
.pcHeaderArea { background-color:#fff; position:fixed; left:0; top:0;}

.contentWrap2 .innerWrap02 .banner01 .link01>strong a,
.contentWrap2 .innerWrap02 .banner01:hover .link01>strong a,
.mainMenuArea>.tableFormat01 a,
.mainMenuArea>.tableFormat01 a:hover {
  -webkit-transition:color 0.4s;
  -moz-transition:color 0.4s;
  -ms-transition:color 0.4s;
  -o-transition:color 0.4s;
  transition:color 0.4s;
}
.mainMenuArea>.tableFormat01>.tableCell>a>span:nth-of-type(1),
.mainMenuArea>.tableFormat01>.tableCell:hover>a>span:nth-of-type(1) {
  -webkit-transition:width 0.4s, left 0.4s;
  -moz-transition:width 0.4s, left 0.4s;
  -ms-transition:width 0.4s, left 0.4s;
  -o-transition:width 0.4s, left 0.4s;
  transition:width 0.4s, left 0.4s;
}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong,
.contentWrap2 .innerWrap02 .banner01:hover .link01>a,
.contentWrap2 .innerWrap02 .banner01:hover .link01>strong,
.contentWrap4 .btn01 a,
.contentWrap4 .btn01 a:hover,
.slideBannerArea .owl-theme .owl-nav .owl-prev,
.slideBannerArea .owl-theme .owl-nav .owl-next,
.slideBannerArea .owl-theme .owl-nav .owl-prev:hover,
.slideBannerArea .owl-theme .owl-nav .owl-next:hover {
  -webkit-transition:background-position 0.4s, opacity 0.4s;
  -moz-transition:background-position 0.4s, opacity 0.4s;
  -ms-transition:background-position 0.4s, opacity 0.4s;
  -o-transition:background-position 0.4s, opacity 0.4s;
  transition:background-position 0.4s, opacity 0.4s;
}
.contentWrap2 .innerWrap02 .banner01 .photo01,
.contentWrap2 .innerWrap02 .banner01:hover .photo01,
.contentWrap2 .innerWrap02 .banner01 .content01,
.contentWrap2 .innerWrap02 .banner01:hover .content01,
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a,
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a:hover,
.contentWrap1 .tableFormat02 .tableCell .frame,
.contentWrap1 .tableFormat02 .tableCell:hover .frame,
.contentWrap1 .tableFormat02 .tableCell .illust,
.contentWrap1 .tableFormat02 .tableCell:hover .illust,
.contentWrap1 .tableFormat02 .tableCell .link,
.contentWrap1 .tableFormat02 .tableCell:hover .link,
.contentWrap2 .innerWrap01 a img,
.contentWrap2 .innerWrap01 a:hover img,
.contentWrap3 .inner .tableCell .text1,
.contentWrap3 .inner .tableCell:hover .text1,
.contentWrap3 .inner .tableCell .text2,
.contentWrap3 .inner .tableCell:hover .text2,
.contentWrap3 .inner .tableCell .photo,
.contentWrap3 .inner .tableCell:hover .photo,
.contentWrap4 .pageTopLinkArea .pageTopLink img,
.contentWrap4 .pageTopLinkArea .pageTopLink:hover img,
.headerArea .linkArea1 a img,
.headerArea .linkArea1 a:hover img,
.headerArea .linkArea2 .tableFormat02:nth-of-type(1)>p>a,
.headerArea .linkArea2 .tableFormat02:nth-of-type(1)>p>a:hover,
.slideBannerArea .owl-carousel .owl-item .item,
.slideBannerArea .owl-carousel .owl-item.active .item {
  -webkit-transition:opacity 0.4s;
  -moz-transition:opacity 0.4s;
  -ms-transition:opacity 0.4s;
  -o-transition:opacity 0.4s;
  transition:opacity 0.4s;
}
.mainMenuArea>.tableFormat01>.tableCell .mainMenuArrow1,
.mainMenuArea>.tableFormat01>.tableCell:hover .mainMenuArrow1 {
  -webkit-transition:height 0.4s;
  -moz-transition:height 0.4s;
  -ms-transition:height 0.4s;
  -o-transition:height 0.4s;
  transition:height 0.4s;
}
.contentWrap4 .news-list>li>a,
.contentWrap4 .news-list>li>a:hover {
  -webkit-transition:background-color 0.4s;
  -moz-transition:background-color 0.4s;
  -ms-transition:background-color 0.4s;
  -o-transition:background-color 0.4s;
  transition:background-color 0.4s;
}

.slideBannerArea .owl-carousel .owl-item .item { filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; -webkit-opacity:0.5;}
.contentWrap1 .tableFormat02 .tableCell:hover .frame,
.contentWrap1 .tableFormat02 .tableCell:hover .illust,
.contentWrap1 .tableFormat02 .tableCell:hover .link { filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; -ms-opacity:0.65; -o-opacity:0.65; -webkit-opacity:0.65;}
.contentWrap4 .pageTopLinkArea .pageTopLink:hover img,
.headerArea .linkArea1 a:hover img { filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -ms-opacity:0.7; -o-opacity:0.7; -webkit-opacity:0.7;}
.contentWrap2 .innerWrap01 a:hover img,
.contentWrap2 .innerWrap02 .banner01:hover .photo01,
.contentWrap2 .innerWrap02 .banner01:hover .link01>a,
.contentWrap2 .innerWrap02 .banner01:hover .content01,
.contentWrap3 .inner .tableCell:hover .text1,
.contentWrap3 .inner .tableCell:hover .text2,
.contentWrap3 .inner .tableCell:hover .photo { filter:alpha(opacity=75); opacity:0.75; -moz-opacity:0.75; -ms-opacity:0.75; -o-opacity:0.75; -webkit-opacity:0.75;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a:hover,
.headerArea .linkArea2 .tableFormat02:nth-of-type(1)>p>a:hover { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; -webkit-opacity:0.8;}
.contentWrap4 .btn01 a:hover { filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; -webkit-opacity:0.9;}
.contentWrap2 .innerWrap02 .banner01.noHover:hover .photo01,
.slideBannerArea .owl-carousel .owl-item.active .item { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1;}

.headerArea { width:980px; height:104px; margin-left:auto; margin-right:auto;}
.headerArea .linkArea1 { width:536px; height:59px; left:0; top:24px;background: url(../../svg/common/otherContHeaderSP2.svg) no-repeat left top / 150px;}
.headerArea .linkArea1 p:nth-of-type(1) { position:absolute; left:0; top:0; max-width:219px; width:40.858%;}
.headerArea .linkArea1 p:nth-of-type(2) { position:absolute; top:6px; right:0; max-width:300px; width:55.97%;}
.headerArea .linkArea1 p img { float:left; width:100%; height:auto;}
.headerArea .linkArea1 p>a { display:block; width:100%; float:left;}

.headerArea .linkArea2 { right:0; top:50%; margin-top:-4em;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) { float:right; margin-right:-5px; border-spacing:5px 5px;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableCell { vertical-align:middle; font-size:1.15em; line-height:1.3em;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableCell>a { background-repeat:no-repeat; background-position:15px 0.95em; background-image:url(../images/linkIconDef01.png); display:block; border-radius:5px; padding-top:0.8em; padding-bottom:0.85em; padding-left:35px; padding-right:15px; font-size:1em; letter-spacing:0.05em; color:#fff; font-family:"Noto Sans Japanese"; font-weight:300;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableRow:nth-of-type(1) .tableCell:nth-of-type(1)>a { background-color:#ff8300;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableRow:nth-of-type(1) .tableCell:nth-of-type(2)>a { background-color:#ff3b3b;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableRow:nth-of-type(2) .tableCell:nth-of-type(1)>a { background-color:#39c;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableRow:nth-of-type(2) .tableCell:nth-of-type(2)>a { background-color:#189d9d;}

.contFooterWrap { margin-top:1px; min-width:320px;}
#footer { /*background-color:#f5f8fa;*/min-width:320px;}
.sns-footer{
  padding-top:15px; border-top:1px #ddd solid; 
}
@media screen and (max-width:768px) {
  .sns-header{
    position: relative;
  }
}

.mainMenuArea { width:100%; border-top:1px #dfdfdf solid; margin-bottom:1px; overflow:visible;}
.mainMenuArea>.tableFormat01,
.mainMenuArea>.tableFormat01>.tableCell { background-image:url(../images/mainMenuBg01.gif); background-repeat:no-repeat; overflow:visible;}
.mainMenuArea>.tableFormat01 { width:980px; margin-left:auto; margin-right:auto; background-position:left center;}
.mainMenuArea>.tableFormat01>.tableCell { vertical-align:middle; text-align:center; background-position:right center; position:relative; z-index:1;}
.mainMenuArea>.tableFormat01>.tableCell:hover { z-index:2;}
.mainMenuArea>.tableFormat01>.tableCell>a { display:block; font-family: "Noto Sans Japanese"; font-size:1.05em; line-height:1.3em; font-weight:600; padding-top:27px; padding-bottom:27px; box-sizing:border-box; position:relative;}
.mainMenuArea>.tableFormat01>.tableCell>a>span:nth-of-type(1) { width:0; left:50%; bottom:0; height:3px; display:block; background-color:#009659;}
.mainMenuArea>.tableFormat01>.tableCell:hover>a { color:#009659;}
.mainMenuArea>.tableFormat01>.tableCell:hover>a>span:nth-of-type(1) { width:100%; left:0;}

.mainMenuArea>.tableFormat01>.tableCell .subMenu { width:150%; position:absolute; left:0; top:calc(100% - 1px); display:none;}
.mainMenuArea>.tableFormat01>.tableCell .mainMenuArrow1 { left:50%; bottom:0; margin-left:-9px; background:url(../images/mainMenuArrow1.png) no-repeat center top; width:19px; height:0;}
.mainMenuArea>.tableFormat01>.tableCell:hover .mainMenuArrow1 { height:9px;}
.mainMenuArea>.tableFormat01>.tableCell:last-child .subMenu { left:auto; right:0;}
.mainMenuArea>.tableFormat01>.tableCell .subMenuInner { width:100%; background-color:#009659; text-align:left; box-sizing:border-box; padding-top:3px; padding-bottom:3px;}
.mainMenuArea>.tableFormat01>.tableCell .subMenuInner>p { width:calc(100% - 6px); margin-left:auto; margin-right:auto; font-size:1em;}
.mainMenuArea>.tableFormat01>.tableCell .subMenuInner>p>a { display:block; padding-top:1em; padding-bottom:1.1em; line-height:1.3em; box-sizing:border-box; padding-left:15px; padding-right:10px; font-size:1em; font-family:"Noto Sans Japanese"; font-weight:600; background-image:url(../images/mainMenuBorder1.gif); background-repeat:repeat-x; background-position:1px bottom; background-color:#fff;}
.mainMenuArea>.tableFormat01>.tableCell .subMenuInner>p:last-of-type>a { background-image:none;}
.mainMenuArea>.tableFormat01>.tableCell .subMenuInner>p>a:hover { color:#009659; background-color:#ffffde;}

.slideBannerArea { width:100%; min-width:320px; background-color:#ebefe5; padding-top:25px; padding-bottom:15px; overflow:hidden; position:relative; z-index:1;}
.slideBannerArea .slideBanner { width:980px; margin-left:auto; margin-right:auto;}
.slideBannerArea .owl-carousel .owl-stage-outer { overflow:visible; width:100%;}
.slideBannerArea .owl-carousel .owl-item { overflow:visible; background-color:#fff; border-radius:5px;}
.slideBannerArea .owl-carousel .owl-item .item { overflow:hidden; border-radius:5px; box-shadow:0 0 3px 1px #cecece;}
.slideBannerArea .owl-carousel .owl-item.active .item {}
.slideBannerArea .owl-carousel .owl-item .item a { display:block; width:100%; float:left;}
.slideBannerArea .owl-carousel .owl-item .item a img { width:100%; height:auto; float:left;}
.slideBannerArea .owl-theme .owl-dots { margin-top:17px;}
.slideBannerArea .owl-theme .owl-dots .owl-dot { margin:0 4px; width:14px; height:14px; position:relative;}
.slideBannerArea .owl-theme .owl-dots .owl-dot span { margin:0; position:absolute; left:50%; top:50%; width:10px; height:10px; margin-left:-5px; margin-top:-5px; background:#c4c4c4; box-sizing:border-box; border-style:solid; border-color:#009659; border-width:0px;}
.slideBannerArea .owl-theme .owl-dots .owl-dot.active span { width:100%; height:100%; left:0; top:0; margin-left:0; margin-top:0; border-width:4px; background:none;}
.slideBannerArea .owl-theme .owl-dots .owl-dot:hover span {}
.slideBannerArea .owl-theme .owl-nav { margin-top:0; position:absolute; width:calc(100% + 38px); height:0; left:-19px; top:50%; margin-top:-24px; overflow:visible;}
.sp .slideBannerArea .owl-theme .owl-nav { display:none;}
.slideBannerArea .owl-theme .owl-nav .owl-prev,
.slideBannerArea .owl-theme .owl-nav .owl-next { color:#333; padding:0; margin:0; position:absolute; top:-14px; background-color:#009659; width:38px; height:38px; border-radius:19px; overflow:hidden; display:block; text-indent:100px; background-repeat:no-repeat; box-shadow:0 0 2px 0 #999;}
.slideBannerArea .owl-theme .owl-nav .owl-prev { left:0; background-image:url(../images/slideBanner/owl-prev.gif); background-position:14px center;}
.slideBannerArea .owl-theme .owl-nav .owl-next { right:0; background-image:url(../images/slideBanner/owl-next.gif); background-position:15px center;}
.slideBannerArea .owl-theme .owl-nav .owl-prev:hover { background-position:9px center;}
.slideBannerArea .owl-theme .owl-nav .owl-next:hover { background-position:20px center;}

.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner01 a,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner02 a,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner03 a,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button01 a,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button02 a,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 a,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner01 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner02 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner03 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button01 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button02 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 a:hover { -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s;}
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner01 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner02 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner03 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button01 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button02 a:hover,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 a:hover { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; -webkit-opacity:0.8;}

.slideBannerArea .owl-carousel .owl-item .item.layout1,
.slideBannerArea .owl-carousel .owl-item .item.layout2 { position:relative;}
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner01,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner02,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner03 { width:50.4%; left:47.8%;}
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner01 { top:4.761%;}
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner02 { top:33.583%;}
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner03 { top:68.17%;}

.slideBannerArea .owl-carousel .owl-item .item.layout2 .button01,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button02,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 { width:45.5%; height:10.025%; background-color:#fff;}
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button01 { left:3.2%; top:26.315%;}
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button02 { left:50.9%; top:26.315%;}
/* .slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 { left:3.2%; top:26.315%;} */
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 { left: 50.9%; top: 58.395%;}

.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner01 a,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner02 a,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner03 a,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button01 a,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button02 a,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 a { display:block; width:100%; float:left;}
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner01 img,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner02 img,
.slideBannerArea .owl-carousel .owl-item .item.layout1 .banner03 img,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button01 img,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button02 img,
.slideBannerArea .owl-carousel .owl-item .item.layout2 .button03 img,
.slideBannerArea .owl-carousel .owl-item .item .base { width:100%; height:auto; float:left;}

.titleFormat01,
.titleFormat02 { width:100%; text-align:center;}
.titleFormat01 strong,
.titleFormat02 strong { display:block; font-family: "Noto Sans Japanese"; font-size:1.7em; line-height:1.3em; letter-spacing:0.07em;}
.titleFormat01 strong { font-weight:600;}
.titleFormat02 strong { font-weight:500; color:#fff;}
.titleFormat01 em,
.titleFormat02 em { display:block; font-family: 'Roboto Condensed'; color:#009659; font-size:1.2em; line-height:1.3em; letter-spacing:0.07em; margin-top:0.4em;}
.titleFormat01 em { color:#009659; font-weight:400;}
.titleFormat02 em { color:#fff; font-weight:300;}

.contentWrap1,
.contentWrap2,
.contentWrap3,
.contentWrap4 { width:100%; min-width:320px;}

.contentWrap1 { background-color:#009659; position:relative; z-index:1;}
.contentWrap1 .innerWrap { width:980px; margin-left:auto; margin-right:auto; padding-top:35px; padding-bottom:35px;}
.contentWrap1 .mainChar01 { left:-130px; bottom:0;}
.contentWrap1 .balloon01 { left:20px; top:10px; display:none;}
.contentWrap1 .mainChar01 img,
.contentWrap1 .balloon01 img { float:left;}
.contentWrap1 .tableFormat02 { border-spacing:20px 0; width:1000px; margin-left:-10px;}
.contentWrap1 .tableFormat02 .tableCell { width:calc(100% / 4); background-color:#fff; box-shadow:0 0 3px 0 #666; border-radius:5px; text-align:center;  vertical-align:top; padding-top:15px; padding-bottom:15px; cursor:pointer; overflow:visible;}
.contentWrap1 .tableFormat02 .tableCell * { cursor:pointer;}
.contentWrap1 .tableFormat02 .tableCell .frame { border-width:1px; border-style:solid; left:3px; top:3px; box-sizing:border-box; width:calc(100% - 6px); height:calc(100% - 6px); border-radius:3px; background-repeat:no-repeat; background-position:calc(100% - 5px) calc(100% - 5px);}
.contentWrap1 .tableFormat02 .tableCell .illust { position:relative;}
.contentWrap1 .tableFormat02 .tableCell .illust>img:nth-of-type(1) { max-width:110px; width:85%; height:auto;}
.contentWrap1 .tableFormat02 .tableCell .link { font-size:1.2em; width:calc(100% - 16px); margin-left:auto; margin-right:auto; line-height:1.35em; font-family: "Noto Sans Japanese"; position:relative; margin-top:8px;}
.contentWrap1 .tableFormat02 .tableCell .link a { font-family: "Noto Sans Japanese";}

.contentWrap1 .tableFormat02 .tableCell.pattern1 .link a { color:#007043;}
.contentWrap1 .tableFormat02 .tableCell.pattern2 .link a { color:#654791;}
.contentWrap1 .tableFormat02 .tableCell.pattern3 .link a { color:#247096;}
.contentWrap1 .tableFormat02 .tableCell.pattern4 .link a { color:#db7134;}
.contentWrap1 .tableFormat02 .tableCell.pattern1 .frame { border-color:#54dea5; background-image:url(../images/deco1_01.png);}
.contentWrap1 .tableFormat02 .tableCell.pattern2 .frame { border-color:#ab9bd1; background-image:url(../images/deco1_02.png);}
.contentWrap1 .tableFormat02 .tableCell.pattern3 .frame { border-color:#5bafe0; background-image:url(../images/deco1_03.png);}
.contentWrap1 .tableFormat02 .tableCell.pattern4 .frame { border-color:#ffb285; background-image:url(../images/deco1_04.png);}

.contentWrap2 { background-color:#fff; background-repeat:repeat; background-position:center center; background-image:url(../../images/common/gridBg01.gif); overflow:hidden; padding-top:23px; margin-top:-30px;}
.contentWrap2 .bannerWrap { width:980px; margin-left:auto; margin-right:auto; padding-top:45px; padding-bottom:45px;}
.contentWrap2 .bannerWrap .balloonBg01 img,
.contentWrap2 .bannerWrap .balloonBg02 img { float:left;}
.contentWrap2 .bannerWrap .balloonBg01 { top:-22px; left:-60px; z-index:1;}
.contentWrap2 .bannerWrap .balloonBg02 { top:-20px; right:-78px; z-index:1;}

.contentWrap2 .bannerWrap .innerWrap01 { width:100%; z-index:2;}
.contentWrap2 .innerWrap01 a { display:block; box-shadow:0 0 3px 0 #aaa; border-radius:5px; padding-top:5px; padding-bottom:5px; background-color:#fff; overflow:hidden;}
.contentWrap2 .innerWrap01 a img { width:calc(100% - 10px); height:auto; float:left; margin-left:5px;}

.contentWrap2 .bannerWrap .innerWrap02 { width:100%; margin-top:40px; position:relative; z-index:2;}
.contentWrap2 .innerWrap02 .banner01 { cursor:pointer; width:calc(96.122% / 3); height:206px; /*box-shadow:0 0 2px 0 #aaa;*/ margin-bottom:19px; background-color:#fff; position:relative;}
.contentWrap2 .innerWrap02 .banner01 * { cursor:pointer;}
.contentWrap2 .innerWrap02 .banner01.noHover,
.contentWrap2 .innerWrap02 .banner01.noHover * { cursor:default;}
.contentWrap2 .innerWrap02 .banner01.noHover a,
.contentWrap2 .innerWrap02 .banner01.noHover a * { cursor:pointer;}
.contentWrap2 .innerWrap02 .bannerArea { width:100%; overflow:hidden; margin-top:30px;}
.contentWrap2 .innerWrap02 .bannerArea .clear_1px.two { display:none;}
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n) { float:right;}
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n-1) { float:left;}
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n-2) { float:left; margin-right:1.938%;}
.contentWrap2 .innerWrap02 .banner01:nth-last-of-type(1),
.contentWrap2 .innerWrap02 .banner01:nth-last-of-type(2),
.contentWrap2 .innerWrap02 .banner01:nth-last-of-type(3) { margin-bottom:0;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .photo01 { width:100%; float:left;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .photo01>a { display:block; width:100%; float:left;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .photo01>img,
.contentWrap2 .innerWrap02 .banner01.pattern1 .photo01>a>img { float:left;}
.contentWrap2 .innerWrap02 .banner01 .link01 { width:100%; height:46px; left:0; top:160px;}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { display:block; width:100%; height:100%; box-sizing:border-box; font-size:1.1em; line-height:44px; padding-left:16px; font-family:"Noto Sans Japanese"; font-weight:bold; background-image:url(../images/banner_icon01.png); background-repeat:no-repeat; background-position:calc(100% - 17px) 16px; box-sizing:border-box; border-color:#d9d9d9; border-style:solid; border-width:0 1px 1px 1px;}
.contentWrap2 .innerWrap02 .banner01 .link01>strong>a { font-size:1em; font-family:"Noto Sans Japanese";}
.contentWrap2 .innerWrap02 .banner01 .link01>strong>a:hover { color:#189429;}
.contentWrap2 .innerWrap02 .banner01:hover .link01>a,
.contentWrap2 .innerWrap02 .banner01:hover .link01>strong { background-position:calc(100% - 9px) 16px; color:#333;}
.contentWrap2 .innerWrap02 .banner01.pattern2 { overflow:hidden;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .content01 { width:calc(100% + 1px); height:160px;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .content01>.tableCell { vertical-align:middle; text-align:center;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .frame1 { border-width:1px; border-style:solid; width:calc(100% - 4px); height:calc(100% - 4px - 46px); left:2px; top:2px; box-sizing:border-box; z-index:1;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { border-color:#a3e3b3;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1 { border-color:#f7cbc5;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1 { border-color:#afd5ed;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .content01 * { color:#fff;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:1.2em; position:relative; z-index:2;}
.contentWrap2 .innerWrap02 .banner01.color1 .content01 { background-color:#00b420;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-position:calc(100% - 5px) calc(100% - 5px); background-image:url(../images/banner_illust01_1.png); background-repeat:no-repeat; background-size:75px auto;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img { position:absolute; width:35px; height:auto;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img:nth-of-type(1) { left:-1px; bottom:-1px;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img:nth-of-type(2) { right:-1px; top:-1px;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { position:absolute; right:-3px; bottom:-3px; width:90px; height:auto;}

.contentWrap2 .innerWrap02 .banner01.color1 .text01 { line-height:1.35em; margin-top:0.2em;}
.contentWrap2 .innerWrap02 .banner01.color1 .text01 br { display:none;}
.contentWrap2 .innerWrap02 .banner01.color1 .text01 strong { display:block; font-size:1.75em; margin-bottom:0.35em;}
.contentWrap2 .innerWrap02 .banner01.color1 .text01 strong em { font-family:"Oswald"; letter-spacing:0.05em; margin-left:0.05em; font-size:1.03em; vertical-align:-0.03em; font-weight:400;}
.contentWrap2 .innerWrap02 .banner01.color2 .content01 { background-color:#eb715e;}
.contentWrap2 .innerWrap02 .banner01.color2 .text01 { line-height:1.4em; margin-top:0.3em;}
.contentWrap2 .innerWrap02 .banner01.color2 .text01 strong { font-size:1.75em; display:block; margin-bottom:0.4em;}
.contentWrap2 .innerWrap02 .banner01.color3 .content01 { background-color:#148ad1;}
.contentWrap2 .innerWrap02 .banner01.color3 .text01 { line-height:1.35em; margin-top:0.2em;}
.contentWrap2 .innerWrap02 .banner01.color3 .text01 strong { display:block; font-size:1.4em; margin-bottom:0.2em; line-height:1.25em;}

.contentWrap2 .innerWrap02 .banner01 .buttonArea { width:44.585%; top:42px; right:2.866%;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button { width:100%; overflow:hidden;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button:nth-of-type(2) { margin-top:6px;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a { display:block; width:100%; float:left;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a>img { width:100%; height:auto; float:left;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a>img:nth-of-type(2) { display:none;}

.contentWrap3 { background-color:#dff0e9; background-repeat:repeat-x; background-position:left top; background-image:url(../images/shadowBg01.png); padding-top:45px; padding-bottom:50px;}
.contentWrap3 .inner { width:980px; margin-left:auto; margin-right:auto; overflow:hidden; margin-top:30px;}
.contentWrap3 .inner>.tableFormat02 { width:calc(100% + 60px); margin-left:-30px; border-spacing:30px 0;}
.contentWrap3 .inner .tableCell { vertical-align:top; width:50%; overflow:hidden; border-radius:5px; background-color:#fff; padding-bottom:20px; cursor:pointer;}
.contentWrap3 .inner .tableCell * { cursor:pointer;}
.contentWrap3 .inner .tableCell.nopoint * { cursor:default;}
.contentWrap3 .inner .tableCell .photo { width:100%; overflow:hidden;}
.contentWrap3 .inner .tableCell .photo img { float:left; width:100%; height:auto;}
.contentWrap3 .inner .tableCell .text1,
.contentWrap3 .inner .tableCell .text2 { width:90%; margin-left:auto; margin-right:auto;}
.contentWrap3 .inner .tableCell .text1 { font-family:"Noto Sans Japanese"; font-weight:600; font-size:1.5em; letter-spacing:0.05em; line-height:1.3em; margin-top:15px;}
.contentWrap3 .inner .tableCell .text1 a { font-size:1em; font-family:"Noto Sans Japanese";}
.contentWrap3 .inner .tableCell .text2 { font-size:1.1em; line-height:1.5em; margin-top:0.4em;}
.contentWrap3 .inner .tableCell .frame { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border-width:3px; border-style:solid; border-radius:6px;}
.contentWrap3 .inner .tableCell .arrow { background-repeat:no-repeat; background-position:center center; background-image:url(../images/arrow01.png); border-radius:5px 0  5px 0; right:0; bottom:0; width:28px; height:28px;}

.contentWrap3 .inner .tableCell.pattern1 .text1 a { color:#008c53;}
.contentWrap3 .inner .tableCell.pattern2 .text1 a { color:#e08000;}
.contentWrap3 .inner .tableCell.pattern1 .frame { border-color:#00b268;}
.contentWrap3 .inner .tableCell.pattern2 .frame { border-color:#ff8c0f;}
.contentWrap3 .inner .tableCell.pattern1 .arrow { background-color:#00b268;}
.contentWrap3 .inner .tableCell.pattern2 .arrow { background-color:#ff8c0f;}

.contentWrap4 { background-repeat:repeat; background-position:center top; background-image:url(../images/contentBg01.jpg); padding-top:45px;}
.contentWrap4 .inner { background-color:#fff; width:980px; margin-left:auto; margin-right:auto; padding-top:25px; padding-bottom:25px; border-radius:5px; margin-top:30px;}
.contentWrap4 .news-list { overflow:hidden; width:92%; margin-left:auto; margin-right:auto; font-size:1em;}
.contentWrap4 .news-list>li { width:100%;}
.contentWrap4 .news-list>li>a { display:block; width:100%; background-image:url(../images/dotted01.gif); background-repeat:repeat-x; background-position:left bottom; background-color:#fff; overflow:hidden; padding-top:1.3em; padding-bottom:1.3em; cursor:pointer;}
.contentWrap4 .news-list>li:last-of-type>a { background-image:none;}
.contentWrap4 .news-list>li>a * { cursor:pointer;}
.contentWrap4 .news-list>li>a:hover { background-color:#fefceb;}

.contentWrap4 .news-list .info { width:13em; float:left; overflow:hidden;}
.contentWrap4 .news-list .info time { color:#008c53; font-family: 'Oswald'; letter-spacing:0.05em; margin-left:5px; width:5.5em; display:block; font-size:1.2em; float:left; line-height:1.3em !important;}
.contentWrap4 .news-list .info .category { display:block; box-sizing:border-box; border:1px #ddd solid; text-align:center; display:block; float:right; width:6em; line-height:1.5em; height:1.6em; border-radius:0.2em; background-color:#fff; font-size:0.95em;}
.contentWrap4 .news-list .txt { width:calc(100% - 7px - 13em); font-size:1.1em; margin-right:5px; float:right; text-align:justify; text-justify:inter-ideograph;}

.contentWrap4 .btn01 { max-width:240px; width:100%; margin-left:auto; margin-right:auto; text-align:center; margin-top:25px; z-index:2; position:relative;}
.contentWrap4 .btn01 a { display:block; color:#00b268; border:2px #00b268 solid; box-sizing:border-box; width:100%; background-color:#fff; background-repeat:no-repeat; background-image:url(../images/arrow02.png); background-position:calc(100% - 16px); font-family:"Noto Sans Japanese"; font-weight:500; font-size:1.2em; border-radius:1.65em; line-height:1.2em; padding-top:0.8em; padding-bottom:0.9em;}
.contentWrap4 .btn01 a:hover { background-position:calc(100% - 11px);}
.contentWrap4 .pageTopLinkArea { width:980px; margin-left:auto; margin-right:auto; margin-top:-30px; z-index:1;}
.contentWrap4 .pageTopLinkArea .pageTopLink { width:203px; float:right; cursor:pointer; background-image:url(../../images/common/pageTopLinkBg.png); background-repeat: no-repeat; background-position:left top;}
.contentWrap4 .pageTopLinkArea .pageTopLink img { float:left;}

.otherContHeader { display:none; min-width:320px;}
.otherContHeader .greenLine { width:100%; overflow:hidden; background-color:#138121; background-image:url(../../images/common/bg02.gif); background-repeat:repeat; background-position:left top; height:7px;}

.mobile .otherContHeader { display:block;}
.mobile .pcHeaderArea { display:none;}
.mobile .contentWrap4 .btn01 { z-index:1;}
.mobile .contentWrap4 .pageTopLinkArea { /*width:95%;*/ width:125px; margin-left:auto; margin-right:2.5%; z-index:2;}
.mobile .contentWrap4 .pageTopLinkArea .pageTopLink { width:125px; background-size:122px auto;}
.mobile .contentWrap4 .pageTopLinkArea .pageTopLink img { width:100%; height:auto;}
.mobile #footer { background-color:#fff;}

.mobile .contentWrap4 .inner { padding-top:15px; padding-bottom:15px;}
.mobile .contentWrap4 .news-list { font-size:0.9em;}
.mobile .contentWrap4 .news-list .info time { padding-top:0.05em;}
.mobile .contentWrap4 .news-list .info .category { line-height:1.4em;}

@media screen and (max-width:1020px){
.headerArea,
.mainMenuArea>.tableFormat01,
.slideBannerArea .slideBanner,
.contentWrap2 .bannerWrap,
.contentWrap4 .inner { width:calc(100% - 40px);}
.slideBannerArea .owl-theme .owl-nav { width:calc(100% + 30px); left:-15px;}
.contentWrap1 .innerWrap { width:calc(100% - 15px); padding-top:25px; padding-bottom:25px;}
.mainMenuArea>.tableFormat01>.tableCell>a,
.mainMenuArea>.tableFormat01>.tableCell .subMenuInner>p { font-size:0.9em;}

.contentWrap1 .innerWrap { overflow:hidden;}
.contentWrap1 .mainChar01 { left:0; width:125px;}
.contentWrap1 .mainChar01 img { width:100%; height:auto; float:left;}
.contentWrap1 .tableFormat02 { width:calc(100% - 110px); border-spacing:15px 0; float:right;}
.contentWrap1 .tableFormat02 .tableCell .link { font-size:1em;}

.contentWrap2 { overflow:hidden; margin-top:-10px; padding-top:0;}
.contentWrap2 .bannerWrap .innerWrap01 { width:calc(100% - 30px); margin-left:auto; margin-right:auto;}
.contentWrap2 .bannerWrap .balloonBg01 { left:-20px; width:106px; top:0;}
.contentWrap2 .bannerWrap .balloonBg02 { right:-30px; width:84px; top:0;}
.contentWrap2 .bannerWrap .balloonBg01 img,
.contentWrap2 .bannerWrap .balloonBg02 img { width:100%; height:auto;}
.contentWrap2 .bannerWrap .innerWrap02 { margin-top:30px;}
.contentWrap2 .innerWrap02 .bannerArea { margin-top:25px;}
.contentWrap2 .innerWrap02 .banner01 { height:auto;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .photo01>img,
.contentWrap2 .innerWrap02 .banner01.pattern1 .photo01>a>img { width:100%; height:auto;}
.contentWrap2 .innerWrap02 .banner01 .link01 { position:relative; left:auto; top:auto;}

.contentWrap3 .inner { width:950px;}
.contentWrap3 { padding-top:35px; padding-bottom:35px;}
.contentWrap3 .inner { margin-top:25px;}
.contentWrap3 .inner>.tableFormat02 { border-spacing:20px 0; margin-left:-20px; width:calc(100% + 40px);}

.contentWrap4 { padding-top:35px;}
.contentWrap4 .inner { margin-top:25px; padding-top:20px; padding-bottom:15px;}
}

@media screen and (max-width:990px){
.contentWrap3 .inner,
.contFooterArea01,
.contFooterArea02 { width:calc(100% - 40px);}
.contFooterArea02 .linkArea01,
.contFooterArea02 .linkArea02 { width:calc(100% / 4 - 62px);}

.contentWrap4 .pageTopLinkArea { width:calc(100% - 10px);}
}

@media screen and (max-width:950px){
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:60px auto;}
}

@media screen and (max-width:900px){
.contentWrap1 .tableFormat02 .tableCell.pattern4 .link a br { display:none;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:1.1em;}
.contentWrap2 .innerWrap02 .banner01.color1 .text01 strong,
.contentWrap2 .innerWrap02 .banner01.color2 .text01 strong { font-size:1.7em;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:75px;}
}

@media screen and (max-width:880px){
.headerArea .linkArea1 { width:calc(100% - 289px);}
}

@media screen and (max-width:865px){
/*.headerArea .linkArea1 img:nth-of-type(1) { width:40.858%; height:auto;}
.headerArea .linkArea1 img:nth-of-type(2) { width:55.97%; height:auto;}*/

.contFooterArea02 .contactArea { width:175px;}
.contFooterArea02 .contactArea p { margin-left:13px;}
.contFooterArea02 .linkArea01,
.contFooterArea02 .linkArea02 { width:calc(100% / 4 - 55px);}
.contFooterArea02 .linkArea01 strong,
.contFooterArea02 .linkArea02 strong { font-size:0.9em; line-height:1.3em; background-position:4px 0;}
.contFooterArea02 .linkArea01 .subMenu,
.contFooterArea02 .linkArea02 .subMenu { font-size:0.85em; line-height:1.3em;}
.contFooterArea02 .linkArea01 .subMenu p,
.contFooterArea02 .linkArea02 .subMenu p { margin-bottom:0.4em;}
}

@media screen and (max-width:850px){
.contentWrap1 .tableFormat02 { border-spacing:10px 0; margin-right:5px; width:calc(100% - 115px);}
.contentWrap3 .inner .tableCell.pattern1 .text2 br { display:none;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:50px auto;}
.contentWrap2 .innerWrap02 .banner01 .text01 { font-size:1em;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img { width:30px;}
.contentWrap2 .innerWrap02 .banner01.color2 .text01 strong { font-size:1.6em;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:70px;}
}

@media screen and (max-width:800px){
.headerArea { height:84px;}
.headerArea .linkArea1 { top:13px;}
.headerArea .linkArea2 { margin-top:-3em;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) { border-spacing:4px; margin-right:-4px;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableCell>a { background-size:11px 11px; background-position:15px 0.75em;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableCell { font-size:1em;}
.headerArea .linkArea2 .tableFormat02:nth-of-type(1) .tableCell>a { padding-top:0.6em; padding-bottom:0.65em;}
.mainMenuArea>.tableFormat01>.tableCell>a,
.mainMenuArea>.tableFormat01>.tableCell .subMenuInner>p { font-size:0.83em;}
.mainMenuArea>.tableFormat01>.tableCell>a { padding-top:20px; padding-bottom:21px;}

.titleFormat01 strong,
.titleFormat02 strong { font-size:1.4em;}
.titleFormat01 em,
.titleFormat02 em { font-size:1em; margin-top:0.3em;}

.contentWrap2 .innerWrap02 .banner01 { margin-bottom:15px;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:1em;}
.contentWrap2 .innerWrap02 .banner01 .link01 { height:36px;}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { line-height:34px; font-size:0.95em; padding-left:10px; padding-right:25px; background-position:calc(100% - 12px) 12px; background-size:auto 10px;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .frame1 { height:calc(100% - 4px - 36px);}

.contentWrap2 .innerWrap02 .banner01:hover .link01>a,
.contentWrap2 .innerWrap02 .banner01:hover .link01>strong { background-position:calc(100% - 4px) 12px;}

.contentWrap3 .inner .tableCell .text1 { font-size:1.3em;}
.contentWrap3 .inner .tableCell .text2 { font-size:1em;}

.contentWrap4 .btn01 a { font-size:1.1em; background-size:auto 10px;}
}

@media screen and (max-width:769px){
.contentWrap1 .innerWrap { padding-top:15px; padding-bottom:15px;}
.contentWrap2 .bannerWrap { padding-bottom:30px;}
.contentWrap2 .bannerWrap .innerWrap02 { margin-top:25px;}
.contentWrap2 .innerWrap02 .bannerArea { margin-top:15px;}
.contentWrap3 { padding-top:25px; padding-bottom:30px;}
.contentWrap3 .inner { margin-top:15px;}
.contentWrap4 { padding-top:25px;}
.contentWrap4 .inner { margin-top:15px;}
.contentWrap4 .pageTopLinkArea { margin-top:-20px;}
.contentWrap4 .btn01 { margin-top:20px;}
}

@media screen and (max-width:750px){
.contentWrap1 .tableFormat02 .tableCell .link { font-size:0.9em;}
.contentWrap1 .tableFormat02 .tableCell { padding-top:22px; padding-bottom:20px;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:0.9em;}
.contentWrap2 .innerWrap02 .banner01.color1 .text01 br { display:block;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:60px;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button:nth-of-type(2) { margin-top:4px;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a>img:nth-of-type(1) { display:none;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button a>img:nth-of-type(2) { display:block;}
}

@media screen and (max-width:700px){
.contentWrap3 .inner>.tableFormat02 { border-spacing:15px 0; margin-left:-15px; width:calc(100% + 30px);}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:50px;}
}

@media screen and (max-width:660px){
.contentWrap1 .tableFormat02 .tableCell.pattern1 .link a br,
.contentWrap1 .tableFormat02 .tableCell.pattern2 .link a br { display:none;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .frame1 { background-position:calc(100% - 3px) calc(100% - 3px); background-size:45px auto;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:0.8em;}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { font-size:0.85em;}
.contentWrap3 .inner .tableCell .text2 { font-size:0.85em;}
}

@media screen and (max-width:600px){
.otherContHeader .greenLine { height:5px;}
.slideBannerArea { padding-top:15px; padding-bottom:5px;}
.slideBannerArea .owl-theme .owl-dots { margin-top:7px;}
.slideBannerArea .owl-theme .owl-nav { margin-top:-20px;}
.titleFormat01 strong,
.titleFormat02 strong { font-size:1.3em;}
.titleFormat01 em,
.titleFormat02 em { font-size:0.9em;}

.contentWrap1 .mainChar01 { width:120px;}
.contentWrap1 .tableFormat02 .tableCell .link { font-size:0.8em;}

.contentWrap2 .innerWrap01 a { padding-top:3px; padding-bottom:3px; border-radius:2px;}
.contentWrap2 .innerWrap01 a img { width:calc(100% - 6px); margin-left:3px;}
.contentWrap2 .innerWrap02 .banner01 { margin-bottom:12px;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:0.75em;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:40px auto;}
.contentWrap2 .innerWrap02 .banner01.color2 .text01 strong { font-size:1.4em;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img { width:28px;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:45px;}
.contentWrap2 .innerWrap02 .banner01 .buttonArea .button:nth-of-type(2) { margin-top:3px;}
.contentWrap2 .bannerWrap .innerWrap02 { margin-top:20px;}

.contentWrap3 .inner .tableCell { padding-bottom:15px;}
.contentWrap3 .inner .tableCell .text1 { margin-top:10px;}
}

@media screen and (max-width:550px){
.contentWrap1 .mainChar01 { width:145px; z-index:2;}
.contentWrap1 .balloon01 { display:block;}
.contentWrap1 .tableFormat02 { margin-right:0; display:block; width:calc(100% - 130px); margin-right:13px; position:relative; z-index:1;}
.contentWrap1 .tableFormat02 .tableCell { display:block; width:100%; overflow:hidden; padding-top:10px; padding-bottom:10px; margin-bottom:7px;}
.contentWrap1 .tableFormat02 .tableCell:last-of-type { margin-bottom:0;}
.contentWrap1 .tableFormat02 .tableCell .illust { max-width:80px; width:80px; float:left; margin-left:20px;}
.contentWrap1 .tableFormat02 .tableCell .illust>img:nth-of-type(1) { width:100%;}
.contentWrap1 .tableFormat02 .tableCell .link { text-align:left; font-size:1.3em; margin-left:110px; width:auto; margin-right:10px; text-indent:0.5em;}
.contentWrap1 .tableFormat02 .tableCell.pattern1 .link a br,
.contentWrap1 .tableFormat02 .tableCell.pattern2 .link a br,
.contentWrap1 .tableFormat02 .tableCell.pattern3 .link a br,
.contentWrap1 .tableFormat02 .tableCell.pattern4 .link a br { display:block;}
.contentWrap1 .tableFormat02 .tableCell .link { margin-top:6px; line-height:1.3em;}

.contentWrap2 { margin-top:0;}
.contentWrap2 .innerWrap02 .bannerArea .clear_1px.three { display:none;}
.contentWrap2 .innerWrap02 .bannerArea .clear_1px.two { display:block;}
.contentWrap2 .innerWrap02 .banner01 { width:calc(97.373% / 2); margin-bottom:13px;}
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n),
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n-1),
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n-2) { float:left; margin-right:0;}
.contentWrap2 .innerWrap02 .banner01:nth-of-type(2n) { float:right;}
.contentWrap2 .innerWrap02 .banner01:nth-last-of-type(3) { margin-bottom:13px;}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { font-size:1em;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:1.03em;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:65px auto;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img { width:35px;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:70px;}
.contentWrap2 .bannerWrap { padding-top:20px;}
.contentWrap2 .bannerWrap .balloonBg01,
.contentWrap2 .bannerWrap .balloonBg02 { display:none;}
.contentWrap2 .bannerWrap .innerWrap01 { width:100%;}
}

@media screen and (max-width:500px){
.otherContHeader { background-position:center -6px; padding-top:10px;}

.contentWrap1 .tableFormat02 .tableCell .illust { margin-left:10px;}
.contentWrap1 .tableFormat02 .tableCell .link { margin-left:91px; margin-right:7px; font-size:1.15em; margin-top:10px;}

.contentWrap3 .inner>.tableFormat02 { display:block; width:100%; margin-left:0;}
.contentWrap3 .inner .tableCell { display:block; width:100%; margin-top:10px;}
.contentWrap3 .inner .tableCell:first-of-type { margin-top:0;}
.contentWrap3 .inner .tableCell .text1 { font-size:1.5em;}
.contentWrap3 .inner .tableCell .text2 { font-size:1em;}
.contentWrap3 .inner .tableCell.pattern1 .text2 br { display:block;}

.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { font-size:0.8em;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01 { font-size:0.9em;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:55px auto;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:65px;}

.mobile .contentWrap4 .inner { padding-top:10px; padding-bottom:10px;}

.contentWrap4 .news-list>li>a { padding-top:1.1em; padding-bottom:1.1em;}
.contentWrap4 .news-list .info { float:none;}
.contentWrap4 .news-list .txt { width:calc(100% - 10px); float:none; margin-left:5px; margin-right:0; margin-top:0.15em;}

.contentWrap4 .btn01 { margin-top:15px;}
.contentWrap4 .pageTopLinkArea { margin-top:-30px;}
}

@media screen and (max-width:450px){
.slideBannerArea .slideBanner { width:calc(100% - 12px);}
.slideBannerArea .owl-theme .owl-nav { margin-top:-16px;}
.slideBannerArea .owl-theme .owl-nav .owl-prev,
.slideBannerArea .owl-theme .owl-nav .owl-next { background-size:auto 8px; width:30px; height:30px; border-radius:15px;}
.slideBannerArea .owl-theme .owl-nav .owl-prev { background-position:13px center;}
.slideBannerArea .owl-theme .owl-nav .owl-next { background-position:11px center;}
.slideBannerArea .owl-theme .owl-nav .owl-prev:hover { background-position:9px center;}
.slideBannerArea .owl-theme .owl-nav .owl-next:hover { background-position:15px center;}

.titleFormat01 strong,
.titleFormat02 strong { font-size:1.1em;}
.titleFormat01 em,
.titleFormat02 em { margin-top:0.1em;}

.contentWrap1 .tableFormat02 .tableCell .link { font-size:1.05em; margin-top:11px;}

.contentWrap2 .bannerWrap { padding-bottom:20px;}
.contentWrap2 .innerWrap02 .bannerArea { margin-top:12px;}
.contentWrap2 .innerWrap02 .banner01 { margin-bottom:10px;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:50px auto;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern3 .text01 { font-size:0.8em;}
.contentWrap2 .innerWrap02 .banner01:nth-last-of-type(3) { margin-bottom:10px;}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img { width:30px;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:55px;}

.contentWrap3 { padding-top:15px; padding-bottom:15px;}
.contentWrap3 .inner { margin-top:12px;}
.contentWrap3 .inner .tableCell .text1 { font-size:1.3em;}
.contentWrap3 .inner .tableCell .text2 { font-size:0.9em;}

.contentWrap4 { padding-top:15px;}
.contentWrap4 .inner { padding-top:15px; padding-bottom:15px; margin-top:12px;}
.contentWrap4 .btn01 { margin-top:15px;}
}

@media screen and (max-width:430px){
.contentWrap1 .tableFormat02 .tableCell .illust { max-width:65px; width:65px;}
.contentWrap1 .tableFormat02 .tableCell .link { margin-left:76px; margin-top:5px;}

.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { padding-left:7px; padding-right:20px;}

/*.contentWrap4 .pageTopLinkArea { margin-top:0;}*/
}

@media screen and (max-width:410px){
.slideBannerArea { padding-top:10px;}

.contentWrap1 .tableFormat02 .tableCell .link { font-size:0.95em; margin-top:7px;}
.contentWrap2 .bannerWrap { padding-top:15px; padding-bottom:15px;}
.contentWrap2 .bannerWrap .innerWrap02 { margin-top:15px;}
}

@media screen and (max-width:405px){
.contentWrap1 .innerWrap { width:calc(100% - 10px);}
.contentWrap1 .mainChar01 { width:95px;}
.contentWrap1 .tableFormat02 { width:calc(100% - 95px); margin-right:2px;}
.contentWrap1 .balloon01 { left:14px; width:63px;}
.contentWrap1 .balloon01 img { width:100%; height:auto;}
.contentWrap1 .tableFormat02 .tableCell { padding-top:6px; padding-bottom:6px;}
.contentWrap1 .tableFormat02 .tableCell .frame { left:2px; top:2px; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:4px; background-position:calc(100% + 2px) calc(100% + 2px);}
.contentWrap1 .tableFormat02 .tableCell .link { margin-right:7px;}

.contentWrap2 .bannerWrap { width:calc(100% - 15px);}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img { width:28px;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:50px;}
/*
.contentWrap2 .innerWrap02 .bannerArea>.clear_1px,
.contentWrap2 .innerWrap02 .bannerArea .clear_1px.two { display:none;}
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n),
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n-1),
.contentWrap2 .innerWrap02 .banner01:nth-of-type(3n-2),
.contentWrap2 .innerWrap02 .banner01:nth-of-type(2n) { float:none; margin-left:auto; margin-right:auto;}
.contentWrap2 .innerWrap02 .banner01 { width:100%; max-width:260px; margin-left:auto; margin-right:auto;}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { padding-left:14px; font-size:0.95em;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern3 .text01 { font-size:1.1em;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:65px auto;}
.contentWrap2 .innerWrap02 .banner01:nth-last-of-type(2) { margin-bottom:10px;}
*/
.contentWrap3 .inner,
.contentWrap4 .inner { width:calc(100% - 15px);}
}
@media screen and (max-width:400px){
.mobile .contentWrap4 .pageTopLinkArea { margin-right:0;}
.mobile .contentWrap4 .news-list { font-size:0.8em;}
}
@media screen and (max-width:360px){
.contentWrap1 .innerWrap { padding-top:10px; padding-bottom:10px;}

.contentWrap2 .innerWrap02 .banner01 { width:calc(97.8% / 2); margin-bottom:6px;}
.contentWrap2 .innerWrap02 .banner01:nth-last-of-type(3) { margin-bottom:6px;}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { background-image:none; padding-right:3px;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern3 .text01 { font-size:0.7em; padding-left:3px; padding-right:3px; padding-left:3px;}
.contentWrap2 .innerWrap02 .banner01.color1 .frame1 { background-size:40px auto;}
.contentWrap2 .innerWrap02 .banner01.color2 .text01 strong { font-size:1.6em;}
.contentWrap2 .innerWrap02 .banner01 .link01 { height:29px;}
.contentWrap2 .innerWrap02 .banner01 .link01>a,
.contentWrap2 .innerWrap02 .banner01 .link01>strong { line-height:28px;}
.contentWrap2 .innerWrap02 .banner01.pattern2 .frame1 { height:calc(100% - 4px - 29px);}
.contentWrap2 .innerWrap02 .banner01.color2 .frame1>img { display:none;}
.contentWrap2 .innerWrap02 .banner01.color3 .frame1>img:nth-of-type(1) { width:45px;}
.contentWrap2 .innerWrap02 .banner01.pattern1 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern2 .text01,
.contentWrap2 .innerWrap02 .banner01.pattern3 .text01 { margin-left:6px; margin-right:6px;}
.contentWrap2 .innerWrap02 .banner01.color3 .text01 strong { font-size:1.35em;}
}

@media screen and (max-width:350px){
.titleFormat01 strong, .titleFormat02 strong { font-size:1em;}

.contentWrap1 .tableFormat02 .tableCell .link { font-size:0.9em; margin-left:55px; margin-top:3px;}
.contentWrap1 .tableFormat02 .tableCell .illust { max-width:50px; width:50px; margin-left:7px;}

.contentWrap2 .innerWrap02 .banner01.color2 .text01 strong { font-size:1.5em;}
.contentWrap2 .innerWrap02 .banner01.color2 .text01 br,
.contentWrap2 .innerWrap02 .banner01.color3 .text01 strong br { display:none;}

.contentWrap3 .inner .tableCell .text1 { font-size:1.2em;}
.contentWrap3 .inner .tableCell.pattern1 .text2 br { display:none;}
}