@charset "UTF-8";
/****************default********************************************/
body {
  background: #faf6f1 url("../img/delipo_bg.gif") top left;
  background-size: calc(100vw / (1200 /45));
}
footer {
  margin-top: 0;
}
#contents.delipo .co_in .f_maru {
  font-weight: bold;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
/****************common********************************************/
#contents.page_app {
  background: #fff !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0vw;
  font-size: calc(100vw / (1200 /16));
  line-height: 1.7;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#contents.page_app img {
  width: 100%;
}
/* fade */
.fadein {
  opacity: 0.1;
  transform: translate(0px, 150px);
  transition: all 600ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0px, 0px);
}
.fadein2 {
  opacity: 0.1;
  transform: translate(0px, 150px);
  transition: all 1000ms;
}
.fadein2.scrollin2 {
  opacity: 1;
  transform: translate(0px, 0px);
}
/****************layout********************************************/
/*****key****/
#contents.delipo .key {
  width: 100%;
  margin: 0 auto calc(100vw / (1200 / 70)) !important;
  position: relative;
  border-bottom: 20px solid #2c4579;
}
#contents.delipo .key h1 {
  width: calc(100vw / (1200 /420));
  margin: calc(100vw / (1200 /35)) auto calc(100vw / (1200 /60));
  font-size: calc(100vw / (1200 /22));
  font-weight: bold;
  text-align: center;
  color: #c7161d;
}
#contents.delipo .key .brand {
  width: calc(100vw / (1200 /450));
  margin: 0 auto calc(100vw / (1200 /30));
}
#contents.delipo .key ul {
  width: calc(100vw / (1200 /1000));
  margin: 0 auto calc(100vw / (1200 /10));
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents.delipo .key ul li {
  width: calc(100vw / (1200 /145));
  margin: 0 auto calc(100vw / (1200 /20));
  text-align: center;
}
#contents.delipo .key ul li img {
  width: calc(100vw / (1200 /120));
  margin: 0 auto;
  text-align: center;
}
#contents.delipo .key ul li a {
  display: block;
  padding: calc(100vw / (1200 /7)) 0;
  border: 3px solid #b92e29;
  border-radius: 10px;
  background: #fff;
}
/********* main common ********/
#contents.delipo .co_in {
  margin-bottom: calc(100vw / (1200 /100));
  padding-top: calc(100vw / (1200 / 30));
  line-height: 1.4;
}
#contents.delipo .co_in h2 {
  width: calc(100vw / (1200 / 360));
  margin: 0 auto calc(100vw / (1200 / 20));
}
#contents.delipo .co_in .read {
  margin: 0 auto calc(100vw / (1200 / 35));
  text-align: center;
  font-size: calc(100vw / (1200 / 19));
  font-weight: bold;
}
#contents.delipo .inner {
  width: calc(100vw / (1200 / 900));
  margin: 0 auto calc(100vw / (1200 / 70));
  position: relative;
  text-align: center;
  font-size: calc(100vw / (1200 / 16));
}
#contents.delipo .inner p {
  line-height: 1.5;
}
#contents.delipo .inner p.fs{
  margin: 1em 0;
  font-size:calc(100vw / (1200 /14));
}

#contents.delipo .inner .box {
  margin-bottom: calc(100vw / (1200 / 30));
  padding: calc(100vw / (1200 / 25)) calc(100vw / (1200 / 30));
  background: #fff;
  border: 2px solid #ceaa6c;
  border-radius: 10px;
  line-height: 1.4;
}
#contents.delipo .co_in .inner .atn_img {
  margin-top: calc(100vw / (1200 /5));
  text-align: right;
  font-size: calc(100vw / (1200 / 12));
  font-weight: normal;
}
#contents.delipo .co_in .inner .btnS {
  margin: 0 auto;
  line-height: calc(100vw / (1200 / 30));
  font-size: calc(100vw / (1200 / 14));
}
#contents.delipo .co_in .inner .btnS a {
  display: block;
  border-radius: 100px;
  text-decoration: none;
  color: #fff;
    position: relative;
}
#contents.delipo .co_in .inner .btn_r a {
  background: #b92e29;
}
#contents.delipo .co_in .inner .btn_g a {
  background: #ceaa6c;
}
#contents.delipo .co_in .inner .btn_r a::after {
  content: "▶︎";
  font-size:calc(100vw / (1200 / 11));
  position: absolute;
  right:calc(100vw / (1200 / 10));
}

