@charset "UTF-8";
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	background: #fff;
	letter-spacing: 0.05em;
}
a {
	text-decoration: none;
	color: #000;
}
.cf:after {
	display: block;
	content: "";
	clear: both;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.pagetop {
	cursor: pointer;
	overflow: hidden;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
}
.pagetop:hover {
	opacity: .6;
}
.d_pc {
	display: none!important;
}
.content {
	padding: 0 4%;
}

/* スクロールするとふわっと表示 */
.scroll-fade{opacity: 0; transition: all 2s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 2s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done{opacity : 1; transform : translate(0, 0);}

/*
       01. header
========================================================================== */
header {
	padding: 10px 4%;
	margin: 0 auto;
}
header .logo {
	display: block;
	float: left;
	overflow: hidden;
	width: 70vw;
	height: 0;
	padding-top: 12vw;
	background: url("../images/common/logo.png") no-repeat 0 0;
	background-size: contain;
}
header .h_menu {
	float: right;
	width: 10vw;
	margin-top: 1vw;
}
header .h_menu img {
  width: 100%;
}
/*
       02. nav
========================================================================== */

/*
       03. footer
========================================================================== */
footer {
	background: #f7f7f7;
	margin-top: 50px;
	font-size: 90%;
}
footer .inner {
	padding: 30px 4%;
}
footer .inner .logo {
	display: block;
	overflow: hidden;
	width: 60vw;
	height: 0;
	padding-top: 15vw;
	background: url("../images/common/logo.png") no-repeat 0 0;
	background-size: contain;
	margin: 0 auto 20px;
}
footer .inner .f_sitemap {
	margin-bottom: 30px;
}
footer .inner .f_sitemap_inner {
	border-top: 1px solid #7f797e;
	border-bottom: 1px solid #7f797e;
	padding: 20px 10px;
	margin-bottom: 20px;
}
footer .inner .f_sitemap ul {
	float: left;
	width: 60%;
}
footer .inner .f_sitemap ul:last-child {
	width: 40%;
}
footer .inner .f_sitemap ul li {
	margin-bottom: 0.4em;
}
footer .inner .f_sitemap ul li:last-child {
	margin-bottom: 0;
}
footer .inner .f_sitemap ul li:before {
	content: '●';
	color: #7f797e;
	font-size: 70%;
	margin-right: 0.3em;
}
footer .inner .f_sitemap .btn {
	display: block;
	width: 180px;
	margin: 0 auto;
}
footer .inner .f_company p {
	margin-bottom: 15px;
}
footer .inner .f_company .card {
	display: block;
	width: 200px;
}
footer .copy {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	font-size: 90%;
	background: #2e2b2e;
	color: #fff;
}

/*
       04. top
========================================================================== */
#top .sp_kv {
	position: relative;
	width: 100%;
	height: 123.3333vw;
	background: url("../images/top/key01_sp.jpg") no-repeat 100% 0;
	background-size: contain;
}
#top .sp_kv h1 {
	display: block;
    overflow: hidden;
    width: 39vw;
    height: 0;
    padding-top: 100vw;
    background: url(../images/top/key_text.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 6vw;
    right: 4vw;
}
#top .sp_lead .ft {
	text-align: center;
	margin: 20px auto;
}
#top .sp_lead .ft .ttl {
	display: block;
	width: 105px;
	padding: 0.15em 0 0.1em;
	margin: 0 auto 5px;
	color: #fff;
	font-weight: bold;
	background: #2e2b2e;
	font-size: 14px;
}
#top .sp_lead .ft li {
	line-height: 1.3;
}
#top .sp_lead .ft li .kana {
	font-size: 80%;
}
#top .sp_lead .ft li .num {
	font-size: 140%;
	color: #b42356;
}

/* lead */
#top .lead {
	margin: 0 auto;
	padding: 65vw 0 10vw;
	width: 100%;
	background: url("../images/top/lead_bg_sp.jpg") no-repeat 100% 0 #fcfdf8;
	background-size: contain;
	text-shadow: 1px 1px 2px #fff;
}
#top .lead .lead_inner {
	padding: 0 4%;
}
#top .lead .lead_inner h2 {
	font-size: 5.4vw;
	margin-bottom: 20px;
    line-height: 1.5;
    letter-spacing: 0.08em;
}
#top .lead .lead_inner p {
    line-height: 1.8;
}

