@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese");
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, font, 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 {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em; }

html {
  font-size: 62.5%; }

body, table, input, textarea, select, option {
  font-family: 'Noto Sans JP', sans-serif; }


article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

img {
  vertical-align: top;
  max-width: 100%; }

a {
  color: #000;
  text-decoration: none; }
  a:link {
    color: #000;
    text-decoration: none; }
  a:visited {
    color: #000; }
  a:hover {
    color: #000; }
  a:active {
    color: #000; }

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
	background: url("../img/common/body_bg.png") repeat center top;
  }
  body.fixed {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0; }
  @media screen and (max-width: 767px) {
    body {
      min-width: inherit;
      font-size: 1.4rem;
      background: url("../img/common/sp_body_bg.png") repeat center top;
      background-size: 34px auto;
		}
	}

#container {
  text-align: left; }

a[href^="tel:"] {
  cursor: default;
  pointer-events: none;
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    a[href^="tel:"] {
      cursor: pointer;
      pointer-events: auto; } }

@media screen and (min-width: 1025px) {
  .sp {
    display: none !important; } }
@media all and (min-width: 768px) and (max-width: 1024px) {
  .sp {
    display: none !important; }

  a:hover, a:hover img {
    opacity: 1 !important; } }
@media screen and (max-width: 767px) {
  a:hover, a:hover img {
    opacity: 1 !important; }

  .pc {
    display: none !important; } }
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
* html .clearfix {
  zoom: 1; }

* + html .clearfix {
  zoom: 1; }

.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both; }

/*------------------------------------------------------------
	flex
------------------------------------------------------------*/
.flex {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.flex.left {
  justify-content: flex-start;
  -webkit-justify-content: flex-start; }

.flex.center {
  justify-content: center;
  -webkit-justify-content: center; }

.flex.right {
  justify-content: right;
  -webkit-justify-content: right; }

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
  margin: 0 auto;
  max-width: 960px;
  padding: 0 15px; }
  @media screen and (max-width: 767px) {
    .content {
      max-width: auto !important; } }

/*------------------------------------------------------------
	main
------------------------------------------------------------*/
#main {
  margin-bottom: 40px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-size: 1.5rem;
}
  @media screen and (max-width: 767px) {
    #main {
      margin-bottom: 20px; } }

#container {
  min-height: 100vh;
  background: url("../img/common/com_bg.png") no-repeat center top; }
  @media all and (min-width: 768px) and (max-width: 1024px) {
    #container {
      min-height: inherit; } }
  @media screen and (max-width: 767px) {
    #container {
      min-height: inherit;
      background: url("../img/common/sp_com_bg.png") no-repeat center top;
			background-size: 100% auto;} }

/*------------------------------------------------------------
	header
------------------------------------------------------------*/
#gHeader {
  padding: 19px 15px 30px; }
  #gHeader .hInner {
    max-width: 960px;
    margin: 0 auto;
    position: relative; }
    #gHeader .hInner h1 {
      margin-bottom: 9px; }
      #gHeader .hInner h1 img {
        width: 184px; }
    #gHeader .hInner h2 {
      text-align: center; }
      #gHeader .hInner h2 a {
        display: inline-block; }
        #gHeader .hInner h2 a:hover {
          opacity: 0.7; }
				#gHeader .hInner h2 img{
					width: 58%; }
    #gHeader .hInner .icoImg {
      position: absolute;
      right: 0;
      top: 0;
      width: 95px; }
  @media screen and (max-width: 767px) {
    #gHeader {
      padding: 10px 0 20px; }
      #gHeader .hInner {
        max-width: inherit; }
        #gHeader .hInner h1 {
          margin-bottom: 40px;
					padding-left: 4%;
          text-align: left; }
          #gHeader .hInner h1 img {
            width: 45%; }
        #gHeader .hInner h2 {
          margin: 0 20px; }
          #gHeader .hInner h2 img {
            width: 100%;
            max-width: 290px; }
        #gHeader .hInner .icoImg {
          right: 10px;
          width: 13%; } }
  @media all and (min-width: 768px) and (max-width: 1024px) {
    #gHeader .hInner .icoImg {
      top: -9px; } }

