@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'LineSeedJP_Eb';
  src: url('font/LINESeedJP_TTF_Eb.eot'), url('font/LINESeedJP_OTF_Eb.woff') format('woff'), url('font/LINESeedJP_OTF_Eb.woff2') format('woff2');
}
@font-face {
  font-family: 'LineSeedJP_Bd';
  src: url('font/LINESeedJP_TTF_Bd.eot'), url('font/LINESeedJP_OTF_Bd.woff') format('woff'), url('font/LINESeedJP_OTF_Bd.woff2') format('woff2');
}
@font-face {
  font-family: 'LineSeedJP_Rg';
  src: url('font/LINESeedJP_TTF_Rg.eot'), url('font/LINESeedJP_OTF_Rg.woff') format('woff'), url('font/LINESeedJP_OTF_Rg.woff2') format('woff2');
}
@font-face {
  font-family: 'LineSeedJP_Th';
  src: url('font/LINESeedJP_TTF_Th.eot'), url('font/LINESeedJP_OTF_Th.woff') format('woff'), url('font/LINESeedJP_OTF_Th.woff2') format('woff2');
}
body {
     font-family: 'LineSeedJP_Rg', 'Quicksand', sans-serif;
	font-size: 14px;
    line-height: 1.8em;
	color: #000000;
    background-color: #533c34;
    text-justify: inter-ideograph;
  text-align: justify;
  font-weight: 400;
  overflow-x: hidden;
    height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;

}
body {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
  padding-top: 0px;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.pc_no {
	display:none !important;
	}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
   vertical-align: bottom;
	-ms-interpolation-mode: bicubic; 
}
/* FLEX */
.flex {
	display: -webkit-box;/*--- Android郢晄じﾎ帷ｹｧ�ｦ郢ｧ�ｶ騾包ｽｨ ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari�ｽ�ｽPC�ｽ閾･逡� ---*/
	display: flex;
	-webkit-box-pack: justify;/*--- Android郢晄じﾎ帷ｹｧ�ｦ郢ｧ�ｶ騾包ｽｨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari�ｽ�ｽPC�ｽ閾･逡� ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
}
a:link {
  color: #533c34;
  text-decoration: none;
}
a:visited {
  color: #533c34;
  text-decoration: none;
}
a:hover {
    color: #533c34;
    text-decoration: none;
}
a:active {
    color: #533c34;
    text-decoration: none;
}
header {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: block;
   margin-top: 64px;
    margin-bottom: 64px;
}

header h1 {
    
}

.box1 {
    width: 100%;
    display: block;
    background-color: #efbd47;
    color: #533c34;
    padding: 24px;
    overflow: hidden;
    
}
.box1 h2 {
    line-height: 2.5em;
    font-size: 18px;
    text-align: center;
}
.box2 {
     max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #533c34;
    padding-top: 64px;
    padding-bottom: 32px;
    overflow: hidden;
    
}
.box2 ul li {
    width: 48%;
    margin-bottom: 48px;
    overflow: hidden;
    display: block;
     border-radius: 24px;
    overflow: hidden;
}
.box2 ul li h4 {
     background-color: #fdfcee;
    font-size: 20px;
    text-align: center;
    padding: 24px;
    font-weight: 600;
}
.box2 ul li h4.yw {
     background-color: #efbd47 !important;
}
.sma {
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding-top: 12px;
}
    

footer {
    background-color: #fdfcee;
    color: #533c34;
    display: block;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
footer a {
    color: #533c34;
}
.foot_in {
    padding-top: 64px;
    padding-bottom: 64px; 
     max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
}
.foot_in h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.foot_in h1 {
    margin-top: 32px;
    width: 150px;
        margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    
}
.foot_in p {
    text-align: center;
}
.foot_in dl {
    
    display: inline;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    clear: both;
}
.foot_in dt {
    
    width: 40%;
    float: left;
    text-align: right;
}
.foot_in dd {
    width: 60%;
    padding-left: 2em;
    float: left;
    text-align: left;
}
.copylight {
    background-color: #533c34;
    color: #fdfcee;
    line-height: 48px;
}
.red {
    font-weight: 600;
    color: #B60104;
}