@charset "utf-8";
.mtl{margin-top:90px!important}
.mbl{margin-bottom:90px!important}
.ptl{padding-top:90px!important}
.pbl{padding-bottom:90px!important}
.mtm{margin-top:60px!important}
.mbm{margin-bottom:60px!important}
.ptm{padding-top:60px!important}
.pbm{padding-bottom:60px!important}
.mtms{margin-top:30px!important}
.mbms{margin-bottom:30px!important}
.ptms{padding-top:30px!important}
.pbms{padding-bottom:30px!important}
.mts{margin-top:10px!important}
.mbs{margin-bottom:10px!important}
.pts{padding-top:10px!important}
.pbs{padding-bottom:10px!important}
.mtss{margin-top:5px!important}
.mbss{margin-bottom:5px!important}
.ptss{padding-top:5px!important}
.pbss{padding-bottom:5px!important}
.pctb_tac{text-align:center}

/*******************************************************************************
/*******************************************************************************
image max width */
.max600_img {
	max-width: 600px;
}

/*******************************************************************************
/*******************************************************************************
ローディング */

#loading img {
	width: 68px;
}


/*******************************************************************************
/*******************************************************************************
header */

header {
	width: 98%;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
	left: 27px;
	top: 27px;
}

.logo {
	width: 146px;
	display: block;
}


.logo_jp {
	display: block;
	max-width:150px;
	text-align:left;
	margin:10px 0  0 200px;
	position:absolute;
}

.logo_jp_yoko {
	display: none;
}



/*******************************************************************************
/*******************************************************************************
footer + pagetop */

.f_logo_blox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 10px auto;
}


.f_logo_blox2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 10px auto;
}

.f_logo_blox3 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 10px 60px 10px auto;
	font-size:1.2em;
	font-weight:bold;
}

.f_logo_box {
	margin-bottom: 0;
	width: 60%;
	width: -webkit-calc(100% - 420px);
	width: calc(100% - 420px);
}

.f_logo_box .f_logo {
	width: 250px;
	-webkit-flex: inherit;
	flex: inherit;
}

.f_logo_box .lead {
	font-size: 1.6rem;
	-webkit-flex: 1;
	flex: 1;
	text-align: left;
	padding-left: 40px;
	padding-bottom: 20px;
	padding-top:30px;
}

.f_logo_blox .btn_block {
	width: 400px;
	font-size: 1.4rem;

}

.f_logo_blox .btn_block a {
	font-size: 1.4rem;
	text-align: center;
	padding: 12px 30px;
}

.f_logo_blox .btn_block2 {
	width: 400px;
	font-size: 1.4rem;
	margin-bottom:10px;
}

.f_logo_blox .btn_block2 a {
	font-size: 1.4rem;
	text-align: center;
	padding: 12px 30px;
		margin-bottom:5px;
}