#contents.delipo .co_in .inner .btn_g a::after {
  content: "▼";
  font-size:calc(100vw / (1200 / 11));
  position: absolute;
  right:calc(100vw / (1200 / 10));
}
#contents.delipo .co_in .inner p.atn {
  font-size: calc(100vw / (1200 / 14));
}
#contents.delipo .co_in .inner .f-red {
  color: #b92e29;
}
#contents.delipo .co_in .inner p.kome {
  text-align: left;
  font-size: calc(100vw / (1200 / 12));
  font-weight: normal;
}
#contents.delipo .co_in .box .smry {
  margin: 0 auto calc(100vw / (1200 / 40));
  text-align: center;
  font-size: calc(100vw / (1200 / 19));
  font-weight: bold;
}
/**********co_01**********************/
#contents.delipo .co_01 .inner {
  margin-bottom: calc(100vw / (1200 / 20));
  justify-content: space-between;
  align-items: start;
}
#contents.delipo .co_01 .box {
  width: calc(100vw / (1200 / 280));
  height: calc(100vw / (1200 / 500));
  margin-bottom: calc(100vw / (1200 / 5));
  padding: calc(100vw / (1200 / 25)) calc(100vw / (1200 / 10));
  position: relative;
}
#contents.delipo .co_01 .box ul {
  margin-bottom: calc(100vw / (1200 / 20));
  font-size: calc(100vw / (1200 / 14));
  font-weight: bold;
}

#contents.delipo .co_01 .box03 ul li:first-child {
  width: calc(100vw / (1200 / 230));
  margin: calc(100vw / (1200 / 10)) auto;
}
#contents.delipo .co_01 .box .fs {
  font-size: calc(100vw / (1200 / 12));
}
#contents.delipo .co_01 .box .btnS {
  width: calc(100vw / (1200 / 250));
  position: absolute;
  left: calc(100vw / (1200 / 15));
  bottom:calc(100vw / (1200 / 30));
}
/**********co_02**********************/
#contents.delipo .co_02 .box h3 {
  margin: 0 auto calc(100vw / (1200 / 10));
  padding-bottom: calc(100vw / (1200 / 5));
  text-align: center;
  font-size: calc(100vw / (1200 / 22));
  font-weight: bold;
  color: #2c4579;
  border-bottom: 2px solid #2c4579;
}
#contents.delipo .co_02 .box.box02 h3 {
  color: #ad2525;
  border-bottom: 2px solid #ad2525;
}
#contents.delipo .co_02 .box h3 img {
  display: block;
  width: calc(100vw / (1200 / 40));
  margin: 0 auto;
}
#contents.delipo .co_02 .box01 .flex {
  width: calc(100vw / (1200 / 700));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}
#contents.delipo .co_02 .box01 dl {
  width: calc(100vw / (1200 / 345));
}
#contents.delipo .co_02 .box01 dl dt {
  width: calc(100vw / (1200 / 60));
  margin: 0 auto;
}
#contents.delipo .co_02 .box01 dl dd {
  margin-bottom: calc(100vw / (1200 / 25));
  text-align: center;
}
#contents.delipo .co_02 .box01 dl dd h4 {
  margin: calc(100vw / (1200 / 10)) 0;
  font-weight: bold;
  font-size: calc(100vw / (1200 / 17));
  color: #2c4579;
}
#contents.delipo .co_02 .box02 .in {
  width: 55%;
}
#contents.delipo .co_02 .box02 .img {
  width: 45%;
  padding: 0;
}
#contents.delipo .co_02 .box02 .in .btnS {
  width: calc(100vw / (1200 / 300));
  margin: calc(100vw / (1200 / 25)) auto;
}



/**********co_03**********************/
#contents.delipo .co_03 .box h3 {
  margin: 0 auto calc(100vw / (1200 / 10));
  padding-bottom: calc(100vw / (1200 / 5));
  text-align: center;
  font-size: calc(100vw / (1200 / 22));
  font-weight: bold;
  border-bottom: 2px solid #ceaa6c;
}
#contents.delipo .co_03 .box .img {
  margin:0 auto calc(100vw / (1200 / 20));
}
#contents.delipo .co_03 .box01 .img {
  width:calc(100vw / (1200 / 600));
  margin:0 auto calc(100vw / (1200 / 20));
}