/* feature */
#top .feature {
	padding: 10vw 4%;
	background: url("../images/top/feature_bg.jpg") no-repeat 0 0 #f3fcff;
	background-size: contain;
}
#top .feature .feature_ttl {
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
#top .feature .feature_ttl .ttl_s {
	display: block;
	overflow: hidden;
	margin: 0 auto 10px;
	width: 30vw;
	height: 0;
	padding-top: 7vw;
	background: url("../images/top/feature_ttl_s.png") no-repeat 0 0 #f3fcff;
	background-size: contain;
}
#top .feature .feature_ttl h2 {
	font-size: 6.4vw;
	margin-bottom: 10px;
}
#top .feature .feature_ttl h2 span {
	font-size: 180%;
	font-style: italic;
	color: #1f5a78;
	margin: 0 0.1em 0 0;
	line-height: 1;
}
#top .feature .feature_inner {
	background: #fff;
	padding: 30px 5%;
	box-sizing: border-box;
	box-shadow: 4px 4px #dae2e5;
}
#top .feature li {
	margin-bottom: 50px;
}
#top .feature li:last-child {
	margin-bottom: 0;
}
#top .feature li .feature_img {
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding: 0 2% 2% 0;
	background: url("../images/top/feature_shadow.png") no-repeat 100% 100%;
	background-size: 98.5%;
}
#top .feature li .num {
	position: absolute;
	top: -10px;
	right: 15px;
	width: 15vw;
	z-index: 999;
}
#top .feature li h3 {
	font-size: 16px;
	color: #1f5a78;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
#top .feature li .btn {
	display: block;
	width: 140px;
	margin: 15px 0 0 auto;
}

/* voice */
#top .voice {
	padding: 30px 4%;
	background: url("../images/top/voice_bg_sp.png") no-repeat 0 0 #f7f7f7;
	background-size: contain;
}
#top .voice .voice_ttl {
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}
#top .voice .voice_ttl .ttl_s {
	display: block;
	overflow: hidden;
	margin: 0 auto 10px;
	width: 30vw;
	height: 0;
	padding-top: 7vw;
	background: url("../images/top/voice_ttl_s.png") no-repeat 0 0 #f3fcff;
	background-size: contain;
}
#top .voice .voice_ttl h2 {
	font-size: 6.4vw;
}
#top .voice li a {
	display: block;
	margin-bottom: 30px;
	padding: 5%;
	box-sizing: border-box;
	border-top: 1px solid #7f797e;
	border-left: 1px solid #7f797e;
	background: url("../images/top/voice_cont_bg.png") no-repeat 100% 100%;
	background-size: 150vw;
}
#top .voice li a .voice_img {
	position: relative;
	float: left;
	width: 40%;
}
#top .voice li a .voice_img .name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	background: rgb(255,255,255,0.7);
	text-align: center;
	box-sizing: border-box;
	font-size: 3vw;
}
#top .voice li a .voice_img .name span {
	margin-right: 0.4em;
	font-size: 110%;
}
#top .voice li a .voice_txt {
	float: right;
	width: 55%;
	height: auto!important;
}
#top .voice li a .voice_txt .ttl {
	font-size: 15px;
	color: #b42356;
	margin-bottom: 8px;
}
#top .voice li a .voice_txt .label {
	display: block;
	background: #2e2b2e;
	color: #fff;
	padding: 3px 10px;
	margin-bottom: 8px;
	font-size: 90%;
}
#top .voice li a .voice_txt .txt {
	font-size: 95%;
}
#top .voice .btn {
	display: block;
	width: 140px;
	margin: 0 auto;
}

