@charset "utf-8";

/*------------------------------------------------------------------------------

##　reset

--------------------------------------------------------------------------------*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
	line-height: 1.0;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

p { line-height: 1.7;}

.mt00   { margin-top: 0 !important;}
.mt10   { margin-top: 10px !important;}
.mt20   { margin-top: 20px !important;}
.mt30   { margin-top: 30px !important;}
.mt40   { margin-top: 40px !important;}
.mt1em { margin-top: 1em !important;}
.text-L { text-align: left !important;}
.text-R { text-align: right !important;}
.text-C { text-align: right !important;}


/*------------------------------------------------------------------------------

　##　base layout

--------------------------------------------------------------------------------*/

/*body*/
body {
  color: #333;
	font-size: 14px;
	font-family: "游ゴシック" , "Yu Gothic" ,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  font-weight: 400;
	-webkit-text-size-adjust: 100%;
	overflow: hidden;
	background-color: #f9f5e7;
}

a {
	color: #50b8df;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.main-container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #f9f3ed;
	position: relative;
	overflow-wrap: break-word;
}

.container {
	position: relative;
}

/*------------------------------------------------------------------------------
　　loading
--------------------------------------------------------------------------------*/
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 20000;
}
#loading__txt {
    width: 100%;
  height: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
}
#loading__txt .lead {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  z-index: 100;
  text-align: center;
}
#loading__txt .lead .logo {
  width: 15%;
  max-width: 70px;
  margin: 0 auto;
}

@media only screen and (min-width:768px) {
#loading__txt .lead {
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 100;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transform : translateY(-50%);
  /*-webkit-transition: 0.3s cubic-bezier(1, 0 0, 1);
  transition: 0.3s cubic-bezier(1, 0, 0, 1);*/
}
#loading__txt .lead .logo {
	width: 5%;
  max-width: inherit;
  margin: 0 auto;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
}

/*------------------------------------------------------------------------------
　　header
--------------------------------------------------------------------------------*/

