@charset "shift_jis";
/* ----------------------------
  RESET
------------------------------ */
/* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */
html, body, div, span, object, iframe, embed, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
 b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header,
 hgroup, menu, nav, section, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight: normal;}
html {font-size: 62.5%;}body {font-size: 1rem;line-height: 1.4;}article, aside, dialog, figure, footer, header, hgroup, nav, section {display: block;}
blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ul, ol {list-style: none;}ins {background-color: #ff9;color: #000;text-decoration: none;}mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom: 1px dotted #000;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}th, td {text-align: left;font-weight: normal;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;padding: 0;}
textarea, input[type=text], input[type=password], input[type=tel], input[type=email] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input, select, textarea, button {vertical-align: middle;}input, textarea {font-size: 1.3rem;}select {margin: inherit;}
img {vertical-align: bottom;}a, a:link, a:visited, a:hover, a:active {text-decoration: underline;}a img {border: 0;outline: 0;}
span {display: inline-block;}
/* ----------------------------
  CLEAR FIX
------------------------------ */
.clearfix {
*zoom:1;
}
.clearfix:before, .clearfix:after {
	display: block;
	content: "";
}
.clearfix:after {
	clear: both;
}
/* ----------------------------
 default01.css
------------------------------ */
#navi a:link {
	color: #808080;
}
#navi a:visited {
	color: #808080;
}
#navi a:hover {
	color: #0066CC;
}
#navi a:active {
	color: #0066CC;
}

.mt20{
	margin-top:20px;
}

.ft9{
	padding: 10px;
	font-size: 0.7em;
}

.pb20{
	padding-bottom: 20px;
}

.pt10 {
	padding-top:10px;
}

.pt20 {
	padding-top:20px;
}

.btn_1{
	margin-top: 20px;
}

.btn_area{
	margin-bottom: 0px;
}

/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}

 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}


/* =======================================
    iOS／safari最上部の余白解消
======================================= */
iframe { display: none !important; }



/* ----------------------------
  STYLE CSS
------------------------------ */


html {
font-size:calc(100vw / 32);
}
* {
	-webkit-text-size-adjust: none;
	font-feature-settings: "palt";
}
body {
	height:auto;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #535353;
}
p {
	font-size: 1.4rem;
}


h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {

}
/* ------------------------------
 Form Element
 ------------------------------- */
input[type=radio]{
  width: 15px;
  margin: 6px 0;
  vertical-align: baseline;
}
  input[type=radio] + label{
    margin: 0 0 0px 5px;
  }
input[type=tel],input[type=text]{
  padding: 5px 6px;
  border: 1px solid #999;
}
input[type=tel]:focus,input[type=text]:focus{
  background-color: lightyellow;
}
input[type=checkbox]{
  margin: 6px 0;
  vertical-align: baseline;
}
  input[type=checkbox] + label{
    margin: 0 0 0 4px;
  }
select{
  font-size: 1.7rem;
}


/* ------------------------------
 icon
 ------------------------------- */
i{
  display: inline-block;
  width: 10px;height: 10px;
  background: no-repeat 0 0 transparent url(../../images/common/sprite.png);
  -webkit-background-size: 250px auto;
     -moz-background-size: 250px auto;
          background-size: 250px auto;
  vertical-align:middle;
}
.iconFirm i{
  background-color: #ccc;
}

/* 16 x 16 */
i.leaf{width:16px;height: 20px;background-position: 0 0;}

/* 13 x 13 */
i.circle{width:13px;height:13px;background-position: -24px 0;}
i.arD01{width:13px;height:13px;background-position: 2px -23px;}
i.arD02{width:13px;height:13px;background-position: -22px -23px;}
i.arR01{width:13px;height:13px;background-position: -9px -23px;}
i.arR01{width:13px;height:13px;background-position: -9px -23px;}
i.arR01a{width:13px;height:13px;background-position: -9px -36px;}

/* 10 x 10 */
i.arR02{background-position: -34px -24px;}
i.arR03{background-position: -50px -24px;}
i.arR03.selected,.active .arR03{background-position: -75px -24px;}
i.arR03.desable{background-position: -62px -24px;}
i.arR04{background-position: -90px -24px;}
i.arR05{background-position: -102px -24px;}
i.arR06{background-position: -62px -41px;}
i.arR07{background-position: -50px -41px;}