/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
#gFooter {
  overflow: hidden;
  border-top: 2px solid #8da6e8; }
  #gFooter .fBox {
    padding: 57px 0 60px;
    background-color: #fff; }
    #gFooter .fBox .fLogo {
      padding: 51px 0 0 48px;
      float: left;
      width: 202px; }
		#gFooter .fBox .fLogo.ordercheese {
			padding-top: 0;
			text-align: center;
		}
		#gFooter .fBox .fLogo.ordercheese img {
			padding-bottom: 7px;
			display: inline-block;
		}
    #gFooter .fBox .rBox {
      float: right;
      width: 652px; }
      #gFooter .fBox .rBox .title {
        margin-bottom: 24px;
        font-size: 3rem;
        font-weight: 700; }
      #gFooter .fBox .rBox dl {
        width: 290px;
        float: left;
        font-size: 1.8rem; }
        #gFooter .fBox .rBox dl dt {
          float: left; }
        #gFooter .fBox .rBox dl dd {
          padding: 0 0 12px 5em; }
          #gFooter .fBox .rBox dl dd a.link {
            text-decoration: underline; }
            #gFooter .fBox .rBox dl dd a.link:hover {
              opacity: 0.7; }
      #gFooter .fBox .rBox dl:last-child {
        margin-right: -170px;
        width: 450px; }
  #gFooter .btmBox {
    padding: 40px 15px 0;
    max-width: 960px;
    margin: 0 auto; }
    #gFooter .btmBox .linkUl {
      margin-bottom: 40px; }
      #gFooter .btmBox .linkUl li {
        width: 31%;
        text-align: center;
        margin-right: 3.5%; }
        #gFooter .btmBox .linkUl li a {
          padding: 20px 20px;
          width: 100%;
          height: 100%;
          color: #2547a7;
          font-size: 1.8rem;
          font-weight: 500;
          display: -webkit-flex;
          display: flex;
          line-height: 1.45;
          -webkit-align-items: center;
          align-items: center;
          box-sizing: border-box;
          -webkit-justify-content: center;
          justify-content: center;
          background: #f7f7f7 url("../img/common/icon.png") no-repeat right 10px center;
          border: 2px solid #8ea6e8; }
          #gFooter .btmBox .linkUl li a:hover {
            opacity: 0.7; }
      #gFooter .btmBox .linkUl li:last-child {
        margin-right: 0; }
    #gFooter .btmBox .txtP {
      margin-left: 20px;
      clear: both;
      font-size: 1.5rem;
      text-align: center; }
      #gFooter .btmBox .txtP a {
        text-decoration: underline; }
        #gFooter .btmBox .txtP a:hover {
          opacity: 0.7; }
  #gFooter .fBox01 {
    padding: 60px 0 65px; }
    #gFooter .fBox01 .fLogo {
      padding: 4px 0 0 22px;
      width: 136px; }
      #gFooter .fBox01 .fLogo .btmLink {
        margin: 13px -20px 0 -23px;
        display: block; }
        #gFooter .fBox01 .fLogo .btmLink img {
          max-width: 189px; }
    #gFooter .fBox01 .rBox {
      width: 720px; }
      #gFooter .fBox01 .rBox dl {
        width: 276px; }
      #gFooter .fBox01 .rBox .txtP {
        margin-left: 90px; }
  #gFooter .copyright {
    padding: 20px 0;
    color: #ccc;
    font-size: 1.3rem;
    text-align: center;
    background-color: #333; }
    #gFooter .copyright p {
      margin: 0 auto;
      max-width: 900px;
			color: #fff;}
  @media all and (min-width: 768px) and (max-width: 1024px) {
    #gFooter .fBox {
      padding: 37px 0 40px; }
      #gFooter .fBox .fLogo {
        padding: 50px 0 0;
        width: 23%; }
      #gFooter .fBox .rBox {
        width: 73%; }
        #gFooter .fBox .rBox .title {
          margin-bottom: 14px;
          font-size: 2.2rem; }
        #gFooter .fBox .rBox .dlBox {
          margin-bottom: 15px; }
        #gFooter .fBox .rBox dl {
          width: 37%;
          font-size: 1.4rem; }
        #gFooter .fBox .rBox dl:last-child {
          width: 62%;
          margin: 0; }
        #gFooter .fBox .rBox .txtP {
          font-size: 1.3rem; }
    #gFooter .btmBox .linkUl li a {
      font-size: 1.5rem;
      background-position: right 6px center;
      background-size: 8px auto; }
    #gFooter .fBox01 .fLogo {
      padding-top: 7px;
      width: 17%; }
      #gFooter .fBox01 .fLogo .btmLink {
        margin: 6px -10px 0 0px; }
        #gFooter .fBox01 .fLogo .btmLink img {
          max-width: 100%; }
    #gFooter .fBox01 .rBox {
      width: 81%; }
      #gFooter .fBox01 .rBox .txtP {
        margin-left: 40px; } }
  @media screen and (max-width: 767px) {
    #gFooter .fBox {
      padding: 29px 0 60px; }
      #gFooter .fBox .fLogo {
        padding: 0 0 26px;
        float: none;
        text-align: left;
        width: 150px; }
			#gFooter .fBox .fLogo.ordercheese {
				display: flex;
				align-items: center;
				justify-content: space-around;
				width: 100%;
			}
		#gFooter .fBox .fLogo.ordercheese img{
				width: 50%;
				max-width: 250px;
			}
		#gFooter .fBox .fLogo.ordercheese img:first-child{
				width: 30%;
				max-width: 150px;
			}
      #gFooter .fBox .rBox {
        float: none;
        width: auto; }
        #gFooter .fBox .rBox .title {
          margin-bottom: 13px;
          font-size: 1.6rem; }
        #gFooter .fBox .rBox .dlBox {
          margin-bottom: 18px; }
        #gFooter .fBox .rBox dl {
          width: 100%;
          float: none;
          font-size: 1.3rem;
          word-break: break-all; }
          #gFooter .fBox .rBox dl dd {
            padding: 0 0 4px 5em; }
            #gFooter .fBox .rBox dl dd a.link {
              text-decoration: underline; }
        #gFooter .fBox .rBox dl:last-child {
          margin-right: 0;
          width: 100%; }
        #gFooter .fBox .rBox .txtP {
          margin-left: 0;
          font-size: 1.3rem; }
    #gFooter .btmBox {
      padding: 0 35px;
      max-width: auto; }
      #gFooter .btmBox .linkUl {
        margin: 0 auto 26px;
        max-width: 500px;
        display: block; }
        #gFooter .btmBox .linkUl li {
          width: 100%;
          margin: 0 0 10px; }
          #gFooter .btmBox .linkUl li a {
            padding: 11px 0;
            font-size: 1.4rem;
            border: 1px solid #8ea6e8;
            background-size: 7px auto; }
      #gFooter .btmBox .txtP {
        margin: 0 -20px;
        font-size: 1.3rem;
        text-align: left; }
    #gFooter .fBox01 {
      padding: 25px 0 60px; }
      #gFooter .fBox01 .fLogo {
        padding: 0 0 17px 0;
        margin-left: -4px;
        width: 100%;
        overflow: hidden; }
        #gFooter .fBox01 .fLogo a {
          float: left;
          width: 35%;
          text-align: center; }
          #gFooter .fBox01 .fLogo a img {
            max-width: 150px;
            width: 100%; }
        #gFooter .fBox01 .fLogo .btmLink {
          margin: 6.2% 0 0;
          float: right;
          width: 55%;
          text-align: center; }
          #gFooter .fBox01 .fLogo .btmLink a {
            width: 100%;
            float: none;
            text-align: center; }
            #gFooter .fBox01 .fLogo .btmLink a img {
              max-width: 200px; }
      #gFooter .fBox01 .rBox {
        width: auto; }
        #gFooter .fBox01 .rBox dl {
          width: auto; }
        #gFooter .fBox01 .rBox .txtP {
          margin-left: 0; }
    #gFooter .copyright {
      padding: 22px 0;
      font-size: 1.2rem; }
      #gFooter .copyright p {
        max-width: inherit; } }

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 36px;
	margin-top: 60px;
	text-align: center;
}
  .headLine01 img {
		max-width: 884px;
    }
  /*.headLine01 .tit {
    padding: 14px 0 5px;
    display: block;
    color: #ff5254; }
  .headLine01 .txt {
    display: block;
    line-height: 1.4;
    font-size: 2.2rem; }*/
  @media screen and (max-width: 767px) {
    .headLine01 {
      margin-bottom: 13px; }
      .headLine01 img {
       /* padding-right: 14px;*/
        width: auto; }
      /*.headLine01 .tit {
        padding: 17px 0 0;
        font-size: 1.4rem; }
      .headLine01 .txt {
        padding-top: 7px;
        clear: both;
        line-height: 1.5;
        font-size: 1.6rem; }*/ }

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	margin-top: 20px;
}
.comLink a {
	float: right;
	width: 300px;
	height: 56px;
	text-align: center;
	color: #fff;
	background: url(../img/common/btn.png) 0 0 no-repeat;
  background-size: 100% auto;
	font-size: 18px;
	padding-top: 14px;
	/*padding: 10px 0 13px;
    display: block;
    font-weight: 700;
    background-color: #ff5254;*/ }

 .comLink a:hover {
      opacity: 0.7; }
  @media screen and (max-width: 767px) {
		.comLink {
			padding: 0 15%;
		}
    .comLink a {
			width: 100%;
			height: auto;
			padding: 4.5% 0;
			font-size: 1.4rem;
		}
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
.comBox {
  border: 1px solid #e6e6e6;
  background-color: #fff; }
  .comBox .topPhoto {
    margin: -1px;
    position: relative; }
    .comBox .topPhoto .icoImg {
      display: block;
      position: absolute;
      left: 2.4%;
      bottom: 4.3%;
      width: 9.5%; }
    .comBox .topPhoto .txtImg {
      margin-left: -16.8%;
      position: absolute;
      left: 50%;
      top: 14.5%;
      width: 34%; }
		.comBox .topPhoto .cap{
			text-align: right;
			padding:3px 5px 0 0;
		}
  .comBox .infoBox {
    padding: 43px 35px 67px 39px; }
    .comBox .infoBox p {
      /*margin-bottom: 62px;
      text-align: left;*/
      line-height: 1.9; }
		.comBox .infoBox p.lead{
			font-size: 1.2em;
			margin-bottom: 10px;
			font-weight: bold;
			padding-top: 10px;
		}
		.comBox .infoBox .h_logo{
			text-align: center;
		}
		.comBox .infoBox .h_logo img{
			width: 32.9%;
		}
	.comBox .infoBox .h_lead{
		text-align: center;
		margin: 10px auto 0;
		width: 90%;
		font-size: 1.5rem;
		line-height: 2.1;
	}
  @media all and (min-width: 768px) and (max-width: 1024px) {
    .comBox .infoBox {
      padding: 30px 20px 50px; } }
  @media screen and (max-width: 767px) {
		
    .comBox .topPhoto {
      /*border: 2px solid #01114f;*/ }
      .comBox .topPhoto .icoImg {
        display: block;
        position: absolute;
        left: 3px;
        bottom: 3px;
        width: 55px; }
      .comBox .topPhoto .txtImg {
        margin-left: -17%;
        position: absolute;
        left: 50%;
        top: 14.5%;
        width: 34%; }
		.comBox .topPhoto .cap{
			font-size: 1.1rem;
		}
		.comBox .infoBox .h_logo img{
			width: 58.1%;
		}
		.comBox .infoBox .h_lead{
			text-align: left;
			width: 100%;
			font-size: 1.4rem;
			line-height: 1.8;
		}
	}
    .comBox .infoBox {
      padding: 30px 40px 50px; }
      .comBox .infoBox p {
        /*margin-bottom: 42px;*/
        line-height: 1.7; }
			.comBox .infoBox p.lead{
				font-size: 1.6rem; }
@media screen and (max-width: 767px) {
	.comBox .infoBox {
      padding: 30px 10px 50px; }
}

/*------------------------------------------------------------
	comInner
------------------------------------------------------------*/
.comInner {
  clear: both; }
 .comInner .photoBox {
    float: left;
    width: 44.2%; }
.comInner .photoBox .photoTxt{
	background:#8c7420;
	color:#fff;
	font-size: 20px;
	padding: 15px 0px 18px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}
.comInner .photoBox .photoTxt.line{
	line-height:1.3;
	padding: 5px 0px 10px;
}
.comInner .photoBox .photoTxt span.yellow{
	color: #fdfa31;
}
.comInner .photoBox .photoTxt span.fs24{
	font-size: 24px;
	font-weight: bold;
}
 .comInner .textBox {
    margin: -9px 0 0;
    float: right;
    width: 52.5%; }
.comInner .textBox .txt {
    display: block;
    line-height: 1.4;
    font-size: 2.2rem; 
		font-weight: bold;
}
  .comInner .textBox p {
      margin-bottom: 10px; }
	.comInner .textBox p .bold{
		font-weight:bold;}
	.comInner .textBox p .cap{
		font-size: 90%;
		display:block;
		padding-top:5px;}
	.comInner .photoBox .cap {
		line-height:1.5;
		padding-top: 3px;
		text-align: right;
	}
	.comInner .photoBox .cap2 {
		font-size: 85%;
	}
  @media screen and (max-width: 767px) {
    .comInner { }
      .comInner .photoBox {
        margin-bottom: 15px;
        float: none;
        width: 100%; }
        .comInner .photoBox img {
          width: 100%; }
			.comInner .photoBox .photoTxt{
				margin-bottom: 0;
				font-size: 1.5rem;
				padding: 10px 15px 15px;
			}
      .comInner .textBox {
        margin: 0;
        float: none;
        width: 100%; }
			.comInner .textBox p {
          margin-bottom: 13px;
					font-size: 1.3rem;}
			.comInner .textBox p.txt {
				font-size: 1.8rem; }
			.comInner .photoBox .cap {
				font-size: 85%;
				text-align: right;
		}}

.comInner01 {
  margin-bottom: 0 !important; }

/*------------------------------------------------------------
	comSpeBox
------------------------------------------------------------*/
.comSpeBox {
  padding-bottom: 30px;
  margin: 70px 0 90px;
  background-color: #f3f3f3; }
.comSpeBox.last {
	margin-bottom: 0;
}
  .comSpeBox .headLine01 {
		background: #8c7420;
		padding: 10px 0;
		font-size: 2.2rem;
		color: #fff;
		line-height: 1;}
    /*.comSpeBox .headLine01 img {
      margin: -10px 0 0 -20px; }*/
    /*.comSpeBox .headLine01 .tit {
      padding-top: 18px;
      font-size: 2.2rem; }*/
  .comSpeBox p {
    margin: 0 50px 20px;
    clear: both; }
  .comSpeBox .ttl {
		font-size: 1.8rem;
		color: #8c7420;
		border-bottom: 1px solid #b8b8b8;
		font-weight: bold;
		margin-bottom: 10px;
    /*padding: 0 0 3px;
    width: 85px;
    color: #ff5254;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.7 !important;
    margin: 0 30px 10px !important;
    text-align: center !important;
    border: 2px solid #ff5254;
    border-radius: 5px;*/ }
  @media screen and (max-width: 767px) {
    .comSpeBox {
      margin: -20px 0 50px;
      padding-bottom: 18px; }
      .comSpeBox .headLine01 {
        margin-bottom: 20px; }
        .comSpeBox .headLine01 img {
          margin: 0;
          padding: 10px 14px 0 5px; }
        .comSpeBox .headLine01 .tit {
          padding-top: 27px;
          font-size: 1.6rem; }
      .comSpeBox p {
        padding: 0 10px 20px;
        font-size: 1.3rem; }
      .comSpeBox .ttl {
        padding-bottom: 3px;
        font-size: 1.8rem;
        border-width: 1px;
        margin: 0 10px 10px !important; } }

.comSpeBox .flexbox{
	display: flex;
	width:100%;
}
.comSpeBox .flexbox .textbox{width:65%}
.comSpeBox .flexbox .imgbox{
	width:35%;
	padding: 0 30px 22px 0;
}
.comSpeBox .flexbox .imgbox .cap{
	text-align:right;
	padding: 3px 0 0 0;
	margin: 0;
}
@media screen and (max-width: 767px) {
	.comSpeBox p{padding: 0;margin: 0 10px 20px;}
	.comSpeBox .flexbox .textbox{width:auto;}
	.comSpeBox .flexbox .imgbox{
	width:auto;
	padding: 10px;
	text-align: center;
	}
	.comSpeBox .flexbox{
		display: block;
	}
	/*.comSpeBox .flexbox p,*/
	
	.ordercheese .comSpeBox .flexbox div{padding: 0;}
}

.comSpeBox01 {
  margin-bottom: 0 !important; }


.comBox .infoBox .waku {
  border: 1px solid #cacaca;
  padding: 15px;
  margin: 30px 0 20px;
}
.comBox .infoBox .waku p span {
  font-weight: bold;
}

/*------------------------------------------------------------
	ordercheese
------------------------------------------------------------*/
.ordercheese .content {
  max-width: 969px; }
  .ordercheese .content .topPhoto {
    border: none; }
    .ordercheese .content .topPhoto .txtImg {
      margin: 0;
      top: 7.2%;
      left: 3.2%;
      width: 91.3%; }
    .ordercheese .content .topPhoto .icoImg {
      left: 3.4%;
      bottom: 5.5%; }
  .ordercheese .content .infoBox {
    padding: 43px 45px 67px 45px; }
    .ordercheese .content .infoBox p {
      margin-bottom: 54px; }
    .ordercheese .content .infoBox .comInner .textBox p {
      margin-bottom: 0; }
    .ordercheese .content .infoBox .comInner .textBox .comLink {
      margin-top: 15px; }
    .ordercheese .content .infoBox .comSpeBox {
      margin: 40px 24px 52px 20px; }
@media all and (min-width: 768px) and (max-width: 1024px) {
  .ordercheese .content .infoBox {
    padding: 30px 20px 50px; } }
@media screen and (max-width: 767px) {
  .ordercheese .content {
    max-width: inherit; }
    .ordercheese .content .topPhoto {
      border: none; }
      .ordercheese .content .topPhoto .txtImg {
        margin: 0;
        top: 6.7%;
        right: 3%;
        left: 3%;
        width: auto; }
      .ordercheese .content .topPhoto .icoImg {
        left: 2%;
        bottom: 3%; }
    .ordercheese .content .infoBox {
      padding: 16px 10px 50px; }
      .ordercheese .content .infoBox p {
        margin-bottom: 46px; }
      .ordercheese .content .infoBox .comInner {
        margin-bottom: 25px; }
        .ordercheese .content .infoBox .comInner .textBox p {
          margin-bottom: 0; }
        .ordercheese .content .infoBox .comInner .textBox .comLink {
          margin-top: 17px; }
      .ordercheese .content .infoBox .comSpeBox {
        margin: 0 0 50px; }
			.ordercheese .content .infoBox .comSpeBox.last{
				margin-bottom: 0;
			}
	.ordercheese .comSpeBox .flexbox .imgbox{padding: 0 30px 22px;}

}


/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.index #gHeader {
  padding: 15px 0 45px; }
  .index #gHeader h1 {
    margin-bottom: 30px;
    /*text-align: center;*/ }
  .index #gHeader .icoImg {
    right: 10px; }
