@charset "UTF-8";

body {
    height: auto; /*min-width:320px;*/
    background-image: none;
    background-color: #fff;
}
#header { margin:0 auto 6px auto;}
#fNavi ul { display:block;}
#topHeaderBlock { position:relative; z-index:2;}
iframe[name="google_conversion_frame"] { overflow:hidden; height:0; width:0; position:absolute; left:0; bottom:0;}
#footer { padding:0 0 15px;}

.fontHiragino { font-family:/*"Sawarabi Gothic",*/ "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Apple TP", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "Arial", "Verdana", "sans-serif";}
.fontMincho,
.fontMincho * { font-family:"Sawarabi Mincho", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";}
.correContWrap .fontColor058 { color:#058;}
.narrowBoth01 { margin-left:-0.5em; margin-right:-0.5em;}
.narrowLeft01 { margin-left:-0.5em;}
.loadingCover { width:100vw; height:100vh; background-color:#fff; position:fixed; left:0; top:0; z-index:5;}
.loadingCover>p { position:absolute; left:50%; top:50%; background-repeat:no-repeat; background-position:center center;}
.loadingCover>p:nth-of-type(1) { width:207px; height:118px; margin-top:-89px; margin-left:-100px; background-image:url(../images/common/loadingBg01.png);}
.loadingCover>p:nth-of-type(2) { width:100px; height:13px; margin-top:30px; margin-left:-50px; background-image:url(../images/common/loading.gif);}

.tableFormat01 { display:table; table-layout:fixed; border-collapse:collapse;}
.tableFormat02 { display:table; table-layout:fixed; border-collapse:separate;}
.tableFormat01 .cell,
.tableFormat02 .cell { display:table-cell;}
.tableFormat01 .row,
.tableFormat02 .row { display:table-row;}
.tableFormat03 table { border-collapse:collapse;}
.tableFormat03 th,
.tableFormat03 td { border-color:#ccc; border-style:solid; border-width:1px; padding-top:0.7em; padding-bottom:0.6em; vertical-align:middle;}
.tableFormat03 th { text-align:center;}
.tableFormat03 td { text-align:left;}
.tableFormat03 th strong { display:block; font-weight:normal;}
.tableFormat03 .alignCenter { text-align:center;}

.correContWrap .justFitSize01 { width:100%; height:auto; float:left;}
.correContWrap .pageLinkAnchor { float:left;}

.correContWrap .mainContWrap .rightCont .banner01,
.correContWrap .mainContWrap .rightCont .banner02,
.correContWrap .mainContWrap .rightCont .banner01:hover,
.correContWrap .mainContWrap .rightCont .banner02:hover,
.correContWrap .mainContWrap .rightCont .banner03 a,
.correContWrap .mainContWrap .rightCont .banner03 a:hover,
.correContWrap .mainContWrap .rightCont .banner04,
.correContWrap .mainContWrap .rightCont .banner04:hover,
.correContWrap .mainContWrap .rightCont .banner05,
.correContWrap .mainContWrap .rightCont .banner05:hover,
.correContWrap .pageTopLinkArea .pageTopLink img,
.correContWrap .pageTopLinkArea .pageTopLink.hover img,
.mobileMenuSwitch,
.mobileMenuSwitch.open,
.mobileMenuSwitch strong,
.mobileMenuSwitch.open strong,
.mobileMenuSwitch .menu,
.mobileMenuSwitch.open .menu,
.mobileMenuSwitch .menu p,
.mobileMenuSwitch.open .menu p,
.mobileMenuArea .mobileCorreMenu .link01>strong,
.mobileMenuArea .mobileGlobalMenu .link01>strong,
.mobileMenuArea .mobileCorreMenu .link01>strong:hover,
.mobileMenuArea .mobileGlobalMenu .link01>strong:hover,
.mobileMenuArea .mobileCorreMenu .link01 a,
.mobileMenuArea .mobileCorreMenu .link01 a:hover,
.mobileMenuArea .mobileGlobalMenu .link01 a,
.mobileMenuArea .mobileGlobalMenu .link01 a:hover,
.mobileMenuArea .searchArea .buttonArea input,
.mobileMenuArea .searchArea .buttonArea input:hover,
.mobileMenuArea .mobileButton>.tableFormat02 .cell a,
.mobileMenuArea .mobileButton>.tableFormat02 .cell a:hover { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.mobileMenuArea { -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; -o-transition:height 1s; transition:height 1s;}
.mobileMenuOpen .mobileMenuArea { -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s;}
.mobileMenuOpen { /*overflow:hidden;*/}

.correContWrap .pankuzu { margin-top:1em; font-size:1em; line-height:1.3em;}
.correContWrap .pankuzu * { font-size:1em;}
.correContWrap .pankuzu ul { width:100%;}
.correContWrap .pankuzu li { display:inline;}
.correContWrap .pankuzu li a { color:#333; text-decoration:none;}
.correContWrap .pankuzu li a:hover { color:#333; text-decoration:none; border-bottom:1px #333 dotted;}
.correContWrap .pankuzu li>span { margin-left:0.8em; margin-right:0.8em; vertical-align:0.1em; line-height:1em;}

.correContWrap .bannerFormat01 .banner1,
.correContWrap .bannerFormat01 .banner2 { max-width:300px; width:100%;}
.correContWrap .bannerFormat01 .banner1 a,
.correContWrap .bannerFormat01 .banner2 a { border:2px #f4b2ac solid; width:100%; background-color:#e96659; background-repeat:no-repeat; border-radius:0.5em; line-height:3.2em; height:3.35em; font-size:1.3em; color:#fff; display:block; overflow:hidden; text-align:center; text-indent:43px;}
.correContWrap .bannerFormat01 .banner1 a { background-image:url(../images/common/tokureiIcon02.png); background-position:calc(50% - 6.4em) 7px;}
.correContWrap .bannerFormat01 .banner2 a { background-image:url(../images/common/tokureiIcon01.png); background-position:calc(50% - 4em) 7px;}
.correContWrap .bannerFormat01 .banner1 a:hover,
.correContWrap .bannerFormat01 .banner2 a:hover { background-color:#ef7f6e;}

.correContWrap { width:100%; min-width:950px; /*border-top:1px #ddd solid;*/ border-bottom:1px #ddd solid; background-color:#fff; background-repeat:repeat-x; background-position:center top; background-image:url(../images/common/headerBg01.png); padding-top:16px; margin-bottom:15px; position:relative; z-index:1;}
.correContWrap .pageTopLinkArea { height:102px;}
.correContWrap .pageTopLinkArea .pageTopLink { width:203px; right:0; bottom:0; cursor:pointer;}

.correContWrap .pankuzu li a:hover,
.correContWrap .pageTopLinkArea .pageTopLink.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;}
.correContWrap .mainContWrap .rightCont .banner01:hover,
.correContWrap .mainContWrap .rightCont .banner02:hover,
.correContWrap .mainContWrap .rightCont .banner04:hover,
.correContWrap .mainContWrap .rightCont .banner05:hover,
.correContWrap .otherContHeader .block1 a:hover img { filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; -ms-opacity:0.85; -o-opacity:0.85; -webkit-opacity:0.85;}
.mobileMenuArea .mobileGlobalMenu .subsub1>p:first-of-type a:hover,
.mobileMenuArea .mobileGlobalMenu .subsub2 a:hover,
.mobileMenuArea .mobileButton>.tableFormat02 .cell 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;}
.mobileMenuArea .mobileCorreMenu .link01>a:hover,
.mobileMenuArea .mobileGlobalMenu .link01>a:hover,
.mobileMenuArea .mobileCorreMenu .link01.subMenuHolder>strong:hover,
.mobileMenuArea .mobileGlobalMenu .link01.subMenuHolder>strong:hover,
.mobileMenuArea .searchArea .buttonArea input:hover,
.correContWrap .mainContWrap .rightCont .banner03 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;}

/*.mobileMenuArea .mobileCorreMenu .link01 a:hover,
.mobileMenuArea .mobileGlobalMenu .link01 a:hover { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1;}*/

.correContWrap .pankuzu,
.correContWrap .mainContWrap,
.correContWrap .pageTopLinkArea,
.contFooterArea01,
.contFooterArea02 { width:950px; margin-left:auto; margin-right:auto;}
.correContWrap .mainContWrap { position:relative; z-index:1;}
.correContWrap .mainContWrap .leftCont { width:730px; float:left;}
.correContWrap .mainContWrap .leftCont * { line-height:1.5em;}
.correContWrap .mainContWrap .leftCont img.space { width:10px; height:1em; float:right;}
.correContWrap .mainContWrap .leftCont br { line-height:0px;}
.correContWrap .mainContWrap .rightCont { width:200px; float:right;}

.correContWrap .mainContWrap .leftCont .narrowBoth01,
.correContWrap .mainContWrap .leftCont .narrowLeft01 {
    font-size: 1em;
    line-height: 1em;
    color:#000;
}

.correContWrap .listFormat01 { list-style:none;}
.correContWrap .listFormat01 li { background-image:url(../images/common/icon05.png); background-repeat:no-repeat; background-position: left 0.5em; padding-left:13px;}
.correContWrap .listFormat02 dt { width:2.2em;}
.correContWrap .listFormat02 dd { margin-left:2.2em; margin-top:-1.5em;}

.correContWrap .mainContWrap .leftCont .tableStyle01 { background:none;}
.correContWrap .mainContWrap .leftCont .tableStyle01 th,
.correContWrap .mainContWrap .leftCont .tableStyle01 td { padding-top:1.2em; padding-bottom:1.1em;}
.correContWrap .mainContWrap .leftCont .tableStyle01 th { background-color:#e3edf7;}
.correContWrap .mainContWrap .leftCont .tableStyle01 td,
.correContWrap .mainContWrap .leftCont .tableStyle01 .bgYellow01 { background-color:#ffffec;}
.correContWrap .mainContWrap .leftCont .tableStyle01 td p { margin-left:15px; margin-right:15px; line-height:1.3em;}
.correContWrap .mainContWrap .leftCont .tableStyle01 .line01 { width:30px; height:1px; top:-0.8em; position:relative;}

.correContWrap .mainContWrap .rightCont .bannerWrap02,
.contFooterArea02 .contactArea,
.correContWrap .gNaviWrap .subMenu,
.correContWrap .bannerFormat01 .banner1 a,
.correContWrap .bannerFormat01 .banner2 a { box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}

.correContWrap .mainContWrap .rightCont .allBannerWrap01,
.correContWrap .mainContWrap .rightCont .bannerWrap01,
.correContWrap .mainContWrap .rightCont .bannerWrap02 { width:100%;}
.correContWrap .mainContWrap .rightCont .bannerWrap02 { border:1px #ccc solid; background-color:#fff; margin-top:12px; padding-top:10px; padding-bottom:10px;}
.correContWrap .mainContWrap .rightCont .bannerWrap02 .innerWrap01 { width:100%;}

.correContWrap .mainContWrap .rightCont .banner01 { width:100%; height:95px; cursor:pointer;}
.correContWrap .mainContWrap .rightCont .banner01 a img,
.correContWrap .mainContWrap .rightCont .banner02 a img,
.correContWrap .mainContWrap .rightCont .banner04 a img,
.correContWrap .mainContWrap .rightCont .banner05 a img { position:absolute; left:0; top:0; width:100%; height:100%;}
.correContWrap .mainContWrap .rightCont .banner01 *,
.correContWrap .mainContWrap .rightCont .banner02 * { cursor:pointer;}
.correContWrap .mainContWrap .rightCont .banner01.pattern01 { background-color:#00b22d;}
.correContWrap .mainContWrap .rightCont .banner01.pattern02 { background-color:#e97262; margin-top:8px;}
.correContWrap .mainContWrap .rightCont .banner01.pattern03 { background-color:#208bce; margin-top:8px;}
.correContWrap .mainContWrap .rightCont .banner01 .frame1,
.correContWrap .mainContWrap .rightCont .banner02 .frame1,
.correContWrap .mainContWrap .rightCont .banner03 .frame1,
.correContWrap .mainContWrap .rightCont .banner04 .frame1,
.correContWrap .mainContWrap .rightCont .banner05 .frame1 { border-style:solid; border-width:1px; box-sizing:border-box; width:calc(100% - 4px); height:calc(100% - 4px); left:2px; top:2px;}
.correContWrap .mainContWrap .rightCont .banner01.pattern01 .frame1 { border-color:#a3e3b3;}
.correContWrap .mainContWrap .rightCont .banner01.pattern02 .frame1 { border-color:#f7cbc5;}
.correContWrap .mainContWrap .rightCont .banner01.pattern03 .frame1 { border-color:#afd5ed;}
.correContWrap .mainContWrap .rightCont .banner01 .textArea,
.correContWrap .mainContWrap .rightCont .banner02 .textArea { color:#fff; width:calc(100% - 14px); position:absolute; left:12px; top:9px; font-family: "Rounded Mplus 1c";}
.correContWrap .mainContWrap .rightCont .banner01 .textArea *,
.correContWrap .mainContWrap .rightCont .banner02 .textArea * { color:#fff; font-family: "Rounded Mplus 1c";}
.correContWrap .mainContWrap .rightCont .banner01 .textArea .heading01,
.correContWrap .mainContWrap .rightCont .banner02 .textArea .heading01 { width:100%;}
.correContWrap .mainContWrap .rightCont .banner01 .textArea strong { display:block; width:100%; letter-spacing:0.03em;}
.correContWrap .mainContWrap .rightCont .banner01 .textArea strong:nth-of-type(1) { font-weight:500; line-height:1.28em;}
.correContWrap .mainContWrap .rightCont .banner01 .textArea strong:nth-of-type(2) { font-size:0.93em; line-height:1.4em; letter-spacing:0.05em; margin-top:0.15em;}
.correContWrap .mainContWrap .rightCont .banner01 .textArea .s1 { font-size:1.6em;}
.correContWrap .mainContWrap .rightCont .banner01 .textArea .s2 { font-size:1.35em;}
.correContWrap .mainContWrap .rightCont .banner01 .textArea .narrowBoth01 { margin-left:-0.4em; margin-right:-0.4em;}

.correContWrap .mainContWrap .rightCont .banner01.pattern01 .textArea .s1 { font-size:1.75em;}
.correContWrap .mainContWrap .rightCont .banner01.pattern01 .textArea strong:nth-of-type(2) { width:60%; font-size:1.07em;}
.correContWrap .mainContWrap .rightCont .banner01.pattern01 .img01 { position:absolute; right:6px; bottom:6px; width:76px; height:auto;}
.correContWrap .mainContWrap .rightCont .banner01.pattern02 .textArea { text-align:center; width:calc(100% - 10px); left:5px; top:18px;}
.correContWrap .mainContWrap .rightCont .banner01.pattern02 .textArea strong:nth-of-type(2) { width:calc(100% - 20px); margin-left:auto; margin-right:auto; line-height:1.45em;}
.correContWrap .mainContWrap .rightCont .banner01.pattern02 .img01 { position:absolute; left:1px; bottom:1px;}
.correContWrap .mainContWrap .rightCont .banner01.pattern02 .img02 { position:absolute; right:1px; top:1px;}
.correContWrap .mainContWrap .rightCont .banner01.pattern03 .img01 { position:absolute; right:0; bottom:0; width:auto; height:62px;}
.correContWrap .mainContWrap .rightCont .banner01.pattern03 .textArea strong:nth-of-type(2) { margin-top:0.2em;}

.correContWrap .mainContWrap .rightCont .banner02 { width:178px; height:125px; margin-left:auto; margin-right:auto;}
.correContWrap .mainContWrap .rightCont .banner02.pattern01 { background-color:#e13b70;}
.correContWrap .mainContWrap .rightCont .banner02.pattern02 { background-color:#263ea2; margin-top:9px;}
.correContWrap .mainContWrap .rightCont .banner02.pattern01 .frame1 { border-color:#f09cb7;}
.correContWrap .mainContWrap .rightCont .banner02.pattern02 .frame1 { border-color:#919dd0;}
.correContWrap .mainContWrap .rightCont .banner02.pattern01 .img01 { position:absolute; right:0; bottom:8px; width:auto; height:108px;}
.correContWrap .mainContWrap .rightCont .banner02.pattern02 .img01 { position:absolute; right:0; bottom:0; width:auto; height:85px;}
.correContWrap .mainContWrap .rightCont .banner02 .textArea strong { display:block; width:100%;}
.correContWrap .mainContWrap .rightCont .banner02.pattern01 .textArea strong:nth-of-type(1) { font-size:1.95em; line-height:1.2em; letter-spacing:0.03em;}
.correContWrap .mainContWrap .rightCont .banner02.pattern02 .textArea strong:nth-of-type(1) { font-size:1.78em; line-height:1.2em; letter-spacing:0.03em;}
.correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(2) { line-height:1.4em; font-size:0.95em;}
.correContWrap .mainContWrap .rightCont .banner02.pattern01 .textArea strong:nth-of-type(2) { margin-top:0.3em;}
.correContWrap .mainContWrap .rightCont .banner02.pattern02 .textArea strong:nth-of-type(2) { margin-top:3em;}

.correContWrap .mainContWrap .rightCont .banner03,
.correContWrap .mainContWrap .rightCont .bannerArea01 { width:178px; margin-left:auto; margin-right:auto;}
.correContWrap .mainContWrap .rightCont .banner03 { background-color:#4bb8ba; margin-top:9px; padding-top:12px; padding-bottom:11px;}
.correContWrap .mainContWrap .rightCont .banner03 .frame1 { border-color:#a4dbdc;}
.correContWrap .mainContWrap .rightCont .banner03 .title { width:calc(100% - 16px); height:49px; margin-left:auto; margin-right:auto;}
.correContWrap .mainContWrap .rightCont .banner03 .title .img01 { position:absolute; left:110px; top:-1px; width:60px; height:auto;}
.correContWrap .mainContWrap .rightCont .banner03 .title .img02,
.correContWrap .mainContWrap .rightCont .banner03 .title .img03 { width:127px; height:auto; position:absolute; left:0;}
.correContWrap .mainContWrap .rightCont .banner03 .title .img02 { top:0;}
.correContWrap .mainContWrap .rightCont .banner03 .title .img03 { top:21px;}
.correContWrap .mainContWrap .rightCont .banner03 .title .spacer { position:absolute; width:57px; height:6px; left:16px; top:21px;}
.correContWrap .mainContWrap .rightCont .banner03 .inner { width:160px; margin-left:auto; margin-right:auto;}
.correContWrap .mainContWrap .rightCont .banner03 a { display:block; width:100%; border-radius:5px; box-sizing:border-box; border:3px #c9eaea solid; background-color:#fff; overflow:hidden;}
.correContWrap .mainContWrap .rightCont .banner03 a strong { display:block; color:#4bb8b9; font-family:"Rounded Mplus 1c"; letter-spacing:0.2em; font-size:1.3em; line-height:1.8em; background-image:url(../images/common/icon08.png); background-repeat:no-repeat; background-position:left center; margin-left:auto; margin-right:auto; padding-left:25px; box-sizing:border-box; width:123px;}
.correContWrap .mainContWrap .rightCont .banner03 .banner03_01,
.correContWrap .mainContWrap .rightCont .banner03 .banner03_02 { width:100%;}
.correContWrap .mainContWrap .rightCont .banner03 .banner03_02 { margin-top:6px;}

.correContWrap .mainContWrap .rightCont .bannerArea01 { background:url(../images/common/dot02.gif) repeat-x left top; padding-top:12px; margin-top:11px;}
.correContWrap .mainContWrap .rightCont .bannerArea01 .inner { width:100%;}
.correContWrap .mainContWrap .rightCont .banner04 { background-color:#ef4136; width:100%; padding-top:10px; padding-bottom:10px;}
.correContWrap .mainContWrap .rightCont .banner05 { background-color:#e0b100; width:100%; margin-top:0.9em; background-repeat:no-repeat; background-image:url(../images/common/certificate01.png); background-position:5px center; background-size:auto calc(100% - 6px);}
.correContWrap .mainContWrap .rightCont .banner04 .frame1 { border-color:#f79f99;}
.correContWrap .mainContWrap .rightCont .banner05 .frame1 { border-color:#efD87e;}
.correContWrap .mainContWrap .rightCont .banner04 .textArea strong,
.correContWrap .mainContWrap .rightCont .banner04 .textArea>span { display:block; color:#fff; font-family: "Rounded Mplus 1c";}
.correContWrap .mainContWrap .rightCont .banner04 .textArea strong:nth-of-type(1) { font-size:0.9em; line-height:1.4em; margin-left:9px; letter-spacing:0.15em;}
.correContWrap .mainContWrap .rightCont .banner04 .textArea strong:nth-of-type(2) { width:calc(100% - 10px); background-color:#fcd9d7; color:#ef4136; margin-left:auto; margin-right:auto; font-size:1.95em; line-height:1.5em; height:1.5em; text-align:center; margin-top:7px;}
.correContWrap .mainContWrap .rightCont .banner04 .textArea strong:nth-of-type(2)>span { letter-spacing:-0.1em; color:#ef4136; line-height:1em; font-size:1em;}
.correContWrap .mainContWrap .rightCont .banner04 .textArea>span { margin-left:9px; font-size:0.85em; line-height:1.4em; margin-top:7px;}

.correContWrap .mainContWrap .rightCont .banner05 a { display:block; width:100%;}
.correContWrap .mainContWrap .rightCont .banner05 strong { display:block; font-family: "Rounded Mplus 1c"; color:#fff; font-size:1.75em; letter-spacing:0.03em; line-height:50px; height:50px; margin-left:57px;}

.correContWrap .mainContWrap .rightCont .bannerArea01 .text01 { font-size:0.95em; line-height:1.4em; width:100%; text-indent:-0.4em; margin-top:0.5em;}

.correContWrap .gNaviWrap { width:100%; height:121px; background-repeat:repeat-x; background-position:center top; background-image:url(../images/common/gNaviBg01.gif); z-index:2;}
.correContWrap .gNaviWrap .gNaviArea { width:950px; height:87px; top:17px; left:50%; margin-left:-475px;}
.correContWrap .gNaviWrap .subTitle01 { width:134px; height:136px; left:-115px; top:-32px;}
.correContWrap .gNaviWrap .gNavi01,
.correContWrap .gNaviWrap .gNavi02,
.correContWrap .gNaviWrap .gNavi03,
.correContWrap .gNaviWrap .gNavi04,
.correContWrap .gNaviWrap .gNavi05,
.correContWrap .gNaviWrap .gNavi06,
.correContWrap .gNaviWrap .gNavi07,
.correContWrap .gNaviWrap .gNavi08,
.correContWrap .gNaviWrap .gNavi09,
.correContWrap .gNaviWrap .gNavi10 { width:186px; height:41px; background-repeat:no-repeat; background-position:left top; background-image:url(../images/common/gNaviBg02.png); z-index:1;}
.correContWrap .gNaviWrap .gNavi01 { top:0; left:0; z-index:2;}
.correContWrap .gNaviWrap .gNavi02 { top:0; left:191px; z-index:2;}
.correContWrap .gNaviWrap .gNavi03 { top:0; left:382px; z-index:2;}
.correContWrap .gNaviWrap .gNavi04 { top:0; left:573px; z-index:2;}
.correContWrap .gNaviWrap .gNavi05 { top:0; left:764px; z-index:2;}
.correContWrap .gNaviWrap .gNavi06 { top:46px; left:0; z-index:1;}
.correContWrap .gNaviWrap .gNavi07 { top:46px; left:191px; z-index:1;}
.correContWrap .gNaviWrap .gNavi08 { top:46px; left:382px; z-index:1;}
.correContWrap .gNaviWrap .gNavi09 { top:46px; left:573px; z-index:1;}
.correContWrap .gNaviWrap .gNavi10 { top:46px; left:764px; z-index:1;}
/*.correContWrap .gNaviWrap .hover { z-index:3;}*/
.correContWrap .gNaviWrap .gNaviArea a { background-repeat:no-repeat; background-position:left top; width:100%; height:100%; display:block; overflow:hidden; left:0; top:0;}
.correContWrap .gNaviWrap .gNaviArea a:hover { filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; -ms-opacity:0.85; -o-opacity:0.85; -webkit-opacity:0.85;}
.correContWrap .gNaviWrap .gNaviArea a strong { display:block; width:1px; height:1px; position:absolute; text-indent:1px; left:0; top:0; overflow:hidden;}
.correContWrap .gNaviWrap .gNavi01 a { background-image:url(../images/common/gNavi01.png);}
.correContWrap .gNaviWrap .gNavi02 a { background-image:url(../images/common/gNavi02.png);}
.correContWrap .gNaviWrap .gNavi03 a { background-image:url(../images/common/gNavi03.png);}
.correContWrap .gNaviWrap .gNavi04 a { background-image:url(../images/common/gNavi04.png);}
.correContWrap .gNaviWrap .gNavi05 a { background-image:url(../images/common/gNavi05.png);}
.correContWrap .gNaviWrap .gNavi06 a { background-image:url(../images/common/gNavi06.png);}
.correContWrap .gNaviWrap .gNavi07 a { background-image:url(../images/common/gNavi07.png);}
.correContWrap .gNaviWrap .gNavi08 a { background-image:url(../images/common/gNavi08.png);}
.correContWrap .gNaviWrap .gNavi09 a { background-image:url(../images/common/gNavi09.png);}
.correContWrap .gNaviWrap .gNavi10 a { background-image:url(../images/common/gNavi10.png);}
.correContWrap .gNaviWrap .subMenu {
  width:568px;
  border:2px #fff solid;
  border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  -webkit-border-radius:10px;
  padding-top:12px;
  padding-bottom:9px;
  box-shadow:0 1px 2px 0 #ccc;
  -moz-box-shadow:0 1px 2px 0 #ccc;
  -ms-box-shadow:0 1px 2px 0 #ccc;
  -o-box-shadow:0 1px 2px 0 #ccc;
  -webkit-box-shadow:0 1px 2px 0 #ccc;
  top:46px;

/* ページ表示時対策 */
  filter:alpha(opacity=0);
  opacity:0; -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:0;
  -webkit-opacity:0;
}
.correContWrap .gNaviWrap .subMenu .deco { width:182px; height:13px; top:-13px;}
.correContWrap .gNaviWrap .subMenu .deco img { position:absolute; left:50%; top:0; margin-left:-13px;}
.correContWrap .gNaviWrap .subMenu .deco .blank { width:100%; height:100%; left:0; margin-left:0;}
.correContWrap .gNaviWrap .subMenu .subMenuInner { width:534px; margin-left:auto; margin-right:auto; overflow:hidden;}
.correContWrap .gNaviWrap .subMenu a { background-image:none; color:#fff; display:inline;}
.correContWrap .gNaviWrap .subMenu .colunm1 { width:168px; float:left; margin-right:15px;}
.correContWrap .gNaviWrap .subMenu .colunm2 { width:168px; float:left;}
.correContWrap .gNaviWrap .subMenu .colunm3 { width:168px; float:right;}
.correContWrap .gNaviWrap .subMenu .colunm1 p,
.correContWrap .gNaviWrap .subMenu .colunm2 p,
.correContWrap .gNaviWrap .subMenu .colunm3 p { padding-left:17px; background:url(../images/common/icon02.png) no-repeat 2px 0.35em; line-height:1.4em; font-size:1.05em; margin-bottom:0.6em;}
.correContWrap .gNaviWrap .subMenu .colunm1 p:last-child,
.correContWrap .gNaviWrap .subMenu .colunm2 p:last-child,
.correContWrap .gNaviWrap .subMenu .colunm3 p:last-child { margin-bottom:0.3em;}
.correContWrap .gNaviWrap .gNavi02 .subMenu { left:-191px; background-color:#4cbaa9;}
.correContWrap .gNaviWrap .gNavi03 .subMenu { left:-191px; background-color:#208bce;}
.correContWrap .gNaviWrap .gNavi04 .subMenu { left:-191px; background-color:#d1a600;}
.correContWrap .gNaviWrap .gNavi05 .subMenu { left:-382px; background-color:#7e8ac7;}
.correContWrap .gNaviWrap .gNavi06 .subMenu { left:0; background-color:#5eabdc;}
.correContWrap .gNaviWrap .gNavi07 .subMenu { left:-191px; background-color:#ef9091;}
.correContWrap .gNaviWrap .gNavi02 .subMenu .deco,
.correContWrap .gNaviWrap .gNavi03 .subMenu .deco,
.correContWrap .gNaviWrap .gNavi04 .subMenu .deco,
.correContWrap .gNaviWrap .gNavi07 .subMenu .deco { margin-left:191px;}
.correContWrap .gNaviWrap .gNavi05 .subMenu .deco { margin-left:382px;}
.correContWrap .gNaviWrap .gNavi06 .subMenu .deco { margin-left:0;}
/*.correContWrap .gNaviWrap .gNavi02 .subMenu a { border-bottom:1px #4cbaa9 dotted;}
.correContWrap .gNaviWrap .gNavi03 .subMenu a { border-bottom:1px #208bce dotted;}
.correContWrap .gNaviWrap .gNavi04 .subMenu a { border-bottom:1px #d1a600 dotted;}
.correContWrap .gNaviWrap .gNavi05 .subMenu a { border-bottom:1px #7e8ac7 dotted;}
.correContWrap .gNaviWrap .gNavi06 .subMenu a { border-bottom:1px #5eabdc dotted;}
.correContWrap .gNaviWrap .gNavi07 .subMenu a { border-bottom:1px #ef9091 dotted;}*/
.correContWrap .gNaviWrap .subMenu a:hover { text-decoration:underline;}

.contFooterWrap { width:100%; background:url(../images/common/contFooterBg01.gif) repeat-x left top; padding-bottom:25px;}
.contFooterWrap .contFooterArea01 { height:70px; margin-bottom:25px;}
.contFooterWrap .contFooterArea01 img,
.contFooterWrap .contFooterArea01 object { position:absolute; left:0; top:18px; max-width:400px; width:90%;}

.contFooterArea02 { overflow:hidden; font-size:1em; line-height:1.4em;}
.contFooterArea02 .linkArea01,
.contFooterArea02 .linkArea02 { width:175px; float:left;}
.contFooterArea02 .linkArea01 .subMenu,
.contFooterArea02 .linkArea02 .subMenu { width:100%;}
.contFooterArea02 .linkArea01 .subMenu a:hover,
.contFooterArea02 .linkArea02 .subMenu a:hover { color:#009fe9; text-decoration:underline;}
.contFooterArea02 .linkArea01 { margin-right:10px;}
.contFooterArea02 .linkArea01 strong,
.contFooterArea02 .linkArea02 strong { display:block; background-repeat:no-repeat; background-position:4px 0.2em; background-image:url(../images/common/icon01.png); padding-left:21px; font-size:1.1em; font-weight:bold; color:#058; margin-bottom:0.3em;}
.contFooterArea02 .linkArea01 strong a,
.contFooterArea02 .linkArea02 strong a { color:#058; text-decoration:underline;}
.contFooterArea02 .linkArea01 p,
.contFooterArea02 .linkArea02 p { margin-left:21px; margin-bottom:0.3em;}
.contFooterArea02 .link01 { width:100%; margin-bottom:1.6em;}
.contFooterArea02 .link02 { width:100%;}
.contFooterArea02 .linkArea01 strong a:hover,
.contFooterArea02 .linkArea02 strong a:hover,
.correContWrap .rightCont .contMenu .menu 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;}
.correContWrap .rightCont .contMenu .menu a:hover { color:#189429;}

.contFooterArea02 .contactArea { width:200px; float:right; border:2px #058 solid; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding-bottom:15px;}
.contFooterArea02 .contactArea strong { background-color:#058; color:#fff; font-size:1.3em; line-height:1em; padding-top:0.3em; padding-bottom:0.6em; letter-spacing:0.05em; font-weight:normal; text-align:center; display:block; margin-bottom:13px; font-family:"Noto Sans Japanese";}
.contFooterArea02 .contactArea p { font-size:1.15em; color:#058; margin-left:23px; line-height:1.5em; font-family:"Noto Sans Japanese";}
.contFooterArea02 .contactArea p span { color:#058; font-weight:bold; font-size:1.1em; margin-right:0.1em; font-family:"Noto Sans Japanese";}

/* 下層ページ設定 */
.correContWrap .otherContHeader { width:950px; height:98px; margin-left:auto; margin-right:auto;background: url(../svg/common/otherContHeaderSP2.svg) no-repeat left top / 150px;}
.correContWrap .otherContHeader .block1 { width:491px; height:66px; left:0; bottom:0;}
.correContWrap .otherContHeader .block1 a { width:100%; display:block; float:left;}
.correContWrap .otherContHeader .block1 a img { float:left;}
.correContWrap .otherContHeader .logo01 { width:149px; float:left; left:0; top:0;}
.correContWrap .otherContHeader .logo01>object,
.correContWrap .otherContHeader .logo01>img { width:100%; height:auto; float:left;}
.correContWrap .otherContHeader .deco01 { right:0; bottom:0; position:absolute;}
.correContWrap .otherContHeader .sp1,
.correContWrap .otherContHeader .sp2 { display:none;}

.correContWrap.pageDepartment .mainContWrap,
.correContWrap.pageIdeology .mainContWrap,
.correContWrap.pageLearning .mainContWrap,
.correContWrap.pageCertify .mainContWrap,
.correContWrap.pageAbout .mainContWrap,
.correContWrap.pageFresh .mainContWrap,
.correContWrap.pageInquiry .mainContWrap,
.correContWrap.pageColumn .mainContWrap,
.correContWrap.pageExisting .mainContWrap,
.correContWrap.pageNews .mainContWrap { margin-top:13px;}

.correContWrap .leftCont .cateTitFormat01 { background-color:#138121; background-repeat:repeat; background-position:left top; background-image:url(../images/common/bg02.gif); line-height:1.3em; font-size:1.3em;}
.correContWrap .leftCont .cateTitFormat01 strong { display:block; color:#fff; font-weight:normal; font-size:1em; padding-left:24px; background-position:1px 0.8em; background-repeat:no-repeat; background-image:url(../images/common/icon04.png); background-size:13px 13px; letter-spacing:0.03em; margin-left:17px; margin-right:10px; max-height:100%; font-family:"Noto Sans Japanese"; padding-top:0.45em; padding-bottom:0.55em;}

.correContWrap .leftCont .subTitleFormat01,
.correContWrap .leftCont .subTitleFormat02 { border-top-width:1px; border-bottom-width:1px; border-style:solid; text-align:left;}
.correContWrap .leftCont .subTitleFormat01 { width:calc(100% - 10px);/*720px想定*/ margin-left:auto; margin-right:auto; overflow:hidden;}
.correContWrap .leftCont .subTitleFormat01 .innerWrap { box-sizing:border-box; display:table; border-collapse:collapse; font-size:2.1em; float:left;}
.correContWrap .leftCont .subTitleFormat01 strong:first-of-type { font-size:1em; line-height:1.3em; display:table-cell; padding-top:0.2em; padding-bottom:0.2em; vertical-align:middle; padding-left:3px; letter-spacing:0.05em;}
.ie .correContWrap .leftCont .subTitleFormat01 strong:first-of-type { line-height:1em; padding-top:0.3em; padding-bottom:0.3em;}
.correContWrap .leftCont .subTitleFormat01 .sub { padding-left:5px; font-size:0.55em; letter-spacing:0.05em; display:table-cell; vertical-align:middle; line-height:1.3em;}
.correContWrap .leftCont .subTitleFormat02 { width:100%;}
.correContWrap .leftCont .subTitleFormat02 img { width:100%; height:auto;}
.correContWrap .leftCont .subTitleFormat02 img { max-width:440px;}

.correContWrap .rightCont .contMenu { width:100%; background-color:#21ac38; background-repeat:repeat; background-position:left top; background-image:url(../images/common/bg02.gif); padding-top:15px; padding-bottom:8px; margin-bottom:12px;}
.correContWrap .rightCont .contMenu .contMenuTitle { width:100%; display:block; letter-spacing:0.1em; color:#fff; text-align:center; line-height:1em; font-family:"Noto Sans Japanese"; font-size:1.1em;}
.correContWrap .rightCont .contMenu .menuArea { background-color:#fff; width:184px; margin-top:16px; margin-left:auto; margin-right:auto; /*border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;*/ padding-top:4px; padding-bottom:4px;}

.correContWrap .rightCont .contMenu .menu { line-height:1.4em; color:#189429; font-size:1.15em; width:176px; margin-left:auto; margin-right:auto; background-repeat:repeat-x; background-position:left bottom; background-image:url(../images/common/dot03.gif); padding-bottom:4px; margin-bottom:3px;}
.correContWrap .rightCont .contMenu .menu.last {
margin-bottom:0;
  /* background-image:none; padding-bottom:0; margin-bottom:0; */
}
.correContWrap .rightCont .contMenu .menu:last-child {
  margin-bottom:-7px;
  background-image:none;
}
.correContWrap .rightCont .contMenu .menu a { color:#189429; background-color:#fff; font-size:1em; display:block; padding-top:0.8em; padding-bottom:0.8em; padding-left:28px; background-repeat:no-repeat; background-position:8px 0.98em; background-image:url(../images/common/icon07.png); /*font-family:"Noto Sans Japanese";*/ line-height:1.3em;}
.correContWrap .rightCont .contMenu .menu a:hover { background-color:#fff9d1;}
/* .correContWrap .rightCont .contMenu .menu.active a,
.correContWrap .rightCont .contMenu .menu.active a:hover { background-color:#ebebeb;} */

/* Adobe Reader ダウンロードコンテンツ */
.correContWrap .mainContWrap .adobeReaderFormat1 { max-width:585px; width:calc(100% - 20px); margin-left:auto; margin-right:auto; margin-top:35px;}
.correContWrap .mainContWrap .adobeReaderFormat1 .leftImg { width:27.008%; vertical-align:middle; overflow:hidden;}
.correContWrap .mainContWrap .adobeReaderFormat1 .leftImg a { display:block; width:100%; float:left;}
.correContWrap .mainContWrap .adobeReaderFormat1 .leftImg a img { float:left; width:100%; height:auto;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText { font-size:0.9em; vertical-align:middle;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText p { margin-left:15px; line-height:1.5em; text-align:justify; text-justify:inter-ideograph;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText a { color:#009fe9; margin-left:0.3em; margin-right:0.3em;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText a img { margin-left:3px; vertical-align:1px;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText a:hover { text-decoration:underline;}

/* レスポンシブ処理 */

/*
#footer{ padding:0 0 30px 0;}

#fNavi{ background:#FFF; margin:0 auto 15px auto; padding:5px 10px;}
#fNavi ul{ display:inline-block; margin:0; padding:0; text-align:center;}
#fNavi li{ display:inline; margin:0; padding:0; list-style-type:none; font-size:12px; color:#595757; line-height:130%;}
#fNavi li a{ color:#595757; text-decoration:none;}
#fNavi li a:hover{ text-decoration:underline;}

#fCopyright{font-size:10px; color:#595757; line-height:130%; text-align:center;}
*/
#fCopyright { font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
.mobile #fNavi { display:none;}

.mobile .correContWrap .leftCont .cateTitFormat01 { border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; -webkit-border-radius:7px;}

/*body.mobile { background:none; padding-top:0;}*/
.mobile .correContWrap { width:100%; min-width:320px; border-top:none; padding-top:0; background-image:none;}
.mobile .contFooterWrap { /*padding-top:3px;*/ padding-bottom:25px; background-image:none; border-top:3px #7f4e20 solid;}
.mobile .contFooterWrap .contFooterArea01 { width:100%; overflow:hidden; margin-bottom:0;}

.mobile .contFooterWrap .contFooterArea01 img,
.mobile .contFooterWrap .contFooterArea01 object { left:2.5%; top:18px;}

.mobile .contFooterArea02 { width:100%;}
.mobileMenuArea .mobileCorreMenu,
.mobileMenuArea .mobileGlobalMenu { width:100%; line-height:1.3em;}
.mobile .gNaviWrap { overflow:hidden; /*display:none;*/ position:absolute; left:0; top:0; width:0; height:0;}
.mobile .contFooterWrap .contFooterArea02 .linkArea01,
.mobile .contFooterWrap .contFooterArea02 .linkArea02 { display:none;}
.mobile .correContWrap .pageTopLinkArea { height:auto;}
.mobile .correContWrap .pageTopLinkArea .pageTopLink { position:relative; float:right; width:125px;}

.mobile .correContWrap .mainContWrap { width:95%;}
.mobile .correContWrap .pageTopLinkArea { width:95%; overflow:hidden;}
.mobile .correContWrap .mainContWrap { margin-top:0;}

.mobile .otherContHeader { width:100%; height:auto; margin-left:auto; margin-right:0; overflow:hidden;}
.mobile .correContWrap .otherContHeader { background-repeat:repeat-x; background-position:center top; background-image:url(../images/common/headerBg01.png); padding-top:16px;}
.mobile .otherContHeader .block1 { width:100%; display:none;}
.mobile .otherContHeader .deco01,
.mobileMenuSwitch { display:none;}
.mobileMenuArea { width:100%; height:0; /*padding-top:37px;*/ background:#fff; overflow:hidden; left:0; /*bottom:100%;*/top:0; z-index:5; box-sizing:border-box; position:fixed;}
.mobileMenuArea .mobileCorreMenu .menuTitle,
.mobileMenuArea .mobileGlobalMenu .menuTitle { max-width:280px; width:calc(100% - 30px); margin-left:auto; margin-right:auto; margin-bottom:10px;}
.mobileMenuArea .mobileCorreMenu .menuTitle { margin-top:25px;}
.mobileMenuArea .mobileGlobalMenu .menuTitle img,
.mobileMenuArea .mobileCorreMenu .menuTitle img,
.mobileMenuArea .mobileGlobalMenu .menuTitle object,
.mobileMenuArea .mobileCorreMenu .menuTitle object { width:100%; height:auto; float:left;}
.mobileMenuOpen .mobileMenuArea { overflow-y:auto;}

/*.mobile .correContWrap .otherContHeader .sp1 { display:table;}*/
.mobile .correContWrap .pankuzu { display:none;}
.mobile .mobileMenuSwitch,
.mobile .mobileMenuArea,
.mobile .otherContHeader .sp1,
.mobile .otherContHeader .sp2 { display:block;}
.mobile .correContWrap .otherContHeader .logo01 { display:none;}
.otherContHeader .sp1 { width:97.5%; margin-left:auto; height:36px; z-index:2;}
.otherContHeader .sp2 { width:95%; margin-left:auto; margin-right:auto; margin-top:-4px; z-index:1;}
.otherContHeader .sp1 .inner { float:left; position:absolute; left:1px; top:0;}
.otherContHeader .sp1 .inner a { display:block; float:left;}
.otherContHeader .sp1 .inner a img { float:left;}
/* .otherContHeader .sp1 .inner .positionText { left:0; top:-105%;} */
.otherContHeader .sp2 a { display:block; width:100%; float:left;}
.otherContHeader .sp2 a img { max-width:475px; width:100%; height:auto; float:left;}

.mobileMenuSwitch { width:83px; height:36px; box-sizing:border-box; background:#058; cursor:pointer; right:0; top:0; z-index:5; position:fixed;}
.mobileMenuSwitch * { cursor:pointer;}
.mobileMenuSwitch strong { display:block; position:absolute; left:38px; top:50%; margin-top:-0.65em; line-height:1.3em; font-size:0.9em; color:#fff; letter-spacing:0.05em;}
.mobileMenuSwitch .menu { width:20px; height:20px; position:absolute; left:10px; top:8px; /*background-color:#c00;*/ font-family:"Noto Sans Japanese"; letter-spacing:0.05em;}
.mobileMenuSwitch .menu p { width:100%; height:3px; left:0;}
.mobileMenuSwitch .menu p span { display:block; background:#fff; width:100%; height:100%;}
.mobileMenuSwitch .menu p:nth-of-type(1) { top:0; margin-top:0;}
.mobileMenuSwitch .menu p:nth-of-type(2) { top:50%; margin-top:-2px;}
.mobileMenuSwitch .menu p:nth-of-type(3) { top:100%; margin-top:-4px;}

.mobileMenuSwitch.open { width:38px;}
.mobileMenuSwitch.open .menu { top:7px; transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.mobileMenuSwitch.open strong { filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0;}
/*.mobileMenuSwitch.open .menu { top:9px;}*/
.mobileMenuSwitch.open .menu p:nth-of-type(1),
.mobileMenuSwitch.open .menu p:nth-of-type(3) { width:115%; top:50%; left:-8%;}
.mobileMenuSwitch.open .menu p:nth-of-type(1) { margin-top:-2px;}
.mobileMenuSwitch.open .menu p:nth-of-type(2) { width:0; margin-left:50%;  filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0;}
.mobileMenuSwitch.open .menu p:nth-of-type(3) { margin-top:-2px; transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}

.mobileMenuOpen .mobileMenuArea { height:100vh; /*bottom:0;*/ overflow-y:scroll; overflow-x:auto;}
.mobileMenuArea .decoration1 { background-repeat:repeat-x; background-position:center bottom; background-image:url(../images/common/headerBg01.png); width:100%; height:16px; overflow:hidden; clear:both;}
.mobileMenuArea .shinwaLogo { margin-left:calc(2.5% + 1px); margin-top:0; float:left;}
.mobileMenuArea .shinwaLogo a { display:block; float:left;}
.mobileMenuArea .shinwaLogo a img { float:left;}
.mobileMenuArea .mobileCorreMenu,
.mobileMenuArea .mobileGlobalMenu { min-width:320px;}
.mobileMenuArea .mobileGlobalMenu { margin-top:20px;}

.mobile .contFooterArea02 .contactArea { width:95%; font-size:0.88em; margin-left:auto; margin-right:auto; float:none; text-align:center; padding-bottom:1.2em;}
.mobile .contFooterArea02 .contactArea strong { font-size:1.4em; margin-bottom:0.8em; padding-top:0.35em;}
.mobile .contFooterArea02 .contactArea p { margin-left:10px; margin-right:10px; line-height:1.4em; font-size:1.4em;}
.mobile .contFooterArea02 .contactArea p span { font-size:1.03em; margin-left:0.3em; margin-right:0.25em;}
.mobile .contFooterArea02 .contactArea p br.switchBreak1 { display:none;}

.mobileMenuArea .mobileCorreMenu .link01,
.mobileMenuArea .mobileGlobalMenu .link01 { width:100%;}
.mobileMenuArea .mobileCorreMenu .link01 .subsub1,
.mobileMenuArea .mobileCorreMenu .link01 .subsub2,
.mobileMenuArea .mobileCorreMenu .link01 .subsub1>p,
.mobileMenuArea .mobileCorreMenu .link01 .subsub2>p { width:100%;}
.mobileMenuArea .mobileCorreMenu .link01 a,
.mobileMenuArea .mobileGlobalMenu .link01 a,
.mobileMenuArea .mobileCorreMenu .link01 strong,
.mobileMenuArea .mobileGlobalMenu .link01 strong,
.mobileMenuArea .mobileCorreMenu .subMenu a,
.mobileMenuArea .mobileGlobalMenu .subMenu a,
.mobileMenuArea .mobileGlobalMenu .link01 .subsub1>p:first-of-type a,
.mobileMenuArea .mobileGlobalMenu .link01 .subsub2 a { display:block; box-sizing:border-box; padding-top:0.8em; padding-bottom:0.8em; color:#fff; font-size:1.1em; line-height:1.3em; text-align:center; cursor:pointer; width:100%; font-weight:normal; padding-left:10px; padding-right:10px;}
.mobileMenuArea .mobileCorreMenu .link01 a,
.mobileMenuArea .mobileGlobalMenu .link01 a,
.mobileMenuArea .mobileCorreMenu .link01.subMenuHolder>strong:first-of-type,
.mobileMenuArea .mobileGlobalMenu .link01.subMenuHolder>strong:first-of-type { border-style:solid; border-width:0 0 1px 0;}
.mobileMenuArea .mobileCorreMenu .link01 a,
.mobileMenuArea .mobileCorreMenu .link01.subMenuHolder>strong:first-of-type { border-color:#59c16a; background-color:#21ac38;}
.mobileMenuArea .mobileGlobalMenu .link01 a,
.mobileMenuArea .mobileGlobalMenu .link01.subMenuHolder>strong:first-of-type { border-color:#37a; background-color:#058;}

.mobileMenuArea .mobileCorreMenu .subMenu,
.mobileMenuArea .mobileGlobalMenu .subMenu { width:100%; display:none;}
.mobileMenuArea .mobileCorreMenu .subMenu a,
.mobileMenuArea .mobileGlobalMenu .subMenu a { border-bottom:1px #aaa dotted; background-color:#fff;}
.mobileMenuArea .mobileCorreMenu .subMenu a { color:#21ac38;}
.mobileMenuArea .mobileGlobalMenu .subMenu a { color:#058;}
.mobileMenuArea .mobileCorreMenu .link01 strong a br,
.mobileMenuArea .mobileGlobalMenu .link01 strong a br,
.mobileMenuArea .mobileCorreMenu .subMenu a br,
.mobileMenuArea .mobileGlobalMenu .subMenu a br { display:none;}
.mobileMenuArea .mobileCorreMenu .link01:last-of-type .subMenu p:last-of-type a,
.mobileMenuArea .mobileGlobalMenu .link01:last-of-type .subMenu p:last-of-type a { border-bottom:1px #aaa dotted;}
.mobileMenuArea .mobileCorreMenu .subMenu>p>a:hover { text-decoration:none; background-color:#ebf8ed; color:#21ac38;}
.mobileMenuArea .mobileGlobalMenu .subMenu>p>a:hover,
.mobileMenuArea .mobileGlobalMenu .subsub1 .s a:hover { text-decoration:none; background-color:#e9f7fb; color:#058;}

.mobileMenuArea .mobileCorreMenu .subMenu>p:last-of-type a,
.mobileMenuArea .mobileGlobalMenu .subMenu>p:last-of-type a,
/*.mobileMenuArea .mobileCorreMenu .link01.subMenuHolder.open,
.mobileMenuArea .mobileGlobalMenu .link01.subMenuHolder.open,*/
.mobileMenuArea .mobileGlobalMenu .subsub1>p:first-of-type a,
.mobileMenuArea .mobileGlobalMenu .subsub1>p:last-of-type a { border-bottom:none;}
.mobileMenuArea .mobileGlobalMenu .subsub1>p:first-of-type a,
.mobileMenuArea .mobileGlobalMenu .subsub2 a { background-color:#19a8d9;}
.mobileMenuArea .mobileGlobalMenu .subsub1>p:first-of-type a {}
.mobileMenuArea .mobileGlobalMenu .subsub2>p:last-of-type a,
.mobileMenuArea .mobileGlobalMenu .subsub2 a { border-bottom:1px #5ec2e4 solid;}

.mobileMenuArea .mobileGlobalSubMenu { margin-top:10px; margin-bottom:25px; display:table; table-layout:fixed; border-collapse:collapse; width:100%; min-width:320px;}
.mobileMenuArea .mobileGlobalSubMenu .row { display:table-row;}
.mobileMenuArea .mobileGlobalSubMenu .cell { display:table-cell; text-align:center; width:50%; vertical-align:middle; border-style:solid; border-color:#ccc; box-sizing:border-box;}
.mobileMenuArea .mobileGlobalSubMenu .cell a { display:block; font-size:1em; line-height:1.3em; padding-top:0.8em; padding-bottom:0.8em; padding-left:5px; padding-right:5px; box-sizing:border-box; background-color:#fff;}
.mobileMenuArea .mobileGlobalSubMenu .cell a:hover { color:#333; background:#eee;}
.mobileMenuArea .mobileGlobalSubMenu .cell:nth-of-type(2n+1) { border-width:1px 1px 1px 0;}
.mobileMenuArea .mobileGlobalSubMenu .cell:nth-of-type(2n) { border-width:1px 0 1px 1px;}

.mobileMenuArea .mobileButton { width:95%; min-width:304px; margin-left:2.5%; overflow:hidden; margin-top:15px;}
.mobileMenuArea .mobileButton>.tableFormat02 { width:calc(100% + 12px); border-spacing:6px; margin-left:-6px; margin-top:-6px;}
.mobileMenuArea .mobileButton>.tableFormat02 .cell { width:50%; vertical-align:middle; overflow:hidden; font-size:1.1em;}
.mobileMenuArea .mobileButton>.tableFormat02 .row:nth-of-type(1) .cell:nth-of-type(1) a { background-color:#ff8300;}
.mobileMenuArea .mobileButton>.tableFormat02 .row:nth-of-type(1) .cell:nth-of-type(2) a { background-color:#ff3b3b;}
.mobileMenuArea .mobileButton>.tableFormat02 .row:nth-of-type(2) .cell:nth-of-type(1) a { background-color:#39c;}
.mobileMenuArea .mobileButton>.tableFormat02 .row:nth-of-type(2) .cell:nth-of-type(2) a { background-color:#189d9d;}
.mobileMenuArea .mobileButton>.tableFormat02 .cell a { display:block; text-align:center; color:#fff; font-family:"Noto Sans Japanese"; font-size:1em; line-height:3.2em; height:3.2em; overflow:hidden; border-radius:8px; letter-spacing:0.03em; font-size:1em;}

.mobileMenuArea .searchArea { overflow:hidden; max-width:500px; width:calc(100% - 40px); margin-left:auto; margin-right:auto; margin-top:10px;}
.mobileMenuArea .searchArea .inner { border-spacing:5px 0; width:calc(100% + 10px); margin-left:-5px; display:table; border-collapse:separate;}
.mobileMenuArea .searchArea .inputArea,
.mobileMenuArea .searchArea .buttonArea { display:table-cell; vertical-align:middle; padding-bottom:1px;}
.mobileMenuArea .searchArea .inputArea {}
.mobileMenuArea .searchArea .inputArea .textInput { width:100%; box-sizing:border-box; border:1px #ccc solid; line-height:2.1em; height:2.1em; overflow:hidden; font-size:1.2em; border-radius:5px; padding-left:10px; padding-right:4px;}
.mobileMenuArea .searchArea .buttonArea { width:69px;}
.mobileMenuArea .searchArea .buttonArea input { width:100%; box-sizing:border-box; background-color:#058; color:#fff; border:none; border-radius:5px; line-height:2.1em; height:2.1em; overflow:hidden; cursor:pointer; letter-spacing:0.2em; font-size:1.2em; text-align:right; padding-right:4px; background-image:url(../images/common/search01.png); background-repeat:no-repeat; background-position:6px 6px; background-size:25px auto;}

.mobile #topHeaderBlock { display:none;}
.mobile .correContWrap .mainContWrap .leftCont,
.mobile .correContWrap .mainContWrap .rightCont { width:100%; float:none;}
.mobile .correContWrap .mainContWrap .rightCont { margin-top:25px; font-size:0.85em;}
.mobile .correContWrap .rightCont .contMenu .menu a { background-position:8px 0.9em;}
.mobile .correContWrap .rightCont .contMenu .menu a>br { display:none;}
.mobile .correContWrap .rightCont .contMenu .contMenuTitle { font-size:1.25em;}
.mobile .correContWrap .mainContWrap .rightCont .allBannerWrap01 { margin-top:12px; /*display:none;*/}

.mobile .correContWrap .mainContWrap .rightCont .banner01 { height:auto;}
.mobile .correContWrap .mainContWrap .rightCont .banner01 .textArea { text-align:center; position:relative; left:auto; top:auto; min-height:70px; width:100%; display:table; table-layout:fixed; border-collapse:separate; border-spacing:10px; box-sizing:border-box;}
.mobile .correContWrap .mainContWrap .rightCont .banner01 .textArea .heading01 { display:table-cell; vertical-align:middle;}
.mobile .correContWrap .mainContWrap .rightCont .banner01 .textArea br { display:none;}
.mobile .correContWrap .mainContWrap .rightCont .banner01 .textArea strong:nth-of-type(1) { font-size:2em;}
.mobile .correContWrap .mainContWrap .rightCont .banner01 .textArea strong:nth-of-type(2) { font-size:1.2em;}
.mobile .correContWrap .mainContWrap .rightCont .banner01.pattern01 .textArea strong:nth-of-type(2) { width:100%;}
.mobile .correContWrap .mainContWrap .rightCont .banner01.pattern01 .img01 { width:65px;}
.mobile .correContWrap .mainContWrap .rightCont .banner01.pattern03 .img01 { height:55px;}
.mobile .correContWrap .mainContWrap .rightCont .bannerWrap02 .innerWrap01 { display:table; table-layout:fixed; border-collapse:separate; border-spacing:10px 0; margin-left:auto; margin-right:auto; font-size:1.1em; }
.mobile .correContWrap .mainContWrap .rightCont .banner02 { width:50%; height:auto; padding-top:15px; padding-bottom:15px; display:table-cell; vertical-align:middle;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea { position:relative; left:auto; top:auto; margin-left:15px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea br { display:none;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(1) { font-size:2.1em;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(2) { font-size:1.1em; margin-top:0.2em;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern01 .img01 { height:80px; bottom:-3px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern02 .img01 { height:80px;}

.mobile .correContWrap .mainContWrap .rightCont .banner03 { width:calc(100% - 20px); padding-bottom:12px;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title { width:170px; overflow:hidden; float:left; margin-left:12px;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .inner { width:calc(100% - 170px - 20px); float:right; margin-right:6px; margin-top:0; display:table; table-layout:fixed; border-collapse:separate; border-spacing:6px 0;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .inner>div { display:table-cell;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 a strong { height:43px; line-height:43px; width:110px;}

.mobile .correContWrap .mainContWrap .rightCont .bannerArea01 { width:calc(100% - 20px); overflow:hidden;}
.mobile .correContWrap .mainContWrap .rightCont .inner,
.mobile .correContWrap .mainContWrap .rightCont .banner05 { width:calc(100% / 2 - 5px);}
.mobile .correContWrap .mainContWrap .rightCont .inner { float:left;}
.mobile .correContWrap .mainContWrap .rightCont .banner05 { float:right; margin-top:0;}

.mobile .correContWrap .mainContWrap .rightCont .bannerArea01 .text01 { font-size:1.1em;}
.mobile .correContWrap .mainContWrap .rightCont .banner04 { padding-bottom:9px;}
.mobile .correContWrap .mainContWrap .rightCont .banner04 .textArea { font-size:1.15em;}
.mobile .correContWrap .mainContWrap .rightCont .banner04 .textArea strong:nth-of-type(1),
.mobile .correContWrap .mainContWrap .rightCont .banner04 .textArea>span { text-align:center; width:calc(100% - 14px); margin-left:auto; margin-right:auto;}
.mobile .correContWrap .mainContWrap .rightCont .banner04 .textArea strong:nth-of-type(1) { letter-spacing:0.05em;}
.mobile .correContWrap .mainContWrap .rightCont .banner04 .textArea strong:nth-of-type(1) br { display:none;}
.mobile .correContWrap .mainContWrap .rightCont .banner05 strong { text-align:center; margin-left:0;}


.mobile .correContWrap .leftCont .subTitleFormat01 { width:100%;}
.mobile .correContWrap .leftCont .cateTitFormat01 { font-size:1.2em;}
.mobile .correContWrap .leftCont .cateTitFormat01 strong { background-position:1px 0.68em; padding-top:0.4em; padding-bottom:0.5em;}

.mobile .correContWrap .rightCont .contMenu { padding-top:15px;}
.mobile .correContWrap .rightCont .contMenu .menuArea { width:calc(100% - 16px);}
.mobile .correContWrap .rightCont .contMenu .menu { width:calc(100% - 8px); font-size:1.4em;}
.mobile .correContWrap .rightCont .contMenu .menu a { padding-top:0.73em; padding-bottom:0.65em;}

.mobile .correContWrap .leftCont .cateTitFormat01,
.mobile .correContWrap .rightCont .contMenu,
.mobile .correContWrap .rightCont .contMenu .menuArea,
.mobile .contFooterArea02 .contactArea { border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0;}

.infoArea { width:100px; position:fixed; right:10px; bottom:10px; background-color:#ddd; text-align:left; padding:10px 0 12px; z-index:10; display:none;}
.infoArea p { width:80px; margin-left:auto; margin-right:auto; line-height:1.4em;}


@media screen and (max-width:620px){
.mobile .correContWrap .mainContWrap .rightCont .bannerWrap02 .innerWrap01 { font-size:1em;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 { padding-top:13px; padding-bottom:13px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern01 .img01 { height:60px; bottom:5px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern02 .img01 { height:60px;}
}

@media screen and (max-width:600px){
.correContWrap .mainContWrap .adobeReaderFormat1 { margin-top:25px;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText { font-size:0.8em;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText p { line-height:1.4em;}
}

@media screen and (max-width:560px){
.mobile .correContWrap .mainContWrap .rightCont .bannerWrap02 .innerWrap01 { font-size:0.85em;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea { margin-left:13px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern01 .img01 { bottom:1px;}
}

@media screen and (max-width:530px){
.mobile .correContWrap .mainContWrap .rightCont .banner01 .textArea { font-size:0.87em;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 a strong { letter-spacing:0.03em; padding-left:20px; width:93px;}
}

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

.correContWrap .mainContWrap .adobeReaderFormat1 .rightText p br { display:none;}
.correContWrap .leftCont .subTitleFormat01 .innerWrap { font-size:1.6em;}
.ie .correContWrap .leftCont .subTitleFormat01 strong:first-of-type { padding-top:0.5em;}

.mobile .contFooterWrap .contFooterArea01 { width:100%; background-color:#fff; overflow:hidden; margin-bottom:0;}
.mobile .contFooterWrap .contFooterArea01 { height:58px;}
.mobile .contFooterWrap .contFooterArea01 object { top:11px;}

.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern01 .img01 { height:55px; bottom:3px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern02 .img01 { height:55px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea { margin-left:10px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(1) { font-size:1.9em;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(2) { font-size:1.03em; line-height:1.35em;}

.mobile .correContWrap .mainContWrap .rightCont .banner03 { padding-top:3px;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title,
.mobile .correContWrap .mainContWrap .rightCont .banner03 .inner { width:calc(100% - 12px); float:none; margin-left:auto; margin-right:auto; margin-top:2px;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title { height:40px; width:262px; margin-left:auto; margin-right:auto;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title .img01 { left:auto; right:0; width:45px; top:0;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title .img02,
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title .img03 { top:6px; width:138px;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title .img02 { z-index:2;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 .title .img03 { z-index:1; left:88px;}
.correContWrap .mainContWrap .rightCont .banner03 .title .spacer { display:none;}
.mobile .correContWrap .mainContWrap .rightCont .banner03 a strong { height:33px; line-height:33px;}
.correContWrap .mainContWrap .rightCont .banner03 a strong { font-size:1.6em;}
}

@media screen and (max-width:450px){
.mobile .correContWrap .mainContWrap .rightCont .banner01.pattern03 .img01 { height:40px;}

.mobile .correContWrap .mainContWrap .rightCont .banner02 { vertical-align:top; padding-top:9px; padding-bottom:9px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(2) { margin-top:0.3em; margin-left:0.15em;}
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(2) br { display:block;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern02 .img01 { height:46px;}

.correContWrap .mainContWrap .rightCont .banner05 strong { text-indent:25px;}
}

@media screen and (max-width:430px){
.mobile .correContWrap .otherContHeader .sp1 .inner { /*top:-2px;*/}
.mobile .correContWrap .otherContHeader .sp2 { margin-top:0;}
.mobile .contFooterArea02 { position:relative;}
.mobile .contFooterArea02 .contactArea strong { font-size:1.3em;}
.mobile .contFooterArea02 .contactArea p { font-size:1.3em;}

.correContWrap .mainContWrap .adobeReaderFormat1 { display:block;}
.correContWrap .mainContWrap .adobeReaderFormat1 .leftImg { display:block; width:158px; margin-left:auto; margin-right:auto;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText { display:block; width:100%; margin-top:10px;}
.correContWrap .mainContWrap .adobeReaderFormat1 .rightText p { margin-left:0;}
}

@media screen and (max-width:400px){
.mobile .correContWrap .pageTopLinkArea { width:100%;}

.correContWrap .leftCont .subTitleFormat01 .innerWrap { font-size:1.4em;}

.correContWrap .bannerFormat01 .banner1 a,
.correContWrap .bannerFormat01 .banner2 a { height:3.5em; font-size:1.15em;}
.correContWrap .bannerFormat01 .banner1 a { background-position:calc(50% - 6.4em) 6px;}
.correContWrap .bannerFormat01 .banner2 a { background-position:calc(50% - 4em) 5px;}

.mobileMenuArea .mobileButton>.tableFormat02>.cell { font-size:1.1em;}

.mobile .correContWrap .mainContWrap .rightCont .banner01.pattern03 .img01 { display:none;}

.mobile .correContWrap .mainContWrap .rightCont .inner,
.mobile .correContWrap .mainContWrap .rightCont .banner05 { width:100%; float:none;}
.mobile .correContWrap .mainContWrap .rightCont .banner05 { margin-top:0.9em;}
.correContWrap .mainContWrap .rightCont .banner05 strong { text-indent:0;}
}

@media screen and (max-width:360px){
.mobile .correContWrap .mainContWrap .rightCont .banner02 .textArea strong:nth-of-type(1) br { display:block;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern01 .img01 { height:65px; bottom:7px;}
.mobile .correContWrap .mainContWrap .rightCont .banner02.pattern02 .img01 { height:63px; right:-7px;}
}

@media screen and (max-width:350px){
.mobile .correContWrap .mainContWrap .rightCont .banner01 .textArea strong:nth-of-type(1) { font-size:1.8em;}
}

@media screen and (max-width:340px){
.mobileMenuArea .searchArea { width:300px;}
}
@media screen and (max-width:320px){
.mobileMenuArea .searchArea { margin-left:10px;}
.mobileMenuArea .mobileButton { margin-left:8px;}
}

.sp-inline-show {
  display: none;
}

@media screen and (max-width: 430px) {
  .sp-inline-show {
    display: inline;
  }
}

.sp-block-show {
  display: none;
}

@media screen and (max-width: 430px) {
  .sp-block-show {
    display: block;
  }
}

.sp-block-none {
  display: block;
}

@media screen and (max-width: 430px) {
  .sp-block-none {
    display: none;
  }
}

.plannedChange {
  margin: 0 0 0 163px;
  padding: 5px 0 0;
}
@media screen and (max-width:768px) {
  .plannedChange {
    float: left;
    font-size: 2.5vw;
  }
}

.mb10 {
  margin: 0 0 10px 0;
}

.ffs-palt {
  font-feature-settings: "palt";
}

.sfArea ul.cc03-2 li.txtArea p.skyoka span {
  background-color: #C7A885!important;
}

.common {
  padding: 0 5px;
}

.comment .comment__title {
  color: #fff;
  font-size: 180%;
  text-align: center;
  background: #00A1C2;
  padding: 10px;
  border-radius: 0.5em;
  margin: 40px auto 20px;
  font-weight: bold;
}

.comment .comment__def {
  margin: 0 0 20px;
  padding: 20px;
  border: 1px solid #00A1C2;
  border-radius: 5px;
}

.comment .comment__def .comment__def-tit {
  font-size: 16px;
  color: #00A1C2;
}

.learningTextWrap {
  padding: 10px 0;
  display: flex;
  align-items: center;
  background-color: #01b3c5;
}

.learningTextWrap--green {
  background-color: #4abfac;
}

.dataWrap01 .data-image {
  padding: 10px;
}

.dataWrap01 .data-image img {
  width: 100%;
  height: auto;
}

.freshUserDetail {
  display: flex;
  align-items: center;
}

.freshUserDetail__image {
  margin: 5px 0 0 10px;
}

@media screen and (max-width:768px) {
  .mobile .otherContHeader,
  .mobile .correContWrap .otherContHeader{
    background: url(../svg/common/otherContHeaderSP2.svg) no-repeat 2vw 1vw / 32vw;
  }
}

.sns-header{
  display:flex;
  margin-left:600px;
  margin-top:40px;
  position: absolute;
}
.sns-header a{
  display:block;
  margin-right:10px;
}
.sns-header a img{
  height:30px;
}

.sns-footer{
  display:flex;
  justify-content:center;
  border-bottom:1px solid #ddd;
  margin-bottom:20px;
}
.sns-footer a img{
  display:block;
  height:30px;
  margin:0 5px 20px;
}
@media screen and (max-width:768px) {
  .sns-header{
      margin-top: 0;
      margin-left: 50vw;
      height: 7vw;
  }
  .sns-header a{
      margin-right: 0;
  }
  .sns-header a img{
      height:7vw;
      display:block;
      margin-right:3vw;
  }

  .sns-footer{
      display:flex;
      justify-content:center;
  }
  .sns-footer a img{
      display:block;
      height:7vw;
      margin:0 2vw 4vw;
  }
}