/* ========== Base (reset / typography / tokens) ========== */
@charset "UTF-8";

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,
section,summary,time,mark,audio,video,button {
  margin:0; padding:0; vertical-align:baseline; font-size:100%;
  font-style:normal; font-weight:normal; box-sizing:border-box;
}
html { min-height:100%; width:100%; font-size:62.5%; position:relative; }
body { position:relative; width:100%; margin:0; padding:0; }

/* Tokens */
:root{
  --main-color:#5cc7c2;
  --main-light-color:#e4f8f7;
  --accent-color:#fafa92;
  --accent-light-color:#ffffd3;
}

/* Typography & generic */
body{
  font-family:"游ゴシック","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;
  text-justify:inter-ideograph; word-wrap:break-word; overflow-wrap:break-word;
  color:#000; letter-spacing:.06em; -webkit-text-size-adjust:100%;
  line-break:strict;
}
a{ text-decoration:none; color:inherit; font:inherit; }
img{ max-width:100%; height:auto; border:none; }
picture{ display:block; }
ol,ul{ list-style:none; }
p,dt,dd,li{ font-size:1.6rem; line-height:2; }
span{ font:inherit; }
.img{ line-height:0; }
.en{ font-family:"Barlow Condensed",sans-serif; letter-spacing:.04em; }

/* Responsive base helpers */
@media(max-width:750px){
  html,body{ min-width:375px; }
  .inner{ max-width:100%; margin:0; padding:0 4%; }
  p,dt,dd,li{ font-size:1.4rem; }
  html{ margin-top:0 !important; }
}

div#content {
    padding: 0px;
}

/*=============================
 * 共通タイトル
 =============================*/

p.sec-eyebrow {
    font-family: 'Hiragino Sans','Noto Sans JP',sans-serif;
	padding-top:3rem;
}

h2.sec-title {
    font-family: 'Hiragino Sans','Noto Sans JP',sans-serif;
}

 .sec-eyebrow  .sec-title{
	 line-height:1.6;
	 color:var(--ink);
	 background:var(--bg);
	 padding:20px;
	 border-radius:12px}

 .sec-eyebrow{
	font-size:2.8rem;
	font-weight:700;
	color:var(--ink);
	letter-spacing:.03em;
	text-align: center;
　　}

 .sec-title{
		font-size:18px;
		font-weight:700;
		text-align: center;
	margin-bottom: 3rem;
　　}

@media(min-width: 769px) {
	.sec-eyebrow{
	font-size:6.4rem;
	font-weight:700;
	color:var(--ink);
	letter-spacing:.03em }
	
	.sec-title{
		font-size:18px;
		font-weight:700;
		margin-bottom:3rem; }
　　}