/* blog */
#top .blog {
	padding: 40px 4% 30px;
}
#top .blog .blog_ttl {
	width: 140px;
	margin: 0 auto 30px;
}
#top .blog .blog_ttl h2 {
	display: block;
	overflow: hidden;
	width: 140px;
	height: 0;
	padding-top: 32px;
	background: url("../images/top/blog_ttl.png") no-repeat 0 0;
	background-size: contain;
	margin: 0 auto 15px;
}
#top .blog .blog_inner li a {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #7f797e;
}
#top .blog .blog_inner li:first-child a {
	padding-top: 20px;
	border-top: 1px solid #7f797e;
}
#top .blog .blog_inner li a .blog_img {
	float: left;
	width: 40%;
}
#top .blog .blog_inner li a .blog_txt {
	float: right;
	width: 55%;
}
#top .blog .blog_inner li a .blog_txt .date {
	font-size: 80%;
}
#top .blog .blog_inner li a .blog_txt .ttl {
	font-size: 15px;
	margin: 3px 0 5px;
}
#top .blog .blog_inner li a .blog_txt .category {
	display: inline-block;
	background: #2e2b2e;
	color: #fff;
	padding: 3px 10px;
	margin-bottom: 8px;
	font-size: 90%;
}
#top .blog .blog_inner li a .blog_txt .category {
	display: inline-block;
	background: #2e2b2e;
	color: #fff;
	padding: 3px 10px;
	margin-bottom: 8px;
	font-size: 90%;
}
#top .blog .blog_inner li a .blog_txt .txt {
	font-size: 95%;
}

/* instagram */
#top .instagram {
	background: #f8f6ee;
	padding: 30px 0;
}
#top .instagram h2 {
	display: block;
	overflow: hidden;
	width: 208px;
	height: 0;
	padding-top: 60px;
	background: url("../images/top/instagram_ttl.png") no-repeat 0 0;
	background-size: contain;
	margin: 0 auto 40px;
}
/*
       05. footer
========================================================================== */ 



/*
       08. multi-class
========================================================================== */
#sidr ul li {
	line-height: 1.2;
}
#sidr ul li a {
	display: block;
	padding: 15px;
}
#sidr {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, arial,helvetica, clean, sans-serif, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    background: #2e2b2e;
    box-shadow: none;
}
#sidr ul {
    border: none;
}
#sidr ul li {
    border-top: none;
    border-bottom: 1px solid #1a1a1a;
}
#sidr .build-menu-button {
	font-size: 150%;
}
/*　画像　*/
.fade {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}
.img-border {
	padding: 4px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}