.index #main .listUl li {
	position: relative;
  width: 49%;
  box-sizing: border-box;
	margin: 0 auto;}
  .index #main .listUl li a {
    display: block;
    padding: 20px;
    border: 20px solid #8ba0e8;
    background-color: #fff; }
    .index #main .listUl li a .pho {
      margin-bottom: 9px;
      /**/}
      .index #main .listUl li a .pho .icoImg {
        position: absolute;
        left: -1px;
        top: -1px;
        z-index: 10; }
    .index #main .listUl li a .title {
      margin-bottom: 25px; }
    .index #main .listUl li a .ttl {
      margin-bottom: 17px;
      font-weight: 700;
      font-size: 2.4rem; }
      .index #main .listUl li a .ttl .info {
        background: url("../img/index/line01.png") repeat-x left bottom 3px; }
    .index #main .listUl li a .txt {
      margin-bottom: 19px;
      line-height: 1.65; }
    .index #main .listUl li a .comLink {
      padding: 14px 0 17px;
      color: #ccc;
      float: none;
      font-weight: 700;
      width: 100%;
      background-color: #333;
      text-align: center; }
    .index #main .listUl li a:hover {
      opacity: 0.7; }
		.index #main .listUl li:last-child a {
			border-color: #e4c07b; }
		.index #main .listUl li:last-child a .ttl .info {
			background-image: url("../img/index/line02.png"); }
