/* --------------------------------
    PC・tab
-------------------------------- */
body {
    background-color:#fff;
    color:#624123;
    line-height:1.6;
    font-size:14px;
	font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
.is_pc{
	display: block;
}
.is_sp{
	display: none;
}
#wrap {
    margin: 0 auto;
    background: #FFF;
}
a:hover img {
  /* opacity: 0.7; */
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    z-index: 1000;
    background: #fff;
	box-shadow: 2px 2px 4px #dddddd;
}
.header .inner {
    width: 100%;
    max-width: 100%;
    min-width: 1140px;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.header h1{
    padding: 15px 0 0px 30px;
    text-align: left;
}
.header h1 img{
    width: 100%;
}

.header_tit {
    width: 100%;
	padding-top: 70px;
	background: -moz-radial-gradient(#FFFBF5, #F2E8D9); 
	background: -webkit-radial-gradient(#FFFBF5, #F2E8D9); 
	background: radial-gradient(#FFFBF5, #F2E8D9); 
}
.header_tit .inner {
    margin: 0 auto;
    text-align: center;
}
.header_tit .inner img{
    margin: 0 auto;
    width: 100%;
}
.hadanayami {
	padding: 13px 0 8px;
    margin: 0 auto;
    text-align: center;
}
.hadanayami img{
    margin: 0 auto;
}

.main {
    background: url(../img/top_bg.jpg) center top no-repeat;
    padding-bottom: 50px;
}
@media screen and (min-width:1367px) {
.main {
    background: url(../img/top_bg02.jpg) center top no-repeat;
	    background-size: cover;
    padding-bottom: 50px;
}	
}
.main .inner {
    width: 1128px;
    margin: 0 auto;
    text-align: center;
}

.type_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.type_change{
  overflow: hidden;
  position: relative;
}
.type_change img {
    width: 360px;
}
.type_change img:nth-child(2){
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.type_change:hover img:nth-child(2){
  opacity: 0;
  transition: opacity .5s;
}
.type_change a img{
  position: absolute;
    top: 68%;
    left: 7%;
}
.notes{
    margin: 0 auto;
    text-align: left;
    background-color: #fdf0d0;
    padding: 25px;
    font-size: 12px;
}
.notes li{
    color: #624123;
    line-height: 1.8;
}
.notes li .notes_head {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 0.5em;
    font-weight: 500;
}
.notes li .notes_body {
  display: table-cell;
  vertical-align: top;
    font-weight: 500;
}

.footer {
    background: #fff;
    margin: 0 auto;
}
.footer .inner{
	    width: 645px;
    margin: 0 auto;
  list-style: none;
    padding: 60px 0 0;
}
.footer .inner li{
display: inline;
  text-align: center;
    margin-right:21px;
	    font-size: 12px;

}
.footer a {
    color: #624123;
}
.footer-sns {
    max-width: 1128px;
    margin: 0px auto;
    padding: 60px 0px 50px;
}
.footer-sns > ul {
    display: flex;
    justify-content: center;
    margin: auto;
}
.footer-sns > ul > li {
    margin-left: 30px;
}
.footer-sns > ul > li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-decoration: none;
    border-radius: 50%;
    overflow: visible;
}
.footer-sns > ul > li a img {
    width: 100%;
}

.footer .cfx {
    max-width: 600px;
    margin: 0px auto;
    overflow: hidden;
}
.footer .cfx .jadma {
    width: 22.9333333333%;
    float: left;
}
.footer .cfx .ssl {
    width: 32.6666666667%;
    float: left;
}
.footer .cfx .norton {
    padding-top: 2%;
    float: right;
}
.company {
    background: #8e9cad;
}
.company .inner {
    padding: 25px 0;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}
.company .inner p + p {
    display: inline-block;
    border-top: #a9b3c0 solid 2px;
    margin-top: 20px;
    padding-top: 20px;
}
/* --------------------------------
    スマホ
-------------------------------- */
@media screen and (max-width:767px) {
.is_pc{
	display: none;
}
.is_sp{
	display: block;
}

img{
    width: 100%;
}	
.header {
    height: 50px;
}
.header .inner {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.header h1{
	padding: 12px 0 0 15px;
}
.header h1 img{
    width: 75%;
}

.header_tit {
    width: 100%;
	padding-top: 49px;
	background: -moz-radial-gradient(#FFFBF5, #F2E8D9); 
	background: -webkit-radial-gradient(#FFFBF5, #F2E8D9); 
	background: radial-gradient(#FFFBF5, #F2E8D9); 
}
.header_tit .inner {
	padding: 0px 0;
    margin: 0 auto;
    text-align: center;
}
.header_tit .inner img{
    margin: 0 auto;
}
.hadanayami {
	padding: 8px 0 4px;
    margin: 0 auto;
    text-align: center;
}
.hadanayami img{
    width: 98%;
}

.main {
    background: url(../img/sp/top_bg_sp.png) center top no-repeat #F9EDCD;
    padding-bottom: 35px;
}
.main .inner {
    width: 94%;
    margin: 0 auto;
    text-align: center;
}
.type_btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.type_btn .btn_link_sp{
    width: 33.3%;
}
.type_inner {
    display: block;
    flex-direction: initial;
    flex-wrap: initial;
    justify-content: initial;
    margin: 10px auto;
}
.type_change{
  overflow: initial;
  position: relative;
    margin-bottom: 20px;
}

.type_change img {
    width: 100%;
}

.type_change img{
    transition: .3s;
}

.type_change img:hover{
    opacity: .8;
}

.type_change img:nth-child(2){
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
}
.type_change a img{
  position: absolute;
    top: 69%;
    left: 7%;
}
.type_change:hover img:nth-child(2){
  opacity: 1.0;
}
.notes{
    margin: 0 auto;
    text-align: left;
    background-color: #FFF8E6;
    padding: 25px;
    font-size: 12px;
}
.notes li{
    color: #624123;
    line-height: 1.8;
}


.footer {
    background: #fff;
    margin: 0 auto;
}
.footer a {
    color: #624123;
}

.footer .inner{
    width: 94%;
    padding: 20px 0px;

}
.footer .inner li{
    display: block;
    text-align: left;
    margin-right: initial;
    line-height: 2.2;
}
.footer-sns {
    max-width: 100%;
    margin: 0px auto;
    padding: 6vw 0;
}
.footer-sns > ul {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -5vw;
}
.footer-sns > ul > li {
    margin-left: 5vw;
}
.footer-sns > ul > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    width: 9.375vw;
    height: 9.375vw;
    font-size: 5vw;
    text-decoration: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: visible;
}
.footer-sns > ul > li a img {
    width: 100%;
}

.footer .cfx {
    max-width: 94%;
    margin: 0px auto;
    overflow: hidden;
}
.footer .cfx .jadma {
    width: 22.9333333333%;
    float: left;
}
.footer .cfx .ssl {
    width: 32.6666666667%;
    float: left;
}
.footer .cfx .norton {
    padding-top: 2%;
    float: right;
}
.company {
    background: #8e9cad;
}
.company .inner {
    padding: 6.26vw 0;
    text-align: center;
    font-size: 2.66vw;
    line-height: 4vw;
    color: #ffffff;
}
.company .inner p + p {
    border-top: #a9b3c0 solid 1px;
    margin-top: 1.73vw;
    padding-top: 1.73vw;
}
	
	
	
}