/**********************************************************************/
/* base.css */
/**********************************************************************/


/**********************************************************************/
/* BASE */
/**********************************************************************/

/* BaseLayout -------------------------------------- */
body {
color: #000;
background-color:#fff;
word-break: break-all;
}

#container {
margin: 0px auto;
padding: 0px 0px 0px 0px;
}

header,
#globalnav,
#crumb,
#main,
#totop,
footer,
#footer-nav,
#footer-copyright{
margin: 0px auto;
padding: 0px 0px 0px 0px;
clear:both;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}


/**********************************************************************/
/* CONTENTS */
/**********************************************************************/

/* Header ------------------------------------------------ */

header {
}

#header-inner {
width: 1040px;
margin: 0px auto;
padding: 30px 20px 0px 20px;
}

/* globalnav  --------------------------------- */
#globalnav {
}

#globalnav-inner {
width:1000px;
margin:0px auto;
padding:0px 0px 0px 0px;
}

#globalnav-inner ul li {
width: 160px;
float: left;
display: block;
color: #fff;
font-size: 150%;
text-align: center;
letter-spacing: 20px;
margin:0px 8px 0px 0px;
padding: 10px 0px 0px 0px;
border-radius: 8px 8px 0px 0px;
background: #bfbfbf; /* Old browsers */
background: -moz-linear-gradient(top,  #bfbfbf 0%, #979797 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfbfbf 0%,#979797 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfbfbf 0%,#979797 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#979797',GradientType=0 ); /* IE6-9 */
}

#globalnav-inner ul li:nth-child(1):hover,
#globalnav-inner ul li.current-tokucho {
background: #c99954; /* Old browsers */
background: -moz-linear-gradient(top,  #c99954 0%, #a3661c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c99954 0%,#a3661c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c99954 0%,#a3661c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c99954', endColorstr='#a3661c',GradientType=0 ); /* IE6-9 */
}

#globalnav-inner ul li:nth-child(2):hover,
#globalnav-inner ul li.current-english {
background: #bd65ae; /* Old browsers */
background: -moz-linear-gradient(top,  #bd65ae 0%, #83407e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bd65ae 0%,#83407e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bd65ae 0%,#83407e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd65ae', endColorstr='#83407e',GradientType=0 ); /* IE6-9 */
}

#globalnav-inner ul li:nth-child(3):hover,
#globalnav-inner ul li.current-sugaku {
background: #00a9ef; /* Old browsers */
background: -moz-linear-gradient(top,  #00a9ef 0%, #0072db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00a9ef 0%,#0072db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00a9ef 0%,#0072db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9ef', endColorstr='#0072db',GradientType=0 ); /* IE6-9 */
}

#globalnav-inner ul li:nth-child(4):hover,
#globalnav-inner ul li.current-kokugo {
background: #ff5e44; /* Old browsers */
background: -moz-linear-gradient(top,  #ff5e44 0%, #d64044 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff5e44 0%,#d64044 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff5e44 0%,#d64044 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e44', endColorstr='#d64044',GradientType=0 ); /* IE6-9 */
}

#globalnav-inner ul li:nth-child(5):hover,
#globalnav-inner ul li.current-rika {
background: #55ba59; /* Old browsers */
background: -moz-linear-gradient(top,  #55ba59 0%, #3e7c42 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #55ba59 0%,#3e7c42 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #55ba59 0%,#3e7c42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ba59', endColorstr='#3e7c42',GradientType=0 ); /* IE6-9 */
}

#globalnav-inner ul li:nth-child(6):hover,
#globalnav-inner ul li.current-shakai {
background: #f6bb38; /* Old browsers */
background: -moz-linear-gradient(top,  #f6bb38 0%, #ed901d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6bb38 0%,#ed901d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6bb38 0%,#ed901d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6bb38', endColorstr='#ed901d',GradientType=0 ); /* IE6-9 */
}

#globalnav-inner ul li:last-child {
margin:0px 0px 0px 0px;
}

#globalnav-inner ul li.current-tokucho,
#globalnav-inner ul li.current-english,
#globalnav-inner ul li.current-sugaku,
#globalnav-inner ul li.current-kokugo,
#globalnav-inner ul li.current-rika,
#globalnav-inner ul li.current-shakai {
padding: 10px 0px 0px 20px;
}


/* Main  -------------------------------------------- */

#main {
}

#main-inner {
width: 1040px;
margin: 0px auto;
padding: 0px 20px 0px 20px;
}

/* Main -- 1 column  --------------------------------- */

#one-col-01 {
width: 1000px;
background-color: #fff;
}


/* Main -- 2 column  --------------------------------- */

#two-col-01 {
float: left;
width: 500px;
}

#two-col-02 {
float: right;
width: 500px;
}