.f_sitemap {
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.f_sitemap:before {
	display: none;
}

.f_sitemap .col_box {
	width: 19%;
	float: none;
}

.f_sitemap .col_box + .col_box {
	margin-top: 0 !important;
}

.f_sitemap .col_box > ul > li > a:before {
	width: 16px;
	height: 10px;
	top: 12px;
}

.f_sitemap a {
	padding-left: 30px;
	font-size: 1.4rem;
}

.f_sitemap .col_box > ul > li > a {
	font-size: 1.6rem;
	padding-left: 0;
}

.f_sitemap .col_box > ul > li > ul > li > a:before,
.f_sitemap .col_box > ul > li > div > ul > li > a:before {
	width: 6px;
	height: 6px;
	border-width: 1px;
	left: 10px;
}

.f_sitemap .col_box > ul > li + li {
	margin-top: 20px;
}

.f_sitemap .col_box:nth-child(2) {
	width: 40%;
}

.f_sitemap .col_box:nth-child(2) > ul > li > a + div {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.f_sitemap .col_box:nth-child(2) > ul > li > a + div > ul {
	width: 49%;
	margin-top: 0;
}

.f_sns li {
	font-size: 2.6rem;
}

.f_sns li + li {
	margin-left: 25px;
}

.f_sns {
	justify-content: flex-end;
}

.f_img_area:before {
	width: 400px;
	height: 400px;
}

.f_img_area {
	padding-top: 50px;
	padding-bottom: 20px;
}

#pagetop {
	right: 60px;
}


/*******************************************************************************
/*******************************************************************************
モジュール */


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
画像 */

.sa_a_img:hover img {
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
	opacity: 0.7;

}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
テキスト */

.catch {
	margin-bottom: 30px;
}

.name {
	font-size: 2.5rem;
}

.name .keisyou {
	font-size: 1.8rem;
}

.b_text {
	font-size: 1.8rem;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
tl */

.tl_hana {
	font-size: 2.8rem;
	padding-top: 30px;
	margin-top: 100px;
	margin-bottom: 50px;
}

.tl_hana:before {
	width: 40px;
	height: 40px;
}

.tl_hana_w {
	padding-left: 55px;
	font-size: 2.8rem;
	margin-bottom: 30px;
}

.tl_hana_w:before {
	width: 30px;
	height: 20px;
	top: 12px;
}

.tl_simple00 {
	font-size: 3.6rem;
	margin-bottom: 70px;
}

.tl_simple01 {
	margin-bottom: 50px;
	margin-top: 70px;
}

.tl_simple02 {
	margin-bottom: 30px;
	margin-top: 60px;
}

.tl_simple03 {
	margin-bottom: 10px;
	margin-top: 30px;
}


.tl_simple04 {
	margin-bottom: 10px;
	margin-top: 10px;
}




.tl_hana_yoko {
	padding-left: 55px;
	font-size: 3.6rem;
	margin-bottom: 70px;
}

.tl_hana_yoko:before {
	width: 30px;
	height: 20px;
	top: 16px;
}

.tl_news_s {
	margin-bottom: 20px;
	margin-top: 40px;
}


.tl_hana_bg{
	font-size: 2.5rem;
	border-radius: 10px; 
	text-align:center;
	width:280px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#fff;
   background-color:#4a3730;
}

/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
btn */

.btn {
	width: 370px;
	padding: 20px;
	font-size: 1.8rem;
	margin-top:10px;
}

.btn:hover,
.btn_style_wrap:hover .btn {
	border-color: #ff924c;
	opacity: 1;
	color: #ff924c;
	background: #fff;
}

.btn_arrow span {
	padding-left: 10px;
	padding-right: 30px;
}

.btn_arrow_reverse span {
	padding-left: 30px;
	padding-right: 10px;
}

.btn_arrow span:before,
.btn_style_wrap .btn_arrow span:before {
	width: 8px;
	height: 8px;
	margin: 2px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.btn_arrow:hover span:before,
.btn_style_wrap:hover .btn_arrow span:before {
	border-color: #4f342c;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.btn_pctb_max {
	width: 100%;
}

.btn_col02,
.btn_col03{
	margin-top: -20px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.btn_col02 li,
.btn_col02 li + li {
	width: 48%;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.btn_col02 li .btn {
	width: 100%;
	padding: 13px 10px 14px 10px;
	font-size: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.btn_col02.btn_col02_big li .btn {
	padding: 20px;
    font-size: 1.8rem;
}

.btn_col02.btn_c {
	justify-content: center;
}

.btn_col02.btn_c li {
	width: 260px;
	margin-left: 32px;
	margin-right: 32px;
}

.btn_col02.btn_col02_big.btn_c li {
	width: 380px;
}

.btn_col03 li,
.btn_col03 li + li {
	width: 31%;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.btn_col03 li .btn {
	width: 100%;
	padding: 13px 10px 14px 10px;
	font-size: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.btn_warrow:before {
	width: 8px;
	height: 8px;
	right: 10px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.btn_warrow:hover:before {
	border-color: #4a3730;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.btn.btn_icon {
	width: 150px;
	padding: 10px;
}

.btn_tal {
	margin-left: 0;
}

.img_over_btn .btn_block {
	bottom: 30px;
	max-width: 400px;
	width: 90%;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
table */

table {
	font-size: 100%;
}

table tbody th,
table tbody td {
	padding: 0.8em 1em;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
gmap */

.gmap {
	height: 335px;
}

/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
youtube */

.youtube_wrap {
	width: 80%;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
フォーム */

.form_contact {
	width: 77%;
	margin-left: auto;
	margin-right: auto;
}

input[type=text],
input[type=tel],
select,
textarea {
	padding: 14px 20px;
}

textarea {
	height: 210px;
	resize: vertical;
}

.form_contact table tbody th,
.form_contact table tbody td {
	font-size: 1.8rem;
}

input[type="submit"] {
	width: 370px;
	padding: 20px;
	font-size: 1.8rem;
	border-width: 1px;
	margin-top: 60px;
}

.selectblock:after {
	right: 35px;
}

select {
	padding-right: 40px;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
faq_block */

.faq_block + .faq_block {
	margin-top: 45px;
}

.faq_block dt {
	font-size: 2.2rem;
}

.faq_block dt:before {
	right: 23px;
}

.faq_block dt:after {
	right: 23px;
}

.faq_block dt.on:before {
	right: 19px;
}

.faq_block dt.on:after {
	right: 27px;
}

.faq_block dt p:after {
	width: 28px;
	height: 28px;
}

.faq_block dt p {
	padding-right: 35px;
}

.faq_block dd {
	padding: 25px 25px 0;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
ブロック */

#wrapper:before {
	width: 200px;
	height: 200px;
	border-radius:0 0 40px 0;
}

.inner,
.inner_sp03 {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


.inner2 {
	width: 90%;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
}







.inner3 {
     width: 90%;
     max-width: 1200px;
     margin: auto;
 }
 .inner3 img {
     width: 100%;
 }
 .text-left {
     text-align: left;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 50%;
     margin: 20px .3rem;
 }
 .box2 {
     width: 50%;
     margin: 20px .3rem;
 }
 @media screen and (max-width: 600px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 20ox auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 20px auto;
     }
 }


/*
.inner3 {
margin-top:20px;
margin-left:20px;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 50%);
	text-align:left;	
}
 */




.white_box {
	padding: 60px 0 60px 60px;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
並び */

.col {
	margin-top: -100px;
}

.col .col_box {
	margin-top: 100px;
}

.col_02 .col_box {
	width: 45.3%;
	max-width: 543px;
}

col_02.pallet {
	margin-top: -9.4%;
}

.col_02.pallet .col_box {
	margin-top: 9.4%;
}

.col.col_02ls {
	align-items: center;
}


.col_02ls>.col_box:first-child {
	width: 15%;
	margin-right: 70px;
}

.col_02ls>.col_box:last-child {
	-webkit-flex: 1;
	flex: 1;
	margin-top: 100px;
}
.col_03 .col_box {
	width: 30%;
}

.col_03::after{
  content:"";
  display: block;
  width:30%;
}




.col_03.pallet {
	margin-top: -3%;
}

.col_03.pallet .col_box {
	margin-top: 3%;
}

.col.col_04 .col_box {
	width: 22.5%;
	max-width: 260px
}

.col.col_04.pallet {
	margin-top: -3%;
}

.col.col_04.pallet .col_box {
	margin-top: 3%;
}

.col_06 .col_box {
	width: 14.5%;
}

.col_06.pallet {
	margin-top: -2.6%;
}

.col_06.pallet .col_box {
	margin-top: 2.6%;
}

.colflat02 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.colflat02 .col_box {
	width: 50%;
}

.colflat02 .col_box a:hover {
	opacity: 1;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
half_block */

.half_block {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.half_block .col_box,
.half_block .col_box + .col_box {
	width: 46.9%;
	margin-top: 0;
	max-width: 543px;
}

.half_block_r {
	flex-direction: row-reverse;
}

.half_block_w .col_box:first-child {
	width: 50%;
	max-width: inherit;
}

.half_block_w .col_box + .col_box {
	width: 43.8%;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout_imgblock */

.layout_imgblock {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.layout_imgblock .img_box {
	width: 31.1%;
	max-width: 360px;
	margin-right: 9%;
	margin-bottom: 0;
}

.layout_imgblock .txt_box {
	-webkit-flex: 1;
	flex: 1;
}

.layout_imgblock_r {
	flex-direction: row-reverse;
}

.layout_imgblock_r .img_box {
	margin-right: 0;
	margin-left: 9%;
}

.layout_imgblock_rr .img_box {
	margin-top: 0;
	margin-left: 9%;
	margin-right: 0;
}

.white_box .layout_imgblock_rr .img_box {
	width: 30.5%;
	max-width: 335px;
	margin-left: 7%;
}

/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout_pic_link */

.layout_pic_link:before {
	height: 75%;
	height: -webkit-calc(100% - 120px);
	height: calc(100% - 120px);
	width: 98%;
	width: -webkit-calc(50% + 240px);
	width: calc(50% + 240px);
}

.layout_pic_link .txt_block {
	padding: 50px 0 50px;
	width: 60%;
	width: -webkit-calc(50% + 180px);
	width: calc(50% + 180px);
	margin-left: auto;
	margin-right: 0;
}

.layout_pic_link .txt_box {
	padding-left: 59px;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
link_panel */

.link_panel > a {
	opacity: 1;
	padding-bottom: 36px;
}

.link_panel a *:not(figure):not(img) {
	opacity: 1;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.link_panel .tl {
	font-size: 2rem;
	margin-top: 20px;
	margin-bottom: 9px;
}

.link_panel > a:before {
	width: 36px;
	height: 36px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	bottom: 8px;
}

.link_panel > a:after {
	width: 8px;
	height: 8px;
	bottom: 18px;
	right: 12px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.link_panel > a:hover:before,
.link_panel > a:hover:after {
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	border-color: #4f342c;
}

.link_panel.link_panel_notxt > a + * {
	margin-top: 25px;
}

.link_panel.link_panel_notxt .tl {
	padding-left: 50px;
	padding-right: 50px;
}

.link_panel > a:hover *:not(.img):not(figure) {
	opacity: 0.7;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
photo_btn_link */

.photo_btn_link .btn_style {
	right: 60px;
	width: 37%;
}

.photo_btn_link + .photo_btn_link .btn_style {
	right: inherit;
	left: 60px;
}

.photo_btn_link .txt {
	bottom: 98%;
	bottom: -webkit-calc(50% - 80px);
	bottom: calc(50% - 80px);
	font-size: 1.4rem;
	left: 55%;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout_lbrown_roll */

.layout_lbrown_roll .con_area {
	padding-top: 80px;
}

.layout_lbrown_roll .con_area:before {
	height: 360px;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout_lg_yroll */

.layout_lg_yroll {
	padding-top: 80px;
	padding-bottom: 0;
}

.layout_lg_yroll_narrow {
	padding-bottom: 80px;
}

.layout_lg_yroll:before {
	width: 60%;
	width: -webkit-calc(50% + 180px);
	width: calc(50% + 180px);
	height: 60%;
	height: -webkit-calc(100% - 480px);
	height: calc(100% - 280px);
}

.layout_lg_yroll_mini:before {
	height: 95%;
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
}

.layout_lg_yroll_narrow:before {
	width: 20%;
	width: -webkit-calc(52% - 300px);
	width: calc(52% - 300px);
	height: 100%;
}

.layout_lg_yroll_long {
	padding-bottom: 80px;
}

.layout_lg_yroll_long:before {
	height: 100%;
}

.layout_lg_halfroll {
	padding-top: 80px;
	padding-bottom: 80px;
}

.layout_lg_halfroll:before {
	height: 100%;
	width: 50%;
}

.layout_lg_yroll_kotei:before {
	height: 350px;
}

/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout_lbrown_yroll_kotei */

.layout_lbrown_yroll_kotei {
	padding-top: 100px;
}

.layout_lbrown_yroll_kotei:before {
	width: 45%;
	width: -webkit-calc(50% - 110px);
	width: calc(50% - 110px);
	height: 350px;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout_brown_roll */

.layout_brown_roll:before {
	height: 80%;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout_talk */

.layout_talk {
	padding-bottom: 70px;
}

.layout_talk .inner {
	padding-top: 0;
}

.layout_talk:before {
	width: 30%;
	width: -webkit-calc(50% - 290px);
	width: calc(50% - 290px);
}

.layout_talk dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 5px;
	width: 60%;
}

.layout_talk dt {
	width: 120px;
}

.layout_talk figure {
	width: 35.7%;
	max-width: 414px;
	position: absolute;
	top: 100px;
	margin-top: 0;
	right: 0;
}

.layout_talk figure:nth-of-type(2) {
	top: 500px;
}

.layout_talk figure:nth-of-type(3) {
	top: 900px;
}

.layout_talk figure figcaption {
	margin-top: 10px;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
app_badge */

.app_badge li {
	width: 300px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}


.app_badge .app_ios a, .app_badge .app_andoroid a, .app_badge .app_owners a {
	height: 71px;
	width: 239px;
}

.imglink_box .icon_list li {
	width: 11.1%;
	max-width: 43px;
    margin: 0 3.7% 2%;
}

.app_badge .btn_block a {
	heignt: 71px;
	width: 250px;
}

/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
history_block */
.history_block {
	display: flex;
	justify-content: space-between;
}

.history_desc {
	flex: 1 1 0%;
}

.history_text {
	width: 56%;
	margin-top: -2.5rem;
}

.history_images {
	width: 34.5%;
	display: block;
	margin-top: 0;
}

.history_desc + .history_desc {
	margin-top: 7rem;
}

.history_desc dd {
	margin-top: 1rem;
}

.history_img {
	width: 100%;
}

.history_img + .history_img  {
	margin-top: 6rem;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
pig_name */
.pig_name {
}
.pig_name span {
	vertical-align: middle;
	font-size: 2rem;
}

.pig_name em {
	vertical-align: middle;
}

/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
voice_faq */


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
crumbs */

.crumbs {
	/* padding-left: 60px; */
	margin-bottom: 20px;
}

.crumbs a {
	font-size: 1.8rem;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
MV */

.umv,
.topmv {
	/*z-index: 10;*/
	height: 90vw;
	height: -webkit-calc(100vh - 190px);
	height: calc(100vh - 190px);
	width: 90%;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
}


.topmv2 {
/*margin:130px auto 0px;*/
	width: 100%;
	margin-top:130px;
}

.umv {
	height: inherit;
}

.umv_wrap,
.topmv_wrap {
	padding-top: 130px;

}

.topmv_wrap:before,
.topmv_wrap:after {
	content: '';
	display: block;
	position: absolute;
		/*z-index: 9;*/
}

.topmv_wrap:before {
	width: 515px;
	height: 515px;
}

.topmv .txt {
	font-size: 2.8rem;
}






/*******************************************************************************
/*******************************************************************************
ページ固有 */


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
TOP */


/*______________________________________________________________________________
top_news */

.top_news {
	position: relative;
	padding-left: 120px;
}

.top_news .tl {
	width: 120px;
	position: absolute;
	left: 0;
	top: 0;
}

.top_news time {
	font-size: 1.6rem;
	line-height: 2;
	width: 100px;
}

.news_box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.news_box p {
	-webkit-flex: 1;
	flex: 1;
}

.news_box + .news_box {
	margin-top: 30px;
}

.bnr_campaign00 {
	width: 70%;
	margin: 0 auto 70px auto;
}


/*書籍*/

.pro_book img {
	width: 40% !important;
	margin: 0 auto 50px auto;
}

pro_model img {
	width: 100% !important;
	margin: 0 auto 50px auto;
}

/*LINEで申し込み追加*/
.btn_block_line {
	display: flex;
}
.btn_block_line div {
	width: 202px;
	margin-left: 30px;
}

.news_detail {
	font-size: 110%;
}

ol.li_precautions li {
}

.tbl_sec {
	margin-top: 30px;
}
.tbl_sec th, .tbl_sec td {
	padding-top:8px;
	padding-bottom:8px;
}


input[type=email],
input[type=number] {
	background: #fff;
	border: 1px solid #dcccc4;
	width: 100%;
	font-size: 16px;
	padding: 0;
	border-radius: 10px;
	padding: 0.8vw 1vw !important;
	line-height: 1;
}

/*-----------------------------
m_slide_img
-----------------------------*/
.m_slide_img {
	overflow-x: hidden;
}

.m_slide_img:before {
	display: none;
}

.m_slide_img picture {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
}

.m_slide_img_hosoku {
	display: none;
}


.sp_yuso {
	display: inline-block;
	padding-left: 8.3em;
}

/*-----------------------------
m_slide_img02
-----------------------------*/


.m_slide_img02:before {
	display: none;
}

.m_slide_img02 picture {
	position: relative;
	z-index: 10;
	display: block;
	width: 1200px;
}

.inner_sp04 {
	width: 100%;
	overflow:  auto;
}
	
	
	
	.swiper {
  width: 1000px;
  max-width:100%;
}


a.link_arrow{
   background-image: url("../images/link_arrow.jpg");
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 18px;
   margin-right: 3px;
   
}
	
	
	



.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 0.5em 0 0.5em 15px;
  padding: 12px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
      border-radius: 10px;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}
	
	
	
.balloon2-right {
  position: relative;
  display: inline-block;
  margin: 0.5em 0 0.5em 15px;
  padding: 12px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
    border-radius: 10px;
}

.balloon2-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.balloon2-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
}

.balloon2-right p {
  margin: 0;
  padding: 0;
}