.globalheader {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.globalheader .h-logo {
	width: 180px;
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 1;
}
.thanks .globalheader .h-logo {
	width: 180px;
	margin: 15px 0 0 20px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
@media only screen and (min-width:768px) {
.globalheader .h-logo {
	width: 220px;
	position: absolute;
	top: 20px;
	left: 25px;
}
.thanks .globalheader .h-logo {
	width: 220px;
	margin: 20px 0 0 25px;
	position: relative;
	top: 0;
	left: 0;
}
}
@media only screen and (min-width:1024px) {
.globalheader .h-logo {
	width: 260px;
	position: absolute;
	top: 25px;
	left: 30px;
}
.thanks .globalheader .h-logo {
	width: 260px;
	margin: 25px 0 0 30px;
	position: relative;
	top: 0;
	left: 0;
}
}

/*h-sns navarea*/
.headerwrap .h-sns {
  width: 56px;
	position: absolute;
	top: 29px;
	right: 30px;
  display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	-webkit-box-align: start;
	-webkit-align-items: start;
	align-items: flex-start;
}
.headerwrap .h-sns li {
    width: 20px;
}
.headerwrap .h-sns li a {
    transition: all 0.2s ease;
    opacity: 1.0;
}
.headerwrap .h-sns li a:hover {
    transition: all 0.2s ease;
    opacity: 0.8;
}
@media only screen and (max-width:1024px) {
.headerwrap .h-sns {
  display: none;
}
}

/*------------------------------------------------------------------------------
　　footer
--------------------------------------------------------------------------------*/

/*footerArea
--------------------------------------*/
.footerArea {
	width: 100%;
	padding: 50px 20px 105px;
	background-color: #fff;
	box-sizing: border-box;
}
.footerArea .f-logo {
  max-width: 220px;
	margin: 0 auto;
}
.footerArea .official-btn {
  width: 90%;
  max-width: 250px;
  margin: 15px auto 0;
}
.footerArea .col {
  margin: 30px 0 0;
	text-align: center;
}

/*copyright*/
.footerArea .copyright {
  width: 100%;
  margin: 0;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.footerArea .copyright p {
	font-size: 10px;
	font-family: 'Arvo', serif;
	color: #333;
	letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (min-width:768px) {
.footerArea {
	width: 100%;
	padding: 80px 40px;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
}
.footerArea .f-logo {
  max-width: 220px;
	margin: 0;
}
.footerArea .official-btn {
  width: 90%;
  max-width: 250px;
  margin: 25px 0 0;
}
.footerArea .col {
  margin: 0;
	padding: 0 40px 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	text-align: right;
}


/*copyright*/
.footerArea .copyright {
  padding: 15px 0 0;
}
.footerArea .copyright p {
	font-size: 10px;
}
}
@media only screen and (min-width:1024px) {
.footerArea {
	width: 100%;
	padding: 100px 60px;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
}
.footerArea .f-logo {
  max-width: 350px;
	margin: 0;
}
.footerArea .official-btn {
  width: 90%;
  max-width: 250px;
  margin: 15px 0 0;
}
.footerArea .col {
  margin: 0;
	padding: 0 40px 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	text-align: right;
}
.footerArea .col p {
  display: inline-block;
}
.footerArea .col p a {
	padding: 5px 25px 0 0;
  color: #000;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-decoration: none;
	position: relative;
}
.footerArea .col p a:hover {
  color: #777;
}

/*copyright*/
.footerArea .copyright {
  padding: 15px 0 0;
}
.footerArea .copyright p {
	font-size: 12px;
}
}


/*footer fix
--------------------------------------*/
.footerfix {
  width: 100%;
  position: relative;
}
.footerfix .innerwrap {
  width: 100%;
  height: 95px;
  padding: 10px;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,0.9);
  z-index: 9999;
	text-align: center;
}
.footerfix .innerwrap p {
  font-size: 18px;
	font-weight: 700;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #f16c88;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
	position: relative;
}
/*.footerfix .innerwrap p::before {
  width: 15px;
	height: 25px;
	content: "";
	display: inline-block;
	background: url("../images/fix_tit_bg.svg") no-repeat left top / cover;
	position: absolute;
	top: calc(50% - 14px);
	left: -25px;
}
.footerfix .innerwrap p::after {
  width:15px;
	height: 25px;
	content: "";
	display: inline-block;
	background: url("../images/fix_tit_bg.svg") no-repeat left top / cover;
	position: absolute;
	top: calc(50% - 14px);
	right: -25px;
	transform: scale(-1, 1);
}*/
.footerfix ul {
	margin: 5px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
	text-align: center;
}
.footerfix .tel-wrap {
	width: 45%;
	padding: 0;
	text-align: center;
}
.footerfix .tel-wrap {
	/*max-width: 200px;*/
}
.footerfix .tel-wrap span {
	padding: 0 0 0 15%;
	font-size: 10px;
	font-size: min(5.3333vw,26px);
	font-family: 'Libre Baskerville', serif;
	color: #0c0c0c;
	position: relative;
}
.footerfix .tel-wrap span::before {
	width: 12%;
	padding-top: 15%;
	content: "";
	display: inline-block;
	background: url("../images/icon_tel.png") no-repeat left top / cover;
	position: absolute;
	top: 0;
	left: 0;
}
.footerfix .tel-wrap span::after {
	width: 100%;
	margin: 3px 0 0;
	content: "ここをタップでお電話できます";
	display: block;
	font-size: 10px;
	font-size: min(2.6666vw,12px);
	font-family: "游ゴシック" , "Yu Gothic" ,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
}
.footerfix .mail-wrap {
	width: 52%;
	text-align: center;
}
.footerfix .mail-wrap img {
	width: 100%;
	max-width: 214px;
}
@media only screen and (min-width:560px) {
.footerfix .tel-wrap span {
	padding: 0 0 0 30px;
}
.footerfix .tel-wrap span::after {
	margin: 5px 0 0;
}
}
@media only screen and (min-width:768px) {
.footerfix .innerwrap {
  display: none;
}
}
@media only screen and (min-width:1024px) {
.footerfix .innerwrap {
  display: none;
}
}
/*------------------------------------------------------------------------------

　##　共通

--------------------------------------------------------------------------------*/

/*-----------見出し----------*/
.md-wrap {
	padding: 35px 0 0;
	position: relative;
}
.md-wrap::before {
	width: 80px;
	height: 25px;
	content: "";
	display: inline-block;
	background: url("../images/md-deco.png") no-repeat left top / cover;
	position: absolute;
	top: 0;
	left: calc(50% - 40px);
}
.md-wrap h2 {
	font-size: 20px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-align: center;
	color: #000;
}
.md-wrap .en {
	margin: 2px 0 0;
	font-size: 12px;
	font-family: 'Arvo', serif;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
	color: #94c8db;
}
@media only screen and (min-width:1024px) {
.md-wrap {
	padding: 40px 0 0;
}
.md-wrap::before {
	width: 88px;
	height: 27px;
	left: calc(50% - 44px);
}
.md-wrap h2 {
	font-size: 30px;
}
.md-wrap .en {
	margin: 4px 0 0;
	font-size: 14px;
}
}

/*-----------youtube movie----------*/
.mv-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.mv-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/*sp br削除*/
.br-pc {
	display: none;
}
.br-tb {
	display: none;
}
.br-sp {
	display: inline;
}
@media only screen and (min-width:768px) {
.br-pc {
	display: inline;
}
.br-sp {
	display: none;
}
}
@media only screen and (min-width:1024px) {
.br-pc {
	display: inline;
}
.br-tb {
	display: inline;
}
.br-sp {
	display: none;
}
}


/*------------------------------
object-fit
-------------------------------*/
.ofi {
  object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}

/*------------------------------------------------------------------------------

　##　LP page

--------------------------------------------------------------------------------*/

/* main visual
----------------------*/
.mv {
  width: 100%;
	padding: 60px 0 0;
	background-color: #e9eff8;
	position: relative;
}
.mv .mv-txt {
  width: 100%;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
}
.mv .mv-txt img {
  width: 120%;
	max-width: 120%;
	margin: 0 0 0 -10%;
}
.mv .mv-item {
  width: 42%;
	position: absolute;
	bottom: 17%;
	left: 4%;
}
.mv .mv-pic {
  width: 100%;
	margin-top: -3.663%;
}
@media only screen and (min-width:768px) {
.mv {
  width: 100%;
	padding: 0;
}
.mv .mv-txt {
  width: 55%;
	max-width: inherit;
	position: absolute;
	top: inherit;
	bottom: 3%;
	left: -2%;
}
.mv .mv-txt img {
  width: 100%;
	max-width: 100%;
	margin: 0;
}
.mv .mv-item {
  width: 20.4375%;
	position: absolute;
	bottom: 2%;
	left: inherit;
	right: 1.5625%;
}
.mv .mv-pic {
  width: 100%;
	margin-top: 0;
}
.mv .mv-pic img {
  width: 100%;
}
}

@media only screen and (min-width:1024px) {

}

/*-----------CONTACT 共通----------*/
.contact-area {
	width: 100%;
	max-width: 1500px;
	margin: 25px auto 0;
	position: relative;
}
.contact-area .contact-main,
.contact-area .contact-main img {
	width: 100%;
}
.contact-area ul {
	width: 55.2%;
	position: absolute;
	top: 50%;
	left: 9%;
}
.contact-area ul li {
	width: 100%;
	vertical-align: top;
	text-align: center;
}
.contact-area ul li .tit img {
	width: 89.3719%;
}
.contact-area ul li.tel-wrap .num {
	margin: 4.5% 0 0;
	text-align: center;
}
.contact-area ul li.tel-wrap .num span {
	padding: 0 0 0 12%;
	font-size: 10px;
	font-size: min(5.3333vw,28px);
	font-family: 'Libre Baskerville', serif;
	color: #0c0c0c;
	position: relative;
}
.contact-area ul li.tel-wrap .num span::before {
	width: 12%;
	padding-top: 15%;
	content: "";
	display: inline-block;
	background: url("../images/icon_tel.png") no-repeat left top / cover;
	position: absolute;
	top: 0;
	left: 0;
}
.contact-area ul li.tel-wrap .num span::after {
	width: 100%;
	margin: 3px 0 0;
	content: "ここをタップでお電話できます";
	display: block;
	font-size: 10px;
	font-size: min(2.6666vw,12px);
	font-family: "游ゴシック" , "Yu Gothic" ,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
}
.contact-area ul li.mail-wrap {
	margin: 8% 0 0 0 ;
}
.contact-area ul li.mail-wrap .btn {
	margin: 2% 0 0;
}
.contact-area ul li.mail-wrap .btn img {
	width: 100%;
}
@media only screen and (min-width:560px) {
.contact-area ul li.tel-wrap .num span {
	padding: 0 0 0 30px;
}
.contact-area ul li.tel-wrap .num span::after {
	margin: 5px 0 0;
}
}
@media only screen and (min-width:768px) {
.contact-area {
	width: 100%;
	margin: 50px auto 0;
}
.contact-area ul {
	width: 59%;
	position: absolute;
	top: 59.5%;
	left: 11.3333%;
	letter-spacing: -0.4em;
}
.contact-area ul li {
	width: 42.1468%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.contact-area ul li .tit img {
	width: 320px;
}
.contact-area ul li.tel-wrap .num {
	margin: 7% 0 0;
	text-align: center;
	letter-spacing: normal;
}
.contact-area ul li.tel-wrap .num span {
	padding: 0 0 0 13%;
	font-size: 10px;
	font-size: min(2.6041vw,36px);
	font-family: 'Libre Baskerville', serif;
	color: #0c0c0c;
	position: relative;
}
.contact-area ul li.tel-wrap .num span::before {
	width: 12%;
	padding-top: 15%;
	content: "";
	display: inline-block;
	background: url("../images/icon_tel.png") no-repeat left top / cover;
	position: absolute;
	top: 0;
	left: 0;
}
.contact-area ul li.tel-wrap .num span::after {
	display: none;
}
.contact-area ul li.mail-wrap {
	margin: 0 0 0 8.1967%;
}
.contact-area ul li.mail-wrap .btn {
	margin: 3.5714% 0 0;
}
.contact-area ul li.mail-wrap .btn img {
	width: 408px;
}
.contact-area ul li.mail-wrap .btn a {
  transition: all 0.2s ease;
}
.contact-area ul li.mail-wrap .btn a:hover {
	opacity: 0.8;
}
}


/* sec__about
-----------------------------------------------*/
.sec__about {
	padding: 60px 0 50px;
}
.sec__about .secwrap {
	max-width: 1280px;
	margin: 0 auto;
}
.sec__about .secwrap figure {
	width: calc(100% - 40px);
	max-width: 1024px;
	margin: 20px auto 0;
	position: relative;
	z-index: 1;
}
.sec__about .secwrap .innerwrap {
	margin-top: -20px;
	padding: 40px 15px;
	background: url("../images/bg_dot.jpg") repeat center top;
	position: relative;
}
.sec__about .secwrap .innerwrap h3 {
	font-size: 12px;
	font-weight: 700;
	font-feature-settings: "palt";
	color: #1ea0d1;
	letter-spacing: 0.15em;
	line-height: 1.7;
	text-align: center;
}
.sec__about .secwrap .innerwrap h3 span {
	font-size: 18px;
	font-weight: 700;
}
.sec__about .secwrap .innerwrap p {
	margin: 15px 0 0;
	letter-spacing: 0.05em;
	line-height: 2.4;
}
@media only screen and (min-width:768px) {
.sec__about {
	padding: 80px 0;
}
.sec__about .secwrap {
	max-width: 1280px;
	padding: 0 20px;
}
.sec__about .secwrap figure {
	width: 80%;
	max-width: 1024px;
	margin: 20px auto 0;
}
.sec__about .secwrap .innerwrap {
	margin-top: -40px;
	padding: 60px 25px;
	border-radius: 6px;
	position: relative;
}
.sec__about .secwrap .innerwrap h3 {
	font-size: 16px;
	color: #1ea0d1;
	letter-spacing: 0.25em;
	line-height: 1.7;
	text-align: center;
}
.sec__about .secwrap .innerwrap h3 span {
	font-size: 24px;
	letter-spacing: 0.25em;
}
.sec__about .secwrap .innerwrap p {
	margin: 20px 0 0;
	letter-spacing: 0.05em;
	line-height: 2.6;
}
}
@media only screen and (min-width:1024px) {
.sec__about {
	padding: 100px 0;
}
.sec__about .secwrap {
	max-width: 1280px;
	padding: 0 20px;
}
.sec__about .secwrap figure {
	width: 80%;
	max-width: 1024px;
	margin: 20px auto 0;
}
.sec__about .secwrap .innerwrap {
	margin-top: -40px;
	padding: 60px 50px;
	border-radius: 6px;
	position: relative;
}
.sec__about .secwrap .innerwrap h3 {
	font-size: 20px;
	color: #1ea0d1;
	line-height: 1.7;
	text-align: center;
}
.sec__about .secwrap .innerwrap h3 span {
	font-size: 30px;
}
.sec__about .secwrap .innerwrap p {
	margin: 20px 0 0;
	font-weight: 500;
}
}

/* sec__impression
-----------------------------------------------*/
.sec__impression {
	magin: 50px 0 0;
	padding: 0 20px;
}
.sec__impression .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: center;
	background: url("../images/impression_line.png") no-repeat center top / 100% auto;
}
.sec__impression .secwrap h2 {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #92835e;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
.sec__impression .secwrap .innerwrap {
	padding: 0 0 20px;
	position: relative;
	background: url("../images/impression_arr.png") no-repeat center bottom / 15% auto;
	z-index: 1;
}
.sec__impression .secwrap .innerwrap ul {
	margin: 0;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	box-sizing: border-box;
}
.sec__impression .secwrap .innerwrap ul li {
	width: 48%;
	margin: 3% 0 0 0;
}
.sec__impression .secwrap .innerwrap ul li img {
	width: 100%;
}
.sec__impression .secwrap .innerwrap .chara {
	width: 30%;
	margin: -20px 0 0 -15px;
}
@media only screen and (min-width:768px) {
.sec__impression {
	magin: 50px 0 0;
	padding: 0 20px;
}
.sec__impression .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0 0;
	text-align: center;
	background: url("../images/impression_line.png") no-repeat center top / 90% auto;
}
.sec__impression .secwrap h2 {
	font-size: 20px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #92835e;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
.sec__impression .secwrap .innerwrap {
	margin: 15px 0 0;
	padding: 0 0 160px;
	position: relative;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
	background: url("../images/impression_arr.png") no-repeat center bottom / 50px auto;
}
.sec__impression .secwrap .innerwrap ul {
	width: 74%;
	margin: 0;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	box-sizing: border-box;
	order: 2;
}
.sec__impression .secwrap .innerwrap ul li {
	width: 30%;
	margin: 3% 0 0 0;
}
.sec__impression .secwrap .innerwrap ul li:nth-child(2),
.sec__impression .secwrap .innerwrap ul li:nth-child(5) {
	margin: 6% 0 0 0;
}
.sec__impression .secwrap .innerwrap ul li img {
	width: 100%;
}
.sec__impression .secwrap .innerwrap .chara {
	width: 19%;
	margin: 0;
	order: 1;
}
}
@media only screen and (min-width:1024px) {
.sec__impression {
	magin: 80px 0 0;
	padding: 0 20px;
}
.sec__impression .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0 0;
	text-align: center;
	background: url("../images/impression_line.png") no-repeat center top / 90% auto;
}
.sec__impression .secwrap h2 {
	font-size: 28px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #92835e;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
}

/* sec__suggest
-----------------------------------------------*/
.sec__suggest {
	margin: -20px 0 0;
	padding: 60px 0 50px;
	background:  url("../images/bg_dot_02.jpg") repeat center top;
}
.sec__suggest .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.sec__suggest .secwrap h2 {
	padding: 0;
	text-align: center;
	position: relative;
	display: inline-block;
}
.sec__suggest .secwrap h2 img {
	width: 100%;
	max-height: 80px;
}
.sec__suggest .secwrap h2::after {
	width: 100px;
	height: 100px;
	content: "";
	display: inline-block;
	background: url("../images/suggest_invisa.png") no-repeat left top / cover;
	position: absolute;
	top: -90px;
	right: 0px;
}
.sec__suggest .secwrap ul li {
	width: 100%;
	margin: 13% 0 0 0;
}
.sec__suggest .secwrap ul li figure {
	margin: 0 auto;
	border-radius: 6px;
	overflow: hidden;
}
.sec__suggest .secwrap ul li figure img {
	width: 100%;
}
.sec__suggest .secwrap ul li h3 {
	padding: 10px 0;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #9a6430;
	display: inline-block;
}
.sec__suggest .secwrap ul li h3 span {
  font-size: 16px;
	font-weight: 700;
  box-shadow: inset 0 -8px 0 0px #ffe98f;
}
.sec__suggest .secwrap ul li p {
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 2.2;
	text-align: left;
}
@media only screen and (min-width:768px) {
.sec__suggest {
	margin: -40px 0 0;
	padding: 80px 0 60px;
}
.sec__suggest .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.sec__suggest .secwrap h2 {
	padding: 0;
	text-align: center;
	position: relative;
	display: inline-block;
}
.sec__suggest .secwrap h2 img {
	width: 100%;
	max-height: 105px;
}
.sec__suggest .secwrap h2::after {
	width: 100px;
	height: 100px;
	top: 0;
	right: -110px;
}
.sec__suggest .secwrap ul {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	text-align: left;
}
.sec__suggest .secwrap ul li {
	width: 45.8333%;
	margin: 7% 0 0 0;
}
.sec__suggest .secwrap ul li figure {
	margin: 0;
}
.sec__suggest .secwrap ul li h3 {
	padding: 10px 0;
	font-size: 16px;
}
.sec__suggest .secwrap ul li h3 span {
  font-size: 16px;
	font-weight: 500;
  box-shadow: inset 0 -8px 0 0px #ffe98f;
}
}
@media only screen and (min-width:1024px) {
.sec__suggest {
	margin: -40px 0 0;
	padding: 100px 0 80px;
}
.sec__suggest .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.sec__suggest .secwrap h2 {
	padding: 0;
	text-align: center;
	position: relative;
	display: inline-block;
}
.sec__suggest .secwrap h2 img {
	width: 100%;
	max-height: 115px;
}
.sec__suggest .secwrap h2::after {
	width: 200px;
	height: 200px;
	top: -50px;
	right: -215px;
}
.sec__suggest .secwrap ul {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	text-align: left;
}
.sec__suggest .secwrap ul li {
	width: 45.8333%;
	margin: 7% 0 0 0;
}
.sec__suggest .secwrap ul li figure {
	margin: 0;
}
.sec__suggest .secwrap ul li h3 {
	padding: 15px 0;
	font-size: 20px;
}
.sec__suggest .secwrap ul li h3 span {
  font-size: 20px;
	font-weight: 500;
}
}

/* sec__possible
-----------------------------------------------*/
.sec__possible {
	margin: 0;
	padding: 60px 0;
}
.sec__possible .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.sec__possible .secwrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec__possible .secwrap ul li {
	width: 48.5%;
	margin: 10% 0 0 0;
}
.sec__possible .secwrap ul li figure {
	margin: 0 auto;
	border-radius: 6px;
	overflow: hidden;
}
.sec__possible .secwrap ul li figure img {
	width: 100%;
}
.sec__possible .secwrap ul li h3 {
	padding: 10px 0 0;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #000;
}
.sec__possible .secwrap ul li p {
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.7;
	text-align: center;
}
.sec__possible .secwrap .txt {
	margin: 40px 0 0 25px;
	padding: 25px;
	background-color: #f8edc0;
	position: relative;
	line-height: 2.2;
	text-align: left;
}
.sec__possible .secwrap .txt::before {
	width: 70px;
	height: 121px;
	content: "";
	display: inline-block;
	background: url("../images/possible_chara.png") no-repeat left top / cover;
	position: absolute;
	bottom: -15px;
	left: -40px;
}
@media only screen and (min-width:768px) {
.sec__possible {
	margin: 0;
	padding: 80px 0;
}
.sec__possible .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.sec__possible .secwrap ul li {
	width: 29.1666%;
	margin: 6% 0 0 0;
}
.sec__possible .secwrap ul li h3 {
	padding: 10px 0 0;
	font-size: 16px;
}
.sec__possible .secwrap ul li p {
	font-size: 12px;
}
.sec__possible .secwrap .txt {
	margin: 45px 0 0 25px;
	padding: 30px;
}
.sec__possible .secwrap .txt::before {
	width: 70px;
	height: 121px;
	bottom: -15px;
	left: -40px;
}
}
@media only screen and (min-width:1024px) {
.sec__possible {
	margin: 0;
	padding: 100px 0;
}
.sec__possible .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.sec__possible .secwrap ul li {
	width: 29.1666%;
	margin: 6% 0 0 0;
}
.sec__possible .secwrap ul li h3 {
	padding: 10px 0 0;
	font-size: 18px;
}
.sec__possible .secwrap ul li p {
	font-size: 14px;
}
.sec__possible .secwrap .txt {
	margin: 65px 0 0 0;
	padding: 35px 95px;
	font-size: 16px;
}
.sec__possible .secwrap .txt::before {
	width: 90px;
	height: 156px;
	bottom: -20px;
	left: -10px;
}
}

/* sec__choose
-----------------------------------------------*/
.sec__choose {
	padding: 60px 20px 50px;
	background: url("../images/bg_dot.jpg") repeat center top;
}
.sec__choose .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.sec__choose .secwrap ul {
	margin: 20px 0 0;
}
.sec__choose .secwrap ul li {
	width: 100%;
	margin: 15% 0 0 0;
}
.sec__choose .secwrap ul li figure {
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}
.sec__choose .secwrap ul li figure img {
	width: 100%;
}
.sec__choose .secwrap ul li .col {
	margin: -15px 0 0;
	position: relative;
}
.sec__choose .secwrap ul li .col .num {
	width: 60px;
	margin: 0 auto;
}
.sec__choose .secwrap ul li .col h3 {
	padding: 12px 0;
	font-size: 16px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #d38d3a;
}
.sec__choose .secwrap ul li .col p {
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 2.2;
	text-align: left;
}
@media only screen and (min-width:768px) {
.sec__choose {
	padding: 80px 20px;
}
.sec__choose .secwrap {
	text-align: left;
}
.sec__choose .secwrap ul {
	margin: 20px 0 0;
}
.sec__choose .secwrap ul li {
	width: 100%;
	margin: 8% 0 0 0;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: flex-start;
}
.sec__choose .secwrap ul li figure {
	width: 48.3333%;
}
.sec__choose .secwrap ul li:nth-child(2n) figure {
	order: 2;
}
.sec__choose .secwrap ul li .col {
	width: 45.8333%;
	margin: 0;
}
.sec__choose .secwrap ul li:nth-child(2n) .col {
	order: 1;
}
.sec__choose .secwrap ul li .col .num {
	width: 60px;
	margin: 0;
}
.sec__choose .secwrap ul li .col h3 {
	padding: 12px 0;
	font-size: 18px;
}
.sec__choose .secwrap ul li .col p {
	font-size: 14px;
	line-height: 2.4;
}
}
@media only screen and (min-width:1024px) {
.sec__choose {
	padding: 100px 20px;
}
.sec__choose .secwrap {
	text-align: left;
}
.sec__choose .secwrap ul {
	margin: 20px 0 0;
}
.sec__choose .secwrap ul li {
	width: 100%;
	margin: 8% 0 0 0;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: center;
}
.sec__choose .secwrap ul li .col .num {
	width: 70px;
	margin: 0;
}
.sec__choose .secwrap ul li .col h3 {
	padding: 20px 0;
	font-size: 22px;
}
}

/* sec__itero
-----------------------------------------------*/
.sec__itero {
	padding: 60px 0;
}
.sec__itero .tit-wrap {
	padding: 0 20px;
	text-align: center;
}
.sec__itero .tit-wrap h2 {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
.sec__itero .tit-wrap h2 span.frame {
	padding: 5px 10px;
	font-size: 16px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #fff;
	letter-spacing: 0.05em;
	display: inline-block;
	background-color: #ecbd30;
	border-radius: 30px;
}
.sec__itero .tit-wrap h2 span.pk {
	padding: 10px 0 0;
	font-size: 22px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #ad8c28;
	letter-spacing: 0.05em;
	line-height: 1.7;
	display: inline-block;;
	position: relative;
}
.sec__itero .tit-wrap h2 span.pk::before,
.sec__itero .tit-wrap h2 span.pk::after{
	width: 20px;
	height: 34px;
	content: "";
	display: inline-block;
	background: url("../images/itero_deco@2x.png") no-repeat left top / cover;
	position: absolute;
}
.sec__itero .tit-wrap h2 span.pk::before {
	top: 0;
	left: -30px;
}
.sec__itero .tit-wrap h2 span.pk::after {
	transform: scale(-1, 1);
	top: 0;
	right: -30px;
}
.sec__itero .innerwrap {
	margin: 15px 0 0;
	padding: 20px 20px 0;
	background-color: #fff;
}
.sec__itero .innerwrap .inner {
	max-width: 1200px;
	margin: 0 auto;
}
.sec__itero .innerwrap .inner figure {
	width: 80%;
	margin: 0 auto 0;
}
.sec__itero .innerwrap .inner .col {
	margin: 15px 0 0;
	text-align: center;
}
.sec__itero .innerwrap .inner .col h3 {
	color: #333;
	display: inline-block;
}
.sec__itero .innerwrap .inner .col h3 span {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	box-shadow: inset 0 -8px 0 0px #ffe98f;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #333;
}
.sec__itero .innerwrap .inner .col p {
	margin: 15px 0 0;
	letter-spacing: 0.05em;
	line-height: 2.2;
	text-align: left;
}
.sec__itero .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.sec__itero .secwrap .itero-fe {
	margin: 30px 0 0;
}
.sec__itero .secwrap .itero-fe ul {
	margin: 10px 0 0;
}
.sec__itero .secwrap .itero-fe ul li {
	width: 90%;
	margin: 30px auto 0;
}
.sec__itero .secwrap .itero-fe ul li figure,
.sec__itero .secwrap .itero-fe ul li figure img{
	width: 100%;
}
.sec__itero .secwrap .itero-fe ul li h4 {
	padding: 12px 0;
	font-size: 16px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #333;
	text-align: center;
}
.sec__itero .secwrap .itero-fe ul li p {
	letter-spacing: 0.05em;
	line-height: 2.2;
}
@media only screen and (min-width:768px) {
.sec__itero {
	padding: 100px 0 40px;
}
.sec__itero .tit-wrap {
	padding: 0 20px;
	text-align: center;
}
.sec__itero .tit-wrap h2 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
.sec__itero .tit-wrap h2 span.frame {
	padding: 5px 10px;
	font-size: 20px;
	border-radius: 30px;
}
.sec__itero .tit-wrap h2 span.pk {
	padding: 10px 0 0;
	font-size: 30px;
}
.sec__itero .tit-wrap h2 span.pk::before,
.sec__itero .tit-wrap h2 span.pk::after{
	width: 20px;
	height: 34px;
}
.sec__itero .tit-wrap h2 span.pk::before {
	top: 5px;
	left: -30px;
}
.sec__itero .tit-wrap h2 span.pk::after {
	transform: scale(-1, 1);
	top: 5px;
	right: -30px;
}
.sec__itero .innerwrap {
	margin: 15px 0 0;
	padding: 50px 20px 0;
}
.sec__itero .innerwrap .inner {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: center;
}
.sec__itero .innerwrap .inner figure {
	width: 44.5833%;
	margin: 0 auto 0;
}
.sec__itero .innerwrap .inner .col {
	width: 50%;
	margin: 0;
	text-align: left;
}
.sec__itero .innerwrap .inner .col h3 {
	color: #333;
	display: inline-block;
}
.sec__itero .innerwrap .inner .col h3 span {
	font-size: 18px;
}
.sec__itero .innerwrap .inner .col p {
	margin: 15px 0 0;
	letter-spacing: 0.05em;
	line-height: 2.2;
	text-align: left;
}
.sec__itero .secwrap {
	max-width: 1200px;
	margin: -30px auto 0;
	padding: 0 20px;
}
.sec__itero .secwrap .itero-fe {
	margin: 0;
}
.sec__itero .secwrap .itero-fe ul {
	margin: 0;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec__itero .secwrap .itero-fe ul li {
	width: 29.1666%;
	margin: 0;
}
.sec__itero .secwrap .itero-fe ul li h4 {
	padding: 12px 0;
	font-size: 16px;
}
}
@media only screen and (min-width:1024px) {
.sec__itero {
	padding: 120px 0 40px;
}
.sec__itero .tit-wrap h2 span.frame {
	padding: 5px 10px;
	font-size: 24px;
	border-radius: 30px;
}
.sec__itero .tit-wrap h2 span.pk {
	padding: 10px 0 0;
	font-size: 34px;
}
.sec__itero .innerwrap {
	margin: 15px 0 0;
	padding: 20px 20px 0;
}
.sec__itero .innerwrap .inner .col h3 span {
	font-size: 24px;
}
.sec__itero .innerwrap .inner .col p {
	margin: 15px 0 0;
	letter-spacing: 0.05em;
	line-height: 2.4;
	text-align: left;
}
.sec__itero .secwrap {
	max-width: 1200px;
	margin: -30px auto 0;
	padding: 0 20px;
}
.sec__itero .secwrap .itero-fe {
	margin: 0;
}
.sec__itero .secwrap .itero-fe ul {
	margin: 0;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec__itero .secwrap .itero-fe ul li {
	width: 29.1666%;
	margin: 0;
}
.sec__itero .secwrap .itero-fe ul li h4 {
	padding: 12px 0;
	font-size: 16px;
}
}


/* sec__comparison
-----------------------------------------------*/
.sec__comparison {
	padding: 60px 0 40px;
}
.sec__comparison .secwrap {
  max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.sec__comparison .secwrap .tablelist {
  width: 100%;
	margin: 25px 0 0;
}
.sec__comparison .secwrap .tablelist table {
  width: 100%;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #d4bfab;
  border-top: 1px solid #d4bfab;
}
.sec__comparison .secwrap .tablelist table th {
	padding: 7px;
	border-right: 1px solid #d4bfab;
  border-bottom: 1px solid #d4bfab;
}
.sec__comparison .secwrap .tablelist table th.item {
	width: 20%;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.7;
	text-align: left;
	vertical-align: middle;
	background-color: #a28b77;
}
.sec__comparison .secwrap .tablelist table th.tit {
	width: 40%;
	color: #86b026;
	text-align: center;
}
.sec__comparison .secwrap .tablelist table th.tit figure {
	max-width: 188px;
	margin: 0 auto;
	text-align: center;
}
.sec__comparison .secwrap .tablelist table th.tit span {
	padding: 10px 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.7;
	color: #54a5c3;
	display: block;
}
.sec__comparison .secwrap .tablelist table td {
	padding: 7px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.7;
	text-align: left;
	border-right: 1px solid #d4bfab;
  border-bottom: 1px solid #d4bfab;
	vertical-align: middle;
}
.sec__comparison .secwrap .tablelist table td span {
	font-size: 10px;
}
.sec__comparison .secwrap .tablelist p.anno {
	margin: 10px 0 0;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.7;
	color: #ee798f;
}
.sec__comparison .secwrap .caution {
	margin: 50px 0 0;
	padding: 30px 20px;
	background: url("../images/bg_dot.jpg") repeat center top;
	text-align: center;
	border-radius: 6px;
}
.sec__comparison .secwrap .caution h3 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-align: center;
	color: #944c50;
	position: relative;
	display: inline-block;
}
.sec__comparison .secwrap .caution h3::after {
	width: 80px;
	height: 99px;
	content: "";
	display: inline-block;
	background: url("../images/caution_chara.png") no-repeat left top / cover;
	position: absolute;
	top: calc(50% - 50px);
	right: -85px;
}
.sec__comparison .secwrap .caution .item {
	margin: 30px 0 0;
	text-align: left;
}
.sec__comparison .secwrap .caution .item:nth-of-type(1) {
	margin: 40px 0 0;
}
.sec__comparison .secwrap .caution .item h4 {
	padding: 0 0 5px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #f0787f;
	border-bottom: 1px solid #f0787f;
}
.sec__comparison .secwrap .caution .item p {
	padding: 5px 0 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 2.2;
}
@media only screen and (min-width:768px) {
.sec__comparison {
	padding: 80px 0 60px;
}
.sec__comparison .secwrap .tablelist {
	margin: 25px 0 0;
}
.sec__comparison .secwrap .tablelist table th {
	padding: 20px 15px;
}
.sec__comparison .secwrap .tablelist table th.item {
	width: 20%;
	color: #fff;
	font-size: 14px;
}
.sec__comparison .secwrap .tablelist table th.tit {
	width: 40%;
	color: #86b026;
	text-align: center;
}
.sec__comparison .secwrap .tablelist table th.tit figure {
	max-width: 188px;
	margin: 0 auto;
	text-align: center;
}
.sec__comparison .secwrap .tablelist table th.tit span {
	padding: 10px 10px;
	font-size: 14px;
}
.sec__comparison .secwrap .tablelist table td {
	padding: 20px 15px;
	font-size: 14px;
}
.sec__comparison .secwrap .tablelist table td span {
	font-size: 12px;
}
.sec__comparison .secwrap .tablelist p.anno {
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: 500;
}
.sec__comparison .secwrap .caution {
	margin: 70px 0 0;
	padding: 50px 30px;
}
.sec__comparison .secwrap .caution h3 {
	font-size: 18px;
	font-weight: 700;
}
.sec__comparison .secwrap .caution h3::after {
	width: 80px;
	height: 99px;
	top: calc(50% - 50px);
	right: -95px;
}
.sec__comparison .secwrap .caution .item {
	margin: 35px 0 0;
	text-align: left;
}
.sec__comparison .secwrap .caution .item:nth-of-type(1) {
	margin: 45px 0 0;
}
.sec__comparison .secwrap .caution .item h4 {
	padding: 0 0 5px;
	font-size: 16px;
}
.sec__comparison .secwrap .caution .item p {
	padding: 5px 0 0;
}
}
@media only screen and (min-width:1024px) {
.sec__comparison {
	padding: 100px 0 80px;
}
.sec__comparison .secwrap .tablelist {
	margin: 35px 0 0;
}
.sec__comparison .secwrap .tablelist table th {
	padding: 30px 20px;
}
.sec__comparison .secwrap .tablelist table th.item {
	width: 20%;
	color: #fff;
	font-size: 16px;
}
.sec__comparison .secwrap .tablelist table th.tit {
	width: 40%;
	color: #86b026;
	text-align: center;
}
.sec__comparison .secwrap .tablelist table th.tit figure {
	max-width: 188px;
	margin: 0 auto;
	text-align: center;
}
.sec__comparison .secwrap .tablelist table th.tit span {
	padding: 10px 10px;
	font-size: 20px;
}
.sec__comparison .secwrap .tablelist table td {
	padding: 30px 20px;
	font-size: 16px;
}
.sec__comparison .secwrap .tablelist p.anno {
	margin: 15px 0 0;
	font-size: 14px;
	font-weight: 500;
}
.sec__comparison .secwrap .caution {
	margin: 70px 0 0;
	padding: 80px 50px;
}
.sec__comparison .secwrap .caution h3 {
	font-size: 26px;
}
.sec__comparison .secwrap .caution h3::after {
	width: 120px;
	height: 148px;
	top: calc(50% - 75px);
	right: -135px;
}
.sec__comparison .secwrap .caution .item {
	margin: 45px 0 0;
	text-align: left;
}
.sec__comparison .secwrap .caution .item:nth-of-type(1) {
	margin: 55px 0 0;
}
.sec__comparison .secwrap .caution .item h4 {
	padding: 0 0 10px;
	font-size: 18px;
}
.sec__comparison .secwrap .caution .item p {
	padding: 10px 0 0;
}
}

/* sec__staff
-----------------------------------------------*/
.sec__staff {
	padding: 60px 20px;
}
.sec__staff .secwrap {
	text-align: center;
}
.sec__staff .secwrap ul {
	margin: 20px 0 0;
}
.sec__staff .secwrap ul li {
	margin: 0 auto;
	padding: 35px 20px;
	background:  url("../images/bg_dot.jpg") repeat center top;
	border-radius: 6px;
}
.sec__staff .secwrap ul li figure {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.sec__staff .secwrap ul li figure img {
	width: 100%;
}
.sec__staff .secwrap ul li .col {
	margin: 15px 0 0;
}
.sec__staff .secwrap ul li .col .status {
	font-size: 14px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.7;
	color: #d38d3a;
}
.sec__staff .secwrap ul li .col h3 {
	font-size: 24px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.7;
	color: #d38d3a;
}
.sec__staff .secwrap ul li .col .en {
	font-size: 12px;
	font-family: 'Arvo', serif;
	letter-spacing: 0.05em;
	line-height: 1.7;
	color: #d38d3a;
}
.sec__staff .secwrap ul li .col .license {
	margin: 20px 0 0;
	text-align: center;
}
.sec__staff .secwrap ul li .col .license h4  {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #333;
}
.sec__staff .secwrap ul li .col .license ul {
	margin: 10px 0 0;
}
.sec__staff .secwrap ul li .col .license ul li {
	margin: 5px 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #555;
	background: none;
	position: relative;
}
.sec__staff .secwrap ul li .comment {
	margin: 25px 0 0;
}
.sec__staff .secwrap ul li .comment p {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2.4;
	text-align: left;
	color: #568f9d;
}
@media only screen and (min-width:768px) {
.sec__staff {
	padding: 80px 20px 50px;
}
.sec__staff .secwrap {
	text-align: left;
}
.sec__staff .secwrap ul {
	margin: 20px 0 0;
}
.sec__staff .secwrap ul li {
	max-width: 1400px;
	margin: 0 auto;
	padding: 35px 30px;
}
.sec__staff .secwrap ul li .innerwrap {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: center;
}
.sec__staff .secwrap ul li figure {
	width: 58.3333%;
}
.sec__staff .secwrap ul li .col {
	width: 34.1666%;
	margin: 0;
}
.sec__staff .secwrap ul li .col .status {
	font-size: 14px;
}
.sec__staff .secwrap ul li .col h3 {
	font-size: 24px;
}
.sec__staff .secwrap ul li .col .en {
	font-size: 12px;
}
.sec__staff .secwrap ul li .col .license {
	margin: 20px 0 0;
	text-align: left;
}
.sec__staff .secwrap ul li .col .license h4  {
	font-size: 14px;
}
.sec__staff .secwrap ul li .col .license ul {
	margin: 10px 0 0;
}
.sec__staff .secwrap ul li .col .license ul li {
	margin: 5px 0 0;
	padding: 0;
	font-size: 12px;
}
.sec__staff .secwrap ul li .comment {
	margin: 25px 0 0;
}
.sec__staff .secwrap ul li .comment p {
	font-size: 14px;
}
}
@media only screen and (min-width:1024px) {
.sec__staff {
	padding: 80px 20px 50px;
}
.sec__staff .secwrap {
	text-align: left;
}
.sec__staff .secwrap ul {
	margin: 40px 0 0;
}
.sec__staff .secwrap ul li {
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 30px;
}
.sec__staff .secwrap ul li .innerwrap {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: center;
}
.sec__staff .secwrap ul li .col .status {
	font-size: 14px;
}
.sec__staff .secwrap ul li .col h3 {
	font-size: 30px;
}
.sec__staff .secwrap ul li .col .en {
	font-size: 14px;
}
.sec__staff .secwrap ul li .col .license {
	margin: 30px 0 0;
	text-align: left;
}
.sec__staff .secwrap ul li .col .license h4  {
	font-size: 14px;
}
.sec__staff .secwrap ul li .col .license ul {
	margin: 10px 0 0;
}
.sec__staff .secwrap ul li .col .license ul li {
	margin: 5px 0 0;
	padding: 0;
	font-size: 12px;
}
.sec__staff .secwrap ul li .comment {
	max-width: 1200px;
	margin: 30px auto 0;
}
.sec__staff .secwrap ul li .comment p {
	font-size: 14px;
}
}

/* sec__flow
-----------------------------------------------*/
.sec__flow {
	padding: 60px 20px 50px;
}
.sec__flow .secwrap {
	max-width: 1280px;
	margin: 0 auto;
}
.sec__flow .secwrap ul {
	margin: 10px 0 0;
}
.sec__flow .secwrap ul li {
	margin: 30px 0 0;
	padding: 20px;
	position: relative;
	background-color: #fff;
	border-radius: 6px;
}
.sec__flow .secwrap ul li figure {
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}
.sec__flow .secwrap ul li figure img {
	width: 100%;
}
.sec__flow .secwrap ul li .innerwrap {
	margin: -15px 0 0;
  position: relative;
}
.sec__flow .secwrap ul li .innerwrap .num {
	width: 60px;
  margin: 0 auto;
}
.sec__flow .secwrap ul li .innerwrap h3 {
	padding: 12px 0;
	color: #3dbbea;
	font-size: 16px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-align: center;
}
.sec__flow .secwrap ul li .innerwrap p {
	letter-spacing: 0.05em;
	line-height: 2.2;
}
@media only screen and (min-width:768px) {
.sec__flow {
	padding: 80px 20px 50px;
}
.sec__flow .secwrap {
	max-width: 1280px;
	margin: 0 auto;
}
.sec__flow .secwrap ul {
	margin: 10px 0 0;
}
.sec__flow .secwrap ul li {
	width: 98%;
	margin: 30px 0 0;
	padding: 20px;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
.sec__flow .secwrap ul li:nth-child(2n) {
	margin: 30px 0 0 2%;
}
.sec__flow .secwrap ul li figure {
	width: 29.0909%;
}
.sec__flow .secwrap ul li .innerwrap {
	width: 65.9090%;
	margin: 0;
  position: relative;
}
.sec__flow .secwrap ul li .innerwrap .num {
	width: 60px;
  margin: 0;
}
.sec__flow .secwrap ul li .innerwrap h3 {
	padding: 12px 0;
	color: #3dbbea;
	font-size: 16px;
	text-align: left;
}
.sec__flow .secwrap ul li .innerwrap p {
	letter-spacing: 0.05em;
	line-height: 2.2;
}
}
@media only screen and (min-width:1024px) {
.sec__flow {
	padding: 120px 20px 50px;
}
.sec__flow .secwrap ul li {
	width: 98%;
	margin: 30px 0 0;
	padding: 30px;
}
.sec__flow .secwrap ul li:nth-child(2n) {
	margin: 30px 0 0 2%;
}
.sec__flow .secwrap ul li .innerwrap .num {
	width: 60px;
  margin: 0;
}
.sec__flow .secwrap ul li .innerwrap h3 {
	padding: 15px 0;
	color: #3dbbea;
	font-size: 20px;
	text-align: left;
}
.sec__flow .secwrap ul li .innerwrap p {
	letter-spacing: 0.05em;
	line-height: 2.2;
}
}

/* sec__fee
-----------------------------------------------*/
.sec__fee {
	padding: 50px 20px 50px;
}
.sec__fee .secwrap {
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
}
.sec__fee .secwrap .pricelist {
	margin: 25px 0 0;
}
.sec__fee .secwrap .pricelist table {
	width: 100%;
	margin: 25px 0 0;
	background-color: #fff;
	border-top: 1px solid #ddd3b9;
	border-left: 1px solid #ddd3b9;
}
.sec__fee .secwrap .pricelist table th {
	width: 40%;
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7;
	color: #fff;
	background-color: #d1ac85;
	border-bottom: 1px solid #ddd3b9;
	border-right: 1px solid #ddd3b9;
}
.sec__fee .secwrap .pricelist table tr:nth-child(2n) th {
	background-color: #e1b88c;
}
.sec__fee .secwrap .pricelist table td {
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	font-feature-settings: "palt";
	color: #5b3e10;
	text-align: right;
	letter-spacing: 0.05em;
	line-height: 1.7;
	border-bottom: 1px solid #ddd3b9;
	border-right: 1px solid #ddd3b9;
}
.sec__fee .secwrap .pricelist .anno {
	margin: 10px 0 0;
	text-align: left;
}
.sec__fee .secwrap .pricelist .anno li {
	margin: 2px 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.7;
	color: #5b3e10;
	position: relative;
}
.sec__fee .secwrap .pricelist .anno li::before {
	content: "■ ";
	font-size: 10px;
	color: #eb8787;
}
.sec__fee .secwrap .installments {
	width: 100%;
	margin: 50px 0 0;
	text-align: center;
}
.sec__fee .secwrap .payment {
	width: 100%;
	margin: 50px 0 0;
	padding: 30px 20px;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
	text-align: center;
}
.sec__fee .secwrap .payment h3 {
	padding: 0 0 5px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-align: center;
	color: #ea8da1;
	position: relative;
	display: inline-block;
}
.sec__fee .secwrap .payment h3::before,
.sec__fee .secwrap .payment h3::after{
	width: 20px;
	height: 34px;
	content: "";
	display: inline-block;
	background: url("../images/itero_deco@2x.png") no-repeat left top / cover;
	position: absolute;
}
.sec__fee .secwrap .payment h3::before {
	top: -10px;
	left: -30px;
}
.sec__fee .secwrap .payment h3::after {
	transform: scale(-1, 1);
	top: -10px;
	right: -30px;
}
.sec__fee .secwrap .payment p.lead {
	padding: 15px 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-align: left;
}
.sec__fee .secwrap .payment ul {
	margin: 5px 0 0;
	text-align: center;
}
.sec__fee .secwrap .payment ul li h4 {
	padding: 8px 25px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	border-radius: 4px;
	background: linear-gradient(to right, #75c4e0, #6bd5d6)
}
.sec__fee .secwrap .payment ul li.loan .inner {
	width: 100%;
	margin: 15px 0 0;
	box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sec__fee .secwrap .payment ul li.loan .inner p {
	text-align: left;
	line-height: 2.0;
}
.sec__fee .secwrap .payment ul li.credit {
	margin: 25px 0 0;
}
.sec__fee .secwrap .payment ul li.credit figure {
	width: 80%;
	margin: 15px auto 0;
	text-align: center;
}
.sec__fee .secwrap .payment ul li.credit figure img {
	width: 100%;
	max-width: 296px;
}
.sec__fee .secwrap .importantpoint {
	margin: 40px 0 0;
	padding: 20px;
	border: 2px solid #eae7cf;
}
.sec__fee .secwrap .importantpoint h3 {
	padding: 3px 10px;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #fff;
	background-color: #84aabd;
}
.sec__fee .secwrap .importantpoint .innerwrap {
	margin: 25px 0 0;
	padding: 25px 0 0;
	border-top: 1px solid #ddd;
	text-align: left;
}
.sec__fee .secwrap .importantpoint .innerwrap:nth-of-type(1) {
	margin: 10px 0 0;
	padding: 25px 0 0;
	border-top: none;;
}
.sec__fee .secwrap .importantpoint .innerwrap h4 {
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
.sec__fee .secwrap .importantpoint .innerwrap p {
	margin: 10px 0 0;
	letter-spacing: 0.05em;
	line-height: 2.2;
}
@media only screen and (min-width:768px) {
.sec__fee {
	padding: 70px 40px 50px;
}
.sec__fee .secwrap .pricelist {
	margin: 25px 0 0;
}
.sec__fee .secwrap .pricelist table {
	width: 100%;
	margin: 25px 0 0;
	background-color: #fff;
	border-top: 1px solid #ddd3b9;
	border-left: 1px solid #ddd3b9;
}
.sec__fee .secwrap .pricelist table th {
	width: 40%;
	padding: 20px;
	font-size: 16px;
}
.sec__fee .secwrap .pricelist table td {
	padding: 20px;
	font-size: 16px;
}
.sec__fee .secwrap .pricelist .anno {
	margin: 10px 0 0;
	text-align: left;
}
.sec__fee .secwrap .pricelist .anno li {
	margin: 2px 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 14px;
}
.sec__fee .secwrap .installments {
	margin: 50px 0 0;
}
.sec__fee .secwrap .payment {
	width: 100%;
	margin: 50px 0 0;
	padding: 40px 30px;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
	text-align: center;
}
.sec__fee .secwrap .payment h3 {
	padding: 0 0 5px;
	font-size: 20px;
	font-weight: 700;
}
.sec__fee .secwrap .payment h3::before,
.sec__fee .secwrap .payment h3::after{
	width: 20px;
	height: 34px;
	content: "";
	display: inline-block;
	background: url("../images/itero_deco@2x.png") no-repeat left top / cover;
	position: absolute;
}
.sec__fee .secwrap .payment h3::before {
	top: -10px;
	left: -30px;
}
.sec__fee .secwrap .payment h3::after {
	transform: scale(-1, 1);
	top: -10px;
	right: -30px;
}
.sec__fee .secwrap .payment p.lead {
	padding: 15px 0;
}
.sec__fee .secwrap .payment ul {
	margin: 5px 0 0;
	text-align: center;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec__fee .secwrap .payment ul li {
	width: 45%;
}
.sec__fee .secwrap .payment ul li h4 {
	padding: 8px 25px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	border-radius: 4px;
	background: linear-gradient(to right, #75c4e0, #6bd5d6)
}
.sec__fee .secwrap .payment ul li.loan .inner {
	width: 100%;
	margin: 15px 0 0;
	box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sec__fee .secwrap .payment ul li.loan .inner p {
	text-align: left;
	line-height: 2.0;
}
.sec__fee .secwrap .payment ul li.credit {
	margin: 0;
}
.sec__fee .secwrap .payment ul li.credit figure {
	width: 80%;
	margin: 15px auto 0;
	text-align: center;
}
.sec__fee .secwrap .payment ul li.credit figure img {
	width: 100%;
	max-width: 296px;
}
.sec__fee .secwrap .importantpoint {
	margin: 60px 0 0;
	padding: 30px;
	text-align: left;
}
.sec__fee .secwrap .importantpoint h3 {
	font-size: 18px;
}
}
@media only screen and (min-width:1024px) {
.sec__fee {
	padding: 80px 20px 50px;
}
.sec__fee .secwrap .pricelist {
	margin: 25px 0 0;
}
.sec__fee .secwrap .pricelist table {
	width: 100%;
	margin: 30px 0 0;
}
.sec__fee .secwrap .pricelist table th {
	width: 40%;
	padding: 20px;
	font-size: 18px;
}
.sec__fee .secwrap .pricelist table td {
	padding: 20px;
	font-size: 18px;
}
.sec__fee .secwrap .payment {
	width: 100%;
	margin: 50px 0 0;
	padding: 40px 30px;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
	text-align: center;
}
.sec__fee .secwrap .payment h3 {
	padding: 0 0 5px;
	font-size: 24px;
}
.sec__fee .secwrap .payment h3::before {
	top: -5px;
	left: -30px;
}
.sec__fee .secwrap .payment h3::after {
	transform: scale(-1, 1);
	top: -5px;
	right: -30px;
}
.sec__fee .secwrap .payment p.lead {
	padding: 15px 0;
	font-size: 14px;
	text-align: center;
}
.sec__fee .secwrap .payment ul {
	margin: 5px 0 0;
	text-align: center;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec__fee .secwrap .payment ul li {
	width: 45%;
}
.sec__fee .secwrap .payment ul li h4 {
	padding: 8px 25px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	border-radius: 4px;
	background: linear-gradient(to right, #75c4e0, #6bd5d6)
}
.sec__fee .secwrap .payment ul li.loan .inner {
	width: 100%;
	margin: 15px 0 0;
	box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sec__fee .secwrap .payment ul li.loan .inner p {
	text-align: left;
	line-height: 2.0;
}
.sec__fee .secwrap .payment ul li.credit {
	margin: 0;
}
.sec__fee .secwrap .payment ul li.credit figure {
	width: 80%;
	max-width: 250px;
	margin: 15px auto 0;
	text-align: center;
}
.sec__fee .secwrap .payment ul li.credit figure img {
	width: 100%;
}
}

/* sec__info
-----------------------------------------------*/
.sec__info {
	padding: 60px 0 50px;
	background-color: #fff;
}
.sec__info .secwrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.sec__info .secwrap .innerwrap {
	margin: 25px 0 0;
	padding: 0 0 15px;
}
.sec__info .secwrap .innerwrap .map {
	margin: 25px 0 0;
	height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.sec__info .secwrap .innerwrap .map iframe {
	position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.sec__info .secwrap .innerwrap .col01 {
	margin: 25px 0 0;
}
.sec__info .secwrap .innerwrap .col01 .logo {
	width: 200px;
	margin: 0 auto;
}
.sec__info .secwrap .innerwrap .col01 .add {
	margin: 15px 0 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
.sec__info .secwrap .innerwrap .col01 .acc {
	margin: 10px 0 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
.sec__info .secwrap .innerwrap .col01 .timetable {
  margin: 20px 0 0;
}
.sec__info .secwrap .innerwrap .col01 .timetable table {
  width: 100%;
  border-top: 1px solid #86b026;
  border-left: 1px solid #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table th {
  width: 10%;
  padding: 5px 2px;
  border-right: 1px solid #86b026;
  border-bottom: 1px solid #86b026;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table th.tit {
  width: 30%;
  padding: 10px 2px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table td {
  padding: 10px 2px;
  border-right: 1px solid #86b026;
  border-bottom: 1px solid #86b026;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable .anno {
  margin-top: 10px;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 2.0;
}
.sec__info .secwrap .innerwrap .col01 .official-btn {
	width: 90%;
	max-width: 250px;
  margin: 15px auto 0;
}
.sec__info .secwrap .info-contact {
	margin: 20px auto 0;
	padding: 20px;
	background-color: #f9f8f4;
}
.sec__info .secwrap .info-contact ul li {
	width: 100%;
	vertical-align: top;
	text-align: center;
}
.sec__info .secwrap .info-contact ul li .tit img {
	width: 80%;
	height: 15px;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num {
	/*width: 80%;
	max-width: 300px;*/
	margin: 5.9523% auto 0;
	text-align: center;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num span {
	padding: 0 0 0 10%;
	font-size: 10px;
	font-size: min(6.4vw,28px);
	font-family: 'Libre Baskerville', serif;
	color: #0c0c0c;
	position: relative;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num a span {
	text-decoration: none;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num span::before {
	width: 12%;
	padding-top: 15%;
	content: "";
	display: inline-block;
	background: url("../images/icon_tel.png") no-repeat left top / cover;
	position: absolute;
	top: 0;
	left: 0;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num span::after {
	width: 100%;
	margin: 3px 0 0;
	content: "ここをタップでお電話できます";
	display: block;
	font-size: 10px;
	font-size: min(2.6666vw,12px);
	font-family: "游ゴシック" , "Yu Gothic" ,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	text-align: center;
}
.sec__info .secwrap .info-contact ul li.mail-wrap {
	margin: 8.1967% 0 0 0 ;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn {
	max-width: 300px;
	margin: 3% auto 0;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn img {
	width: 100%;
}
.sec__info .secwrap .official-bnr {
	margin: 30px 0 0;
}
.sec__info .gallery-area {
	margin: 50px 0 0;
}
.sec__info .gallery-area li {
	margin: 0 0 0 10px;
}
.sec__info .gallery-area li:nth-child(2n) {
	margin: 10px 0  0 10px;
}
@media only screen and (min-width:400px) {
.sec__info .secwrap .info-contact ul li.tel-wrap .num span {
	padding: 0 0 0 35px;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num span::after {
	margin: 5px 0 0;
}
}
@media only screen and (min-width:768px) {
.sec__info {
	padding: 80px 0 60px;
	background-color: #fff;
}
.sec__info .secwrap .innerwrap {
	margin: 25px 0 0;
	padding: 0 30px 15px;
}
.sec__info .secwrap .innerwrap .map {
	margin: 25px 0 0;
	height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
}
.sec__info .secwrap .innerwrap .map iframe {
	position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.sec__info .secwrap .innerwrap .col01 {
	margin: 25px 0 0;
}
.sec__info .secwrap .innerwrap .col01 .logo {
	width: 200px;
	margin: 0 auto;
}
.sec__info .secwrap .innerwrap .col01 .add {
	margin: 15px 0 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
.sec__info .secwrap .innerwrap .col01 .acc {
	margin: 10px 0 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
.sec__info .secwrap .innerwrap .col01 .timetable {
  margin: 20px 0 0;
}
.sec__info .secwrap .innerwrap .col01 .timetable table {
  width: 100%;
  border-top: 1px solid #86b026;
  border-left: 1px solid #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table th {
  width: 10%;
  padding: 5px 2px;
  border-right: 1px solid #86b026;
  border-bottom: 1px solid #86b026;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table th.tit {
  width: 30%;
  padding: 10px 2px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table td {
  padding: 10px 2px;
  border-right: 1px solid #86b026;
  border-bottom: 1px solid #86b026;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable .anno {
  margin-top: 10px;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 2.0;
}
.sec__info .secwrap .innerwrap .col01 .official-btn {
	width: 90%;
	max-width: 250px;
  margin: 15px auto 0;
}
.sec__info .secwrap .info-contact {
	margin: 20px auto 0;
	padding: 30px;
	background-color: #f9f8f4;
}
.sec__info .secwrap .info-contact ul {
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sec__info .secwrap .info-contact ul li {
	width: 42.1468%;
	vertical-align: top;
	text-align: center;
}
.sec__info .secwrap .info-contact ul li .tit {
	text-align: center;
}
.sec__info .secwrap .info-contact ul li .tit img {
	width: 80%;
	height: 15px;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num {
	margin: 6% 0 0;
	text-align: center;
	letter-spacing: normal;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num span {
	padding: 0 0 0 13%;
	font-size: 10px;
	font-size: min(3.3854vw,36px);
	font-family: 'Libre Baskerville', serif;
	color: #0c0c0c;
	position: relative;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num span::before {
	width: 12%;
	padding-top: 15%;
	content: "";
	display: inline-block;
	background: url("../images/icon_tel.png") no-repeat left top / cover;
	position: absolute;
	top: 0;
	left: 0;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num span::after {
	display: none;
}
.sec__info .secwrap .info-contact ul li.mail-wrap {
	margin: 0 ;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn {
	max-width: 300px;
	margin: 3% auto 0;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn img {
	width: 100%;
}
.sec__info .secwrap .official-bnr {
	margin: 30px 0 0;
}
}
@media only screen and (min-width:1024px) {
.sec__info {
	padding: 100px 0 60px;
}
.sec__info .secwrap .innerwrap {
	margin: 40px 0 0;
	padding: 0 20px 15px;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	align-items: center;
}
.sec__info .secwrap .innerwrap .map {
	width: 48.3333%;
	margin: 0;
	height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
}
.sec__info .secwrap .innerwrap .map iframe {
	position: absolute;
  left: 0;
  top: 0;
 height: 520px;
  width: 100%;
}
.sec__info .secwrap .innerwrap .col01 {
	width: 45%;
	margin: 0;
}
.sec__info .secwrap .innerwrap .col01 .logo {
	width: 200px;
	margin: 0;
}
.sec__info .secwrap .innerwrap .col01 .add {
	margin: 15px 0 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
.sec__info .secwrap .innerwrap .col01 .acc {
	margin: 10px 0 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
.sec__info .secwrap .innerwrap .col01 .timetable {
  margin: 20px 0 0;
}
.sec__info .secwrap .innerwrap .col01 .timetable table {
  width: 100%;
  border-top: 1px solid #86b026;
  border-left: 1px solid #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table th {
  width: 10%;
  padding: 5px 2px;
  border-right: 1px solid #86b026;
  border-bottom: 1px solid #86b026;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table th.tit {
  width: 30%;
  padding: 10px 2px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable table td {
  padding: 10px 2px;
  border-right: 1px solid #86b026;
  border-bottom: 1px solid #86b026;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
	color: #86b026;
}
.sec__info .secwrap .innerwrap .col01 .timetable .anno {
  margin-top: 10px;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 2.0;
}
.sec__info .secwrap .innerwrap .col01 .official-btn {
	width: 90%;
	max-width: 250px;
  margin: 15px auto 0;
}
.sec__info .secwrap .innerwrap .col01 .official-btn a {
	transition: all 0.2s ease;
}
.sec__info .secwrap .innerwrap .col01 .official-btn a:hover {
	opacity: 0.8;
}
.sec__info .secwrap .info-contact {
	margin: 20px auto 0;
	padding: 30px;
	background-color: #f9f8f4;
}
.sec__info .secwrap .info-contact ul {
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sec__info .secwrap .info-contact ul li {
	width: 42.1468%;
	vertical-align: top;
	text-align: center;
}
.sec__info .secwrap .info-contact ul li .tit img {
	width: 80%;
	height: 15px;
}
.sec__info .secwrap .info-contact ul li.tel-wrap .num {
	width: 80%;
	max-width: 300px;
	margin: 6% auto 0;
	text-align: center;
}
.sec__info .secwrap .info-contact ul li.mail-wrap {
	margin: 0 ;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn {
	max-width: 300px;
	margin: 3% auto 0;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn img {
	width: 100%;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn a {
	transition: all 0.2s ease;
}
.sec__info .secwrap .info-contact ul li.mail-wrap .btn a:hover {
	opacity: 0.8;
}
.sec__info .secwrap .official-bnr {
	margin: 30px 0 0;
}
}


/* sec__mailform
-----------------------------------------------*/
.sec__mailform {
	padding: 0;
}
.sec__mailform .secwrap {
  max-width: 1280px;
	margin: 0 auto;
	padding: 50px 20px;
	box-sizing: border-box;
}
.sec__mailform .secwrap p {
	margin: 20px 0 0;
  font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 2.0;
	text-align: left;
}
@media only screen and (min-width:768px) {
.sec__mailform {
	padding: 30px 40px 50px;
}
.sec__mailform .secwrap p {
	text-align: center;
}
}
@media only screen and (min-width:1024px) {

}

/*form
----------------------------*/
.sec__mailform #mailformpro {
	margin: 30px 0 0;
	padding: 10px 0 50px;
}
.forminner {
	width: 100%;
  padding: 25px 0;
}
.forminner .f-inner {
	width: 100%;
  padding: 25px 0;
  letter-spacing: -0.4em;
  border-bottom: 1px solid #ececec;
}
.forminner .col01 {
  width: 100%;
  padding: 0;
  line-height: 1.7;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  letter-spacing: -0.4em;
}
.forminner .col01 .tit {
  letter-spacing: 0.05em;
	font-weight: 700;
	display: inline-block;
}
.forminner .col01 .indi {
	margin: 0 0 0 15px;
  padding: 2px 8px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.05em;
  background-color: #f16c88;
  display: inline-block;
	border-radius: 6px;
  vertical-align: top;
}
.forminner .col02 {
  width: 100%;
  margin: 10px 0 0 0;
  letter-spacing: 0.05em;
  line-height: 1.7;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}
form#mailformpro .forminner .radioarea span:nth-of-type(n+2) label {
  margin-left: 2em;
}
.sec__mailform .secwrap .mfp_buttons p {
    text-align: center;
}

/*mailformpro css リセット*/
form#mailformpro label.mfp_not_checked {
  padding: 3px;
  border: none;
}
form#mailformpro label.mfp_checked {
  padding: 3px;
  border: none;
  background-color: #fff;
  box-shadow: none;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
  border: none;
  border-radius: 3px;
  box-shadow: none;
  padding: inherit;
  margin: 0;
  vertical-align: middle;
}
.mfp_element_all {
  max-width: 92%;
}
div.mfp_err {
  clear: both;
  display: none;
  text-align: left;
  margin: 5px 0px 0px 0px;
  padding: 3px 0px 5px 0;
  color: #F00;
  font-size: 12px;
  line-height: normal;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0px 1px;
}
/*基本 css リセット*/
.f-inner input[type="text"],
.f-inner input[type="email"],
.f-inner input[type="tel"],
.f-inner textarea {
	width: 100% !important;
	padding: 20px;
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 16px;
	letter-spacing: 0.1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  background-color: #fff;
}

.f-cont input[type="tel"] {
	width: 100%;
	padding: 20px;
  font-size: 16px !important;
	border: 1px solid #f5f5f5 !important;
	border-radius: 4px;
	letter-spacing: 0.1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.f-cont textarea {
	width: 100% !important;
  height: 250px !important;
  line-height:2.0;
}
.f-cont select {
	width: 280px;
	padding: 20px 50px 20px 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	letter-spacing: 0.1em;
	background: #fff url(../images/arr_select.png) no-repeat top 50% right 15px / 9px 9px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* button design */
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
    border-radius: none;
    padding: inherit;
    border: none;
    background: none;
    background-color: none;
    text-shadow: none;
    font-size: inherit;
    cursor: pointer;
    outline: none;
}
.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover,button.mfp_next:hover,button.mfp_prev:hover {
	background: none;
	box-shadow: none;
}
div.mfp_buttons button#mfp_button_cancel {
    margin-left: 10px;
}
.mfp_buttons {
  text-align: center;
}
div.mfp_buttons button {
  margin: 50px 0 0;
  padding: 22px 100px;
  font-size: 18px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #fff;
  background-color: #f2a91d;
  display: inline-block;
  border: none;
  border-radius: 40px;
  -moz-box-shadow: 0 0 40px -18px #773946;
  -webkit-box-shadow: 0 0 40px -18px #773946;
  box-shadow: 0 0 40px -18px #773946;
  cursor: pointer;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
div.mfp_buttons button:hover {
  opacity: 0.85;
  background-color: #f2bd1d;
  display: inline-block;
  border: none;
  border-radius: 40px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width:768px) {
.forminner .col01 {
  width: 30%;
  padding: 0;
  line-height: 1.7;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  letter-spacing: 0.05em;
}
.forminner .col01 .tit {
  width: 75%;
  display: inline-block;
  letter-spacing: 0.05em;
	font-weight: 700;
}
.forminner .col01 .indi {
	margin: 0;
  padding: 2px 8px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.05em;
  background-color: #f16c88;
  display: inline-block;
	border-radius: 6px;
  vertical-align: top;
}
.forminner .col02 {
  width: 62%;
  margin: 0 0 0 8%;
  letter-spacing: 0.05em;
  line-height: 1.7;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}
div.mfp_buttons button {
  font-size: 20px;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
}
@media only screen and (min-width:1024px) {
	
}


/* thanks page
-----------------------------------------------*/
#mfp_thanks {
  display: none;
}
.thanks .thanks-contents {
	max-width: 1280px;
	margin: 0 auto;
	padding: 80px 20px 100px;
	text-align: center;
	box-sizing: border-box;
}
.thanks .thanks-contents h1 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-align: center;
}
.thanks .thanks-contents p {
	margin: 50px 0 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2.0;
	text-align: left;
}
.thanks .thanks-contents .btn {
	margin: 50px 0 0;
	display: inline-block;
}
.thanks .thanks-contents .btn a {
	padding: 20px 50px;
	display: block;
	font-size: 14px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #fff;
	background-color: #f2a91d;
	border-radius: 30px;
	text-decoration: none;
}
.thanks .thanks-contents .btn a:hover {
	text-decoration: none;
	opacity: 0.8;
}
@media only screen and (min-width:768px) {
.thanks .thanks-contents {
	padding: 100px 20px 120px;
	text-align: center;
}
.thanks .thanks-contents h1 {
	font-size: 22px;
}
.thanks .thanks-contents p {
	margin: 70px 0 0;
	text-align: center;
}
.thanks .thanks-contents .btn {
	margin: 70px 0 0;
}
}
@media only screen and (min-width:1024px) {
.thanks .thanks-contents {
	padding: 120px 20px 140px;
	text-align: center;
}
.thanks .thanks-contents h1 {
	font-size: 26px;
}
.thanks .thanks-contents p {
	margin: 70px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 2.2;
}
.thanks .thanks-contents .btn {
	margin: 90px 0 0;
}
}