/* ------------------------------
 Layout
 ------------------------------- */
.flLeft {float: left!important;}
.flRight{float: right!important;}

.vAT{vertical-align: top!important;}
.vAB{vertical-align: bottom!important;}
.vAM{vertical-align: middle!important;}
.vABa{vertical-align: baseline!important;}

/* ------------------------------
 Layout > Box
 ------------------------------- */
.borderBox{border: 1px solid #B88887!important;}
.borderBoxTop{border-top: 1px solid #B88887!important;}
.borderBoxBottom{border-bottom: 1px solid #B88887!important;}
.borderBoxTopBottom{border-top: 1px solid #B88887!important;border-bottom: 1px solid #B88887!important;}

.borderBoxTopDot{border-top: 1px dotted #B88887!important;}
.borderBoxBottomDot{border-bottom: 1px dotted #B88887!important;}
.borderBox_alert{border: 1px solid #d80c18!important;
background-color:#fbeacb;}

 
.offset  {padding: 0 0 0 10px;}
.offset12{padding: 0 0 0 12px;}
.offset14{padding: 0 0 0 14px;}
.offset15{padding: 0 0 0 15px;}
.offset16{padding: 0 0 0 16px;}
.offset18{padding: 0 0 0 18px;}
.offset20{padding: 0 0 0 20px;}
.offset24{padding: 0 0 0 24px;}
.offset25{padding: 0 0 0 25px;}
 
.onset  {margin: 0 0 0 10px;}
.onset12{margin: 0 0 0 12px;}
.onset14{margin: 0 0 0 14px;}
.onset15{margin: 0 0 0 15px;}
.onset16{margin: 0 0 0 16px;}
.onset18{margin: 0 0 0 18px;}
.onset20{margin: 0 0 0 20px;}

.boxoffset79 {padding: 7px 9px;}
.boxoffset  {padding: 10px 10px;}
.boxoffset12{padding: 10px 12px;}
.boxoffset14{padding: 10px 14px;}
.boxoffset15{padding: 10px 15px;}
.boxoffset16{padding: 10px 16px;}
.boxoffset18{padding: 10px 18px;}
.boxoffset20{padding: 10px 20px;}

.boxoffsetLR  {padding: 0px 10px;}

.boxoffset.error{
  display: table;
  width: 100%;
  background: #f27526;
}
.boxoffset.error .mark{
    display: table-cell;
    width: 34px;
    padding: 0 15px 0 5px;
    vertical-align:middle;
}
.boxoffset.error .alertTxt{
    display:table-cell;
    color: #fff;
}

[class^=boxo].blue{background: #f3f8f8;}
[class^=boxo].pink{background: #f4e9e9;}
[class^=boxo].gray{background: #f7f7f1;}

.boxonset5 {margin: 0 5px;}
.boxonset  {margin: 0 10px;}
.boxonset12{margin: 0 12px;}
.boxonset14{margin: 0 14px;}
.boxonset15{margin: 0 15px;}
.boxonset16{margin: 0 16px;}
.boxonset18{margin: 0 18px;}
.boxonset20{margin: 0 20px;}

.boxonset_tb  {margin: 10px 0;}
.boxonset12_tb{margin: 12px 0;}
.boxonset14_tb{margin: 14px 0;}
.boxonset15_tb{margin: 15px 0;}
.boxonset16_tb{margin: 16px 0;}
.boxonset18_tb{margin: 18px 0;}
.boxonset20_tb{margin: 20px 0;}

.mB5 {margin-bottom: .5rem !important;}
.mB10{margin-bottom: 1.0rem!important;}
.mB15{margin-bottom: 1.5rem!important;}
.mB20{margin-bottom: 2.0rem!important;}
.mB25{margin-bottom: 2.5rem!important;}
.mB30{margin-bottom: 3.0rem!important;}
.mB35{margin-bottom: 3.5rem!important;}
.mB40{margin-bottom: 4.0rem!important;}
.mB45{margin-bottom: 4.5rem!important;}
.mB50{margin-bottom: 5.0rem!important;}
.mB55{margin-bottom: 5.5rem!important;}

.mT5 {margin-top: .5rem !important;}
.mT10{margin-top: 1.0rem!important;}
.mT15{margin-top: 1.5rem!important;}
.mT20{margin-top: 2.0rem!important;}
.mT25{margin-top: 2.5rem!important;}
.mT30{margin-top: 3.0rem!important;}
.mT35{margin-top: 3.5rem!important;}
.mT40{margin-top: 4.0rem!important;}
.mT45{margin-top: 4.5rem!important;}
.mT50{margin-top: 5.0rem!important;}
.mT55{margin-top: 5.5rem!important;}

.mR5 {margin-right: 5px !important;}
.mR6 {margin-right: 6px !important;}
.mR10{margin-right: 10px!important;}
.mR15{margin-right: 15px!important;}
.mR20{margin-right: 20px!important;}
.mR25{margin-right: 25px!important;}
.mR30{margin-right: 30px!important;}
.mR35{margin-right: 35px!important;}
.mR40{margin-right: 40px!important;}
.mR45{margin-right: 45px!important;}
.mR50{margin-right: 50px!important;}
.mR55{margin-right: 55px!important;}

.mL5 {margin-left: 5px !important;}
.mL10{margin-left: 10px!important;}
.mL15{margin-left: 15px!important;}
.mL20{margin-left: 20px!important;}
.mL25{margin-left: 25px!important;}
.mL30{margin-left: 30px!important;}
.mL35{margin-left: 35px!important;}
.mL40{margin-left: 40px!important;}
.mL45{margin-left: 45px!important;}
.mL50{margin-left: 50px!important;}
.mL55{margin-left: 55px!important;}

/* -----------------------------
 Font
 ------------------------------- */
.fcRed{color: #dc417b!important;} 
.fcGray{color: #535353!important;}
.fcPink{color: #de407b!important;}
.fcLPink{color: #f37fb0!important;}
.fcOrange{color: #f67824!important;}
.fcGreen{color: #2aa241!important;}
.fcPurple{color: #65273c!important;}
.fcLPurple{color: #890c8d!important;}
.fcBrown{color: #975b27!important;}
.fcAlert{color: #d80c18!important;}

/*PCトキョウツウスタイル*/
.alignL { text-align:left !important; }
.alignC { text-align:center !important; }
.alignR { text-align:right !important; }

/*SPのみ*/
.txtAC{text-align: center!important;}
.txtAR{text-align: right!important;}
.txtAL{text-align: left!important;}

.fsS{font-size: 1.4rem!important;}
.fsM{font-size: 1.6rem!important;}
.fsL{font-size: 1.8rem!important;}

.fsM_br{font-size: 1.6rem!important; line-height:2.0rem;}

.fBold{
	font-weight:bold;
}


/******
  LP
 ************/
body * {
box-sizing: border-box;
}
#main {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	color:#000;
}
img {
max-width:100%;
width:100%;
height:auto;
}
#main a, #main a img{
transition:1s;
}
#main a:hover img{
transform:translateY(-10px);
} 
.fontMinM {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,serif !important;
	font-weight:400;
}
.fontMinB {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,serif !important;
	font-weight:600;
}
sup {
font-size:xx-small;
vertical-align:top;
}
.inner {
padding: 0 1.5rem;
}
.flexBox {
display: flex;
justify-content: space-between;
}

.fcLNavy {
color:#2c3559 !important;
}

/**********
  header
 ************/
#main header {
background: #FFF;
box-shadow: 0 0 8px rgba(0,0,0,0.15);
padding:0.8rem;
position:relative;
z-index: 1;
}
#main header img {
width:47.5%;
display: block;
margin:auto;
}

/******
  MV
 ************/
.MV_main {
position:relative;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.MV_main img {
display: table;
width:100%;
}
.MV_main p {
font-size:0.8rem;
color:#000;
position:absolute;
bottom:1.0rem;
right:1.5rem;
}

/******
  BTN
 ************/

.BTN_area {
background: #f0f0f0;
padding:3.0rem 0 0;
}
.BTN01_Text_area h2 {
font-size:1.4rem;
line-height: 1.38;
color:#1b1b1b;
margin:0 auto;
}
.BTN01_txt_XL {
font-size:2em;
}
.BTN_Text_area {
padding:2.8rem 1.6rem;
background: #f0f0f0;
}
.PKG_Box{
margin:0 -2px;
}
.txtAC .PKG_Box_obi {
margin:1.2rem -0.8rem ;
background:#6f6f70; 
padding:0 1rem;
text-align: center;
height:2.4rem;
line-height: 2.4rem;
font-size:1.4rem;
color:#FFF;
box-shadow: 0 2px 0 rgba(0,0,0,0.2);
position:relative;
z-index: 2;
}


.BTN01_tag {
display: inline-block;
color:#647f95;
border:1px solid #647f95;
padding:0.2rem 0.4rem;
margin:0 0.4rem;
}
.PKG_Box .inner {
margin-top:-1.6rem;
padding-bottom:1.2rem;
}
.PKG_Box .inner a {
display: block;
margin:1.5rem auto 1rem;
}
.PKG_Box .inner .caption {
text-align: right;
}

.BTN_Text_area .caption {
text-indent:1em;
margin-top:1em;
font-size:0.9rem;
}

.BTN01_cautionText_area{
border:2px solid #a1a3a5;
background: #FFF;
width:100%;
margin:1.6rem auto 0;
}
.BTN01_cautionText_tit{
margin:1.2rem 0 ;
background:#6f6f70; 
padding:0 1rem;
text-align: center;
height:2.4rem;
line-height: 2.4rem;
font-size:1.2rem;
color:#FFF;
}
.BTN01_cautionText_area h4 {
padding:0 1rem;
font-size:1.05rem;
text-align: center;
text-decoration: underline;
margin:0;
color:#53575a;
}
.BTN01_cautionText_area p {
padding:1rem;
color:#626262;
font-size:0.95rem;
line-height: 1.66;
text-align: justify;
letter-spacing: 0;
}
.btn_area {
text-align: left;
}
.btn_Box {
margin:1em auto 0;
}
.btn_Box a {
display: inline-block;
box-shadow: 0 0 4px rgba(0,0,0,0.25);
border-radius: 12px;
width:80%;
}


/******
  CT01A
 ************/

.CT01A_area {
background: #e7eff6;
}
.CT01A_tit {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
position:relative;
margin:-40px auto 0;
}
.CT01A_tit h3 {
display: inline-block;
font-size:1.5rem;
}
.CT01A_tit h3:before {
width:1px;
height:40px;
background: #53575a;
content:"";
display: inline-block;
transform: rotate(-16deg);
margin-right:20px;
vertical-align: middle;
} 
.CT01A_tit h3:after {
width:1px;
height:40px;
background: #53575a;
content:"";
display: inline-block;
transform: rotate(16deg);
margin-left:20px;
vertical-align: middle;
}
.CT01A_text_area {
padding:2.0rem 0 2.8rem;
}
.VoiceBox{
position:relative;
margin-bottom:2.0rem;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.CT01A_text_area .inner > .VoiceBox:nth-of-type(3) {
margin-bottom:0.8rem;
}
.VoiceBox .icon_voice{
position:absolute;
width:4.8rem;
height:4.8rem;
border-radius: 50%;
right:-1.2rem;
top:-1.5rem;
color:#53575a;
background-color: rgb(238, 208, 201);
line-height: 4.8rem;
text-align: center;
font-size:1.2rem;
}
.VoiceBox .icon_voice span {
font-size:1.25em;
}

.CT01B_top {
background: #f0f0f0;
padding:2.4rem 0;
}

.CT01B_top .arrow {
display: block;
margin:auto;
border-width:24px 40px 0 40px;
border-color:#44556a transparent transparent transparent;
width:80px;
height:24px;
border-style: solid;
text-indent: -9999px;
}
.CT01B_tit {
margin:2.4rem auto;
}
.CT01B_tit h2 {
font-size:1.4rem;
letter-spacing: 1.1px;
}
.CT01B_tit h2 .txt_XL {
font-size:2.14em;
}
.CT01B_stit {
background-image: -webkit-linear-gradient(310deg, rgb(222,246,248) 0%, rgb(235,250,251) 100%);
background-image: -o-linear-gradient(310deg, rgb(222,246,248) 0%, rgb(235,250,251) 100%);
background-image: linear-gradient(40deg, rgb(222,246,248) 0%, rgb(235,250,251) 100%);
padding:0.8rem 1.6rem;
text-align: center;
position:relative;
}

.CT01B_stit h3 {
font-size:1.3rem;
color:#494e6b;
margin-bottom:0;
z-index: 2;
position: relative;
}
.CT01B_stit h3 .txt_L {
font-size:1.333em;
}
.CT01B_stit h3 .txt_L strong {
border-bottom:1px solid #494e6b;
font-weight:normal;
	font-size: inherit;
}
.CT01B_text_area .inner {
padding:2.2rem 1.6rem 1.6rem;
}
.CT01B_btm {
position:relative;
background: #FFFF;
background-size: 100%;
padding:calc(50px + 2.4rem) 1.6rem 3.6rem;
}
.CT01B_btm:before {
content:"";
width:0;
height:0;
border-width:50px 80px 0 80px;
border-color:#f0f0f0 transparent transparent transparent;
border-style:solid;
position:absolute;
z-index: 10;
top:0;
left:calc(50% - 80px);
}
.CT01B_btm .CT01B_03-02 {
width:100%;
margin:auto;
}
.CT01B_btm_txt {
border:2px solid #626262; 
padding:4px;
margin:3.6rem auto 0;
}
.CT01B_btm_txt .inner {
background: rgba(255,255,255,0.7);
display: flex;
justify-content: center;
align-items: center;
padding:1.2rem;
border:1px solid #626262; 
}
.CT0B_btm_arrow  {
background-image: -moz-linear-gradient( 90deg, rgb(79,100,125) 0%, rgb(86,114,149) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(79,100,125) 0%, rgb(86,114,149) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(79,100,125) 0%, rgb(86,114,149) 100%);
padding:2.0rem 2.0rem 0;
position:relative;
}
.CT0B_btm_arrow:after {
content:"";
width:0;
height:0;
position:absolute;
left:0;
bottom:-50px;
border-width:50px 50vw 0 50vw;
border-color:#4f647d transparent transparent transparent;
border-style:solid;
z-index: 1;
}
.CT0B_btm_arrow p {
font-size:1.6rem;
color:#FFF;
text-align: center;
line-height: 1.2;
}
.CT0B_btm_arrow p .txt_XL {
font-size:1.8em;
}

#BTN02 {
padding:calc(50px + 2.0rem) 0 0;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

/**********
 選ばれる理由
*****************/

.CT02A_area {
background: #c5d0e2;
background-size: 100% auto;
padding:3.0rem 0 32px;
}
.CT02A_tit {
padding:0 1.6rem;
}
.CT02A_tit h3 {
font-size:2.4rem;
line-height: 1.5;
text-shadow: 0 0 10px rgba(255,255,255,0.8);
}
.CT02_text_area{
margin-top:2em;
}
.CT02_text_area .inner{
width:100%;
margin:auto;
}
.CT02_text_area .reasonWrap {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.CT02_text_area .reasonWrap .reasonBox {
background: #FFF;
position:relative;
width:100%;
box-shadow: 0 0 8px rgba(0,0,0,0.1);
margin:0 0 1.5rem;
}
.CT02_text_area .reasonWrap .reasonBox .tit_Box {
background: #efd7d2;
padding:1.4rem 0;
position:relative;
}
.CT02_text_area .reasonWrap .reasonBox .tit_Box .newicon {
	position:absolute;
	right:10px;
	top:-10px;
	width:21.8vw;
}
.CT02_text_area .reasonWrap .reasonBox .tit_Box .icon_reason {
position:absolute;
left:0;
top:calc(50% - 2.1rem);
width:4.2rem;
height:4.2rem;
}
.CT02_text_area .reasonWrap .reasonBox h4 {
padding:0 1rem 0 4.8rem;
font-size:1.3rem;
letter-spacing: 0;
margin:0;
}
.CT02_text_area .reasonWrap .reasonBox h4 span {
display: block;
}
.CT02_text_area .reasonWrap .reasonBox h4 .txt_XL {
font-size:1.4em;
font-weight:600;
}
.CT02_text_area .reasonWrap .reasonBox h4.txt_L {
letter-spacing: 2px;
line-height: 1.4;
font-weight:600;
font-size:1.5rem;
}
.CT02_text_area .reasonWrap .reasonBox .txtBox {
position:absolute;
bottom:0;
left:0;
z-index: 2;
background: rgba(255,255,255,0.88);
padding:1.0rem;
}
.CT02_text_area .reasonWrap > .reasonBox:nth-of-type(3) .txtBox {
position:relative;
}
.CT02_text_area .reasonWrap .reasonBox .txtBox p {
font-size:0.9rem;
text-align: justify;
}
.CT02_text_area .reasonWrap .reasonBox .txtBox p.caption {
margin-top:0.5em;
text-align: right;
font-size: 0.8rem;
}
.CT01A_text_area p.caption, .CT02_text_area p.caption ,.CT04_text_area p.caption{
font-weight:normal;
font-size:0.8rem;
}
.CT02_text_area .reasonWrap .reasonBox .photoBox img {
width:100%;
}
.CT02B_area {
background: #53575a;
padding:3.6rem 0;
color:#FFF;
}
.CT02B_area .obiL {
display: inline-block;
height:2.4rem;
padding:0 2.5rem;
background: #eacac6;
color:#404040;
font-size:1.4rem;
line-height: 2.4rem;
text-align: center;
}

.CT02B_tit {
width:72%;
margin:3.2rem auto 3.6rem;
position:relative;
}

.CT02B_tit .fukidashi {
position:absolute;
right:-1.2rem;
top:-2.5rem;
width:28.5%;
}
.CT02B_tit h2 {
border-bottom:1px solid #FFF;
padding-bottom:0.8rem;
margin:0;
}
.CT02B_tit p {
color:#FFF;
font-size:1rem;
margin-top:0.8rem;
}
.CT02B_txt .stit {
text-align: center;
margin:0 auto 1.2rem;
}
.CT02B_txt .stit h3 {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
position:relative;
margin:0 auto;
font-size:1.8rem;
color:#FFF;
}
.CT02B_txt .stit h3 span {
display: inline-block;
font-size: inherit;
}
.CT02B_txt .stit h3:before {
width:1px;
height:40px;
background: #FFF;
content:"";
display: inline-block;
transform: rotate(-16deg);
margin-right:20px;
vertical-align: middle;
} 
.CT02B_txt .stit h3:after {
width:1px;
height:40px;
background: #FFF;
content:"";
display: inline-block;
transform: rotate(16deg);
margin-left:20px;
vertical-align: middle;
}
.CT02B_txt .repeatGraph {
width:56%;
margin:0 auto 1.2rem;
}
.CT02B_txt p.caption {
font-size:1rem;
}
#BTN03 {
position:relative;
padding:calc(50px + 2.0rem) 0 0;
}
#BTN03:before {
content:"";
width:0;
height:0;
position:absolute;
left:0;
top:0;
border-width:50px 50vw 0 50vw;
border-color:#53575a transparent transparent transparent;
border-style:solid;
z-index: 1;
}

/*******
 商品紹介
***********/

.CT03_area {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 5%, #e5e6e8 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 5%,#e5e6e8 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 5%,#e5e6e8 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e6e8',GradientType=0 ); /* IE6-9 */
padding:0 0 3.6rem;
}
.CT03_KV img {
width:100%;
}
.CT03_tit h2 {
font-size:2.0rem;
line-height:1.333;
margin-bottom:2.0rem;
}
.CT03_tit h2 .txt_XL {
font-size:1.6em;
}
.CT03_text_area01_whiteBox {
padding:0 0 1.4rem 0;
background: #FFF;
}
.CT03_text_area01_whiteBox img {
width:100%;
}
.CT03_text_area01_whiteBox .caption {
font-size:0.8rem;
margin:0.5em 0.8rem 0 0.8rem;
}
.CT03_text_area {
background: url("../../images/03.jpg") left top no-repeat;
background-size: 100%;
position:relative;
}

.CT03_text_area02 {
margin:3.2rem auto 0;
}
.CT03_text_area02 .CT03_proBlock {
width:calc(100% - 3rem);
margin:0 auto;
background: #FFF;
}
.CT03_proBlock_tit {
background: #44556a;
color:#FFF;
text-align: center;
height:auto;
}
.CT03_proBlock .inner {
padding:0 1.2rem;
}
.CT03_proBlock_tit.new_tit {
background: #f9db82;
color: #44556a;
padding: 1em 0 0.25em;
}
.CT03_proBlock_tit.new_tit + .inner {
border:5px solid #f9db82;
}
.CT03_proBlock_tit h4 {
line-height: 1.6;
margin:0;
font-size:1.8rem;
}
.CT03_proBlock_tit.new_tit h4 {
line-height: 1.4;
font-weight:600;
}
.CT03_proBlock_tit h4 .txt_S {
font-size:1.5rem;
}
.CT03_proBlock_tit.new_tit h4 .txt_S {
	font-weight:400;
}
.CT03_proBlock_tit h4 .kakomi {
    background-color: #44556a;
    color: #FFF;
    padding: 8px;
    margin-right: 4px;
    font-size: 0.75em;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-bottom: 6px;
}
.CT03_proBox {
display: flex;
padding:2.0rem 0 1.0rem;
justify-content: space-between;
border-bottom:1px solid #dbdbdb;
flex-flow: wrap;
}
.inner > .CT03_proBox:last-child {
border-bottom:none;
} 
.CT03_proBox .photoBox {
width:32%;
}
.CT03_proBox .txtBox {
width:68%;
padding:0 0 0 0.5em;
}
.CT03_proBox .txtBox h5 {
margin-bottom:1.2rem;
}
.CT03_proBox .txtBox p {
color:#404040;
line-height: 1.6;
margin-bottom:1.2rem;
font-size:1.0rem;
text-align: justify;
}
.CT03_proBox .txtBox p strong {
color:#44556a;
border-bottom:1px solid #44556a;
font-weight:bold;
font-size: inherit;
}
.CT03_proBox .txtBox p.spec{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
font-size:0.8rem;
color:#737373;
margin-bottom:0;
}
.CT03_proBox p.caption {
font-size:0.8rem;
width:100%;
margin:1em;
}
.CT03_proBox .txtBox p.spec .kakomi {
border:1px solid #737373;
padding:1px 2px;
margin-right:4px;
font-size:0.8rem;
}

/*****
 固定CTA
 *****/
 #cta_fixBnrSP {
 position:fixed;
 z-index: 10;
 right:0;
 bottom:0;
 width:100%;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
 }
#cta_fixBnrSP.unpinned {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
} 
#cta_fixBnrSP a {
display: flex;
justify-content: space-between;
align-items: center;
background:rgba(47,54,60,0.8);
color:#FFF;
width:100%;
height:100%;
position:relative;
padding:1.0rem 1.6rem;
text-decoration: none;
letter-spacing: 0;
transition: .5s;
}
#cta_fixBnrSP a img {
width:62.4%;
height:auto;
display: block;
}
#cta_fixBnrSP a p {
font-weight:bold;
font-size:1.8rem;
letter-spacing: 1px;
}
#cta_fixBnrSP a p .txt_XL {
font-size:1.66em;
}
#cta_fixBnrSP a:hover {
transform: translateY(-5px);
opacity:1;
}
#cta_fixBnrSP a:hover * {
opacity:1;
}

/*****
 フッターとナビゲーション
 *****/
#navi-wrapper, #footer-wrapper{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
font-size: 1.4rem;
padding-top: 7px;
}
#navi ul{
display: flex; justify-content: space-between; margin:0 10px 10px;
}
#navi .corp_logo{
text-align: center;
}
#navi .navi a{
width: 100%;
font-size: 1.2rem;
}

#navi img {
width: 48%;
}
#footer-wrapper .footer-text {
padding: 0;
text-align: center;
font-size:0.8rem;
}

/* ----------------------------
  請求フォーム
------------------------------ */
#form-wrapper {
padding-top: 10px;
background-color: #FFFFFF;
}
#form-wrapper * {
font-size:1.4rem;
letter-spacing: 0;
}
/* ---------------------------------
  lazyestload
  ---------------------------------*/
img {
  transition: 0.3s;
}
 img.lazyestload {
  width:100%;
}