/* Main -- 3 column  --------------------------------- */

#three-col-01 {
float: left;
width: 600px;
background-color: #fff;
}

#three-col-02 {
float: left;
width: 220px;
margin-left: 20px;
background-color:#e8e8e8;
}

#three-col-03 {
float: right;
width: 140px;
background-color:#ccc;
}


/* Main -- COMMON STYLE  ----------------------------- */
article {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
}

p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

h1 {
margin:0px 0px 0px 0px;
/*padding:20px 0px 0px 0px;*/
}

h1 a img:hover {
opacity: 1;
}

h2 {
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
}

a img:hover {
opacity: 0.8;
}

.box-all {
margin:0px 0px 50px 0px;
padding:0px 0px 0px 0px;
clear:both;
}

.al-center {
text-align: center; 
}

.box-kyoka {
background-color: #ffffcb;
border-radius: 0px 0px 8px 8px;
padding: 0px 30px 30px 30px;
}

.box-kyoka p.kyoka-caution {
display: block;
text-align: right;
font-size: 90%;
padding: 0px 0px 20px 0px;
background-image: none!important;
}

.box-kyoka p {
margin:0px 0px 0px 0px;
padding:30px 0px 20px 0px;
display: block;
background-repeat: no-repeat;
background-position: 0px 8px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 66px;
font-weight: bold;
font-size: 110%;
}

#index .box-kyoka p {
background-image: url(../img/index/bg-p.png);
}

#english .box-kyoka p {
background-image: url(../img/en/bg-p.png);
}

#sugaku .box-kyoka p {
background-image: url(../img/su/bg-p.png);
}

#kokugo .box-kyoka p {
background-image: url(../img/koku/bg-p.png);
}

#rika .box-kyoka p {
background-image: url(../img/ri/bg-p.png);
}

#shakai .box-kyoka p {
background-image: url(../img/sha/bg-p.png);
}

.box-kyoka img {
display: block;
margin: 0px auto 10px auto;
padding:0px 0px 0px 0px;
}

#index .box-kyoka {
border-top: 8px solid #b98943;
border-right: 2px solid #b98943;
border-bottom: 2px solid #b98943;
border-left: 2px solid #b98943;
}

#english .box-kyoka {
border-top: 8px solid #83407e;
border-right: 2px solid #83407e;
border-bottom: 2px solid #83407e;
border-left: 2px solid #83407e;
}

#sugaku .box-kyoka {
border-top: 8px solid #0072db;
border-right: 2px solid #0072db;
border-bottom: 2px solid #0072db;
border-left: 2px solid #0072db;
}

#kokugo .box-kyoka {
border-top: 8px solid #d64044;
border-right: 2px solid #d64044;
border-bottom: 2px solid #d64044;
border-left: 2px solid #d64044;
}

#rika .box-kyoka {
border-top: 8px solid #3e7c42;
border-right: 2px solid #3e7c42;
border-bottom: 2px solid #3e7c42;
border-left: 2px solid #3e7c42;
}

#shakai .box-kyoka {
border-top: 8px solid #ed901d;
border-right: 2px solid #ed901d;
border-bottom: 2px solid #ed901d;
border-left: 2px solid #ed901d;
}

.lineup {
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
clear: both;
color: #d30000;
font-size: 110%;
}

.lineup-l {
float: left;
width: 300px;
margin:0px 0px 30px 0px;
padding:27px 46px 0px 0px;
}

.lineup-r {
float: right;
width: 700px;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
}

.lineup-r02 {
float: right;
width: 420px;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 30px;
}

.lineup-r02 img {
opacity: 1;
}

.lineup-c {
float: left;
width: 280px;
border-right: 2px solid #c6c4c4;
margin:0px 0px 0px 0px;
padding:0px 0px 24px 0px;
}

.lineup-last {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
color: #d30000;
font-size: 110%;
}

.lineup-last .lineup-l {
float: left;
width: 300px;
margin:0px 0px 0px 0px;
padding:27px 46px 0px 0px;
}

.lineup-l h3 {
display: block;
width: 254px!important;
height: 66px;
color: #fff!important;
font-size: 150%!important;
text-align: center!important;
letter-spacing: 20px;
font-weight: normal;
border-radius: 10px;
margin: 4px 0px 0px 0px!important;
padding: 7px 0px 0px 20px!important;
border-bottom: none!important;
}