/**********co_04**********************/
#contents.delipo .co_04 .box h3 {
  margin: 0 auto calc(100vw / (1200 / 10));
  padding-bottom: calc(100vw / (1200 / 5));
  text-align: center;
  font-size: calc(100vw / (1200 / 22));
  font-weight: bold;
  border-bottom: 2px solid #ceaa6c;
}
#contents.delipo .co_04 .box .img {
  margin-bottom: calc(100vw / (1200 / 20));
}
/**********co_04**********************/
#contents.delipo .co_04 .box .large {
  width: calc(100vw / (1200 / 340));
  margin: 0 auto calc(100vw / (800 / 40));
}
#contents.delipo .co_04 .box .flex .in {
  width: 48%;
}
#contents.delipo .co_04 .box .img {
  margin-top: calc(100vw / (1200 / 10));
}
#contents.delipo .co_04 .box .flex .img {
  margin-top: calc(100vw / (1200 / 10));
  margin-bottom: calc(100vw / (1200 / 20));
}
/**********co_05**********************/
#contents.delipo .co_05 .box h3 {
  margin: 0 auto calc(100vw / (1200 / 10));
  padding-bottom: calc(100vw / (1200 / 5));
  text-align: center;
  font-size: calc(100vw / (1200 / 22));
  font-weight: bold;
  color: #2c4579;
  border-bottom: 2px solid #2c4579;
}
#contents.delipo .co_05 .box.box02 h3 {
  color: #ad2525;
  border-bottom: 2px solid #ad2525;
}
#contents.delipo .co_05 .box h3 img {
  display: block;
  width: calc(100vw / (1200 / 40));
  margin: 0 auto;
}
#contents.delipo .co_05 .box .img {
  margin-top: calc(100vw / (1200 / 10));
}
#contents.delipo .co_05 .btnS {
  width: calc(100vw / (1200 / 300));
  margin: calc(100vw / (1200 / 25)) auto;
}
/**********co_06**********************/
#contents.delipo  .co_06 .inner .box{
  padding-top: calc(100vw / (1200 / 60));
}
#contents.delipo .co_06 .qa-list dl {
  position: relative;
  width: calc(100vw / (1200 / 800));
  padding: calc(100vw / (1200 / 0));
  margin: 0 auto;
  text-align: left;
  line-height: 1.4;
  font-size: calc(100vw / (1200 / 16));
}
#contents.delipo .co_06 .qa-list dl dt {
  position: relative;
  padding: calc(100vw / (1200 / 10)) calc(100vw / (1200 / 25)) calc(100vw / (1200 / 10)) calc(100vw / (1200 / 50));
  font-weight: bold;
  font-size: calc(100vw / (1200 / 16));
}
#contents.delipo .co_06 .qa-list dl dd {
  position: relative;
  margin: calc(100vw / (1200 / 10)) 0 calc(100vw / (1200 / 40));
  ;
  padding: 0 0 0 calc(100vw / (1200 / 50));
  font-size: calc(100vw / (1200 / 16));
}
#contents.delipo .co_06 .qa-list dl dd p {
  font-size: calc(100vw / (1200 / 16));
}
#contents.delipo .co_06 .qa-list dl dt::before {
  content: 'Q';
  display: inline-block;
  text-align: center;
  font-size: calc(100vw / (1200 / 20));
  font-weight: normal;
  color: #fff;
  background: #2c4579;
  width: calc(100vw / (1200 / 30));
  height: calc(100vw / (1200 / 30));
  line-height: calc(100vw / (1200 / 30));
  border-radius: 100px;
  position: absolute;
  left: calc(100vw / (1200 /10));
  top: 10%;
}
#contents.delipo .co_06 .qa-list dl dd::before {
  content: 'A';
  display: inline-block;
  text-align: center;
  font-size: calc(100vw / (1200 / 20));
  color: #fff;
  background: #b92e29;
  width: calc(100vw / (1200 / 30));
  height: calc(100vw / (1200 / 30));
  line-height: calc(100vw / (1200 / 30));
  border-radius: 100px;
  position: absolute;
  left: calc(100vw / (1200 /10));
}
#contents.delipo .co_06 .qa-list dl dd p.kome {
  margin: calc(100vw / (1200 / 10)) 0;
  font-size: calc(100vw / (1200 / 14)) !important;
}
/********************************/
#contents.delipo .btn {
  width: calc(100vw / (1200 / 390));
  margin: calc(100vw / (1200 / 50)) auto calc(100vw / (1200 / 150));
  clear: both;
  font-size: calc(100vw / (1200 /22));
  text-align: center;
  position: relative;
}
#contents.delipo .btn a {
  display: block;
  color: #fff;
  border: 2px #fff solid;
  background: #c7161d;
  border-radius: 1.5vw;
  height: calc(100vw / (1200 / 75));
  line-height: calc(100vw / (1200 / 75));
  text-decoration: none;
  font-weight: bold;
}
#contents.delipo .btn::after {
  content: "▶︎";
  display: inline-block;
  font-size: calc(100vw / (1200 / 15));
  color: #fff;
  position: absolute;
  top: 2.2vw;
  right: 2vw;
}
/* ページトップボタン */

#page-top a {
  background-color: #2c4579;
  color: #fff;
	text-align: center;
	width:  calc(100vw / (1200 / 50)); 
	line-height: calc(100vw / (1200 / 50)); 
  position: fixed;
  right: 0;
	bottom:  calc(100vw / (1200 / 50)); 
	text-decoration: none;
	z-index: 999;
}