.img-right {
	float: right;
	margin: 0 0 10px 15px;
	width: 44%;
	height: auto;
}
.img-left {
	float: left;
	margin: 0 15px 10px 0;
	width: 44%;
	height: auto;
}
.border {
	border: 1px solid #bfbfbf;
}
.center {
	text-align: center;
}
.alignR {
    text-align: right !important;
}
.alignL {
    text-align: left !important;
}
.vAlignM{
    vertical-align:middle !important;
}
/*　テキスト */
.gothic {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.p-link {
	color: #28b4cd;
	text-decoration: underline;
	margin: 0 1px;
}

.bold {	font-weight: bold;}
.gray {	color: #808080;}
.txt150 {	font-size: 150%;}
.txt130 {	font-size: 130%;}
.txt120 {	font-size: 120%;}
.txt110 {	font-size: 110%;}
.txt90 {	font-size: 90%;}
.txt80 {	font-size: 80%;}
.or {	color: #ffb200;}
.re {	color: #b42356;}
.pk {	color: #df85a5;}
.bl {	color: #1f5a78;}
.sb {	color: #68b7e0;}
.ye {   color: #cba41a;}
i.fas {	margin-right: 5px;}
.nowrap {	white-space: nowrap !important;}
.underline {	text-decoration: underline;}
.dispB {	display: block;}
.dispI {	display: inline;}

/*　余白 */
.p10 {	padding: 10px;}
.pt10 {	padding-top: 10px;}
.pr10 {	padding-right: 10px;}
.pl10 {	padding-left: 10px;}
.pb10 {	padding-bottom: 10px;}
.mb5 {	margin-bottom: 5px;}
.mb10 {	margin-bottom: 10px;}
.mb15 {	margin-bottom: 15px;}
.mb20 {	margin-bottom: 20px;}
.mb30 {	margin-bottom: 30px;}
.mb40 {	margin-bottom: 40px;}
.mb50 {	margin-bottom: 50px;}
.mb60 {	margin-bottom: 60px;}
.mb70 {	margin-bottom: 70px;}
.mb80 {	margin-bottom: 80px;}
.mt5 {	margin-top: 5px;}
.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mr5 {	margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr30 {	margin-right: 30px;}
.ml5 {	margin-left: 5px;}
.ml10 {	margin-left: 10px;}
.ml15 {	margin-left: 15px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}

/*　見出し */
.ttl-low1 {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.1em;
	font-size: 19px;
	text-align: center;
}
.ttl-low1 span {
	display: inline-block;
	border-bottom: 2px solid #cba41a;
	padding-bottom: 0.3em;
}
.ttl-low2 {
	font-size: 17px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.1em;
	color: #fff;
}
.ttl-low2 span {
	display: block;
	border-left: 1px solid #fff;
	padding: 5px 10px;
	margin-left: 10px;
}
.ttl-low2-1 {
	background: #1f5a78;
}
.ttl-low2-2 {
	background: #b42356;
}
.ttl-low3 {
	position: relative;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 17px;
    display: table;
	width: 100%;
}
.ttl-low3 span:first-child {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
	font-size: 22px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.ttl-low3 span:last-child {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}
.ttl-low3:after {
	position: absolute;
	bottom:0;
	left: 52px;
	content:'';
	height: 1px;
	width : -webkit-calc(100% - 52px) ;
   width : calc(100% - 52px) ;
}
.ttl-low3-1:after {    border-bottom: 1px solid #1f5a78;}
.ttl-low3-2:after {    border-bottom: 1px solid #b42356;}
.ttl-low3-1 span:first-child {    background: #1f5a78;}
.ttl-low3-2 span:first-child {    background: #b42356;}
.ttl-low4 {
	display: inline-block;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 17px;
	padding: 0 0.2em;
}
.ttl-low4-1 {
	background: linear-gradient(transparent 65%, #eace6b 65%, #eace6b 90%, #eace6b 90%, #eace6b 90%);
}
.ttl-low5 {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 16px;
	text-align: center;
	border-radius: 10px;
	padding: 7px 5% 7px;
	line-height: 1.4;
}
.ttl-low5-1 {
	color: #fff;
	background: url(../images/common/ttl_bg_bl.png) #00AFF3;
}
.ttl-low5-2 {
	color: #fff;
	background: url(../images/common/ttl_bg_or.png) #EFB505;
}
.ttl-low5-3 {
	color: #4D2500;
	background: #FFFDE6;
    border: 1px solid #FFE17F;
}
.ttl-low6 {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 16px;
	padding-left: 20px;
}
.ttl-low6-1 {
	background: url("../images/common/ttl-low6-1_bg.png") no-repeat left 0.3em;
}
.ttl-low6-2 {
	background: url("../images/common/ttl-low6-2_bg.png") no-repeat left 0.3em;
}
.ttl-low6-3 {
	background: url("../images/common/ttl-low6-3_bg.png") no-repeat left 0.3em;
}
/*　 コラム */
.column .ttl-btn{
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 16px;
	text-align: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 10px 5px 7px;
	line-height: 1.4;
	background: #00AFF3;
	color: #fff;
    border: 1px solid #00AFF3;
}
.column .column_inner {
	background: #fff;
    border-left: 1px solid #00AFF3;
    border-right: 1px solid #00AFF3;
    border-bottom: 1px solid #00AFF3;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 10px;
}
/*テーブル*/
.table-normal,
.table-nocolor{
	width: 100%;
	font-size: 90%;
}
.table-normal th{
	text-align: center;
	background:#B7DDE6;
	color: #fff;
	padding: 6px 8px;
	border: 1px solid #ccc;
}
.table-normal td{
	background: #fff;
	text-align: center;
	padding: 6px 8px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.table-nocolor th{
	text-align: center;
	background:#E2E2E2;
	color: #333;
	padding: 6px 8px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.table-nocolor td{
	background: #fff;
	text-align: center;
	padding: 6px 8px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.table-nostyle th{
	padding: 6px 8px;
	vertical-align: middle;
}
.table-nostyle td{
	padding: 6px 8px;
	vertical-align: middle;
}
.tAlignL {    text-align: left !important;}
.tAlignC {    text-align: center!important;}
.tAlignR {    text-align: right !important;}
.tVAlignT {    vertical-align: top !important;}
.tVAlignM {    vertical-align: middle !important;}
.tVAlignB {    vertical-align: bottom !important;}

/* list */
.list-num li {
    list-style-type: decimal;
		list-style-position: inside;
}
.list-dot li {
    padding-left: 1em;
    background: url(../images/common/disc.png) no-repeat left 4px;
}
.txt-indent li {
	padding-left: 1em;
}
.list-dot.txt-indent li {
    background: url(../images/common/disc.png) no-repeat left 2px;
}
.list-nostyle li{
    list-style:none;
}
.list-check li {
	text-indent: -1.3em;
    padding-left: 1em;
	margin-left: 0.4em;
}
.list-check li:before {
    font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: bold;
	margin-right: 0.3em;
}
.list-check-bl li:before {	color: #68b7e0;}
.list-check-pk li:before {	color: #df85a5;}
.list-arrow li {
	text-indent: -1.3em;
    padding-left: 1em;
	margin-left: 0.4em;
}
.list-arrow li:before {
    font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: bold;
	margin-right: 0.3em;
}
.list-arrow-gray li:before {	color: #7f797e;}

/* ボタン */
.btnList li {
  padding: 0.8em;
  border-radius: 8px;
  font-weight: bold;
  outline: 0;
  box-sizing: border-box;
  background: #CBA41A;
}
.btnList li a,
.btnList li a:hover {
    display: block;
    color: #fff;
}
.btnList-two li {
    width: 49%;
    float: right;
}
.btnList-two li:nth-child(odd) {
    clear: both;
    float: left;
}

/*　画像・レイアウト */
.img-column-wrap {
	position: relative;
	overflow: hidden;
}
.img-column {
	position: relative;
	left: 50%;
	float: left;
}
.img-column li {
	position: relative;
	float: left;
	left: -50%;
	margin-right: 2%;
}
.img-column.for-two li {
	width: 49%;
}
.img-column.for-three li {
	margin-right: 2%;
	width: 32%;
}
.img-column.for-four li {
	margin-right: 1.3%;
	width: 24%;
}
.img-column.for-two li:nth-child(even), .img-column.for-three li:nth-child(3n), .img-column.for-four li:nth-child(4n) {
	margin-right: 0 !important;
}
.img-column.for-three .img-border, .img-column.for-four .img-border {
	padding: 2px;
}
/* img+textbox */
.box-img-left {
	display: block;
	width: 100%;
}
.box-img-left .img {
	width: auto;
	display: block;
	margin: 0 auto 10px;
	padding-right: 0;
	text-align: center;
}
.box-img-left .box {
	display: block;
	vertical-align: top;
}
.box-img-right {
	display: block;
	width: 100%;
}
.box-img-right .img {
	width: auto;
	display: block;
	vertical-align: top;
	margin: 0 auto 10px;
	padding-left: 0;
}
.box-img-right .box {
	display: block;
	vertical-align: top;
}
.box-two-column {
	display: table;
	width: 100%;
}
.box-two-column .box-right {
	display: table-cell;
	vertical-align: top;
}
.box-two-column .box-img-left {
	width: 48.6%;
	display: table-cell;
	vertical-align: top;
	padding-right: 3%;
}
.box-two-column .box-img-right {
	width: 48%;
	display: table-cell;
	vertical-align: top;
	padding-left: 3%;
}
.box-two-column .box-left {
	display: table-cell;
	vertical-align: top;
}
.box-two-column .box-img-left .img-border,
.box-two-column .box-img-right .img-border,
.box-two-column-around .box-img-left .img-border,
.box-two-column-around .box-img-right .img-border{
	padding: 2px;
}
.box-two-column-around {
	display: block;
	width: 100%;
}
.box-two-column-around .box-img-right{
	width: 48%;
	float: right;
	margin: 0 0 8px 3%;
}
.box-two-column-around .box-img-left{
	width: 48%;
	float: left;
	margin: 0 3% 8px 0;
}
/*　症例画像2枚並び */
.case-records-wrap{
	padding: 0 5px;
}
.case-records {
	background: url(../images/common/arrow02.png) no-repeat center 56%;
	background-size: 20px 12px;
	padding-right: 30px;
}
.case-records li {
	float: left;
	width: 50%;
	margin-right: 30px;
}
.case-records li:nth-child(even) {
	margin-right: -30px;
	background: url(../images/common/after_s.png) no-repeat left top;
	padding-top: 14px;
}
.case-records li:nth-child(odd) {
	background: url(../images/common/before_s.png) no-repeat left top;
	padding-top: 14px;
}
 @media screen and (min-width : 370px) {
.case-records li:nth-child(even) {
	background: url(../images/common/after.png) no-repeat left top;
	padding-top: 20px;
}
.case-records li:nth-child(odd) {
	background: url(../images/common/before.png) no-repeat left top;
	padding-top: 20px;
} 
 }
/*　2枚画像比較 */
.compare {
	background: url(../images/common/arrow04.png) no-repeat center center;
	background-size: 30px auto;
}
.compare li:nth-of-type(odd) {
	float: left;
	width: 42%;
}
.compare li:nth-of-type(even) {
	float: right;
	width: 42%;
}
/*Q&A*/
.qanda dt{
	background: url(../images/common/qicon.png) no-repeat left top;
	background-size: 30px auto;
	padding: 4px 0 6px 40px;
	margin-bottom: 18px;
	height: 20px;
}
.qanda dd{
	margin: 0 0 40px 10px;
	background: url(../images/common/aicon.png) no-repeat left top 2px;
	background-size: 30px auto;
	padding: 0 0 6px 40px;
}
.qanda a{
	text-decoration: underline;
}
	/* 画像ボタン */
.menu-btn li img {
	border: 1px solid #F2BC17;
	display: block;
	box-sizing: border-box;
}
.menu-btn .ttl {
	border-top: 1px solid #F2BC17;
	border-left: 1px solid #F2BC17;
	border-right: 1px solid #F2BC17;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 8px 0 6px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #F2BC17;
}
.menu-btn li a {
	display: block;
}
.img-column.menu-btn.for-three li {
	width: 32%;
	float: left;
	margin: 0 2% 0 0;
}
.img-column.menu-btn.for-three li:last-child {
	margin-right: 0 !important;
}

@media screen and (max-width : 320px) {
.img-column.menu-btn.for-three li {
	width: 32.5%;
	margin: 0 1% 0 0;
	font-size: 80%;
}
.img-column.menu-btn.for-three li:last-child {
	margin-right: 0 !important;
}
}
.detail-btn {
	text-align: right;
	text-decoration: underline;
	margin-top: 5px;
	font-size: 12px;
}
.detail-btn i.fa {
	color: #F2BC17;
}
.menu-btn2 .ttl {
  background: #61B4E5;
	color: #fff;
	border-color: #61B4E5;
}
.menu-btn2 li img{
	border-color: #61B4E5;
}
.menu-btn2 .detail-btn i.fa {
    color: #61B4E5;
}
	/*改行非表示*/
.sp-none{
	display: none;
}
 @media screen and (min-width : 310px) and (max-width: 330px) {
	 .ios5only{
		 display: none;
	 }
 }
 @media screen and (min-width : 360px) {
	 .andover{
		 display: none;
	 }
 }
  @media screen and (min-width : 375px) {
	 .ios6over{
		 display: none;
	 }
 }
/*
     10. error
 ========================================================================== */ 
.error {
	text-align: center;
	font-size: 18px;
	height: 120px;
	padding-top: 30px;
}