.lineup-l h3#lineup-l-en {
background: url(../img/common/i-en-l.png), url(../img/common/i-en-r.png), #83407e; /* Old browsers */
background: url(../img/common/i-en-l.png), url(../img/common/i-en-r.png), -moz-linear-gradient(left,  #83407e 0%, #bd65ae 100%); /* FF3.6-15 */
background: url(../img/common/i-en-l.png), url(../img/common/i-en-r.png), -webkit-linear-gradient(left,  #83407e 0%,#bd65ae 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../img/common/i-en-l.png), url(../img/common/i-en-r.png), linear-gradient(to right,  #83407e 0%,#bd65ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83407e', endColorstr='#bd65ae',GradientType=1 ); /* IE6-9 */
}

.lineup-l h3#lineup-l-su {
background: url(../img/common/i-su-l.png), url(../img/common/i-su-r.png), #0072db; /* Old browsers */
background: url(../img/common/i-su-l.png), url(../img/common/i-su-r.png), -moz-linear-gradient(left,  #0072db 0%, #00a9ef 100%); /* FF3.6-15 */
background: url(../img/common/i-su-l.png), url(../img/common/i-su-r.png), -webkit-linear-gradient(left,  #0072db 0%,#00a9ef 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../img/common/i-su-l.png), url(../img/common/i-su-r.png), linear-gradient(to right,  #0072db 0%,#00a9ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072db', endColorstr='#00a9ef',GradientType=1 ); /* IE6-9 */
}

.lineup-l h3#lineup-l-koku {
background: url(../img/common/i-koku-l.png), url(../img/common/i-koku-r.png), #d64044; /* Old browsers */
background: url(../img/common/i-koku-l.png), url(../img/common/i-koku-r.png), -moz-linear-gradient(left,  #d64044 0%, #ff5e44 100%); /* FF3.6-15 */
background: url(../img/common/i-koku-l.png), url(../img/common/i-koku-r.png), -webkit-linear-gradient(left,  #d64044 0%,#ff5e44 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../img/common/i-koku-l.png), url(../img/common/i-koku-r.png), linear-gradient(to right,  #d64044 0%,#ff5e44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64044', endColorstr='#ff5e44',GradientType=1 ); /* IE6-9 */
}

.lineup-l h3#lineup-l-ri {
background: url(../img/common/i-ri-l.png), url(../img/common/i-ri-r.png), #3e7c42; /* Old browsers */
background: url(../img/common/i-ri-l.png), url(../img/common/i-ri-r.png), -moz-linear-gradient(left,  #3e7c42 0%, #55ba59 100%); /* FF3.6-15 */
background: url(../img/common/i-ri-l.png), url(../img/common/i-ri-r.png), -webkit-linear-gradient(left,  #3e7c42 0%,#55ba59 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../img/common/i-ri-l.png), url(../img/common/i-ri-r.png), linear-gradient(to right,  #3e7c42 0%,#55ba59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7c42', endColorstr='#55ba59',GradientType=1 ); /* IE6-9 */
}

.lineup-l h3#lineup-l-sha {
background: url(../img/common/i-sha-l.png), url(../img/common/i-sha-r.png), #ed901d; /* Old browsers */
background: url(../img/common/i-sha-l.png), url(../img/common/i-sha-r.png), -moz-linear-gradient(left,  #ed901d 1%, #f6bb38 100%); /* FF3.6-15 */
background: url(../img/common/i-sha-l.png), url(../img/common/i-sha-r.png), -webkit-linear-gradient(left,  #ed901d 1%,#f6bb38 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../img/common/i-sha-l.png), url(../img/common/i-sha-r.png), linear-gradient(to right,  #ed901d 1%,#f6bb38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed901d', endColorstr='#f6bb38',GradientType=1 ); /* IE6-9 */
}

.lineup-l h3#lineup-l-en,
.lineup-l h3#lineup-l-su,
.lineup-l h3#lineup-l-koku,
.lineup-l h3#lineup-l-ri,
.lineup-l h3#lineup-l-sha {
background-repeat: no-repeat, no-repeat, repeat;
background-position: 6%, 94%, 100%;
}

.lineup-last .lineup-r {
float: right;
width: 700px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.lineup li,
.lineup-last li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}

.download {
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
}

.download-l {
float: left;
width: 400px;
text-align: center;
margin:0px 0px 0px 80px;
padding:0px 20px 0px 0px;
}

.download-r {
float: right;
width: 480px;
margin:0px 0px 0px 20px;
padding:0px 0px 20px 0px;
}

.download-r img.qr-ios {
margin:0px 0px 0px 88px;
padding:0px 0px 0px 0px;
}

.download-bg-curio {
background-image: url(../img/common/bg-curio.png);
background-position: right 80px;
background-repeat: no-repeat;
}

.caution h3 {
font-size: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #d10000;
}

.caution li {
background-image: url(../img/common/i-caution.png);
background-repeat:no-repeat;
background-size: 12px;
background-position: 0px 7px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 18px;
}

.linkbn {
text-align: center;
}

/* footer ---------------------------------------- */
footer {
}

#totop {
}

#totop-inner {
width: 1040px;
margin: 0px auto;
padding: 0px 20px 20px 20px;
text-align:right;
}

#footer-copyright {
background-image: url(../img/common/bg-footer.png);
background-repeat: repeat-x;
}

#footer-copyright-inner {
width: 1040px;
margin: 0px auto;
padding: 20px 20px 10px 20px;
text-align: center;
color: #999;
font-size: 90%;
}

