@charset "utf-8";

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* reset for iOS */
input[type="submit"],input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-feature-settings : "palt"; word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal; font-size: 15px; font-family: A1 Gothic M, YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.1em; margin: 0px; box-sizing: border-box; background-color: #fff; color: #0f0f0f; padding: 0em; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #0f0f0f; color: #FFF; }
::-moz-selection { background: #0f0f0f; }

/* link */
a:link, a:visited, a:active { color: #2f84b7; text-decoration: none; }
a:hover { color: #0f0f0f; text-decoration: none; transition: color 0.05s linear; -webkit-transition: color 0.05s linear; transition: border-color 0.05s linear; -webkit-transition: border-color 0.05s linear; transition: background-color 0.05s linear; -webkit-transition: background-color 0.05s linear; }
#contents .archive li a { color: #0f0f0f !important; }
#contents .hakko_recipe .recipe_list li a { color: #0f0f0f !important; }
#sp_navi a { color: #0f0f0f !important; }
a:link img { transition: 0.2s linear; }
a:hover img { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -o-filter: brightness(110%); -ms-filter: brightness(110%); filter: brightness(110%); }

/* font */
.a1 { font-family: A1 Gothic M !important; }
.a1_2004 { font-family: A1 Gothic M JIS2004 !important; }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.pc { display:block !important; }
.sp { display:none !important; }
.pcbr { display:block !important; }
.spbr { display:inline !important; }
.nowrap { white-space: nowrap; }

/* logo */
.logo { display:block !important; }

/* wordpress */
#contents .wp-caption.alignleft { float: left;  }
#contents .wp-caption.alignleft img {  }
#contents .wp-caption.alignright { float: right;  }
#contents .wp-caption.alignright img {  }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright .wp-caption-text { font-size: 0.8em; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 20px 2%; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0 20px 2% 0; display: inline; max-width: 47%; }
img.aligncenter { display: block; }
.aligncenter { margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; }
.alignleft { float: left; margin-bottom: 20px; margin-right: 20px; }

/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* wrapper */
#wrapper { padding:0 4% 0 4%; margin:auto; min-width:1200px; max-width:1680px; }

/* header */
#header { position: relative; }
#header .logo { width:43%; margin: 2.5em 0; }
#header .title { font-size:0.7em; font-family: A1 Gothic B; position: fixed;; top:45vh; letter-spacing: 0.2em; }
#header .title_left { left:1.5%; }
#header .title_right { right:1.5%; }
#header .bn_100th { position: absolute; top:-0.5em; right:7rem; width:28.5%; }

/* footer */
#footer { position: relative; margin:3em 0 3em 0; font-size:0.9em; }
#footer .logo { width:40%; position: absolute; top:0; left:0; }
#footer .copyright { text-align: left; margin-top:2em; font-size:1em; }
#footer nav.gnavi { padding-left: 55%;}

/* nav */
nav.gnavi { margin-right:auto; display:flex; justify-content:flex-start; text-align: left; padding-left: 68%;}
nav.gnavi ul:nth-child(1) { width:45%; margin-right:10%; }
nav.gnavi ul:nth-child(2) { width:45%; }
nav.gnavi ul:nth-child(3) { width:35%; margin-left:10%; }
nav.gnavi ul li a { padding-bottom:1.2em; color: #0f0f0f; }
nav.gnavi ul li a:hover { color: #2f84b7; }
nav.gnavi ul li.home img { width:57.58%; height:auto; }
nav.gnavi ul li.project img { width:93.66%; height:auto; }
nav.gnavi ul li.study img { width:100%; height:auto; }
nav.gnavi ul li.food img { width:74.14%; height:auto; }
nav.gnavi ul li.column img { width:86.82%; height:auto; }
nav.gnavi ul li.com img { width:72.12%; height:auto; }
nav.gnavi ul li.times img { width:97.10%; height:auto; }
nav.gnavi ul li.sub { font-size:1em; margin:0 0 0 0; line-height: 1em }
nav.gnavi ul li.sub img { height:1em; width:auto; }
nav.gnavi li { position: relative; }
nav.gnavi li a { display: block; }
nav.gnavi li:hover > ul { display: block !important; }
nav.gnavi li ul { display: none; position: absolute; top: 2em; left:-5%; width: 105% !important; padding:0 0 0.5em 1.5em; z-index: 999; background-color: #fff; border-radius: 0 0 0 0.4em; -webkit-border-radius: 0 0 0 0.4em; -moz-border-radius: 0 0 0 0.4em; }
nav.gnavi ul li.study ul { display: none; position: absolute; top: 2em; left:-5%; width: 115% !important; padding:0 1.5em 0.5em 1.5em; z-index: 999; background-color: #fff; border-radius: 0 0 0.4em 0.4em; -webkit-border-radius: 0 0 0.4em 0.4em; -moz-border-radius: 0 0 0.4em 0.4em; }
nav.gnavi ul li.food ul { display: none; position: absolute; top: 2em; left:-5%; width: 115% !important; padding:0 1.5em 0.5em 1.5em; z-index: 999; background-color: #fff; border-radius: 0 0 0.4em 0.4em; -webkit-border-radius: 0 0 0.4em 0.4em; -moz-border-radius: 0 0 0.4em 0.4em; }
nav.gnavi li ul li { margin:0 !important; padding:0 !important; }
nav.gnavi li ul li a { margin:0 !important; padding:0.35em 0 0.35em 0 !important; border-bottom:solid 1px #999; }
nav.gnavi li ul li:first-child a { padding:1em 0 0.5em 0 !important; }
nav.gnavi li ul li:last-child a { border-bottom:none; }
nav.gnavi li ul li a i { margin-right:0.75em; }

/* sp_navi */
#sp_navi { display:block; text-align: left; }
#sp_navi .drawer-nav { padding:3em 6em 1em 6em; }
#sp_navi .drawer-hamburger { right:4%; top:3.25rem; width:2rem; background-color: #eee; }
#sp_navi .drawer-menu { overflow-y: scroll; padding:0 0 2rem 0; }
#sp_navi .drawer-menu li { width:55%; margin: 1.8em 0; }
#sp_navi .drawer-menu li.sub { width:35%; height:auto; margin: 0.75em 0; }
#sp_navi .drawer-menu li.home img { width:57.58%; height:auto; }
#sp_navi .drawer-menu li.project img { width:93.66%; height:auto; }
#sp_navi .drawer-menu li.study img { width:100%; height:auto; }
#sp_navi .drawer-menu li.study li { margin:0.35em 0 0 0; white-space: nowrap; padding-left:0.5em; font-size: 1.2em; }
#sp_navi .drawer-menu li.study li:first-child { margin:0.75em 0 0 0; }
#sp_navi .drawer-menu li.study li:last-child { margin:0.35em 0 0.75em 0; }
#sp_navi .drawer-menu li.study li i { margin-right:0.5em; }
#sp_navi .drawer-menu li.food img { width:74.14%; height:auto; }
#sp_navi .drawer-menu li.food li { margin:0.35em 0 0 0; white-space: nowrap; padding-left:0.5em; font-size: 1.2em; }
#sp_navi .drawer-menu li.food li:first-child { margin:0.75em 0 0 0; }
#sp_navi .drawer-menu li.food li:last-child { margin:0.35em 0 0.75em 0;  }
#sp_navi .drawer-menu li.food li i { margin-right:0.5em; }
#sp_navi .drawer-menu li.column img { width:86.82%; height:auto; }
#sp_navi .drawer-menu li.column li { margin:0.35em 0 0 0; white-space: nowrap; padding-left:0.5em; font-size: 1.2em; }
#sp_navi .drawer-menu li.column li:first-child { margin:0.75em 0 0 0; }
#sp_navi .drawer-menu li.column li:last-child { margin:0.35em 0 0.75em 0;  }
#sp_navi .drawer-menu li.column li i { margin-right:0.5em; }
#sp_navi .drawer-menu li.com img { width:72.12%; height:auto; }
#sp_navi .drawer-menu li.times img { width:97.10%; height:auto; }
#sp_navi .drawer-menu li.policy img { width:100%; height:auto; }
#sp_navi .drawer-menu li.terms img { width:88.66%; height:auto; }
#sp_navi .drawer-menu li.contact img { width:53.375%; height:auto; }

/* container */
#contents .container { display:flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; }
#contents .container .s4_4 { width:100%; align-self: center; }
#contents .container .s3_4 { width:75%; align-self: center; }
#contents .container .s2_4 { width:50%; align-self: center; }
#contents .container .s1_4 { width:25%; align-self: center; }
#contents .container .s3_3 { width:100%; align-self: center; }
#contents .container .s2_3 { width:66.666%; align-self: center; }
#contents .container .s1_3 { width:33.333%; align-self: center; }
#contents .container .sb { align-self: flex-end; }
#contents .container .st { align-self: top; }
#contents .container .mr { padding-right:1%; margin-bottom:2em; }
#contents .container .ml { padding-left:1%; margin-bottom:2em; }
#contents .container .mb { margin-bottom:2em; }
#contents .container .mrl { padding:0; margin:auto; }
#contents .container .mtb_5 { margin-top:5em; margin-bottom:5em; }
#contents .container .mtb_10 { margin-top:10em; margin-bottom:10em; }
#contents .container .mt_5 { margin-top:5em; }
#contents .container .mt_10 { margin-top:10em; }
#contents .container .mb_5 { margin-bottom:5em; }
#contents .container .mb_10 { margin-bottom:10em; }
#contents .container .txt { text-align: center; padding-left: 7%; }
#contents .container .txt_c { text-align: center; padding-left: 25%; padding-right: 25%; }
#contents .container .txt_h { text-align: center; padding-left: 10%; padding-right: 10%; }
#contents .container .txt h1 { font-family: A1 Gothic M; font-size: 3em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h2 { font-family: A1 Gothic M; font-size: 2.4em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h2 img { width:90%; height:auto; margin:0 0 1em 0; }
#contents .container .txt h3 { font-family: A1 Gothic M; font-size: 2em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h4 { font-family: A1 Gothic M; font-size: 1.8em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h5 { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h6 { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt p { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.8em; text-align: justify; text-justify: inter-ideograph; margin-left:auto; margin-right:auto; }
#contents .container .txt p.att { font-size: 1em; margin-top:1em; }
#contents .container .txt p:last-child { margin-bottom:0em !important; }
#contents .container .txt p.hakko_project_bn a { border-top:solid 1px #0f0f0f; border-bottom:solid 1px #0f0f0f; font-size: 1em; line-height: 1.5em; padding:1em 0; color:#0f0f0f; text-align: justify; margin-top:2em; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
#contents .container .txt p.hakko_project_bn a:hover { color:#2f84b7; }
#contents .container .txt p.hakko_project_bn a i { margin:0 1em 0 0; }
#contents .container .txt li { font-family: A1 Gothic R; font-size: 1.2em; line-height: 2em; text-align: left; }
#contents .container .txt.lead p { font-size: 2.2em; line-height: 1.9em; }

/* sns */
#sns { display:flex; justify-content:center; overflow: hidden; background-color: #eee; padding:1em; margin:5em 0 0 0; }
#sns.none { margin:0 0 0 0; }
#sns .bn { margin:0 0.5% 0 0.5%; width:7%; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#sns .bn a { font-family: A1 Gothic M; color:#fff; line-height:2em; display:block; }
#sns .bn.facebook { background-color: #3a6aaf; }
#sns .bn.twitter { background-color: #0096de; }
#sns .bn.instagram { display:none; background-color: #295f84; }

/* slides */
#contents .slides .slick-slide li { padding:0 2%; }

/* contents */
#contents { min-height:45vh; }
#contents .title { text-align: center;}
#contents .title a { color:#333 !important; }
#contents .title img { margin:5em auto 5em auto; height:2em; width:auto; vertical-align: middle;  }
#contents .title .jp_title { display:inline; vertical-align: middle; margin:0 0 0 2em; font-size:1.2em; font-family: A1 Gothic M; }
#contents .soon { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.8em; }

/* breadcrumb */
#contents .breadcrumb { background-color:#f4f4f4; padding:1em 2em; font-size:1em; font-family: A1 Gothic M; line-height:1.8em; margin-bottom:1.5em; text-align: left; }
#contents .breadcrumb li { display: inline-block; }
#contents .breadcrumb li i { margin:0 0.4em; }
#contents .breadcrumb li a { color:#333 !important; }
#contents .breadcrumb li a:hover { color:#2f84b7 !important; }

/* hakko_contents */
#contents .hakko_contents { width:100%;  margin:3em auto 3em auto; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_contents .title { width:100%; align-items: center; padding:4em 0; }
#contents .hakko_contents .title a { width:100%; margin:auto; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .hakko_contents .title a img { display: block; width:30%; height:auto; margin:0 2em 0 0; }
#contents .hakko_contents .title a .jp_title { display: block; margin:0; }
#contents .hakko_contents ul { width:100%; margin:auto; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_contents dt { width:70%; margin:auto; }
#contents .hakko_contents dd h2 { margin-bottom:1em; width:65%; margin:2em auto 1em auto; }
#contents .hakko_contents li { width:20%; height:auto; border-right:solid 1px #333; font-size: 0.9em; }
#contents .hakko_contents li:first-child { border-left:solid 1px #333; }
#contents .hakko_contents li.study h2 img { width:100%; height:auto; }
#contents .hakko_contents li.column h2 img { width:86.82%; height:auto; }
#contents .hakko_contents li.com h2 img { width:72.12%; height:auto; }
#contents .hakko_contents li.times h2 img { width:97.10%; height:auto; }
#contents .hakko_contents li.food h2 img { width:74.14%; height:auto; }
#contents .hakko_contents a { color:#333; }

/* hakko_article */
#contents .hakko_article { overflow:hidden; padding:0 7.7% 5em 7.7%; }
#contents .hakko_article h1 { font-size:2.4em; font-family: A1 Gothic M; line-height:1.8em; margin-top:0em; margin-bottom:0.5em; text-align: center; }
#contents .hakko_article h1 .sml { font-size:0.7em; display: block; }
#contents .hakko_article h2 { font-size:2em; font-family: A1 Gothic M; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article h3 { font-size:1.6em; font-family: A1 Gothic M; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article h4 { font-size:1.4em; font-family: A1 Gothic B; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article h5 { font-size:1.2em; font-family: A1 Gothic B; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article h6 { font-size:1em; font-family: A1 Gothic B; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article dl { width:45%; float:right; }
#contents .hakko_article dt { font-size:2.2em; font-family: A1 Gothic M; line-height:1.6em; margin-top:2em; margin-bottom:1em; }
#contents .hakko_article dd { font-size:1.2em; line-height:1.8em; }
#contents .hakko_article p { font-size:1.5em; font-family: A1 Gothic R; line-height:2em; margin-top:2em; margin-bottom:0.5em; text-align: justify; text-justify: inter-ideograph;}
#contents .hakko_article p.cap { font-size:0.9em; font-family: A1 Gothic R; line-height:1.6em; margin-top:1em; margin-bottom:2em; }
#contents .hakko_article p.att { font-size:1em; font-family: A1 Gothic R; line-height:2em; margin-top:2em; margin-bottom:2em; }
#contents .hakko_article p.photo_s { margin:3em auto 3em auto; width:65%; }
#contents .hakko_article p strong { font-family: A1 Gothic B; }
#contents .hakko_article .cover { position: relative; }
#contents .hakko_article .cover span.credit { display:block; background-color: #fff; padding:1em 2em; text-align: right; font-size: 0.8em; letter-spacing: 0.05em; }
#contents .hakko_article .cover p.cap { padding-left:1em; }
#contents .hakko_article .date { font-size:1em; line-height:1.6em; margin-top:2em; margin-bottom:1em; text-align: center;}
#contents .hakko_article .entrybody { text-align:left; background-color: #fff; padding:3em 25% 5em 25%; margin-bottom:3em; }
#contents .hakko_article .banner { position: relative; }
#contents .hakko_article .banner span { position: absolute; top:8em; right:5%; display:block; width:18%; }

#contents .hakko_article .note { background-color: #f6f3ec; padding:4em; border-radius: 2em; text-align: center; margin:5em auto; }
#contents .hakko_article .note .note_title { font-family: A1 Gothic M; font-size: 1.8em; }
#contents .hakko_article .note .note_q { font-family: A1 Gothic M; font-size: 1.8em; line-height: 1.5em; margin:1em auto; padding:0.75em 0; border-top:solid 1px #333; border-bottom: solid 1px #333; }
#contents .hakko_article .note .note_a { font-size: 0.9em; border-bottom: solid 1px #333; padding: 0 0 1.5em 0; }
#contents .hakko_article .note .note_a p { margin:0 auto; }
#contents .hakko_article .note .note_a .note_a_credit { text-align: right; }
#contents .hakko_article .note .note_link { margin: 2em 0 0 0 ; }
#contents .hakko_article .note .note_link a { font-family: A1 Gothic M; font-size: 1.4em; display:block; color:#333; background-color: #ffffff; padding:0.5em; border-radius: 0.5em; }
#contents .hakko_article .note .note_link a i { margin:0 0.5em 0 0; }
#contents .hakko_article .note .note_link a:hover { background-color: #333; color:#fff; }

#contents .hakko_article .profile { overflow: hidden; margin:5em 0 0 0; text-align: center;}
#contents .hakko_article .profile dl { width:100%; margin:auto; }
#contents .hakko_article .profile dl dt { width:50%; margin:0 auto 1em auto; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#contents .hakko_article .profile dl dd { width:50%; margin:0 auto 1em auto; overflow: hidden; }
#contents .hakko_article .profile dl dd.ex { font-size:1em; line-height:1.8em; text-align: left; }
#contents .hakko_article .profile dl dd.ex span { display: inline-block; }
#contents .hakko_article .profile dl dd.ex a.links { color: #333; }
#contents .hakko_article .profile dl dd.ex a.links i { margin:0 0.4em 0 0; }
#contents .hakko_article .profile dl dd.ex a.links:hover { color: #2f84b7; }
#contents .hakko_article .information { font-size:1em !important; padding:5em 25% 5em 25%; margin-bottom:0em; }
#contents .hakko_article .information h1 { border-top:solid 1px #000; padding:1.5em 0 0 0; margin:2em 0 0 0; }
#contents .hakko_article .information h1 span.cap { display:block; font-size:0.6em; line-height:1.5em; margin:0 0 1em 0; }
#contents .hakko_article .information p { font-size:1.25em; line-height:2em; text-align: left; }
#contents .hakko_article .information p.att { font-size:1em; font-family: A1 Gothic R; line-height:2em; margin-top:2em; margin-bottom:2em; }
#contents .hakko_article .information p a.links { color: #333; }
#contents .hakko_article .information p a.links i { margin:0 0.4em 0 0; }
#contents .hakko_article .information p a.links:hover { color: #2f84b7; }
#contents .hakko_article .information_title { font-size:2em; font-family: A1 Gothic M; line-height:1.8em; margin-top:0em; margin-bottom:2em; text-align: center; }
#contents .hakko_article .map { margin-top:2em; }
#contents .hakko_article sub { line-height: 1; }

/* hakko_journey */
#contents .hakko_article.hakko_journey .entrybody { text-align:left; background-color: #fff; padding:3em 0 5em 0; margin-bottom:3em; }
#contents .hakko_article.hakko_journey .entrybody h2 { padding:3em 25% 0 25%; }
#contents .hakko_article.hakko_journey .entrybody p { padding:0 25% 0 25%; }
#contents .hakko_article.hakko_journey .entrybody p.photo { padding:3em 0 0 0; }
#contents .hakko_article.hakko_journey .entrybody p.cap { padding:0 0 0 0; }
#contents .hakko_article.hakko_journey .entrybody .map { padding: 0 25%; }

/* archive */
#contents .archive li { margin:0 auto 5em auto; }
#contents .archive li dl { display:flex; flex-wrap: wrap; justify-content: flex-end; }
#contents .archive li dt { order: 1; width:70%; }
#contents .archive li dd { order: 2; width:30%; text-align: left; padding: 0 0 0 5%; align-self: center; }
#contents .archive li dd h2 { font-family: A1 Gothic M; font-size: 1.7em; line-height: 1.6em; margin-bottom:0.5em; }
#contents .archive li dd p { font-family: A1 Gothic M; font-size: 1.3em; line-height: 1.7em; }
#contents .archive li dd .cat { font-family: A1 Gothic M; font-size: 1.1em; line-height: 1.7em; margin-bottom:1em; }
#contents .archive li dd .ex { font-family: A1 Gothic M; font-size: 1.1em; line-height: 1.7em; margin-bottom:1em; }
#contents .archive li dd .date { font-family: A1 Gothic M; font-size: 0.9em; line-height: 1em; color:#aaa; margin-bottom:1em; }
#contents .archive li dd .links { font-family: A1 Gothic M; font-size: 1em; line-height: 1em; text-align: right; }
#contents .archive li dd .links i { margin-right:0.5em; }
#contents .archive li dd .links .sep { border-bottom:solid 1px #333; padding-bottom:0.4em; }
#contents .archive li a:hover .links .sep { color:#2f84b7; border-bottom:solid 1px #2f84b7; }
#contents .archive li:nth-child(even) dt { order: 2; }
#contents .archive li:nth-child(even) dd { order: 1; }
#contents .archive li:nth-child(even) dd { padding: 0 5% 0 0 ; }
#contents .archive li.none { margin:0; }
#contents .archive li:last-child { margin:0 auto 0 auto !important; }

/* hakko_challenge */
#contents .main_mid { position: relative; text-align: center; padding:5em 0 5em 0;  }
#contents .main_mid p { font-family: A1 Gothic M; font-size: 2em; line-height: 1.7em; }
#contents .main_mid .logo_r { position: absolute; top:3em; left:5%;  width:24%; }
#contents .main_mid .bn_project { position: absolute; top:5em; right:5%;  width:15%; }
#contents .hakko_challenge.archive { width:90%; margin:0 auto 5em auto; }
#contents .hakko_challenge.archive dd { font-size: 1.2em; }

/* hakko_project */
#contents .hakko_project { text-align: left; font-family: A1 Gothic B; }
#contents .hakko_project_link { overflow: hidden; padding:0 10% 0 10%; }
#contents .hakko_project_link .left { float:left; width:48%; font-size:1.8em; line-height:2.2em;  }
#contents .hakko_project_link .right { float:right; width:45%; font-size:1.1em; line-height:2.2em; padding-top:1em;  }
#contents .hakko_project_link ul { padding:0 0 0 1em; }
#contents .hakko_project_link a { color:#333; font-size:1.2em; }
#contents .hakko_project_link a:hover { color:#2f84b7; }
#contents .hakko_project_link a i { margin:0 0.3em 0 0; }
#contents .hakko_project .hakko_project_8 { width:50%; }
#contents .hakko_project .hakko_project_9 { width:50%; }
#contents .hakko_project .hakko_project_9 p:nth-of-type(2) { margin-top:1em;}

/* hakko_com */
#contents .hakko_com { padding:2em 10em 6em 10em; margin:0 0 0 0; background-color:#f6f3ec; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_com .com_list { overflow: hidden; }
#contents .hakko_com .com_list li { font-size: 1em; float:left; width:28%; margin-right:8%; margin-bottom:5em; }
#contents .hakko_com .com_list li:nth-child(3n) { float:left; margin-right:0; }
#contents .hakko_com .com_list li:nth-child(3n+1) { clear:both; }
#contents .hakko_com .com_list li .thumb { margin-bottom:1em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; display:block; }
#contents .hakko_com .com_list li .label { display:block; }
#contents .hakko_com .com_list li .name { display:block; }
#contents .hakko_com .com_list li .name .kanji { font-size: 1.6em; }
#contents .hakko_com .com_list li .kana { display:block; font-size: 0.8em; }
#contents .hakko_com .com_list li a { color:#333; }
#contents .hakko_com .com_list li a:hover img { -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none; }
#contents .hakko_com .com_list li .bot { margin-top:0.75em; }
#contents .hakko_com .com_list li .bot a { border:solid 1px #333; padding:0.2em 1em; display:inline-block; background-color: transparent; color:#333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents .hakko_com .com_list li .bot a i { margin-right:0.5em; }
#contents .hakko_com .com_list li .bot a:hover { color:#fff; background-color: #333; }

#contents .hakko_com .hakko_com_ex { overflow: hidden; border-bottom:solid 1px #333; padding-bottom:8em; margin-bottom:8em; }
#contents .hakko_com .hakko_com_ex .photo { float:left; width:62%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
#contents .hakko_com .hakko_com_ex .txt { float:right; width:30%; text-align: left; padding-top:2em; }
#contents .hakko_com .hakko_com_ex .plate { font-size: 1.4em; margin-bottom:1em;}
#contents .hakko_com .hakko_com_ex .label { display:block; }
#contents .hakko_com .hakko_com_ex .name { display:block; }
#contents .hakko_com .hakko_com_ex .name .kanji { font-size: 1.6em; }
#contents .hakko_com .hakko_com_ex .kana { display:block; font-size: 0.8em; }
#contents .hakko_com .hakko_com_ex .comment { display:block; text-align: justify; text-justify: inter-ideograph; font-size: 1.2em; line-height: 2em; margin-bottom:1em; }
#contents .hakko_com .hakko_com_ex .links  { margin:0; }
#contents .hakko_com .hakko_com_ex .links li { display:block; }
#contents .hakko_com .hakko_com_ex .links li a { font-size: 1.1em; display:block; color:#333; margin:0.5em 1em 0 0; }
#contents .hakko_com .hakko_com_ex .links li a i { margin-right:0.5em; }
#contents .hakko_com .hakko_com_ex .links li a:hover { color:#2f84b7; }
#contents .hakko_com .hakko_com_ex dl.keyword { padding:0; margin:0; float:none; width:100%; }
#contents .hakko_com .hakko_com_ex dl.keyword dt { font-size: 1.1em; margin:1.5em 0 0.5em 0; }
#contents .hakko_com .hakko_com_ex dl.keyword dd { font-size: 1.1em; margin:0; }
#contents .hakko_com .hakko_com_ex dl.relation { padding:0; margin:0; float:none; width:100%; }
#contents .hakko_com .hakko_com_ex dl.relation dt { font-size: 1.1em; margin:1.5em 0 0.5em 0; }
#contents .hakko_com .hakko_com_ex dl.relation dd { font-size: 1.1em; line-height: 1.6em; }
#contents .hakko_com .hakko_com_ex dl.relation dd a { display: block; margin:0 0 0.5em 0; color:#333; padding-left:1.5em; position: relative; }
#contents .hakko_com .hakko_com_ex dl.relation dd a:before { content:"\f138"; font-family:"icomoon"; position: absolute; top:0; left:0; }
#contents .hakko_com .hakko_com_ex dl.relation dd a:hover { color:#2f84b7; }

/* hakko_com_slide */
#contents .hakko_article.hakko_com.hakko_com_slide { margin:0 0 0 0; padding:0; }
#contents .hakko_article.hakko_com.hakko_com_slide .contents_head { width:70%; margin:auto; padding:5em 0 2em 0; }
#contents .hakko_com_slide .com_list { margin:3em 0 0 0; }
#contents .hakko_com_slide .com_list li .thumb { width:80%; margin:0 auto 2em auto; }

/* hakko_study */
#contents .hakko_study {  }
#contents .hakko_study .contents_head_mid { width:80%; margin:0 auto 2em auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .contents_head_mid .left { width:30%; align-self: center; text-align: left; }
#contents .hakko_study .contents_head_mid .left h3 { font-size:2.7em; font-family: A1 Gothic M; line-height:1.6em; letter-spacing: 0.15em; }
#contents .hakko_study .contents_head_mid .center { width:30%; align-self: center; }
#contents .hakko_study .contents_head_mid .right { width:35%; align-self: center; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .contents_head_mid .right p { font-size:1.5em; font-family: A1 Gothic M; line-height:1.7em; text-align: justify; text-justify: inter-ideograph; }

#contents .hakko_study .hakko_study_link { width:80%; margin:3em auto 5em auto; }
#contents .hakko_study .hakko_study_link ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .hakko_study_link ul li { width:31%; }
#contents .hakko_study .hakko_study_link ul li a { display:block; border:solid 0.15rem #333; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; font-family: A1 Gothic M; font-size: 1.6em; line-height: 1; color:#333333; padding:1em; text-align: center; }
#contents .hakko_study .hakko_study_link ul li a:hover { color:#ffffff; background-color:#333333; }
#contents .hakko_study .hakko_study_link ul li a i { margin:0 0.5em 0 0; }
#contents .hakko_study .hakko_study_link .pagelink { margin:4em auto 5em auto; }
#contents .hakko_study .hakko_study_link .pagelink a { color:#333; font-size: 1.4em; font-family: A1 Gothic M; line-height: 1.4em; border-bottom:solid 1px #333; padding:0 0 0.5em 0; }
#contents .hakko_study .hakko_study_link .pagelink a i { margin:0 0.4em 0 0; }

#contents .hakko_study .nakama_h { padding:5em 10em; margin:0 0 3em 0; background-color:#fffde8; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_study .nakama_h .nakama_h_head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 3em 0; }
#contents .hakko_study .nakama_h .nakama_h_head h2 { font-size:2.7em; font-family: A1 Gothic M; line-height:1.6em; letter-spacing: 0.2em; text-align: left; }
#contents .hakko_study .nakama_h .nakama_h_head p { width:50%; font-size:1.5em; margin:0.4em 0 0 0; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: left; }
#contents .hakko_study .nakama_h .nakama_h_list {  }
#contents .hakko_study .nakama_h .nakama_h_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
#contents .hakko_study .nakama_h .nakama_h_list li { width:30%; margin:0 0 3em 0; }
#contents .hakko_study .nakama_h .nakama_h_list li h3 { font-size:1.8em; font-family: A1 Gothic M; line-height:1.4em; text-align: center; margin-top:1em; margin-bottom:0.5em; }
#contents .hakko_study .nakama_h .nakama_h_list li p { font-size:1.1em; font-family: A1 Gothic M; line-height:1.7em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_h .nakama_h_list li.topic { width:47.5%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .nakama_h .nakama_h_list li.topic .thumb { width:50%; }
#contents .hakko_study .nakama_h .nakama_h_list li.topic .ex { width:45%; }
#contents .hakko_study .nakama_h .nakama_h_list li.topic h3 { text-align: left; }
#contents .hakko_study .nakama_h .nakama_h_list li a { color:#333; }
#contents .hakko_study .nakama_h .nakama_h_list li a:hover { color:#333; }
#contents .hakko_study .nakama_h .nakama_h_list li a .links { text-align: center; margin:1em 0 0 0; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.4em; background-color:#ffffff; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .nakama_h .nakama_h_list li a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .nakama_h .nakama_h_list li a:hover img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_h .nakama_h_list li a:hover .links { background-color:#333333; color:#ffffff; }

#contents .hakko_study .nakama_h p { font-size:1.15em; font-family: A1 Gothic M; line-height:1.8em; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_h p.cap { font-size:0.8em; }

#contents .hakko_study .nakama_hh { padding:5em 10em; margin:1.5em 0 3em 0; text-align: left; background-color:#fffde8; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_study .nakama_hh .nakama_h_head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 4em 0; }
#contents .hakko_study .nakama_hh .nakama_h_head .left { width:36%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_h_head h2 { font-size:2.5em; font-family: A1 Gothic M; line-height:1.6em; letter-spacing: 0.1em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_h_head h2 span { padding:0.75em 0 0 0; display:block; }
#contents .hakko_study .nakama_hh .nakama_h_head .right { width:50%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_h_head p { font-size:1.8em; font-family: A1 Gothic M; line-height:2em; letter-spacing: 0.15; text-align: justify; }
#contents .hakko_study .nakama_hh .nakama_hh_head { width:100%; margin:5em auto 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left { width:30%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left h2 { font-size:2.4em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; padding-bottom:0.2em; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left h2 span { display: block; margin:0 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left h3 { font-size:2.5em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left .nakama_h_title_img { width:60%; margin:3em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_head .right { width:65%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_head .right p { margin:0 0 1.2em 0; font-size:1.4em; font-family: A1 Gothic M; line-height:2.2em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_hh .nakama_hh_list ul { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:flex-end; }
#contents .hakko_study .nakama_hh .nakama_hh_list li { width:25%; margin:0 0 2em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_list li a .links { text-align: center; margin:1em 7% 0 7%; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.5em; background-color:#fff; display:block; color:#333; padding:0.4em; }
#contents .hakko_study .nakama_hh .nakama_hh_list li .nolink .links { text-align: center; margin:1em 7% 0 7%; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.5em; background-color:transparent; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .nakama_hh .nakama_hh_list li a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .nakama_hh .nakama_hh_list li a:hover img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_hh .nakama_hh_list li a:hover .links { background-color:#333333; color:#ffffff; }
#contents .hakko_study .nakama_hh .nakama_hh_ex { width:100%; margin:0 auto 5em auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .nakama_hh .nakama_hh_ex.nakama_hh_ex_dot:before { background: radial-gradient(circle farthest-side, #333, #333 40%, transparent 40%, transparent); background-size: 0.5rem 0.5rem; background-position: top; background-repeat:repeat-x; content: ''; display: inline-block; height: 0.5rem; width: 100%; padding:4em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex.nakama_hh_ex_dot.nakama_hh_ex_dot_last:after { background: radial-gradient(circle farthest-side, #333, #333 40%, transparent 40%, transparent); background-size: 0.5rem 0.5rem; background-position: bottom; background-repeat:repeat-x; content: ''; display: inline-block; height: 0.5rem; width: 100%; padding:4em 0 2em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left { width:30%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left h2 { font-size:3.4em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; padding-bottom:0.2em; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left h2 span { border-bottom: solid 2px #333; padding:0 0 0.1em 0; display:inline; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left h3 { font-size:2.1em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.25em 0.75em; margin:0.5em 0 0 0; text-align: left; display: inline-block; border:solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left h4 { font-size:1.8em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.25em 0; margin:0.5em 0 0 0; text-align: left; display: inline-block; border-bottom:solid 2px #333; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left .nakama_hh_title_img { width:90%; margin:3em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right { width:65%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right p { margin:0.4em 0 1.2em 0; font-size:1.3em; font-family: A1 Gothic M; line-height:2em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right p:last-child { margin:0.4em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right.lead p { margin:0.6em 0 0 0; font-size:1.6em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right p.cap { font-size:1em; margin:1em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right .pagelink { margin:2em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right .pagelink a { font-family: A1 Gothic M; display:inline-block; padding:0.75em 1.5em; font-size: 1.4em; color: #333; background-color: #fff; border-radius: 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right .pagelink a i { margin:0 0.5em 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_fig { position: relative; margin:0 auto 5em auto; text-align: right; }
#contents .hakko_study .nakama_hh .nakama_hh_fig.nakama_hh_fig_50 { margin:0 15% 5em 15%; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_01_links { position: absolute; top:5em; left:48%; width:22%; height:18em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_02_links { position: absolute; top:5em; left:44%; width:22%; height:18em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_03_links { position: absolute; top:5em; left:33%; width:22%; height:18em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_04_links { position: absolute; top:23em; left:52%; width:22%; height:20em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_05_links { position: absolute; top:10em; left:57%; width:22%; height:20em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_06_links { position: absolute; top:10em; left:57%; width:22%; height:20em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_07_links { position: absolute; top:53em; left:30%; width:25%; height:18em; }
#contents .hakko_study .nakama_hh .nakama_hh_cat { margin:0 0 5em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_cat.nakama_hh_cat_bottom { margin:3em 0 3em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_cat .nakama_hh_cat_title { position: relative; margin:0 0 1em 0;  }
#contents .hakko_study .nakama_hh .nakama_hh_cat .nakama_hh_cat_title span { display: block; text-align: center; background-color: #fff; padding:1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; margin:1em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_cat .nakama_hh_cat_title { font-size: 1.8em; line-height: 1em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li { margin:0 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items:center; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dt.title { width:20%; font-size: 1.9em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dt.title span { display:block; font-size: 0.6em; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dd.photo { width:25%; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dd.ex { width:50%; font-size:1.5em; line-height:1.8em; font-family: A1 Gothic M; margin:1.5em auto; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake { margin:0 0 5em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake.nakama_hh_cat_bottom { margin:3em 0 3em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake .nakama_hh_cat_title { position: relative; margin:0 0 1em 0;  }
#contents .hakko_study .nakama_hh .nakama_hh_amazake .nakama_hh_cat_title span { display: block; text-align: center; background-color: #fff; padding:1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake .nakama_hh_cat_title { font-size: 1.8em; line-height: 1em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items:center; margin:3em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li:nth-child(even) { flex-direction: row-reverse; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li .photo { width:25%; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dl { width:70%; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dt.title { font-size: 1.8em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dt.title span { display:block; font-size: 0.6em; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dd.ex { font-size:1.5em; line-height:1.8em; font-family: A1 Gothic M; margin:1em auto 0 auto; }

#contents .hakko_study .nakama_b { padding:5em 10em; margin:1.5em 0 3em 0; background-color:#f6f3ec; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_study .nakama_b .nakama_b_head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 3em 0; }
#contents .hakko_study .nakama_b .nakama_b_head h2 { width:30%; font-size:2.7em; letter-spacing: 0.2em; font-family: A1 Gothic M; line-height:1.6em; text-align: left; }
#contents .hakko_study .nakama_b .nakama_b_head p { width:50%; font-size:1.5em; margin:0.4em 0 0 0; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: left; }
#contents .hakko_study .nakama_b .nakama_b_list { border-top:solid 1px #333; padding-top:3em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_study .nakama_b .nakama_b_list li { margin:0 0 5em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_study .nakama_b .nakama_b_list li.kabi { width:50%; padding:0 4% 0 0; border-right:solid 1px #333; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:stretch; }
#contents .hakko_study .nakama_b .nakama_b_list li.kabi .txt { padding:0 4% 0 0; }
#contents .hakko_study .nakama_b .nakama_b_list li.kabi .thumb { padding:0 0 0 4%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:flex-end; }
#contents .hakko_study .nakama_b .nakama_b_list li.koubo { width:50%; padding:0 0 0 4%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; }
#contents .hakko_study .nakama_b .nakama_b_list li.koubo .txt { padding:0 4% 0 0; }
#contents .hakko_study .nakama_b .nakama_b_list li.koubo .thumb { padding:0 0 0 4%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:flex-end; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin { border-top:solid 1px #333; border-bottom:solid 1px #333; padding:3em 0; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items:stretch; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin .txt { width:24%; padding:0 2% 0 0; margin:0 0 0 0; border-right:solid 1px #333; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin .thumb { width:26%; padding:0 2% 0 2%; margin:0 0 0 0; border-right:solid 1px #333; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin .thumb.last { width:24%; padding:0 0 0 2%; margin:0 0 0 0; border-right:none; }
#contents .hakko_study .nakama_b .nakama_b_list li .txt { width:50%; }
#contents .hakko_study .nakama_b .nakama_b_list li .txt h3 { font-size:2em; font-family: A1 Gothic M; line-height:1.4em; text-align: left; margin-bottom:1em; }
#contents .hakko_study .nakama_b .nakama_b_list li .txt p {  }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb { width:50%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:flex-end; }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a .links { margin:3em 0 0 0; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.5em; background-color:#ffffff; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a:hover .links { background-color:#333333; color:#ffffff; }
#contents .hakko_study .nakama_b p { font-size:1.15em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_b p.cap { font-size:0.8em; }

#contents .hakko_study .contents_head_ex { width:80%; margin:auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .contents_head_ex .title_h { width:50%; align-self: center; text-align: left; }
#contents .hakko_study .contents_head_ex .lead_h { width:40%; align-self: center; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .contents_head_ex .lead_h p { font-size:1.5em; font-family: A1 Gothic M; line-height:1.8em; text-align: justify; text-justify: inter-ideograph; }

#contents .hakko_study .nakama_b .nakama_b_ex { width:100%; margin:0 auto 5em auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .nakama_b .nakama_b_ex .left { width:30%; text-align: left; }
#contents .hakko_study .nakama_b .nakama_b_ex .left h2 { font-size:3.4em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; padding-bottom:0.2em; }
#contents .hakko_study .nakama_b .nakama_b_ex .left h2 span { border-bottom: solid 2px #333; display:inline-block; }
#contents .hakko_study .nakama_b .nakama_b_ex .left h3 { font-size:2.5em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; }
#contents .hakko_study .nakama_b .nakama_b_ex .left .nakama_b_title_img { width:60%; margin:3em 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_ex .right { width:65%; text-align: left; }
#contents .hakko_study .nakama_b .nakama_b_ex .right p { margin:0.4em 0 1.2em 0; font-size:1.3em; font-family: A1 Gothic M; line-height:2em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_b .nakama_b_ex .right p:last-child { margin:0.4em 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_ex .right.lead p { margin:0.6em 0 0 0; font-size:1.6em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_b .nakama_b_fig { margin:0 auto 5em auto; }

#contents .hakko_study .nakama_b .nakama_b_content { position: relative; border-top:solid 1px #333; border-bottom:solid 1px #333; margin:8em 0 3em 0; padding:2em 0; }
#contents .hakko_study .nakama_b .nakama_b_content h2 { position: absolute; top:-0.5em; left:0; right:0; font-size:2.5em; font-family: A1 Gothic M; line-height:1em; }
#contents .hakko_study .nakama_b .nakama_b_content h2 span { padding:0 1em; background-color:#f6f3ec; }
#contents .hakko_study .nakama_b .nakama_b_content ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
#contents .hakko_study .nakama_b .nakama_b_content ul li { width:18%; text-align: center; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a { display: block; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a .links { width:100%; margin-top:2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.5em; background-color:#ffffff; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_b .nakama_b_content ul li a:hover .links { background-color:#333333; color:#ffffff; }
#contents .hakko_study .nakama_b .nakama_b_fig_food ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-end; }
#contents .hakko_study .nakama_b.nakama_b_01 .nakama_b_fig_food ul li { width:20%; margin:0 0; }
#contents .hakko_study .nakama_b.nakama_b_02 .nakama_b_fig_food ul li { width:22%; margin:0 2%; }
#contents .hakko_study .nakama_b.nakama_b_03 .nakama_b_fig_food ul li { width:22%; margin:0 2%; }
#contents .hakko_study .nakama_b.nakama_b_04 .nakama_b_fig_food ul li { width:25%; margin:0 2%; }
#contents .hakko_study .nakama_b.nakama_b_05 .nakama_b_fig_food ul li { width:35%; margin:0 2%; }
#contents .hakko_study .nakama_b .nakama_b_fig_food ul li figcaption span { background-color: transparent; color:#000; display:inline-block; padding:0.4em 2em; margin:0.5em auto 1em auto; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; font-size:1.1em; }
#contents .hakko_study .nakama_b .nakama_b_fig_food ul li figcaption a[href] span { background-color: #fff; color:#000; display:inline-block; padding:0.4em 2em; margin:0.5em auto 1em auto; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; font-size:1.1em; }
#contents .hakko_study .nakama_b .nakama_b_fig_food ul li figcaption a[href]:hover span { background-color: #000; color:#fff; }
#contents .hakko_study .nakama_b .nakama_b_fig_food ul li a:hover img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_b .nakama_b_fig_food ul li figcaption i { margin:0 0.4em 0 0; }

#contents .hakko_study .whats { padding:5em 10em; margin:1.5em 0 3em 0; text-align: left; background-color:#fff6f2; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_study .whats .whats_head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 3em 0; }
#contents .hakko_study .whats .whats_head h2 { width:30%; font-size:2.7em; letter-spacing: 0.2em; font-family: A1 Gothic M; line-height:1.6em; text-align: left; }
#contents .hakko_study .whats .whats_head p { width:65%; font-size:1.5em; margin:0.4em 0 0 0; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: left; }
#contents .hakko_study .whats .whats_ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_study .whats .whats_ul::after{ content:""; display: block; width:30%; }
#contents .hakko_study .whats .whats_ul li { width:30%; margin:5em 0 0 0; }
#contents .hakko_study .whats .whats_ul li:nth-child(1),#contents .hakko_study .whats .whats_ul li:nth-child(2),#contents .hakko_study .whats .whats_ul li:nth-child(3) { margin:0 0 0 0; }
#contents .hakko_study .whats .whats_ul li a { display: block; text-align: center; }
#contents .hakko_study .whats .whats_ul li a .links { text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width:100%; margin-top:2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.5em; background-color:#ffffff; color:#333333; padding:0.4em; }
#contents .hakko_study .whats .whats_ul li a .links i { font-size:0.8em; margin-right:0.75em; }
#contents .hakko_study .whats .whats_ul li a span.l2 { line-height: 3.2; }
#contents .hakko_study .whats .whats_ul li a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .whats .whats_ul li a:hover .links { background-color:#333333; color:#ffffff; }
#contents .hakko_study .whats .whats_ex { width:100%; margin:0 auto 5em auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .whats .whats_ex .left { width:30%; text-align: left; }
#contents .hakko_study .whats .whats_ex .left h2 { font-size:3.4em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; padding-bottom:0.2em; }
#contents .hakko_study .whats .whats_ex .left h2 span { border-bottom: solid 2px #333; display:inline-block; }
#contents .hakko_study .whats .whats_ex .left .whats_ex_fig { margin:5em 0 0 0; }
#contents .hakko_study .whats .whats_ex .right { width:65%; text-align: left; }
#contents .hakko_study .whats .whats_ex .right h3 { font-size:3em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; padding:0.15em 0; margin:0 0 0 0; }
#contents .hakko_study .whats .whats_ex .right h4 { font-size:2.2em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.25em; margin:2em 0 1em 0; border: solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_study .whats .whats_ex .right h5 { font-size:2em; font-family: A1 Gothic M; background-color:#ffffff; line-height:1.5em; letter-spacing: 0.1em; padding:0.25em; margin:2em 0 1em 0; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_study .whats .whats_ex .right p { margin:0.4em 0 1.2em 0; font-size:1.3em; font-family: A1 Gothic R; line-height:2em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .whats .whats_ex .right p:last-child { margin:0.4em 0 0 0; }
#contents .hakko_study .whats .whats_ex .right.lead p { margin:0.6em 0 0 0; font-size:1.6em; font-family: A1 Gothic R; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .whats .whats_ex .right.lead p.related {  }
#contents .hakko_study .whats .whats_ex .right p.cap { font-size:1em; margin:1em 0 0 0; }
#contents .hakko_study .whats .whats_ex .right p a { color:#000; text-decoration: underline; }
#contents .hakko_study .whats .whats_ex .right p a:hover { color:#2f84b7; text-decoration: underline; }

#contents .hakko_study .whats .whats_content { position: relative; border-top:solid 1px #333; border-bottom:solid 1px #333; margin:8em 0 3em 0; padding:2em 0 3em 0; }
#contents .hakko_study .whats .whats_content h2 { position: absolute; top:-0.5em; left:0; right:0; font-size:2.5em; font-family: A1 Gothic M; line-height:1em; text-align: center; }
#contents .hakko_study .whats .whats_content h2 span { padding:0 1em; background-color:#fff6f2; }
#contents .hakko_study .whats .whats_content ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
#contents .hakko_study .whats .whats_content ul::after{ content:""; display: block; width:30%; }
#contents .hakko_study .whats .whats_content ul li { width:30%; text-align: center; margin-top: 3em; }
#contents .hakko_study .whats .whats_content ul li a { display: block; }
#contents .hakko_study .whats .whats_content ul li a .links { width:100%; margin-top:2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.5em; background-color:#ffffff; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .whats .whats_content ul li a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .whats .whats_content ul li a span.l2 { line-height: 2.7; }
#contents .hakko_study .whats .whats_content ul li a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .whats .whats_content ul li a:hover .links { background-color:#333333; color:#ffffff; }

#contents .hakko_study .profile_box { padding:5em 10em; margin:1.5em 0 3em 0; text-align: left; background-color:#f6f3ec; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_study .profile { overflow: hidden; background-color: #fff; padding:4em 5em; margin:0 0 0 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#contents .hakko_study .profile dl { width:100%; margin:auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .profile dl dt { width:30%; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#contents .hakko_study .profile dl dd { width:64%; text-align:left; }
#contents .hakko_study .profile dl dd .name { font-size:1.6em; line-height:1.8em; text-align: left; margin:0 auto 1em auto; }
#contents .hakko_study .profile dl dd .ex { margin:auto; font-size:1.1em; line-height:1.8em; text-align: left; }
#contents .hakko_study .profile dl dd .ex span { display: inline-block; }

#contents .hakko_study a.links { color:#000; display: block; margin:0.75em 0 0 0; }
#contents .hakko_study a.links.links_r { display:inline-block; font-size: 1.2em; margin:1.5em 0 0 auto; border-bottom:solid 0.1em #000; padding:0 0 0.1em 0; }
#contents .hakko_study a.links.links_s { display:inline-block; font-size: 0.8em; margin:0 0 0 0; border-bottom:solid 0.1em #000; padding:0 0 0.1em 0; }
#contents .hakko_study .related { text-align: right; margin:0 0 1em 0; }
#contents .hakko_study a.links i { margin:0 0.4em 0 0; }
#contents .hakko_study a.links:hover { color:#2f84b7; }

/* hakko_story */
#contents .hakko_story.archive { width:100%; overflow: hidden; background-color: #edebce; padding:2em 10% 6em 10%; margin:0 auto 0 auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_story.archive .container { width:100%; margin:5em 0 6em 0; }
#contents .hakko_story.archive .container .txt { padding:0 10% 0 0; margin:0; }
#contents .hakko_story.archive .container .txt h2 { padding:0; margin:0; }
#contents .hakko_story.archive .container .txt h2 img { padding:0; margin:0; }
#contents .hakko_story.archive .container .txt.txt_r { padding:0; margin:0; }
#contents .hakko_story.archive .container .txt.txt_r p { padding:0; margin:0; font-size: 1.4em; line-height: 2.1em; }

/* hakko_times */
#contents .hakko_times.archive { overflow: hidden; background-color: #edebce; padding:2em 10% 6em 10%; margin:0 auto 0 auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_times.archive li { margin:0 5% 4em 0; float:left; width:30%; margin-right:5%; }
#contents .hakko_times.archive li:nth-child(3n) { margin:0 0 4em 0; }
#contents .hakko_times.archive li:nth-child(3n+1) { clear: both; }
#contents .hakko_times.archive li dt { width:100%; float:none; margin:0 0 1em 0; padding:0 0 0 0; }
#contents .hakko_times.archive li dd { width:100%; float:none; margin:0 0 0 0; padding:0 0 0 0; }
#contents .hakko_times.hakko_article { background-color: #edebce; margin:0 auto 3em auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_times.archive li dt { order: 1; }
#contents .hakko_times.archive li dd { order: 2; }
#contents .hakko_times.archive li dd h2 { margin:0 0 0.5em 0; font-size: 1.4em; }
#contents .hakko_times.archive li dd .ex { font-size: 1em; }
#contents .hakko_times.archive li dd .date { margin:0.4em 0 0 0; float:left; }
#contents .hakko_times.archive li dd .links { margin:0 0 0 0; }

/* hakko_life */
#contents .hakko_times.hakko_life.archive { background-color: #fffca2; }
#contents .hakko_times.hakko_life.hakko_article { background-color: #fffca2; }
#contents .hakko_times.hakko_life.hakko_article .contents_head { padding:3em 0 3em 0; }
#contents .hakko_column.hakko_life { background-color:#fffca2; }
#contents .hakko_column.hakko_life.archive ul { width:90%; margin:0 auto 0 auto; }
#contents .hakko_column.hakko_life.archive { margin:1.5em auto 0 auto; }
#contents .hakko_life .contents_head { text-align: left; padding:1em 5% 4em 5%; overflow: hidden; }
#contents .hakko_life .contents_head .lead_h { float:right; width:45%; }
#contents .hakko_life .title_area { background-color:#ffffff; padding:5em 5% 3em 5%; }

/* hakko_interview */
#contents .hakko_times.hakko_interview.archive { background-color: #e3f1e9; }
#contents .hakko_times.hakko_interview.hakko_article { background-color: #e3f1e9; }
#contents .hakko_times.hakko_interview.hakko_article .contents_head { padding:3em 0 3em 0; }
#contents .hakko_column.hakko_interview { background-color:#e3f1e9; }
#contents .hakko_column.hakko_interview.archive ul { width:90%; margin:0 auto 0 auto; }
#contents .hakko_column.hakko_interview.archive { margin:1.5em auto 3em auto; }
#contents .hakko_interview .contents_head { text-align: left; padding:1em 5% 4em 5%; overflow: hidden; }
#contents .hakko_interview .contents_head .lead_h { float:right; width:45%; }
#contents .hakko_interview .title_area { background-color:#ffffff; padding:5em 5% 3em 5%; }

/* hakko_report */
#contents .hakko_report.archive { background-color: #eae8e1; padding:2em 10% 6em 10%; margin:0 auto 0 auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
.home #contents .hakko_report.archive { margin:0 0 5em 0; }
#contents .hakko_report.archive li { margin:0 auto 4em auto; }
#contents .hakko_report.archive li dt { width:55%; }
#contents .hakko_report.archive li dd { width:45%; }
#contents .hakko_times.hakko_report.archive { background-color: #eae8e1; }
#contents .hakko_times.hakko_report.hakko_article { background-color: #eae8e1; }
#contents .hakko_times.hakko_report.hakko_article .contents_head { padding:3em 0 3em 0; }
#contents .hakko_column.hakko_report { background-color:#eae8e1; }
#contents .hakko_column.hakko_report.archive ul { width:90%; margin:0 auto 0 auto; }
#contents .hakko_column.hakko_report.archive { margin:5em auto 0 auto; }
#contents .hakko_report .contents_head { text-align: left; padding:1em 5% 4em 5%; overflow: hidden; }
#contents .hakko_report .contents_head .lead_h { float:right; width:35%; }
#contents .hakko_report .title_area { background-color:#eae8e1; padding:5em 5% 3em 5%; }

/* contents_head */
#contents .contents_head { text-align: left; padding:3em 0 5em 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#contents .contents_head .title_h { padding-top:1em; width:45%; }
#contents .contents_head .title_h span.midashi { display:block; font-size:1.8em; line-height:2em; font-family: A1 Gothic M; margin-top:2em; }
#contents .contents_head .title_h img { height:8em; width:auto; }
#contents .contents_head .lead_h { width:50%; }
#contents .contents_head .lead_h p { font-size:1.7em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .contents_head .lead_h p:last-child { margin-bottom:0; }
#contents .contents_head .lead_h .links a { color:#000; font-size: 1em; border-bottom:solid 1px #000; padding:0 0 0.5em 0; }
#contents .contents_head .lead_h .links a i { margin:0 0.4em 0 0; }

/* contents_study */
#contents .hakko_study .contents_head { text-align: left; padding:2em 5% 3em 5%; width:90%; margin:auto; overflow: hidden; }
#contents .hakko_study .contents_head .lead_h { float:right; }
#contents .hakko_study .contents_head .lead_h img { float:right; }

/* hakko_column */
#contents .hakko_column { background-color:#eeeeee; margin:1.5em 0 0 0; padding:3em 10% 6em 10%; text-align:left; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_column .contents_head .title_h img { height:8em; width:auto; }
#contents .hakko_column .lead_h p { font-size:1.8em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_column.archive ul { width:100%; margin:0 auto 0 auto; }
#contents .hakko_column_top { background-color:#eeeeee; margin:1.5em 0 0 0; padding:2em 10% 6em 10%; margin:0 0 3em 0; text-align:left; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_column_top .contents_head .lead_h { width:60%; }

/* hakko_food */
#contents .hakko_food { background-color:#eeeeee; margin:1.5em 0 0 0; padding:3em 10% 6em 10%; text-align:left; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_food .contents_head .title_h img { height:8em; width:auto; }
#contents .hakko_food .lead_h p { font-size:1.8em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_food.archive ul { width:100%; margin:0 auto 0 auto; }
#contents .hakko_food_top { background-color:#eeeeee; margin:1.5em 0 0 0; padding:2em 10% 6em 10%; margin:0 0 3em 0; text-align:left; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_food_top .contents_head .lead_h { width:60%; }

/* hakko_journey */
#contents .hakko_column.hakko_journey { background-color:#eeeeee; margin:1.5em 0 0 0; padding:3em 10% 6em 10%; text-align:left; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_column.hakko_journey .lead_h p { font-size:1.4em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_column.hakko_journey .contents_head .title_h img { height:auto; width:70%; }

/* hakko_column_archive_list */
#contents .hakko_column_archive_list {  }
#contents .hakko_column_archive_list a { color:#333; }
#contents .hakko_column_archive_list ul { display:flex; flex-wrap: wrap; justify-content: space-between; }
#contents .hakko_column_archive_list ul li { width:23%; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; overflow: hidden; position: relative; padding:3em 3em 14em 3em; text-align: left; }
#contents .hakko_column_archive_list ul li .jp { margin:1em 0 0.3em 0; font-size: 1.4em; }
#contents .hakko_column_archive_list ul li .ex { font-size: 0.9em; line-height: 1.8em; }
#contents .hakko_column_archive_list ul li .photo { width:100%; bottom:0; left:0; position: absolute; }
#contents .hakko_column_archive_list ul li.rare { width:23%; margin:0 0 3em 0; background-color: #edd9d7; }
#contents .hakko_column_archive_list ul li.kitchen { width:23%; margin:0 0 3em 0; background-color: #f6e9d0; }
#contents .hakko_column_archive_list ul li.challenge { width:23%; margin:0 0 3em 0; background-color: #f3f8f8; }
#contents .hakko_column_archive_list ul li.cafe { width:23%; margin:0 0 3em 0; background-color: #e1f0c5; }
#contents .hakko_column_archive_list ul li.journey { width:31.5%; padding:3em 9em 18em 5em; margin:0 0 3em 0; background-color: #eeeeee; }
#contents .hakko_column_archive_list ul li.interview { width:31.5%; padding:3em 5em 18em 5em; margin:0 0 3em 0; background-color: #e3f1e9; }
#contents .hakko_column_archive_list ul li.lifestyle { width:31.5%; padding:3em 5em 18em 5em; margin:0 0 3em 0; background-color: #fffca2; }
#contents .hakko_column_archive_list ul li.story { width:23%; padding:3em 5em 18em 5em; margin:0 0 3em 0; background-color: #edebce; }

/* hakko_column_ex */
#contents .hakko_column_ex .cover { margin:0 0 5em 0; }
#contents .hakko_column_ex .cover .txt { padding-left: 4%; }
#contents .hakko_column_ex .cover .txt .title { font-family: A1 Gothic M; font-size: 3em; line-height:1.4em; margin-bottom:0.5em; text-align: left; }
#contents .hakko_column_ex .cover .txt .sub_title { font-family: A1 Gothic M; font-size: 1.8em; line-height:1.8em; margin-bottom:1em; text-align: left; }
#contents .hakko_column_ex.hakko_column_ex_5 .cover .txt .title { font-size: 2.5em; line-height:1.5em; }
#contents .hakko_column_ex.hakko_column_ex_5 .cover .txt .sub_title { font-size: 1.5em; line-height:1.8em; }
#contents .hakko_column_ex .cover .txt p { font-family: A1 Gothic M; font-size: 1.3em; line-height: 2em; margin-top:1em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_column_ex .cover .txt p.att { font-size: 1.1em; margin-top:1em; }
#contents .hakko_column_ex .cover p.cap { padding-left:1em; }
#contents .hakko_column_ex .intro { width:80%; margin:10em auto 10em auto; position: relative; padding:0 20% 0 20%;  text-align: left; }
#contents .hakko_column_ex .intro .logo { width:15%; position: absolute; left:0; bottom:0.5em; }
#contents .hakko_column_ex .intro h2 { position: absolute; right:0; top:0; font-size: 2em; font-family: A1 Gothic M; }
#contents .hakko_column_ex .intro p { font-size: 1.5em; line-height: 2.2em; text-align: justify; text-justify: inter-ideograph; margin-bottom:1.5em; }
#contents .hakko_column_ex .intro p:last-child { margin-bottom:0; }
#contents .hakko_column_ex .story { padding:0 0 5em 0; }
#contents .hakko_column_ex .story .txt { padding:0 10% 0 10%; }
#contents .hakko_column_ex .story .txt h3 { font-family: A1 Gothic M; font-size: 2.2em; line-height: 2em; text-align: left; margin-bottom:1em; }
#contents .hakko_column_ex .story .txt p { font-family: A1 Gothic M; font-size: 1.4em; line-height: 2em; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_column_ex .story .txt.lead p { font-size: 1.8em; line-height: 2em; }
#contents .hakko_column_ex .story .txt p.att { font-size: 1em; margin-top:1em; }
#contents .hakko_column_ex .left { width:48%; float:left; }
#contents .hakko_column_ex .left h3 { margin-bottom:0em !important; }
#contents .hakko_column_ex .right { width:48%; float:right; }
#contents .hakko_column_ex .bn a { font-size: 1.4em; display:block; margin-top:2em; background-color: #333; padding:1em; color:#fff; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents .hakko_column_ex .credit { font-size:0.9em; padding:8em 0 0 0; text-align: center; }
#contents .container .s1_3.column_2_00 { width:33.333%; align-self: flex-start; }
#contents .container .s1_3.column_2_00 p { font-family: A1 Gothic M; font-size: 1.4em; line-height: 1.9em; text-align: left; padding:2em 0 0 4em; }

/* hakko_recipe */
#contents .hakko_recipe { background-color:#eeeeee; padding:3em 5% 6em 5%; text-align:left; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_recipe .recipe_list { text-align: center;}
#contents .hakko_recipe .recipe_list li { display:inline-block;; width:25%; margin:0 4% 0 4%; }
#contents .hakko_recipe .recipe_list .recipe_number { font-family: A1 Gothic M; font-size: 2em; line-height: 2em; margin:1em 0 0.3em 0; }
#contents .hakko_recipe .recipe_list .recipe_title { font-family: A1 Gothic M; font-size: 2.4em; line-height: 1.1em; margin:0.8em 0; }
#contents .hakko_recipe .recipe_list .recipe_title .att { font-size: 0.6em; vertical-align: middle; }
#contents .hakko_recipe .recipe_list .recipe_area { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.2em; }
#contents .hakko_recipe_ex { position: relative; background-color:#eeeeee; padding:8em 10% 3em 10%; margin:10em 0 5em 0; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_tag { float:left; width:25%; margin-bottom:11em; margin-top:3em; }
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_photo { width:30%; position: absolute; top:-8em; left:0; right:0; text-align: center; margin:auto;}
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_title { float:right; width:30%; font-family: A1 Gothic M; font-size: 3em; line-height: 1.1em; text-align: center; }
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_title span.att { font-size: 0.6em; vertical-align: middle; }
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_title span.area { display: block; font-size: 0.8em; margin-top:1em; }
#contents .hakko_recipe_ex .hakko_recipe_main { clear:both; display:flex; flex-wrap: wrap; justify-content: space-between; padding:5em; }
#contents .hakko_recipe_ex .hakko_recipe_sub { clear:both; display:flex; flex-wrap: wrap; justify-content: space-between; padding:5em; background-color: #fff; }
#contents .hakko_recipe_ex h2 { width:100%; text-align: left; font-family: A1 Gothic M; font-size: 2em; line-height: 1.4em; margin-bottom:1.5em; }
#contents .hakko_recipe_ex h3 { width:100%; text-align: left; font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.4em; margin-bottom:1em; }
#contents .hakko_recipe_ex ul { padding:0 0 0 2em; list-style: decimal; }
#contents .hakko_recipe_ex ol { padding:0 0 0 2em; }
#contents .hakko_recipe_ex li { font-family: A1 Gothic M; font-size: 1.3em; line-height: 1.2em; margin-bottom:0.5em; }
#contents .hakko_recipe_ex .recipe_left { width:48%; text-align: left; }
#contents .hakko_recipe_ex .recipe_right { width:48%; text-align: left; }
#contents .hakko_recipe_ex .hakko_recipe_point { padding:5em 0 3em 0; }
#contents .hakko_recipe_ex .hakko_recipe_point h4 { font-family: A1 Gothic M; font-size: 2em; line-height: 1.4em; margin-bottom:1em; }
#contents .hakko_recipe_ex .hakko_recipe_point p { font-family: A1 Gothic M; font-size: 1.2em; line-height: 2em; margin-bottom:1em; }
#contents .hakko_recipe_column { margin-bottom:5em; }
#contents .hakko_recipe_report { margin-bottom:5em; }

/* hakko_recipe_ar */
#contents .hakko_recipe_ar .contents_head { padding:3em 5% 6em 5%; }
#contents .hakko_recipe_ar .contents_head .title_h img { height:10em; width:auto; }
#contents .hakko_recipe_ar .hakko_recipe_bn a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #f3f8f8; margin:0 0 3em 0; overflow: hidden; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left { width:40%; text-align: left; padding:0 5%; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left .title { width:100%; margin:0; padding:0; text-align: left; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left .title img { width:90%; height:auto; margin:0 0 2em 0; padding:0; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_02 a .left .title img { width:80%; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left .ex { font-family: A1 Gothic M; color:#000; font-size: 1.4em; line-height: 2em; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .right { width:60%; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_01 a { background-color:#f3f8f8; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_02 a { background-color:#f6e9d1; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_03 a { background-color:#ecd9d7; }

/* hakko_challenge_recipe */
#contents .hakko_challenge_recipe.archive { background-color: #f3f8f8; padding:2em 10% 6em 10%; margin:0 auto 0 auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_challenge_recipe.archive .contents_head .title_h {  width:60%; }
#contents .hakko_challenge_recipe.archive .contents_head .title_h img { height:13em; width:auto; }
#contents .hakko_challenge_recipe.archive .contents_head .title_h span.midashi { display:block; font-size:1.8em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_challenge_recipe.archive .contents_head .lead_h {  width:35%; }
#contents .hakko_challenge_recipe.archive .contents_head .lead_h p { font-size:1.4em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_times.hakko_challenge_recipe.hakko_article { background-color: #f3f8f8; }
#contents .hakko_times.hakko_challenge_recipe.hakko_article .contents_head { padding:3em 0 3em 0; }
#contents .hakko_challenge_recipe .entrybody .materials { overflow: hidden; background-color: #f3f8f8; padding:3em; margin:3em 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#contents .hakko_challenge_recipe .entrybody .materials .photo { margin-bottom:2em; }
#contents .hakko_challenge_recipe .entrybody .materials dl { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_challenge_recipe .entrybody .materials dl dt { width:25%; margin-bottom:1em; font-size: 1.6em; padding:0; margin:0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_challenge_recipe .entrybody .materials dl dd { width:70%; margin-bottom:1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_challenge_recipe .entrybody .materials dl dt:last-of-type,#contents .hakko_challenge_recipe .materials dl dd:last-of-type { margin-bottom:0; }
#contents .hakko_challenge_recipe .entrybody h2 { text-align: center; letter-spacing: 0.2em; margin:4em auto 1em auto; }
#contents .hakko_challenge_recipe .entrybody h3 { text-align: center; border-top:solid 1px #333; padding:0; margin:3em 0 0 0; position: relative; }
#contents .hakko_challenge_recipe .entrybody h3 .num { position: absolute; top:-1em; left:0; right:0; z-index: 10; }
#contents .hakko_challenge_recipe .entrybody h3 .num .num_bk { background-color: #fff; padding:0 1em; display: inline-block; }
#contents .hakko_challenge_recipe .entrybody .how { overflow: hidden; background-color: #f6f3ec; padding:3em; margin:3em 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#contents .hakko_challenge_recipe .entrybody .how h2 { margin:1em auto 1em auto; }
#contents .hakko_challenge_recipe .entrybody .how .nakama { width:60%; margin:auto; }
#contents .hakko_challenge_recipe .entrybody .how p { font-size: 1.3em; line-height: 1.8em; }
#contents .hakko_challenge_recipe .entrybody .how p.cap { font-size: 1.1em; line-height: 1.8em; }
#contents .hakko_challenge_recipe .entrybody .point { background-color: #f3f8f8; padding:2em 3em; margin:2em 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#contents .hakko_challenge_recipe .entrybody .point p { font-size: 1.3em; line-height: 1.8em; margin:0; padding:0; }
#contents .hakko_challenge_recipe .entrybody .recipe_sec { font-size: 1.3em; line-height: 1.4em; font-family: A1 Gothic B; padding:1em; text-align: center; letter-spacing: 0.2em; margin:4em auto 1em auto; background-color: #f3f8f8; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }

/* hakko_kitchen_archive */
#contents .hakko_kitchen.archive { background-color: #f6e9d0; padding:2em 10% 6em 10%; margin:0 auto 0 auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_kitchen.archive .contents_head .title_h {  width:60%; }
#contents .hakko_kitchen.archive .contents_head .title_h img { height:9em; width:auto; }
#contents .hakko_kitchen.archive .contents_head .title_h span.midashi { display:block; font-size:1.8em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_kitchen.archive .contents_head .lead_h {  width:35%; }
#contents .hakko_kitchen.archive .contents_head .lead_h p { font-size:1.4em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_kitchen.archive li dd h2 { vertical-align: middle; }
#contents .archive li dd h2 .kitchen_term { display:block; }
#contents .archive li dd h2 .kitchen_term_in { font-size:1em; text-align:center; margin:0; padding:0.4em 1em; border:solid 2px #333; text-align: center; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
#contents .hakko_kitchen.archive li dd h2 .furigana { font-size: 0.6em; vertical-align: middle; margin-left:0.4em; }
#contents .hakko_kitchen.archive li dd .ex { font-size: 0.9em; text-align: justify; text-justify: inter-ideograph; margin-top:2em; }
#contents .hakko_kitchen.archive .profile_top { overflow: hidden; border-top:solid 1px #000; padding:5em 0 0 0; margin:5em 0 0 0; text-align: center;}
#contents .hakko_kitchen.archive .profile_top dl { width:80%; margin:auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_kitchen.archive .profile_top dl dt { width:45%; margin:0; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#contents .hakko_kitchen.archive .profile_top dl dd { width:45%; text-align: left; }
#contents .hakko_kitchen.archive .profile_top dl dd .name { font-size: 1.4em; margin-bottom:1em; }
#contents .hakko_kitchen.archive .profile_top dl dd p { font-size: 1em; line-height:1.8em; margin:0 auto 1em auto; overflow: hidden; text-align: left; }
#contents .hakko_kitchen.archive .profile_top dl dd p span { display: inline-block; }

/* hakko_hakko_article */
#contents .hakko_times.hakko_kitchen.hakko_article { background-color: #f6e9d0; }
#contents .hakko_times.hakko_kitchen.hakko_article .contents_head { padding:3em 0 3em 0; }
#contents .hakko_kitchen .entrybody .recipe { overflow: hidden; background-color: #f6e9d0; padding:3em 10%; margin:5em 10% 2em 10%; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#contents .hakko_kitchen .entrybody .recipe h3 { font-size: 2.4em;  margin:0 auto 0.5em auto; padding:0; text-align: center; }
#contents .hakko_kitchen .entrybody .recipe .photo { margin:3em 0 4em 0; }
#contents .hakko_kitchen .entrybody .recipe dl { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_kitchen .entrybody .recipe dl dt { border-top:solid 1px #333; padding:2.5em 0; width:30%; margin-bottom:1em; font-size: 1.6em; line-height: 1em; margin:0; }
#contents .hakko_kitchen .entrybody .recipe dl dt .spbr { display:none !important; }
#contents .hakko_kitchen .entrybody .recipe dl dd { border-top:solid 1px #333; padding:3em 0; width:70%; margin-bottom:1em; display: block; }
#contents .hakko_kitchen.hakko_article .entrybody .recipe dl dd .num { display:inline; }
#contents .hakko_kitchen .entrybody .recipe dl dt:last-of-type,#contents .hakko_kitchen .materials dl dd:last-of-type { margin-bottom:0; }
#contents .hakko_kitchen .entrybody .recipe dl dd h6 { display:block; }
#contents .hakko_kitchen .entrybody { padding:3em 0 5em 0; }
#contents .hakko_kitchen.hakko_article h2 { text-align: center; letter-spacing: 0.2em; margin:4em auto 1em auto; }
#contents .hakko_kitchen.hakko_article .lead { border-left:solid 1px #333; border-right:solid 1px #333; margin:2em 15% 7em 15%; padding:0 5%; }
#contents .hakko_kitchen.hakko_article .lead p { text-align: center; margin:0 0 1.5em 0; }
#contents .hakko_kitchen.hakko_article .lead p.photo { margin:3em 0 0 0; }
#contents .hakko_kitchen.hakko_article .lead .kitchen_term { display:block; margin-bottom:2em; }
#contents .hakko_kitchen.hakko_article .lead .kitchen_term_in { font-size:1em; text-align:center; margin:0; padding:0.4em 1em; border:solid 2px #333; text-align: center; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
#contents .hakko_kitchen.hakko_article .entrybody h2 { margin:3em 25% 0.5em 25%; }
#contents .hakko_kitchen.hakko_article .entrybody p { margin:2em 25% 1em 25%; }
#contents .hakko_kitchen.hakko_article .entrybody p.photo { margin:3em 0 3em 0; }
#contents .hakko_kitchen.hakko_article .profile { border-top:none; margin:2em 25% 1em 25%; }

/* hakko_rare */
#contents .hakko_rare.archive { background-color: #edd9d7; padding:2em 10% 6em 10%; margin:0 auto 0 auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_rare.archive .contents_head .title_h {  width:60%; }
#contents .hakko_rare.archive .contents_head .title_h img { height:13em; width:auto; }
#contents .hakko_rare.archive .contents_head .title_h span.midashi { display:block; font-size:1.8em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_rare.archive .contents_head .lead_h {  width:35%; }
#contents .hakko_rare.archive .contents_head .lead_h p { font-size:1.4em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_times.hakko_rare.hakko_article { background-color: #edd9d7; }
#contents .hakko_times.hakko_rare.hakko_article .contents_head { padding:3em 0 3em 0; }
#contents .hakko_rare .contents_head .title_h img { height:12em; }
#contents .hakko_rare .title_area { background-color:#edd9d7; padding:5em 5% 3em 5%; }

/* hakko_cafe */
#contents .hakko_times.hakko_themePark.archive h3 { font-size:2em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.5em; margin:2em 0 2.5em 0; border: solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_times.hakko_cafe.archive h3 { font-size:2em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.5em; margin:2em 0 2.5em 0; border: solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_times.hakko_themePark.archive { background-color: #f8ebe1; }
#contents .hakko_times.hakko_themePark.hakko_article { background-color: #f8ebe1; }
#contents .hakko_times.hakko_cafe.archive { background-color: #f4f4f4; margin-top: 3em; }
#contents .hakko_times.hakko_cafe.hakko_article { background-color: #f4f4f4; }
#contents .hakko_cafe .title img { margin:5em auto 5em auto; height:2.5em; width:auto; vertical-align: middle; }
#contents .hakko_cafe .contents_head .title_h img { height:14em; width:auto; }

#contents .hakko_spot .contents_head { text-align: left; padding:2em 5% 3em 5%; width:90%; margin:auto; overflow: hidden; }
#contents .hakko_spot .contents_head .title_h { width:60%; }
#contents .hakko_spot .contents_head .title_h img { height:9em; width:auto; }
#contents .hakko_spot .contents_head .title_h span.midashi { display:block; font-size:1.8em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_spot .contents_head .lead_h {  width:35%; }
#contents .hakko_spot .contents_head .lead_h p { font-size:1.4em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }

/* other */
.other #contents section { width:50%; margin:auto; padding:5em 0 5em 0; text-align:left; }
.other #contents section h1 { font-family: A1 Gothic M; font-size: 2em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h2 { font-family: A1 Gothic M; font-size: 1.8em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h3 { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h4 { font-family: A1 Gothic M; font-size: 1.4em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h5 { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section p { font-family: A1 Gothic R; font-size: 1.2em; line-height: 2em; text-align:justify; margin-bottom:1.5em; }
.other #contents section p.att { font-family: A1 Gothic R; font-size: 1em; line-height: 2em; text-align:justify; margin-bottom:1em; }
.other #contents section ol { margin:2em 0 4em 4em; }
.other #contents section ul { margin:2em 0 4em 4em; }
.other #contents section li { font-family: A1 Gothic R; font-size: 1.2em; line-height: 1.6em; text-align:justify; margin-top:1em; border-left:solid 1px #0f0f0f; padding-left:1em; }
.other #contents section dl { margin:2em 0 4em 2em; }
.other #contents section dl dt { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.6em; text-align:justify; margin-top:2em; }
.other #contents section dl dd { font-family: A1 Gothic R; font-size: 1.2em; line-height: 1.6em; text-align:justify; margin-top:0.5em; }
.other #contents section a:link, .other #contents a:visited, .other #contents a:active { color: #2f84b7; text-decoration: none; }
.other #contents section a:hover { color: #333333; text-decoration: none; }

/* contact */
.inquiry #contents section { background-color: #f4f4f4; width:100%; padding:2em 0 6em 0; }
.inquiry #contents section h1 { font-family: A1 Gothic M; font-size: 2em; line-height: 1.5em; margin-top:2em; margin-bottom:2em; }
.inquiry #contents section #simpleAxFormLayout { width:50%; margin:auto; }
.inquiry #contents section #simpleAxFormLayout .entryForm { text-align: left; }
.inquiry #contents section #simpleAxFormLayout p { text-align: left; padding:0 0.5em 0 0.5em; }
.inquiry #contents section #simpleAxFormLayout table { width:100%; margin:3em auto 0 auto; text-align: left; }
.inquiry #contents section #simpleAxFormLayout th {  font-family: A1 Gothic M; font-size: 1.2em; line-height: 2em; padding:0.5em; }
.inquiry #contents section #simpleAxFormLayout td { font-family: A1 Gothic R; font-size: 1.2em; line-height: 2em; padding:0.5em; }
.inquiry #contents section #simpleAxFormLayout input[type="text"] { width:100%; padding:0.4em; border:none; background-color: #ffffff;font-family: A1 Gothic R; font-size: 1em; line-height: 2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
.inquiry #contents section #simpleAxFormLayout .tel input[type="text"] { width:5em; }
.inquiry #contents section #simpleAxFormLayout textarea { width:100%; height:15em; padding:0.4em; border:none; background-color: #ffffff;font-family: A1 Gothic R; font-size: 1em; line-height: 2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
.inquiry #contents section #simpleAxFormLayout .btn-box a { display:block; text-align:center; cursor:pointer; margin:1em 0 0 0; width:100%; padding:0.4em; border:none; background-color: #333; color:#fff; font-family: A1 Gothic R; font-size: 1.3em; line-height: 2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
.inquiry #contents section #simpleAxFormLayout .btn-box a:hover { background-color: #ffffff; color:#333; }
.inquiry #contents section #simpleAxFormLayout .must { color:#f1681c; }
.inquiry #contents section #sax_header { text-align: left; margin:4em auto 4em auto; color:#f1681c; padding:0 0.5em 0 0.5em; }
.inquiry #contents section .thanks { padding:3em 0 0 0; margin:0 auto 1.5em auto; }
.inquiry #contents section .thanks p { font-family: A1 Gothic R; font-size: 1.2em; line-height: 2em; text-align:justify; margin-bottom:1.5em; }

/* banner */
#banner.banner_btn--row { display:flex; justify-content: space-between; padding:0 5em; }
#banner.banner_btn--row .banner_btn { width:48%; margin: 3.5em 0 0 0; }
#banner .banner_btn { margin:5em 5em 0 5em; }
#banner .banner_txt { display:block; color:#333; margin:5em 0 0 0; border-top:solid 1px #333; border-bottom:solid 1px #333; padding:2em; }
#banner .banner_txt dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#banner .banner_txt dl dt { font-size: 1.2em; line-height: 1; margin:0 2em 0 0; padding:0 1em; border-left:solid 1px #333; border-right:solid 1px #333; }
#banner .banner_txt dl dd { font-size: 1.4em; line-height: 1;  }
#banner .banner_txt dl dd a { color:#333; }
#banner .banner_txt dl dd a:hover { color:#ddd; }
#banner .banner_txt dl dd i { margin:0 0.5em 0 0; }

/* styles */

/* sp */
body { }
body { }
body { }
body { }
body { }
body { }
body { }

@media screen and (max-width: 470px) {
body { font-size: 12px; letter-spacing:0.05em;}

/* options */
.pc { display:none !important; }
.sp { display:block !important; }
.pcbr { display:inline !important; }
.spbr { display:block !important; }

/* drawer */
.drawer-hamburger { z-index: 9999 !important; }
.drawer-nav { z-index: 999 !important; }

/* wrapper */
#wrapper { padding:0 0 0 0; margin:auto; position: relative; min-width:0px; }

/* header */
#header { position: relative; overflow: hidden; margin:0; }
#header .logo { width:100%; position: static; margin: 0; padding:1.15rem 5.25rem 1.15rem 1rem; }
.home #header .logo { padding:1.15rem 5.25rem 0.5rem 1rem; }
#header .title { display:none; }
#header .gnavi { display:none; }
#header .bn_100th { display: none; position: static; width:100%; }
.home #header .bn_100th { display:block; }

/* footer */
#footer { position: relative; margin:3em 5% 5em 5%; font-size:0.8em; }
#footer .logo { width:100%; position:static; text-align: left;}
#footer .logo img { width:100%; position:static; }
#footer .copyright { text-align: left; margin:1em 0 3em 0; font-size:1em; }

/* nav */
#footer nav.gnavi { margin-right:auto; display:block; text-align: left; padding-left: 0; }
#footer nav.gnavi ul { float:left; margin-bottom:1em; }
#footer nav.gnavi ul li { margin-bottom:0.4em; }
#footer nav.gnavi ul:nth-child(1) { width:45%; margin-right:10%; }
#footer nav.gnavi ul:nth-child(2) { width:45%; }
#footer nav.gnavi ul:nth-child(3) { width:100%; clear:both; margin:0 0 1em 0; }
#footer nav.gnavi ul:nth-child(3) li { float:left; margin-right:1em; }
#footer nav.gnavi ul li.sub { font-size:1em; margin:0 2em 1em 0; line-height: 1em }
#footer nav.gnavi ul li.sub img { height:1.2em; width:auto; }

/* sp_navi */
#sp_navi { display:block; text-align: left; }
#sp_navi .drawer-nav { padding:3em 6em 1em 6em; }
#sp_navi .drawer-hamburger { right:0.75rem; top:0.75rem; width:1.8rem; }
#sp_navi .drawer-menu { }
#sp_navi .drawer-menu li { width:90%; margin:1.25em 0; }
#sp_navi .drawer-menu li.sub { width:60%; height:auto; margin:0.35em 0; }
#sp_navi .drawer-menu li.home img { width:57.58%; height:auto; }
#sp_navi .drawer-menu li.project img { width:93.66%; height:auto; }
#sp_navi .drawer-menu li.study img { width:100%; height:auto; }
#sp_navi .drawer-menu li.study li { margin:0.35em 0 0 0; white-space: nowrap; padding-left:0.5em; font-size: 1.2em; }
#sp_navi .drawer-menu li.study li:first-child { margin:0.75em 0 0 0; }
#sp_navi .drawer-menu li.study li:last-child { margin:0.35em 0 0.75em 0; }
#sp_navi .drawer-menu li.study li i { margin-right:0.5em; }
#sp_navi .drawer-menu li.food img { width:74.14%; height:auto; }
#sp_navi .drawer-menu li.food li { margin:0.35em 0 0 0; white-space: nowrap; padding-left:0.5em; font-size: 1.2em; }
#sp_navi .drawer-menu li.food li:first-child { margin:0.75em 0 0 0; }
#sp_navi .drawer-menu li.food li:last-child { margin:0.35em 0 0.75em 0;  }
#sp_navi .drawer-menu li.food li i { margin-right:0.5em; }
#sp_navi .drawer-menu li.column img { width:86.82%; height:auto; }
#sp_navi .drawer-menu li.column li { margin:0.35em 0 0 0; white-space: nowrap; padding-left:0.5em; font-size: 1.2em; }
#sp_navi .drawer-menu li.column li:first-child { margin:0.75em 0 0 0; }
#sp_navi .drawer-menu li.column li:last-child { margin:0.35em 0 0.75em 0;  }
#sp_navi .drawer-menu li.column li i { margin-right:0.5em; }
#sp_navi .drawer-menu li.com img { width:72.12%; height:auto; }
#sp_navi .drawer-menu li.times img { width:97.10%; height:auto; }
#sp_navi .drawer-menu li.policy img { width:100%; height:auto; }
#sp_navi .drawer-menu li.terms img { width:88.66%; height:auto; }
#sp_navi .drawer-menu li.contact img { width:53.375%; height:auto; }

/* container */
#contents .container { display:flex; flex-wrap: wrap; justify-content: flex-end; }
#contents .container .s4_4 { width:100%; align-self: center; }
#contents .container .s3_4 { width:100%; align-self: center; }
#contents .container .s2_4 { width:100%; align-self: center; }
#contents .container .s1_4 { width:100%; align-self: center; }
#contents .container .s3_3 { width:100%; align-self: center; }
#contents .container .s2_3 { width:66.666%; align-self: center; }
#contents .container .s1_3 { width:33.333%; align-self: center; }
#contents .container .sb { align-self: flex-end; }
#contents .container .st { align-self: top; }
#contents .container .mr { padding-right:0; margin-bottom:2em; }
#contents .container .ml { padding-left:0; margin-bottom:2em; }
#contents .container .mb { margin-bottom:2em; }
#contents .container .mrl { padding:0; margin:auto; }
#contents .container .mtb_5 { margin-top:2em; margin-bottom:2em; }
#contents .container .mtb_10 { margin-top:2em; margin-bottom:2em; }
#contents .container .mt_5 { margin-top:2em; }
#contents .container .mt_10 { margin-top:2em; }
#contents .container .mb_5 { margin-bottom:2em; }
#contents .container .mb_10 { margin-bottom:2em; }
#contents .container .txt { text-align: center; padding: 3em 10% 3em 10%; }
#contents .container .txt_c { text-align: center; padding-left: 10%; padding-right: 10%; }
#contents .container .txt_h { text-align: center; padding-left: 10%; padding-right: 10%; }
#contents .container .txt h1 { font-family: A1 Gothic M; font-size: 1.8em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h1 br { display:none; }
#contents .container .txt h2 { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h2 img { width:100%; height:auto; margin:0 0 1em 0; }
#contents .container .txt h2 br { display:none; }
#contents .container .txt h3 { font-family: A1 Gothic M; font-size: 1.5em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h3 br { display:none; }
#contents .container .txt h4 { font-family: A1 Gothic M; font-size: 1.4em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h4 br { display:none; }
#contents .container .txt h5 { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h5 br { display:none; }
#contents .container .txt h6 { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.5em; margin-bottom:1em; text-align: left; }
#contents .container .txt h6 br { display:none; }
#contents .container .txt p { font-family: A1 Gothic M; font-size: 1.3em; line-height: 1.8em; text-align: justify; text-justify: inter-ideograph; margin-left:auto; margin-right:auto; }
#contents .container .txt p.att { font-size: 1em; margin-top:1em; }
#contents .container .txt p:last-child { margin-bottom:0em !important; }
#contents .container .txt li { font-family: A1 Gothic R; font-size: 1.2em; line-height: 2em; text-align: left; }
#contents .container .txt.lead p { font-size: 1.5em; line-height: 1.8em; }
#contents .container .txt.nobr p br { display:none; }

/* sns */
#sns { display:flex; justify-content:center; overflow: hidden; background-color: #eee; padding:1em; margin:3em 0 0 0; }
#sns.none { margin:0 0 0 0; }
#sns .bn { margin:0 1% 0 1%; width:25%; height:2em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#sns .bn.facebook { background-color: #3a6aaf; }
#sns .bn.twitter { background-color: #0096de; }
#sns .bn.instagram { background-color: #295f84; }

/* slides */
#contents .slides .slick-slide li { padding:0 0; }

/* contents */
#contents { min-height:45vh; }
#contents .title { text-align: center; }
#contents .title img { margin:4em auto 1em auto; height:1.5em; width:auto; }
#contents .title.challenge_title { width:60%; margin:auto; text-align: left; }
#contents .title.challenge_title img { margin:4em auto 1em auto; height:auto; width:100%; }
#contents .title .jp_title { display:block; vertical-align: middle; margin:0 auto 3em auto; font-size:1.2em; font-family: A1 Gothic M; }
#contents .soon { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.8em; }

/* hakko_challenge */
#contents .main_mid { position: relative; text-align: center; padding:6em 0 4em 0; }
#contents .main_mid p { font-family: A1 Gothic M; font-size: 1.8em; line-height: 1.7em; margin:2em auto 2em auto; }
#contents .main_mid .logo_r { position: static; margin:auto; width:65%; }
#contents .main_mid .bn_project { position: static; margin:auto; width:45%; }
#contents .hakko_challenge.archive { width:100%; margin:0 auto 5em auto; }
#contents .hakko_challenge.archive dd { font-size: 1em; }

/* hakko_contents */
#contents .hakko_contents { width:100%;  margin:3em auto 6em auto; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_contents .title { width:100%; align-items: center; padding:3em 0 2em 0; }
#contents .hakko_contents .title a { width:100%; margin:auto; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .hakko_contents .title a img { display: block; width:70%; height:auto; margin:0 1em 0 0; }
#contents .hakko_contents .title a .jp_title { display: block; margin:0; }
#contents .hakko_contents ul { width:90%; margin:auto; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_contents dl { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_contents dt { width:25%; margin:0 0 0 3%; }
#contents .hakko_contents dd { width:65%; text-align: left; margin:0; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#contents .hakko_contents dd h2 { margin-bottom:1em; width:80%; margin:2em 0 0 0; }
#contents .hakko_contents dd .ex { font-size: 1.1em; margin:0 0 0 0.2em; text-align: 1em; }
#contents .hakko_contents li { width:100%; height:auto; border-right:none; border-bottom:solid 1px #333; padding:1em 0; }
#contents .hakko_contents li:first-child { border-left:none; margin-bottom:0; border-top:solid 1px #333; }
#contents .hakko_contents li:nth-child(2n) { border-right:none; }
#contents .hakko_contents li.study h2 img { width:100%; height:auto; }
#contents .hakko_contents li.column h2 img { width:86.82%; height:auto; }
#contents .hakko_contents li.com h2 img { width:72.12%; height:auto; }
#contents .hakko_contents li.times h2 img { width:97.10%; height:auto; }
#contents .hakko_contents a { color:#333; }

/* hakko_project */
#contents .hakko_project { text-align: left; font-family: A1 Gothic B; }
#contents .hakko_project_link a { color:#333; font-size:1em; display: block; }
#contents .hakko_project_link a:hover { color:#2f84b7; }
#contents .hakko_project_link a i { margin:0 0.3em 0 0; }
#contents .hakko_project .hakko_project_1 { order: 1; }
#contents .hakko_project .hakko_project_2 { order: 2; }
#contents .hakko_project .hakko_project_3 { order: 4; }
#contents .hakko_project .hakko_project_4 { order: 3; }
#contents .hakko_project .hakko_project_5 { order: 5; }
#contents .hakko_project .hakko_project_6 { order: 6; }
#contents .hakko_project .hakko_project_7 { order: 8; }
#contents .hakko_project .hakko_project_8 { order: 7; }
#contents .hakko_project .hakko_project_9 { order: 9; }
#contents .hakko_project .hakko_project_10 { order:10; }
#contents .hakko_project .hakko_project_11 { order:11; }
#contents .hakko_project .hakko_project_12 { order:12; }

/* archive */
#contents .archive li { margin:0 auto 3em auto; }
#contents .archive li dl { display:flex; flex-direction:column; flex-wrap: wrap; justify-content: flex-start; }
#contents .archive li dt { order: 1; width:100%; }
#contents .archive li dd { order: 2; width:100%; text-align: left; padding: 0 5% 0 5%; align-self: center; }
#contents .archive li dd h2 { font-family: A1 Gothic M; font-size: 1.8em; line-height: 1.5em; margin:0.8em 0 0.2em 0; }
#contents .archive li dd h2 br { display:none; }
#contents .archive li dd p { font-family: A1 Gothic M; font-size: 1em; line-height: 1.7em; }
#contents .archive li dd p br { display:none; }
#contents .archive li:nth-child(even) dt { order: 1; }
#contents .archive li:nth-child(even) dd { order: 2; }
#contents .archive li:nth-child(even) dd { padding: 0 5% 0 5%; }
#contents .archive li.none { margin:0 0 3em 0; }
#contents .archive li dd .cat { font-family: A1 Gothic M; font-size: 1.1em; line-height: 1.7em; margin:1.5em 0 0 0; }
#contents .archive li dd .date { margin:0.4em 0 0 0; float:left; }
#contents .archive li dd .links { margin:1em 0 0 0; }

/* hakko_article */
#contents .hakko_article { overflow:hidden; padding:0 0 5em 0; }
#contents .hakko_article h1 { font-size:1.8em; font-family: A1 Gothic M; line-height:1.8em; margin-top:0em; margin-bottom:0.5em; text-align: center; }
#contents .hakko_article h2 { font-size:1.4em; font-family: A1 Gothic M; line-height:1.8em; margin-top:2em; margin-bottom:0.5em; }
#contents .hakko_article h3 { font-size:1.3em; font-family: A1 Gothic M; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article h4 { font-size:1.1em; font-family: A1 Gothic B; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article h5 { font-size:1.1em; font-family: A1 Gothic B; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article h6 { font-size:1em; font-family: A1 Gothic B; line-height:1.8em; margin-top:3em; margin-bottom:0.5em; }
#contents .hakko_article dl { width:45%; float:right; }
#contents .hakko_article dt { font-size:1.6em; font-family: A1 Gothic M; line-height:1.6em; margin-top:2em; margin-bottom:1em; }
#contents .hakko_article dd { font-size:1.2em; line-height:1.8em; }
#contents .hakko_article p { font-size:1.3em; font-family: A1 Gothic R; line-height:1.8em; margin-top:1em; margin-bottom:0.5em; text-align: justify; text-justify: inter-ideograph;}
#contents .hakko_article p.cap { font-size:0.9em; font-family: A1 Gothic R; line-height:1.6em; margin-top:1em; margin-bottom:2em; }
#contents .hakko_article p.photo_s { margin:3em auto 3em auto; width:80%; }
#contents .hakko_article .cover {  }
#contents .hakko_article .cover p.cap { padding-left:1em; }
#contents .hakko_article .date { font-size:1em; line-height:1.6em; margin-top:2em; margin-bottom:1em; text-align: center; }
#contents .hakko_article .entrybody { text-align:left; background-color: #fff; padding:1em 0 1em 0; margin-bottom:3em; }
#contents .hakko_article .banner { position: relative; }
#contents .hakko_article .banner span { position: absolute; top:8em; right:5%; display:block; width:18%; }
#contents .hakko_article .information { font-size:1em !important; padding:2em 0 2em 0; margin-bottom:0em; }
#contents .hakko_article .information h1 { border-top:solid 1px #000; padding:1em 0 0 0; margin:1em 0 0 0; }
#contents .hakko_article .information p { font-size:1em; line-height:1.8em; text-align: left; }
#contents .hakko_article .information p.att { font-size:0.8em; font-family: A1 Gothic R; line-height:2em; margin-top:2em; margin-bottom:2em; }
#contents .hakko_article .information_title { font-size:2em; font-family: A1 Gothic M; line-height:1.8em; margin-top:0em; margin-bottom:1em; text-align: center; }
#contents .hakko_article .map { margin-top:2em; }

#contents .hakko_article .note { padding: 3em; border-radius: 0; margin:5em -10%; }
#contents .hakko_article .note .note_title { font-size: 1.8em; }
#contents .hakko_article .note .note_q { font-size: 1.6em;  }
#contents .hakko_article .note .note_a { font-size: 1em; }
#contents .hakko_article .note .note_a p { margin:0 auto; }
#contents .hakko_article .note .note_a .note_a_credit { text-align: right; }
#contents .hakko_article .note .note_link { margin: 2em 0 0 0 ; }
#contents .hakko_article .note .note_link a { font-size: 1.3em; display:block; color:#333; background-color: #ffffff; padding:0.5em; border-radius: 0.5em; }
#contents .hakko_article .note .note_link a i { margin:0 0.5em 0 0; }
#contents .hakko_article .note .note_link a:hover { background-color: #333; color:#fff; }

#contents .hakko_article .profile { overflow: hidden; margin:5em 0 0 0; text-align: center;}
#contents .hakko_article .profile dl { width:100%; margin:auto; }
#contents .hakko_article .profile dl dt { width:80%; margin:0 auto 1em auto; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#contents .hakko_article .profile dl dd { width:80%; margin:0 auto 1em auto; overflow: hidden; }
#contents .hakko_article .profile dl dd.ex { font-size:1em; line-height:1.8em; text-align: justify; text-justify: inter-ideograph; }

/* hakko_journey */
#contents .hakko_article.hakko_journey .entrybody { text-align:left; background-color: #fff; padding:3em 0 5em 0; margin-bottom:3em; }
#contents .hakko_article.hakko_journey .entrybody h2 { padding:3em 5% 0 5%; }
#contents .hakko_article.hakko_journey .entrybody p { padding:0 5% 0 5%; }
#contents .hakko_article.hakko_journey .entrybody p.photo { padding:3em 0 0 0; }
#contents .hakko_article.hakko_journey .entrybody p.cap { padding:0 5% 0 5%; }
#contents .hakko_article.hakko_journey .entrybody.information { padding:0 5% 0 5%; }
#contents .hakko_article.hakko_journey .entrybody .map { padding: 0 5%; }

/* hakko_story */
#contents .hakko_story.archive { width:100%; overflow: hidden; background-color: #edebce; padding:2em 10% 6em 10%; margin:0 auto 0 auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_story.archive .container { width:100%; margin:0 0 5em 0; }
#contents .hakko_story.archive .container .txt { padding-left:0; padding-right:0%; }

/* hakko_times */
#contents .hakko_times.archive { background-color: #edebce; padding:0 0 3em 0; margin:0 0 2em 0; border-radius: 0em; -webkit-border-radius: 0em; -moz-border-radius: 0em; }
#contents .hakko_times.archive li { margin:0 0 1em 0; float:none; width:100%; }
#contents .hakko_times.archive li:nth-child(3n) { margin:0 0 1em 0; }
#contents .hakko_times.archive li dl { display:block; overflow: hidden; }
#contents .hakko_times.archive li dt { width:45%; float:left; margin:0 0 1em 0; padding:0 0 0 0; position: relative; overflow: hidden; height:13em; }
#contents .hakko_times.archive li dt img { object-fit: cover; height:100%; width:100%; }
#contents .hakko_times.archive li dd { width:50% !important; float:right; margin:0 0 0 0; padding:0 5% 0 0; }
#contents .hakko_times.archive li dd h2 { margin:0 0 0.5em 0; font-size: 1.2em; margin:0 0 0.4em 0; }
#contents .hakko_times.archive li dd .ex { margin:0 0 1em 0; font-size: 0.8em; margin:0 0 0.4em 0; }
#contents .hakko_times.archive li dd .date { margin:0.6em 0 0 0; float:left; }
#contents .hakko_times.archive li dd .links { margin:0.8em 0 0 0; }
#contents .hakko_times.hakko_article { background-color: #edebce; margin:0 0 2em 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_times.hakko_article .entrybody { padding:2em 8% 2em 8%; }

/* hakko_report */
#contents .hakko_report.archive { background-color: #edebce; padding:0 5% 3em 5%; margin:0 0 2em 0; border-radius: 0em; -webkit-border-radius: 0em; -moz-border-radius: 0em; }
#contents .hakko_report.archive li dt { width:100%; }
#contents .hakko_report.archive li dd { width:100%; }

/* hakko_column_archive_list */
#contents .hakko_column_archive_list { margin:0 auto 2em auto; }
#contents .hakko_column_archive_list a { color:#333; }
#contents .hakko_column_archive_list ul { display:flex; flex-wrap: wrap; justify-content: space-between; }
#contents .hakko_column_archive_list ul li {  border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; overflow: hidden; position: relative; padding:3em 3em 16em 3em; text-align: left; }
#contents .hakko_column_archive_list ul li.none { display:none; }
#contents .hakko_column_archive_list ul li .jp { margin:1em 0 0.3em 0; font-size: 1.8em; }
#contents .hakko_column_archive_list ul li .ex { font-size: 1.2em; line-height: 1.8em; }
#contents .hakko_column_archive_list ul li .photo { width:100%; bottom:0; left:0; position: absolute; }
#contents .hakko_column_archive_list ul li.rare { width:86%; margin:1em auto 1em auto; background-color: #edd9d7; }
#contents .hakko_column_archive_list ul li.kitchen { width:86%; margin:1em auto 1em auto; background-color: #f6f3ec; }
#contents .hakko_column_archive_list ul li.challenge { width:86%; margin:1em auto 1em auto; background-color: #f4f4f4; }
#contents .hakko_column_archive_list ul li.cafe { width:86%; margin:1em auto 1em auto; background-color: #f4f4f4; }
#contents .hakko_column_archive_list ul li.journey { width:86%; padding:3em 3em 16em 3em; margin:1em auto 1em auto; background-color: #eeeeee; }
#contents .hakko_column_archive_list ul li.interview { width:86%; padding:3em 3em 16em 3em; margin:1em auto 1em auto; background-color: #e3f1e9; }
#contents .hakko_column_archive_list ul li.lifestyle { width:86%; padding:3em 3em 16em 3em; margin:1em auto 1em auto; background-color: #fffca2; }
#contents .hakko_column_archive_list ul li.story { width:86%; padding:3em 3em 16em 3em; margin:1em auto 1em auto; background-color: #edebce; }

/* hakko_life */
#contents .hakko_times.hakko_life.archive { background-color: #fffca2; }
#contents .hakko_times.hakko_life.hakko_article { background-color: #fffca2; }
#contents .hakko_times.hakko_life.hakko_article .contents_head { padding:3em 10% 0 10%; }
#contents .hakko_column.hakko_life { background-color:#fffca2; }
#contents .hakko_column.hakko_life.archive ul { width:90%; margin:0 auto 0 auto; }
#contents .hakko_column.hakko_life.archive { margin:0 auto 5em auto; }
#contents .hakko_life .contents_head { text-align: left; padding:2em 10% 3em 10%; overflow: hidden; }
#contents .hakko_life .contents_head .lead_h { float:none; width:100%; }
#contents .hakko_life .title_area { background-color:#ffffff; padding:3em 5% 2em 5%; }

/* hakko_interview */
#contents .hakko_times.hakko_interview.archive { background-color: #e3f1e9; }
#contents .hakko_times.hakko_interview.hakko_article { background-color: #e3f1e9; }
#contents .hakko_times.hakko_interview.hakko_article .contents_head { padding:3em 10% 3em 10%; }
#contents .hakko_column.hakko_interview { background-color:#e3f1e9; }
#contents .hakko_column.hakko_interview.archive ul { width:90%; margin:0 auto 0 auto; }
#contents .hakko_column.hakko_interview.archive { margin:0 auto 3em auto; }
#contents .hakko_interview .contents_head { text-align: left; padding:2em 10% 3em 10%; overflow: hidden; }
#contents .hakko_interview .contents_head .lead_h { float:none; width:100%; }
#contents .hakko_interview .title_area { background-color:#ffffff; padding:3em 5% 2em 5%; }

/* hakko_story */
#contents .hakko_story.archive { width:100%; margin:0 auto 2em auto; }
#contents .hakko_story.hakko_article { width:90%; margin:0 auto 2em auto; }
#contents .hakko_story .banner { position: relative; }
#contents .hakko_story .banner span { position: absolute; top:auto; bottom:2em; left:0; right:0; text-align: center; display:block; width:100%; }
#contents .hakko_story .banner span img { margin:auto; width:40%; }
#contents .hakko_story .contents_head { padding:2em 0 3em 0; }

/* hakko_com */
#contents .hakko_com { padding:0 0 3em 0; margin:0 0 0 0; background-color:#f6f3ec; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_com .com_list { overflow: hidden; width:70%; margin:auto; }
#contents .hakko_com .com_list li { font-size: 1.1em; float:none; width:100%; margin-right:0; margin-bottom:3em; }
#contents .hakko_com .com_list li:nth-child(3n) { float:none; width:100%; margin-right:0; }
#contents .hakko_com .com_list li:nth-child(3n+1) { clear:both; }
#contents .hakko_com .com_list li .thumb { margin-bottom:1em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; display:block; }
#contents .hakko_com .com_list li .label { display:block; }
#contents .hakko_com .com_list li .name { display:block; }
#contents .hakko_com .com_list li .name .kanji { font-size: 1.6em; }
#contents .hakko_com .com_list li .kana { display:block; font-size: 0.8em; }
#contents .hakko_com .com_list li a { color:#333; }
#contents .hakko_com .com_list li a:hover img { -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none; }
#contents .hakko_com .hakko_com_ex { overflow: hidden; border-bottom:solid 1px #333; padding-bottom:5em; margin:0 auto 5em auto; width:80%; }
#contents .hakko_com .hakko_com_ex .photo { float:none; width:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
#contents .hakko_com .hakko_com_ex .txt { float:none; width:100%; text-align: left; padding-top:3em; }
#contents .hakko_com .hakko_com_ex .plate { font-size: 1.4em; margin-bottom:1em; text-align: center; }
#contents .hakko_com .hakko_com_ex .label { display:block; }
#contents .hakko_com .hakko_com_ex .name { display:block; }
#contents .hakko_com .hakko_com_ex .name .kanji { font-size: 1.6em; }
#contents .hakko_com .hakko_com_ex .kana { display:block; font-size: 0.8em; }
#contents .hakko_com .hakko_com_ex .comment { display:block; text-align: justify; text-justify: inter-ideograph; font-size: 1.2em; line-height: 2em; margin-bottom:1em; }
#contents .hakko_com .hakko_com_ex .links  { margin:0; }
#contents .hakko_com .hakko_com_ex .links li a { display:block; font-size: 1.2em; display:block; color:#333; margin:0.5em 0; }
#contents .hakko_com .hakko_com_ex .links li a i { margin-right:0.5em; }
#contents .hakko_com .hakko_com_ex dl.keyword { padding:0; margin:0; float:none; width:100%; }
#contents .hakko_com .hakko_com_ex dl.keyword dt { font-size: 1.2em; margin:1.5em 0 0.5em 0; }
#contents .hakko_com .hakko_com_ex dl.keyword dd { font-size: 1.2em; margin:0; }

/* hakko_study */
#contents .hakko_study {  }
#contents .hakko_study .contents_head_mid { width:80%; margin:0 auto 2em auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .contents_head_mid .left { order:2; width:100%; align-self: center; text-align: left; }
#contents .hakko_study .contents_head_mid .left h3 { font-size:1.9em; font-family: A1 Gothic M; line-height:1.6em; letter-spacing: 0.1em; margin:0 auto 1em auto; }
#contents .hakko_study .contents_head_mid .center { order:1; width:100%; align-self: center; margin-bottom:3em; }
#contents .hakko_study .contents_head_mid .right { order:3; width:100%; align-self: center; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .contents_head_mid .right p { font-size:1.3em; font-family: A1 Gothic M; line-height:1.7em; text-align: justify; text-justify: inter-ideograph; }

#contents .hakko_study .hakko_study_link { width:80%; margin:3em auto 5em auto; }
#contents .hakko_study .hakko_study_link ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .hakko_study_link ul li { width:100%; margin:0 0 1.5em 0; }
#contents .hakko_study .hakko_study_link ul li a { display:block; border:solid 0.15rem #333; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; font-family: A1 Gothic M; font-size: 1.4em; line-height: 1; color:#333333; padding:1em; text-align: center; }
#contents .hakko_study .hakko_study_link ul li a:hover { color:#ffffff; background-color:#333333; }
#contents .hakko_study .hakko_study_link .pagelink { margin:1.5em auto 2em auto; }
#contents .hakko_study .hakko_study_link .pagelink a { font-size: 1.3em; }
#contents .hakko_study .hakko_study_link .pagelink a i { margin:0 0.4em 0 0; }

#contents .hakko_study .nakama_h { padding:3em 10%; margin:0 0 0 0; background-color:#fffde8; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_study .nakama_h .nakama_h_head { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 3em 0; }
#contents .hakko_study .nakama_h .nakama_h_head h2 { font-size:2.2em; margin:1em auto 1em auto; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: center; }
#contents .hakko_study .nakama_h .nakama_h_head p { width:100%; font-size:1.3em; margin:0.4em 0 0 0; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: left; }
#contents .hakko_study .nakama_h .nakama_h_list {  }
#contents .hakko_study .nakama_h .nakama_h_list { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .nakama_h .nakama_h_list li { width:100%; margin:0 0 1em 0; }
#contents .hakko_study .nakama_h .nakama_h_list li .thumb { width:80%; margin:0 auto 1em auto; }
#contents .hakko_study .nakama_h .nakama_h_list li h3 { font-size:1.8em; font-family: A1 Gothic M; line-height:1.4em; text-align: center; margin:1em auto 0.5em auto; }
#contents .hakko_study .nakama_h .nakama_h_list li p { font-size:1.1em; font-family: A1 Gothic M; line-height:1.7em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_h .nakama_h_list li.topic { width:100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .nakama_h .nakama_h_list li.topic .thumb { width:80%; margin:0 auto 1em auto;  }
#contents .hakko_study .nakama_h .nakama_h_list li.topic .ex { width:100%; }
#contents .hakko_study .nakama_h .nakama_h_list li.topic h3 { text-align: center; margin:1em auto 0.5em auto; }
#contents .hakko_study .nakama_h .nakama_h_list li a .links { margin:1em 0 2em 0; }
#contents .hakko_study .nakama_h p { font-size:1.15em; font-family: A1 Gothic M; line-height:1.8em; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_h p.cap { font-size:0.8em; }

#contents .hakko_study .nakama_hh { padding:3em 10%; margin:1.5em 0 3em 0; background-color:#fffde8; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_study .nakama_hh .nakama_h_head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 4em 0; }
#contents .hakko_study .nakama_hh .nakama_h_head .left { width:100%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_h_head h2 { font-size:2.2em; margin:0 0 1em 0; font-family: A1 Gothic M; line-height:1.6em; letter-spacing: 0.1em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_h_head h2 span { padding:0.75em 0 0 0; display:block; }
#contents .hakko_study .nakama_hh .nakama_h_head .right { width:100%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_h_head p { font-size:1.5em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0.15; text-align: justify; }
#contents .hakko_study .nakama_hh .nakama_hh_head { width:100%; margin:0 auto 0 auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left { width:100%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left h2 { padding:0 10% 0 0; font-size:2em; font-family: A1 Gothic M; line-height:1em; letter-spacing: 0.1em; text-align: left; padding-bottom:1em; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left h2 span { display: block; margin:1em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left h3 { font-size:2.5em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_head .left .nakama_h_title_img { width:60%; margin:3em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_head .right { width:100%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_head .right p { margin:0.4em 0 1.2em 0; font-size:1.3em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_hh .nakama_hh_list ul { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:flex-end; }
#contents .hakko_study .nakama_hh .nakama_hh_list li { width:50%; margin:0 0 1em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_list li a .links { text-align: center; margin:1em 5% 0 5%; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.4em; background-color:#fff; display:block; color:#333; padding:0.4em; }
#contents .hakko_study .nakama_hh .nakama_hh_list li .nolink .links { text-align: center; margin:1em 5% 0 5%; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.4em; background-color:transparent; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .nakama_hh .nakama_hh_list li a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .nakama_hh .nakama_hh_list li a:hover img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_hh .nakama_hh_list li a:hover .links { background-color:#333333; color:#ffffff; }
#contents .hakko_study .nakama_hh .nakama_hh_ex { width:100%; margin:0 auto 3em auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .nakama_hh .nakama_hh_ex.nakama_hh_ex_dot:before { background: radial-gradient(circle farthest-side, #333, #333 40%, transparent 40%, transparent); background-size: 0.5rem 0.5rem; background-position: top; background-repeat:repeat-x; content: ''; display: inline-block; height: 0.5rem; width: 100%; padding:2em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex.nakama_hh_ex_dot.nakama_hh_ex_dot_last:after { background: radial-gradient(circle farthest-side, #333, #333 40%, transparent 40%, transparent); background-size: 0.5rem 0.5rem; background-position: bottom; background-repeat:repeat-x; content: ''; display: inline-block; height: 0.5rem; width: 100%; padding:2em 0 1em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left { width:100%; text-align: center; margin:0 0 1em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left h2 { font-size:3em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: center; padding-bottom:0.2em; margin:auto; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left h2 span { border-bottom: solid 2px #333; padding:0 0 0.1em 0; display:inline; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left h3 { font-size:1.6em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.25em 0.75em; margin:0.5em 0 0.2em 0; text-align: left; display: inline-block; border:solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .left .nakama_hh_title_img { width:90%; margin:3em auto 0 auto; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right { width:100%; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right p { margin:0.4em 0 1.2em 0; font-size:1.2em; font-family: A1 Gothic M; line-height:2em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right p:last-child { margin:0.4em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right.lead p { margin:0.6em 0 0 0; font-size:1.4em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right p.cap { font-size:1em; margin:1em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right .pagelink { margin:2em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_ex .right .pagelink a { display:block; text-align: center; padding: 0.75em 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig { position: relative; margin:0 auto 5em auto; }
#contents .hakko_study .nakama_hh .nakama_hh_fig.nakama_hh_fig_50 { margin:0 auto 5em auto; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_01_links { position: absolute; top:3em; left:64%; width:32%; height:11em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_02_links { position: absolute; top:4em; left:54%; width:44%; height:12em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_03_links { position: absolute; top:4em; left:54%; width:44%; height:12em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_04_links { position: absolute; top:39em; left:52%; width:44%; height:12em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_05_links { position: absolute; top:4em; left:57%; width:40%; height:12em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_06_links { position: absolute; top:5em; left:57%; width:40%; height:12em; }
#contents .hakko_study .nakama_hh .nakama_hh_fig .kihon_07_links { position: absolute; top:33em; left:55%; width:44%; height:11em; }
#contents .hakko_study .nakama_hh .nakama_hh_cat.nakama_hh_cat_bottom { margin:3em 0 1em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_cat .nakama_hh_cat_title span { font-size: 0.7em; padding:0.5em 0 0.5em 0; display:block; text-align: center; }
#contents .hakko_study .nakama_hh .nakama_hh_cat .nakama_hh_cat_title { font-size: 2em; line-height: 1em; text-align: center; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li { margin:0 0 4em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li:last-child { margin:0 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content:space-between; align-items:center; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dt.title { width:100%; font-size: 1.8em; text-align: center; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dt.title span { display:block; font-size: 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dd.photo { width:80%; margin:0 auto 1em auto; }
#contents .hakko_study .nakama_hh .nakama_hh_cat li dd.ex { width:100%; font-size:1.2em; line-height:1.8em; font-family: A1 Gothic M; margin:auto; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake { margin:0 0 5em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake.nakama_hh_cat_bottom { margin:3em 0 1em 0; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake .nakama_hh_cat_title { position: relative; margin:0 0 1em 0;  }
#contents .hakko_study .nakama_hh .nakama_hh_amazake .nakama_hh_cat_title span { display: block; text-align: center; background-color: #fff; padding:1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake .nakama_hh_cat_title { font-size: 1.8em; line-height: 1em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li { display: flex; flex-direction: column; flex-wrap: wrap; justify-content:space-between; align-items:center; margin:2em 0 0 0; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li:nth-child(even) { flex-direction: column; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li .photo { width:80%; margin:0 auto 1em auto; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dl { width:100%; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dt.title { font-size: 1.6em; text-align: left; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dt.title span { display:block; font-size: 0.5em; }
#contents .hakko_study .nakama_hh .nakama_hh_amazake li dd.ex { font-size:1.2em; line-height:1.8em; font-family: A1 Gothic M; margin:1em auto 0 auto; }

#contents .hakko_study .nakama_b { padding:3em 10%; margin:1.5em 0 2em 0; background-color:#f6f3ec; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_study .nakama_b .nakama_b_head { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 3em 0; }
#contents .hakko_study .nakama_b .nakama_b_head h2 { width:100%; font-size:2.2em; letter-spacing: 0.1em; margin:1em auto 1em auto; font-family: A1 Gothic M; line-height:1.5em; text-align: center; }
#contents .hakko_study .nakama_b .nakama_b_head p { width:100%; font-size:1.3em; margin:0.4em 0 0 0; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_b .nakama_b_list { border-top:solid 1px #333; padding-top:3em; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_study .nakama_b .nakama_b_list li { margin:0 0 5em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb img { padding:3em 15% 1em 15%; }
#contents .hakko_study .nakama_b .nakama_b_list li.kabi { width:100%; padding:0 0 0 0; border-right:none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:flex-end; }
#contents .hakko_study .nakama_b .nakama_b_list li.kabi .txt { padding:0 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_list li.kabi .thumb { padding:0 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_list li.koubo { width:100%; border-top:solid 1px #333; padding:3em 0 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-end; }
#contents .hakko_study .nakama_b .nakama_b_list li.koubo .txt { padding:0 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_list li.koubo .thumb { padding:0 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin { border-top:solid 1px #333; border-bottom:solid 1px #333; padding:3em 0; width:100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin .txt { width:100%; padding:0 0 0 0; margin:0 0 0 0; border-right:none; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin .thumb { width:100%; padding:0 0 0 0; margin:3em 0 0 0; border-right:none; border-top:solid 1px #333; }
#contents .hakko_study .nakama_b .nakama_b_list li.saikin .thumb.last { width:100%; padding:0 0 0 0; margin:3em 0 0 0; border-right:none; }
#contents .hakko_study .nakama_b .nakama_b_list li .txt { width:100%; }
#contents .hakko_study .nakama_b .nakama_b_list li .txt h3 { font-size:2em; font-family: A1 Gothic M; line-height:1.4em; text-align: center; margin-bottom:0.6em; }
#contents .hakko_study .nakama_b .nakama_b_list li .txt p {  }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb { width:100%; }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a .links { margin:0.5em 0 0 0; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.6em; background-color:#ffffff; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_b .nakama_b_list li .thumb a:hover .links { background-color:#333333; color:#ffffff; }
#contents .hakko_study .nakama_b p { font-size:1.15em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_b p.cap { font-size:0.8em; }

#contents .hakko_study .nakama_b .nakama_b_fig_food ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-end; }
#contents .hakko_study .nakama_b.nakama_b_01 .nakama_b_fig_food ul li { width:50%; margin:0 0; }
#contents .hakko_study .nakama_b.nakama_b_02 .nakama_b_fig_food ul li { width:50%; margin:0 0; }
#contents .hakko_study .nakama_b.nakama_b_03 .nakama_b_fig_food ul li { width:50%; margin:0 0; }
#contents .hakko_study .nakama_b.nakama_b_04 .nakama_b_fig_food ul li { width:50%; margin:0 0; }
#contents .hakko_study .nakama_b.nakama_b_05 .nakama_b_fig_food ul li { width:90%; margin:0 auto 0 auto; }
#contents .hakko_study .nakama_b .nakama_b_fig_food ul li span { font-size:1.1em; }

#contents .hakko_study .contents_head_ex { width:80%; margin:auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .contents_head_ex .title_h { width:100%; align-self: center; text-align: left; margin:1em 0 0 0; }
#contents .hakko_study .contents_head_ex .lead_h { width:100%; align-self: center; text-align: justify; text-justify: inter-ideograph; margin:0 0 0 0; }
#contents .hakko_study .contents_head_ex .lead_h p { font-size:1.2em; font-family: A1 Gothic M; line-height:1.8em; margin:1em 0 0 0; text-align: justify; text-justify: inter-ideograph; }

#contents .hakko_study .nakama_b .nakama_b_ex { width:100%; margin:0 auto 5em auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .nakama_b .nakama_b_ex .left { width:100%; text-align: left; }
#contents .hakko_study .nakama_b .nakama_b_ex .left h2 { font-size:3em; font-family: A1 Gothic M; line-height:1.5em; text-align: center; padding-bottom:0.2em; }
#contents .hakko_study .nakama_b .nakama_b_ex .left h2 span { border-bottom: solid 2px #333; display:inline-block; }
#contents .hakko_study .nakama_b .nakama_b_ex .left h3 { font-size:2em; font-family: A1 Gothic M; line-height:1.5em; margin:0 0 0.5em 0; text-align: center; }
#contents .hakko_study .nakama_b .nakama_b_ex .left .nakama_b_title_img { width:50%; margin:2em auto 2em auto; }
#contents .hakko_study .nakama_b .nakama_b_ex .right { width:100%; text-align: left; }
#contents .hakko_study .nakama_b .nakama_b_ex .right p { margin:0.4em 0 1.2em 0; font-size:1.2em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_b .nakama_b_ex .right p:last-child { margin:0.4em 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_ex .right.lead p { margin:0.6em 0 0 0; font-size:1.3em; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .nakama_b .nakama_b_fig { margin:0 auto 5em auto; }
#contents .hakko_study .nakama_b .nakama_b_content { position: relative; border-top:solid 1px #333; border-bottom:solid 1px #333; margin:8em 0 3em 0; padding:3em 0 0 0; }
#contents .hakko_study .nakama_b .nakama_b_content h2 { position: absolute; top:-0.5em; left:0; right:0; font-size:2em; font-family: A1 Gothic M; line-height:1em; }
#contents .hakko_study .nakama_b .nakama_b_content h2 span { padding:0 1em; background-color:#f6f3ec; }
#contents .hakko_study .nakama_b .nakama_b_content ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .nakama_b .nakama_b_content ul li { width:100%; border-top:solid 1px #333; padding:2em 0 2em 0; text-align: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#contents .hakko_study .nakama_b .nakama_b_content ul li:first-child { border-top:none; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a img { padding:0 20% 0 20%; margin:auto; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a .links { width:100%; margin:1em 0 0 0; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.6em; background-color:#ffffff; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .nakama_b .nakama_b_content ul li a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .nakama_b .nakama_b_content ul li a:hover .links { background-color:#333333; color:#ffffff; }

#contents .hakko_study .whats { padding:3em 10%; margin:1.5em 0 3em 0; text-align: left; background-color:#fff6f2; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_study .whats .whats_head { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 0 3em 0; }
#contents .hakko_study .whats .whats_head h2 { width:100%; font-size:2.2em; letter-spacing: 0.1em; margin:1em auto 1em auto; font-family: A1 Gothic M; line-height:1.5em; text-align: center; }
#contents .hakko_study .whats .whats_head p { width:100%; font-size:1.3em; margin:0.4em 0 0 0; font-family: A1 Gothic M; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .whats .whats_ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .hakko_study .whats .whats_ul li { width:100%; margin:0 0 4em 0; }
#contents .hakko_study .whats .whats_ul li:nth-child(1),#contents .hakko_study .whats .whats_ul li:nth-child(2),#contents .hakko_study .whats .whats_ul li:nth-child(3) { margin:0 0 4em 0; }
#contents .hakko_study .whats .whats_ul li a { display: block; text-align: center; }
#contents .hakko_study .whats .whats_ul li a .links { text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width:100%; margin-top:2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.5em; background-color:#ffffff; color:#333333; padding:0.4em; te }
#contents .hakko_study .whats .whats_ul li a .links i { font-size:0.8em; margin-right:0.75em; }
#contents .hakko_study .whats .whats_ul li a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .whats .whats_ul li a:hover .links { background-color:#333333; color:#ffffff; }
#contents .hakko_study .whats .whats_ex { width:100%; margin:0 auto 3em auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_study .whats .whats_ex .left { width:100%; text-align: center; margin:0 0 1em 0; }
#contents .hakko_study .whats .whats_ex .left h2 { font-size:3em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: center; padding-bottom:0.2em; margin:auto; }
#contents .hakko_study .whats .whats_ex .left h2 span { border-bottom: solid 2px #333; display:inline-block; }
#contents .hakko_study .whats .whats_ex .left .whats_ex_fig { margin:3em 10% 0 10%; }
#contents .hakko_study .whats .whats_ex .right { width:100%; text-align: left; }
#contents .hakko_study .whats .whats_ex .right h3 { font-size:2.5em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; text-align: center; padding:0.25em 0; margin:0 0 0 0; }
#contents .hakko_study .whats .whats_ex .right h4 { font-size:1.6em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.5em; margin:2em 0 1em 0; border: solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_study .whats .whats_ex .right h5 { font-size:1.6em; font-family: A1 Gothic M; background-color:#ffffff; line-height:1.5em; letter-spacing: 0.1em; padding:0.5em; margin:2em 0 1em 0; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_study .whats .whats_ex .right p { margin:0.4em 0 1.2em 0; font-size:1.2em; font-family: A1 Gothic R; line-height:2em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .whats .whats_ex .right p:last-child { margin:0.4em 0 0 0; }
#contents .hakko_study .whats .whats_ex .right.lead p { margin:0.6em 0 0 0; font-size:1.4em; font-family: A1 Gothic R; line-height:1.8em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_study .whats .whats_ex .right p.cap { font-size:1em; margin:1em 0 0 0; }

#contents .hakko_study .whats .whats_content { position: relative; border-top:solid 1px #333; border-bottom:solid 1px #333; margin:8em 0 3em 0; padding:2em 0 3em 0; }
#contents .hakko_study .whats .whats_content h2 { position: absolute; top:-0.5em; left:0; right:0; font-size:2em; font-family: A1 Gothic M; line-height:1em; text-align: center; }
#contents .hakko_study .whats .whats_content h2 span { padding:0 1em; background-color:#fff6f2; }
#contents .hakko_study .whats .whats_content ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .whats .whats_content ul li { width:100%; border-top:solid 1px #333; padding:2em 0 2em 0; text-align: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-top: 1em; }
#contents .hakko_study .whats .whats_content ul li:first-child { border-top:none; }
#contents .hakko_study .whats .whats_content ul li a img { padding:0 20% 0 20%; margin:auto; }
#contents .hakko_study .whats .whats_content ul li a .links { width:100%; margin-top:2em; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; overflow: hidden; font-size:1.6em; background-color:#ffffff; display:block; color:#333333; padding:0.4em; }
#contents .hakko_study .whats .whats_content ul li a .links i { font-size:0.8em; margin-right:0.4em; }
#contents .hakko_study .whats .whats_content ul li a span.l2 { line-height: 2.7; }
#contents .hakko_study .whats .whats_content ul li a img { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); filter: brightness(100%); }
#contents .hakko_study .whats .whats_content ul li a:hover .links { background-color:#333333; color:#ffffff; }

#contents .hakko_study .profile_box { padding:3em 10%; margin:1.5em 0 3em 0; text-align: left; background-color:#f6f3ec; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .hakko_study .profile { overflow: hidden; background-color: #fff; padding:3em; margin:1em 0; }
#contents .hakko_study .profile dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_study .profile dl dt { width:80%; margin:0 auto 3em auto; }
#contents .hakko_study .profile dl dd { width:100%; }
#contents .hakko_study .profile dl dd .name { font-size:1.2em; }
#contents .hakko_study .profile dl dd .ex { font-size:1em; }

/* hakko_column_head_1 */
#contents .hakko_column_head_1 { order: 1; }
#contents .hakko_column_head_2 { order: 3; }
#contents .hakko_column_head_3 { order: 2; }
#contents .hakko_column_head_3.title img { margin:1em auto 3em auto; }

/* contents_head */
#contents .contents_head { text-align: left; padding:3em 10% 3em 10%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#contents .contents_head .title_h { padding-top:1em; width:100%; margin-bottom:2em; }
#contents .contents_head .title_h span.midashi { display:block; font-size:1.8em; line-height:2em; font-family: A1 Gothic M; margin-top:2em; }
#contents .contents_head .title_h img { height:auto; width:100%; }
#contents .contents_head .lead_h { width:100%; }
#contents .contents_head .lead_h p { font-size:1.2em; text-align: justify; text-justify: inter-ideograph; line-height:2em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .contents_head .lead_h p:last-child { margin-bottom:0; }

/* hakko_column */
#contents .hakko_column { background-color:#eeeeee; margin:1.5em 0 0 0; padding:0 0 3em 0; text-align:left; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_column.archive ul { width:100%; margin:0 auto 0 auto; }
#contents .hakko_column_top { background-color:#eeeeee; margin:1.5em 0 0 0; padding:0 0 6em 0; margin:0 0 3em 0; text-align:left; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_column_top .contents_head .lead_h { width:100%; }
#contents .hakko_column .contents_head .title_h img { width:100%; }
#contents .hakko_column.hakko_journey .contents_head  { padding:2em 5% 3em 5%; }
#contents .hakko_column.hakko_journey .contents_head .title_h img { width:100%; }
#contents .hakko_column.hakko_journey .contents_head .title_h span.midashi { font-size: 1.6em; line-height: 1.8em; }
#contents .hakko_column.hakko_journey .lead_h p { font-size: 1.2em; line-height: 1.8em; }

/* hakko_food */
#contents .hakko_food { background-color:#eeeeee; margin:1.5em 0 0 0; padding:0 0 3em 0; text-align:left; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_food.archive ul { width:100%; margin:0 auto 0 auto; }
#contents .hakko_food_top { background-color:#eeeeee; margin:1.5em 0 0 0; padding:0 0 6em 0; margin:0 0 3em 0; text-align:left; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_food_top .contents_head .lead_h { width:100%; }
#contents .hakko_food .contents_head .title_h img { width:100%; }
#contents .hakko_food.hakko_journey .contents_head  { padding:2em 5% 3em 5%; }
#contents .hakko_food.hakko_journey .contents_head .title_h img { width:100%; }
#contents .hakko_column.hakko_journey .contents_head .title_h span.midashi { font-size: 1.6em; line-height: 1.8em; }
#contents .hakko_food.hakko_journey .lead_h p { font-size: 1.2em; line-height: 1.8em; }

/* hakko_column_ex */
#contents .hakko_column_ex .cover { margin:0 0 3em 0; }
#contents .hakko_column_ex .cover .txt { padding-left: 10%; }
#contents .hakko_column_ex .cover .txt .title { font-family: A1 Gothic M; font-size: 2em; line-height:1.4em; margin-bottom:0.5em; text-align: left; }
#contents .hakko_column_ex .cover .txt .sub_title { font-family: A1 Gothic M; font-size: 1.6em; line-height:1.8em; margin-bottom:1em; text-align: left; }
#contents .hakko_column_ex .cover .txt p { font-family: A1 Gothic M; font-size: 1.3em; line-height: 2em; margin-top:1em; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_column_ex .cover .txt p.att { font-size: 1.1em; margin-top:1em; }
#contents .hakko_column_ex .cover p.cap { padding-left:1em; }
#contents .hakko_column_ex .intro { width:100%; margin:3em auto 3em auto; position: relative; padding:0 25% 0 10%;  text-align: left; }
#contents .hakko_column_ex .intro .logo { width:40%; position: static; margin:3em 0 6em 0; }
#contents .hakko_column_ex .intro h2 { position: absolute;; right:7%; top:0; font-size: 2em; font-family: A1 Gothic M; }
#contents .hakko_column_ex .intro p { font-size: 1.3em; line-height: 2em; text-align: justify; text-justify: inter-ideograph; margin-bottom:1.5em; }
#contents .hakko_column_ex .intro p:last-child { margin-bottom:0; }
#contents .hakko_column_ex .story { padding:0 0 0 0; }
#contents .hakko_column_ex .story .txt { padding:5em 10% 5em 10%; }
#contents .hakko_column_ex .story .txt h3 { font-family: A1 Gothic M; font-size: 2.2em; line-height: 2em; text-align: left; margin-bottom:1em; }
#contents .hakko_column_ex .story .txt p { font-family: A1 Gothic M; font-size: 1.4em; line-height: 2em; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_column_ex .story .txt.lead p { font-size: 1.8em; line-height: 2em; }
#contents .hakko_column_ex .story .txt p.att { font-size: 1em; margin-top:1em; }
#contents .hakko_column_ex .left { width:100%; float:none; margin:0 0 2em 0; }
#contents .hakko_column_ex .left h3 { margin-bottom:0em !important; margin:0 0 2em 0; }
#contents .hakko_column_ex .right { width:100%; float:none; }
#contents .hakko_column_ex .bn a { font-size: 1.4em; display:block; margin-top:2em; background-color: #333; padding:1em; color:#fff; }
#contents .hakko_column_ex .credit { font-size:0.9em; padding:2em 0 2em 0; text-align: center; }
#contents .container .s1_3.column_2_00 { width:100%; align-self: flex-start; margin:0 0 2em 0; }
#contents .hakko_column_ex .story_1_1 { order: 1; }
#contents .hakko_column_ex .story_1_2 { order: 2; }
#contents .hakko_column_ex .story_1_3 { order: 4; }
#contents .hakko_column_ex .story_1_4 { order: 3; }
#contents .hakko_column_ex .story_1_5 { order: 5; }
#contents .hakko_column_ex .story_1_6 { order: 6; }
#contents .hakko_column_ex .story_1_7 { order: 7; }
#contents .hakko_column_ex .story_1_8 { order: 8; }
#contents .hakko_column_ex .story_1_9 { order: 9; }
#contents .hakko_column_ex .story_1_10 { order: 10; }
#contents .hakko_column_ex .story_1_11 { order: 12; }
#contents .hakko_column_ex .story_1_12 { order: 11; }
#contents .hakko_column_ex .story_1_13 { order: 13; }
#contents .hakko_column_ex .story_1_14 { order: 14; }
#contents .hakko_column_ex .story_1_15 { order: 15; }
#contents .hakko_column_ex .story_1_16 { order: 16; }
#contents .hakko_column_ex .story_2_1 { order: 1; }
#contents .hakko_column_ex .story_2_2 { order: 2; }
#contents .hakko_column_ex .story_2_3 { order: 4; }
#contents .hakko_column_ex .story_2_4 { order: 3; }
#contents .hakko_column_ex .story_2_5 { order: 5; }
#contents .hakko_column_ex .story_2_6 { order: 6; }
#contents .hakko_column_ex .story_2_7 { order: 7; }
#contents .hakko_column_ex .story_2_8 { order: 8; }
#contents .hakko_column_ex .story_2_9 { order: 9; }
#contents .hakko_column_ex .story_2_10 { order: 10; }
#contents .hakko_column_ex .story_2_11 { order: 11; }
#contents .hakko_column_ex .story_2_12 { order: 12; }
#contents .hakko_column_ex .story_2_13 { order: 14; }
#contents .hakko_column_ex .story_2_14 { order: 13; }
#contents .hakko_column_ex .story_2_15 { order: 15; }
#contents .hakko_column_ex .story_2_16 { order: 16; }
#contents .hakko_column_ex .story_2_17 { order: 17; }
#contents .hakko_column_ex .story_2_18 { order: 18; }
#contents .hakko_column_ex .story_2_19 { order: 19; }

/* hakko_recipe */
#contents .hakko_recipe { background-color:#eeeeee; width:100%; margin:auto; padding:0 0 6em 0; text-align:left; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_recipe .recipe_list { text-align: center;}
#contents .hakko_recipe .recipe_list li { display:block;; width:70%; margin:0 auto 5em auto; }
#contents .hakko_recipe .recipe_list li:last-child { margin:0 auto 0 auto; }
#contents .hakko_recipe .recipe_list .recipe_number { font-family: A1 Gothic M; font-size: 2em; line-height: 2em; margin:1em 0 0.3em 0; }
#contents .hakko_recipe .recipe_list .recipe_title { font-family: A1 Gothic M; font-size: 2.4em; line-height: 1.1em; margin:0.8em 0;  }
#contents .hakko_recipe .recipe_list .recipe_area { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.2em; }
#contents .hakko_recipe .contents_head .title_h img { width:80%; height:auto; }
#contents .hakko_recipe_ex { position: relative; background-color:#eeeeee; width:100%; padding:20em 5% 0em 5%; margin:7em auto 5em auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_tag { float:none; width:50%; margin:3em auto 3em auto; }
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_photo { width:64%; position: absolute; top:-5em; left:0; right:0; text-align: center; margin:auto;}
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_title { float:none; width:100%; font-family: A1 Gothic M; font-size: 3em; line-height: 1.1em; text-align: center; }
#contents .hakko_recipe_ex .hakko_recipe_ex_head .recipe_title span { display: block; font-size: 0.8em; margin-top:1em; }
#contents .hakko_recipe_ex .hakko_recipe_main { clear:both; display:block; padding:1em; margin:3em 0 3em 0; }
#contents .hakko_recipe_ex .hakko_recipe_sub { clear:both; display:block; padding:2em; background-color: #fff; }
#contents .hakko_recipe_ex h2 { width:100%; text-align: left; font-family: A1 Gothic M; font-size: 1.4em; line-height: 1.4em; margin-bottom:1.5em; }
#contents .hakko_recipe_ex h3 { width:100%; text-align: left; font-family: A1 Gothic M; font-size: 1.3em; line-height: 1.4em; margin-bottom:1em; }
#contents .hakko_recipe_ex ul { padding:0 0 0 2em; list-style: decimal; }
#contents .hakko_recipe_ex ol { padding:0 0 0 2em; }
#contents .hakko_recipe_ex li { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.2em; margin-bottom:0.5em; }
#contents .hakko_recipe_ex .recipe_left { width:100%; text-align: left; margin:0 0 3em 0; }
#contents .hakko_recipe_ex .recipe_right { width:100%; text-align: left; }
#contents .hakko_recipe_ex .hakko_recipe_point { padding:5em 0 3em 0; }
#contents .hakko_recipe_ex .hakko_recipe_point h4 { font-family: A1 Gothic M; font-size: 2em; line-height: 1.4em; margin-bottom:1em; }
#contents .hakko_recipe_ex .hakko_recipe_point p { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.8em; letter-spacing: 0; margin-bottom:1em; text-align: justify; text-justify: inter-ideograph; }
#contents .hakko_recipe_ex .hakko_recipe_point p br { display:none; }
#contents .hakko_recipe_column { margin-bottom:5em; }
#contents .hakko_recipe_report { margin-bottom:5em; }

/* hakko_recipe_ar */
#contents .hakko_recipe_ar .contents_head { padding:0 10% 2em 10%; }
#contents .hakko_recipe_ar .contents_head .title_h img { height:auto; width:100%; }
#contents .hakko_recipe_ar .hakko_recipe_bn a { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #f3f8f8; margin:0 0 3em 0; overflow: hidden; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left { width:100%; text-align: left; padding:4em 10% 2em 10%; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left .title { width:100%; margin:0; padding:0; text-align: left; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left .title img { width:90%; height:auto; margin:0 0 2em 0; padding:0; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_02 a .left .title img { width:80%; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .left .ex { font-family: A1 Gothic M; color:#000; font-size: 1.2em; line-height: 2em; }
#contents .hakko_recipe_ar .hakko_recipe_bn a .right { width:100%; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_01 a { background-color:#f3f8f8; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_02 a { background-color:#f6e9d1; }
#contents .hakko_recipe_ar .hakko_recipe_bn.hakko_recipe_bn_03 a { background-color:#ecd9d7; }

/* hakko_challenge_recipe */
#contents .hakko_challenge_recipe.archive { background-color: #f3f8f8; padding:2em 5% 6em 5%; margin:0 auto 2em auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_challenge_recipe.archive .contents_head { padding:1em 10% 2em 10%; }
#contents .hakko_challenge_recipe.archive .contents_head .title_h {  width:100%; }
#contents .hakko_challenge_recipe.archive .contents_head .title_h img { height:auto; width:100%; }
#contents .hakko_challenge_recipe.archive .contents_head .title_h span.midashi { display:block; font-size:1.4em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_challenge_recipe.archive .contents_head .lead_h {  width:100%; }
#contents .hakko_challenge_recipe.archive .contents_head .lead_h p { font-size:1.2em; text-align: justify; text-justify: inter-ideograph; line-height:1.8em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_times.hakko_challenge_recipe.hakko_article { background-color: #f3f8f8; width: 100%; margin:0 auto 2em auto; }
#contents .hakko_times.hakko_challenge_recipe.hakko_article .contents_head { padding:2em 0 3em 0; }
#contents .hakko_times.hakko_challenge_recipe.hakko_article .title { text-align: left; width:80%; margin:auto; }
#contents .hakko_times.hakko_challenge_recipe.hakko_article .title img { margin:4em auto 1.5em auto; height:auto; width:100%; }
#contents .hakko_challenge_recipe .entrybody .materials { overflow: hidden; background-color: #f3f8f8; padding:2em; margin:3em 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#contents .hakko_challenge_recipe .entrybody .materials .photo { margin-bottom:2em; }
#contents .hakko_challenge_recipe .entrybody .materials dl { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_challenge_recipe .entrybody .materials dl dt { width:25%; margin-bottom:1em; font-size: 1.4em; padding:0; margin:0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_challenge_recipe .entrybody .materials dl dd { width:70%; margin-bottom:1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_challenge_recipe .entrybody .materials dl dt:last-of-type,#contents .hakko_challenge_recipe .materials dl dd:last-of-type { margin-bottom:0; }
#contents .hakko_challenge_recipe .entrybody h2 { text-align: center; letter-spacing: 0.2em; margin:4em auto 1em auto; }
#contents .hakko_challenge_recipe .entrybody h3 { text-align: center; border-top:solid 1px #333; padding:0; margin:3em 0 0 0; position: relative; }
#contents .hakko_challenge_recipe .entrybody h3 .num { position: absolute; top:-1em; left:0; right:0; z-index: 10; }
#contents .hakko_challenge_recipe .entrybody h3 .num .num_bk { background-color: #fff; padding:0 1em; display: inline-block; }
#contents .hakko_challenge_recipe .entrybody .how { overflow: hidden; background-color: #f6f3ec; padding:3em; margin:3em 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#contents .hakko_challenge_recipe .entrybody .how h2 { margin:1em auto 1em auto; }
#contents .hakko_challenge_recipe .entrybody .how .nakama { width:60%; margin:auto; }

/* hakko_kitchen */
#contents .hakko_kitchen.archive { background-color: #f6e9d0; padding:2em 5% 6em 5%; margin:0 auto 2em auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_kitchen.archive .contents_head { padding:1em 10% 2em 10%; }
#contents .hakko_kitchen.archive .contents_head .title_h {  width:100%; }
#contents .hakko_kitchen.archive .contents_head .title_h img { height:auto; width:100%; }
#contents .hakko_kitchen.archive .contents_head .title_h span.midashi { display:block; font-size:1.6em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_kitchen.archive .contents_head .lead_h {  width:100%; }
#contents .hakko_kitchen.archive .contents_head .lead_h p { font-size:1.2em; text-align: justify; text-justify: inter-ideograph; line-height:1.8em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }

/* hakko_kitchen_archive */
#contents .archive li dd h2 .kitchen_term { display:block; margin:2em auto 1em auto; }
#contents .archive li dd h2 .kitchen_term_in { font-size:1em; text-align:center; margin:0; padding:0.4em 1em; border:solid 2px #333; text-align: center; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
#contents .hakko_kitchen.archive .profile_top { overflow: hidden; border-top:solid 1px #000; padding:5em 0 0 0; margin:5em 0 0 0; text-align: center;}
#contents .hakko_kitchen.archive .profile_top dl { width:80%; margin:auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .hakko_kitchen.archive .profile_top dl dt { width:100%; margin:0 0 2em 0; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#contents .hakko_kitchen.archive .profile_top dl dd { width:100%; text-align: left; }
#contents .hakko_kitchen.archive .profile_top dl dd .name { font-size: 1.2em; margin-bottom:1em; text-align: center; }
#contents .hakko_kitchen.archive .profile_top dl dd p { font-size: 1em; line-height:1.8em; margin:0 auto 1em auto; overflow: hidden; text-align: justify; text-justify: inter-ideograph; }

/* hakko_hakko_article */
#contents .hakko_times.hakko_kitchen.hakko_article { background-color: #f6e9d0; width: 100%; margin:0 auto 2em auto; }
#contents .hakko_times.hakko_kitchen.hakko_article .contents_head { padding:2em 0 3em 0; }
#contents .hakko_times.hakko_kitchen.hakko_article .title { text-align: left; width:80%; margin:auto; }
#contents .hakko_times.hakko_kitchen.hakko_article .title img { margin:4em auto 1.5em auto; height:auto; width:100%; }
#contents .hakko_kitchen.hakko_article .entrybody { padding:3em 0 5em 0; }
#contents .hakko_kitchen.hakko_article .entrybody .recipe { overflow: hidden; background-color: #f6e9d0; padding:2em; margin:4em 0 0 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_kitchen.hakko_article .entrybody .recipe .photo { margin-bottom:2em; }
#contents .hakko_kitchen.hakko_article .entrybody .recipe dl { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_kitchen.hakko_article .entrybody .recipe dl dt { width:30%; margin-bottom:1em; font-size: 1.4em; line-height: 1.6em; padding:1em 0; margin:0; }
#contents .hakko_kitchen .entrybody .recipe dl dt .spbr { display:block !important; }
#contents .hakko_kitchen.hakko_article .entrybody .recipe dl dd { width:70%; margin-bottom:1em; padding:1em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .hakko_kitchen.hakko_article .entrybody .recipe dl dt:last-of-type,#contents .hakko_kitchen .materials dl dd:last-of-type { margin-bottom:0; }
#contents .hakko_kitchen.hakko_article .entrybody h2 { font-size: 1.8em; text-align: center; letter-spacing: 0.2em; margin:4em auto 1em auto; }
#contents .hakko_kitchen.hakko_article .entrybody h2 { margin:3em 8% 0.5em 8%; }
#contents .hakko_kitchen.hakko_article .entrybody p { margin:2em 8% 1em 8%; }
#contents .hakko_kitchen.hakko_article .entrybody p.photo { margin:3em 0 3em 0; }
#contents .hakko_kitchen.hakko_article .lead { border-left:none; border-right:none; margin:3em 0 6em 0; padding:0; }
#contents .hakko_kitchen.hakko_article .lead p { text-align: center; margin:0 0 1.5em 0; }
#contents .hakko_kitchen.hakko_article .lead .kitchen_term { display:block; margin-bottom:2em; }
#contents .hakko_kitchen.hakko_article .lead .kitchen_term_in { font-size:1em; text-align:center; margin:0; padding:0.4em 1em; border:solid 2px #333; text-align: center; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
#contents .hakko_kitchen.hakko_article .profile { border-top:none; margin:0 8% 0 8%; }

/* hakko_rare */
#contents .hakko_rare.archive { background-color: #edd9d7; padding:2em 5% 6em 5%; margin:0 auto 2em auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#contents .hakko_rare.archive .contents_head { padding:1em 5% 2em 5%; }
#contents .hakko_rare.archive .contents_head .title_h {  width:100%; }
#contents .hakko_rare.archive .contents_head .title_h img { height:auto; width:100%; }
#contents .hakko_rare.archive .contents_head .title_h span.midashi { display:block; font-size:1.4em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_rare.archive .contents_head .lead_h {  width:100%; }
#contents .hakko_rare.archive .contents_head .lead_h p { font-size:1.2em; text-align: justify; text-justify: inter-ideograph; line-height:1.8em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_times.hakko_rare.hakko_article { background-color: #edd9d7; }
#contents .hakko_times.hakko_rare.hakko_article .contents_head { padding:3em 10% 0 10%; }
#contents .hakko_rare .contents_head .title_h img { height:12em; }
#contents .hakko_rare .title_area { background-color:#edd9d7; padding:5em 5% 3em 5%; }

/* hakko_cafe */
#contents .hakko_times.hakko_themePark.archive h3 { font-size:1.6em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.5em; margin:2em; border: solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_times.hakko_cafe.archive h3 { font-size:1.6em; font-family: A1 Gothic M; line-height:1.5em; letter-spacing: 0.1em; padding:0.5em; margin:2em; border: solid 2px #333; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-align: center; }
#contents .hakko_spot .contents_head { text-align: left; padding:2em 5% 3em 5%; width:90%; margin:auto; overflow: hidden; }
#contents .hakko_spot .contents_head .title_h { width:100%; }
#contents .hakko_spot .contents_head .title_h img { height:auto; width:100%; }
#contents .hakko_spot .contents_head .title_h span.midashi { display:block; font-size:1.4em; line-height:1.8em; font-family: A1 Gothic M; margin-top:1.5em; }
#contents .hakko_spot .contents_head .lead_h {  width:100%; }
#contents .hakko_spot .contents_head .lead_h p { font-size:1.2em; text-align: justify; text-justify: inter-ideograph; line-height:1.8em; font-family: A1 Gothic M; margin-top:0; margin-bottom:1em; }
#contents .hakko_spot .title img { margin:5em auto 5em auto; height:auto; width:80%; vertical-align: middle; }
#contents .hakko_times.hakko_cafe .title img { margin:5em auto 5em auto; height:auto; width:80%; vertical-align: middle; }

/* other */
.other #contents section { width:80%; margin:auto; padding:3em 0 3em 0; text-align:left; }
.other #contents section h1 { font-family: A1 Gothic M; font-size: 1.6em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h2 { font-family: A1 Gothic M; font-size: 1.5em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h3 { font-family: A1 Gothic M; font-size: 1.4em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h4 { font-family: A1 Gothic M; font-size: 1.3em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section h5 { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.5em; margin-top:2em; margin-bottom:1em; }
.other #contents section p { font-family: A1 Gothic R; font-size: 1.2em; line-height: 2em; text-align:justify; margin-bottom:1.5em; }
.other #contents section p.att { font-family: A1 Gothic R; font-size: 1em; line-height: 2em; text-align:justify; margin-bottom:1em; }
.other #contents section ol { margin:2em 0 4em 4em; }
.other #contents section ul { margin:2em 0 4em 4em; }
.other #contents section li { font-family: A1 Gothic R; font-size: 1.2em; line-height: 1.6em; text-align:justify; margin-top:1em; border-left:solid 1px #0f0f0f; padding-left:1em; }
.other #contents section dl { margin:2em 0 4em 2em; }
.other #contents section dl dt { font-family: A1 Gothic M; font-size: 1.2em; line-height: 1.6em; text-align:justify; margin-top:2em; }
.other #contents section dl dd { font-family: A1 Gothic R; font-size: 1.2em; line-height: 1.6em; text-align:justify; margin-top:0.5em; }
.other #contents section a:link, .other #contents a:visited, .other #contents a:active { color: #2f84b7; text-decoration: none; }
.other #contents section a:hover { color: #333333; text-decoration: none; }

/* contact */
.inquiry #contents section #simpleAxFormLayout { width:90%; }
.inquiry #contents section #simpleAxFormLayout th {  font-family: A1 Gothic B; font-size: 0.8em; line-height: 2em; padding:0.5em; }
.inquiry #contents section #simpleAxFormLayout td { font-family: A1 Gothic R; font-size: 0.8em; line-height: 2em; padding:0.5em; }

/* hakko_com_slide */
#contents .hakko_article.hakko_com.hakko_com_slide { margin:0 0 0 0; padding:0; }
#contents .hakko_article.hakko_com.hakko_com_slide .contents_head { width:80%; margin:auto; padding:2em 0 0 0; }
#contents .hakko_com_slide .com_list { width:100%; margin:2em 0 0 0; }
#contents .hakko_com_slide .com_list li .thumb { width:80%; margin:0 auto 1em auto; }

/* banner */
#banner.banner_btn--row { flex-direction: column; padding:0 3em; }
#banner.banner_btn--row .banner_btn { width:100%; margin: 1.5em 0; }
#banner .banner_btn { margin:3em 3em 0 3em; }
#banner .banner_txt { display:block; color:#333; margin:3em 5% 0 5%; border-top:solid 1px #333; border-bottom:solid 1px #333; padding:3em 2em; }
#banner .banner_txt dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#banner .banner_txt dl dt { font-size: 1.2em; line-height: 1; margin:0 0 1.5em 0; padding:0 1em; border-left:solid 1px #333; border-right:solid 1px #333; }
#banner .banner_txt dl dd { font-size: 1.3em; line-height: 1.5; text-align: justify; }
#banner .banner_txt dl dd a { color:#333; }
#banner .banner_txt dl dd a:hover { color:#ddd; }

}

@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 471px) and (max-width: 1280px) {
body { font-size: 12px; }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
body { font-size: 12.18px; }
}
@media screen and (min-width: 1301px) and (max-width: 1325px) {
body { font-size: 12.36px; }
}
@media screen and (min-width: 1326px) and (max-width: 1350px) {
body { font-size: 12.54px; }
}
@media screen and (min-width: 1351px) and (max-width: 1375px) {
body { font-size: 12.72px; }
}
@media screen and (min-width: 1376px) and (max-width: 1400px) {
body { font-size: 12.9px; }
}
@media screen and (min-width: 1401px) and (max-width: 1425px) {
body { font-size: 13.08px; }
}
@media screen and (min-width: 1426px) and (max-width: 1450px) {
body { font-size: 13.26px; }
}
@media screen and (min-width: 1451px) and (max-width: 1475px) {
body { font-size: 13.44px; }
}
@media screen and (min-width: 1476px) and (max-width: 1500px) {
body { font-size: 13.62px; }
}
@media screen and (min-width: 1501px) and (max-width: 1525px) {
body { font-size: 13.8px; }
}
@media screen and (min-width: 1526px) and (max-width: 1550px) {
body { font-size: 13.98px; }
}
@media screen and (min-width: 1551px) and (max-width: 1575px) {
body { font-size: 14.16px; }
}
@media screen and (min-width: 1576px) and (max-width: 1600px) {
body { font-size: 14.34px; }
}
@media screen and (min-width: 1601px) and (max-width: 1625px) {
body { font-size: 14.52px; }
}
@media screen and (min-width: 1626px) and (max-width: 1650px) {
body { font-size: 14.7px; }
}
@media screen and (min-width: 1651px) and (max-width: 1675px) {
body { font-size: 14.88px; }
}
@media screen and (min-width: 1676px) and (max-width: 1700px) {
body { font-size: 15px; }
}