.index #gFooter {
  border: none;
	padding-bottom: 20px;
}
  .index #gFooter .copyright {
    color: #333;
    background: none; }
@media screen and (max-width: 767px) {
  .index #gHeader {
    padding: 3% 0 2%; }
    .index #gHeader h1 {
      margin-bottom: 10%;
			padding-top: 2%; }
  .index #main .listUl li {
    width: 100%;
		margin-top: 20px;}
    .index #main .listUl li a {
      padding: 13px;
      border: 10px solid #ceab69; }
      .index #main .listUl li a .pho {
        margin-bottom: 14px; }
        .index #main .listUl li a .pho .icoImg {
          left: -1px;
					top: -1px;
					width: 62.5%; }
        .index #main .listUl li a .pho img {
          width: 100%; }
      .index #main .listUl li a .title {
        margin-bottom: 8px; }
        .index #main .listUl li a .title img {
          width: 200px; }
      .index #main .listUl li a .ttl {
        margin-bottom: 11px;
        font-size: 1.6rem; }
        .index #main .listUl li a .ttl .info {
          background: url("../img/index/line01.png") repeat-x left bottom;
          background-size: auto 5px; }
      .index #main .listUl li a .txt {
        margin-bottom: 16px;
        text-align: justify; }
      .index #main .listUl li a .comLink {
        padding: 7px 0 10px; }
  .index #gFooter {
    padding: 25px 0 40px; } }