.mb10 {
margin-bottom: 10px!important;
}

.mb20 {
margin-bottom: 20px!important;
}

.mb30 {
margin-bottom: 30px!important;
}


/**********************************************************************/
/* STYLE */
/**********************************************************************/

/* Link ------------------------------------------------ */
a {
text-decoration:underline;
}

a:link {
color: #000;
}

a:visited {
color:#000;
}

a:hover {
color:#F00;
}

a:active {
color:#F00;
}

#globalnav-inner ul li a {
display: block;
text-decoration: none;
padding: 0px 0px 0px 20px;
}

#globalnav-inner ul li a:link {
color:#fff;
}

#globalnav-inner ul li a:visited {
color:#fff;
}

#globalnav-inner ul li a:hover {
color:#fff;
}

#globalnav-inner ul li a:active {
color:#fff;
}

/*header 変更*/
.header {
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	  background-color: #fff;
	  border-bottom: 1px solid #333;
	  left: 0;
	  padding: 11px 0 10px;
	  /*position: fixed;*/
	  right: 0;
	  top: 0;
	  z-index: 900;
  }
  
  .header__inner {
	  align-items: center;
	  display: flex;
	  padding: 0 0.5rem;
  }
  
  .header__logo {
	  display: flex;
  }
  
  .header__logo a {
    display: inline-block;
	  height: inherit;
	  width: 162px;
  }
  
  .header__logo img {
	  -o-object-fit: contain;
	  aspect-ratio: 120/51;
	  height: 100%;
	  object-fit: contain;
	  width: 100%;
  }
  
  .header__buttons {
	  display: flex;
	  flex-direction: column;
	  gap: 0.3rem;
	  margin-left: auto;
  }
  .button,
  .button--green {
	  background-color: #5a2800;
	  border-radius: 0.4rem;
	  color: #fff!important;
	  display: inline-block;
	  font-size: 0.8rem;
	  font-weight: 600;
	  line-height: 1;
	  padding: 12px 0 11px;
	  text-align: center;
	  width: 164px;
      text-decoration: none;
  }
  
  .button--green {
	  background-color: #00b900;
	  text-transform: uppercase;
  }
  @media screen and (min-width: 768px) {
  .header {
	  padding: 15px 0 14px;
  }
  
  .header__inner {
	  margin-left: auto;
	  margin-right: auto;
	  max-width: 1020px;
  }
  
  .header__logo a {
	  width: 162px;
  }
  
  .header__buttons {
	  flex-direction: initial;
	  gap: 24px;
  }
  
  .cta-button,
  .cta-button--line {
	  background-color: #358f2b;
	  box-shadow: 0 0.3125rem 0 #25641e;
	  color: #fff;
	  display: inline-block;
	  font-size: 18px;
	  font-weight: 600;
	  letter-spacing: 0.024em;
	  line-height: 1;
	  padding: 0.75rem 0;
	  text-align: center;
	  transition: 0.2s;
	  width: 100%;
  }
  
  .cta-button span,
  .cta-button--line span {
	  padding-left: 1.25rem;
	  position: relative;
  }
  
  .cta-button span::before,
  .cta-button--line span::before {
	  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	  background-color: #fff;
	  clip-path: polygon(0 0, 0 100%, 100% 50%);
	  content: "";
	  height: 1rem;
	  left: 0;
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  width: 0.6875rem;
  }
  
  .cta-button--line {
	  text-transform: uppercase;
  }
  .button,
  .button--green {
	  font-size: 16px;
	  padding: 15px 20px;
	  min-width: 198px;
  }
  .lineup__cta-buttons {
	  display: flex;
	  gap: 24px;
	  justify-content: center;
	  margin-top: 0.875rem;
  }
  
  .lineup__cta-button:not(:first-child) {
	  margin-top: 0;
	  margin-top: initial;
  }
  .cta-button,
  .cta-button--line {
	  box-shadow: 0 0.4375rem 0 #25641e;
	  padding: 1.3125rem 0;
	  width: 100%;
  }
  .lineup-box {
	  width: 60%;
  }
  
  }
  @media (hover: hover) {
  
	  .cta-button:hover,
	  .cta-button--line:hover {
		  box-shadow: none;
		  opacity: 1;
		  transform: translateY(0.3125rem);
	  }
  }