@charset "UTF-8";
/* CSS Document */

/*共通
-----------------------------------*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	font-family: '源ノ角ゴシック Regular','源ノ角ゴシック', Meiryo, "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
	color: #333;
	height: auto;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-width: 980px;
	margin: 0;
	transition: 0.3s;
}
a {
	background: transparent;
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: transparent;
}
a:focus {
	outline: thin dotted;
}
a:hover {
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a:active,
a:hover,
a:link,
a:visited {
	overflow: hidden;
	outline: none;
}

label,
select {
	cursor: pointer;
}
body,
html {
	overflow-x: hidden;
	position: relative;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	border: solid 1px #ccc;
	margin: 30px 0 30px 10px;
	width: 980px;
}
mark {
	background: #ff0;
	color: #000;
}
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}
pre {
	white-space: pre-wrap;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
	max-width: 100%;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
button,
input {
	line-height: normal;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
ol,
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

@media screen and (max-width: 768px) {
	body {
		min-width: 0;
	}
}



/*コンテンツ
-----------------------------------*/
section > * {
	width: 980px;
	margin: 0 auto;
}

.l-contents {
    background: #fff;
    padding: 0;
    overflow: hidden;
}

.l-contents.sheet {
    background: #f0fdfd !important;
}

.l-contents.sheet2 {
    background: rgba(255, 244, 230, 0.72) !important;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

.txt-center {
	text-align: center;
}

.acms-entry a {
	color: #018599;
}

.acms-admin-edit-info {
	width: auto;
}

.topicpath {
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	section > * {
		width: 100%;
	}
	.l-contents {
		padding: 0;
	}
	
	.topicpath {
		padding: 10px 0 0;
	}
}




/*テキスト
-----------------------------------*/
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
.module-section h1, 
.acms-page-header h1, 
.module-header h1, 
.acms-entry h1 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #121851;
}

.module-section h1:before,
.acms-page-header h1:before,
.module-header h1:before,
.acms-entry h1:before {
	background: #121851;
}




h2 {
	font-size: 3rem;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 35px;
	text-align: center;
	letter-spacing: 0.1em;
}
h2 span {
	display: block;
	color: #9ac2cc;
	font-size: 1.6rem;
}
.acms-page-header h2,
.module-header h2,
.acms-entry h2 {
	margin-top: 10px;
	position: relative;
	background: #121851;
}
.acms-entry h2 ,
.acms-summary h2 {
	position: relative;
	margin-bottom: 22px;
	padding: 3px 0 0 30px;
	background: #121851;
	color: #fff;
	font-size: 152%;
	text-align: left;
}
.acms-page-header h2:before,
.module-header h2:before,
.acms-entry h2:before,
.acms-summary h2::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 8px;
	bottom: 6px;
	width: 7px;
	display: block;
	background: url(/themes/tsumugido/images/common/img_h2.png) repeat-y;
}


.acms-entry h3 {
	font-size: 138.6%;
	display: block;
}

.acms-entry h3::before{
	border: 2px solid #121851;
}

.acms-entry h3::after {
	left: 6px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #121851;
	border-right: 2px solid #121851;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.acms-entry h4 {
	font-size: 123.07%;
	background: #121851;
	line-height: 1.5;
	padding-top: 3px;
}

.acms-entry h5 {
	font-size: 123.07%;
	padding: 0 0 0 30px;
}

.acms-entry h5::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #121851;
	border-radius: 0;
	position: absolute;
	top: 28%;
	left: 10px;
}

p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 1.8;
}

p.txt_read {
	text-align: center;
	font-weight: bold;
	font-size: 112%;
	transition: 0.3s;
	margin-bottom: 35px;
	 letter-spacing: 0.4rem;

}

/* midasi */
.acms-entry .kyoucyou-large {
	font-size: 169.3%;
	font-weight: bold;
}
.acms-entry .kyoucyou-medium {
	font-size: 134.6%;
	font-weight: bold;
}
.acms-entry .kyoucyou-small {
	font-size: 119.2%;
	font-weight: bold;
}

/* box */
.acms-entry .box_pink, 
.acms-entry .box_red, 
.acms-entry .box_blue, 
.acms-entry .box_green, 
.acms-entry .box_orange, 
.acms-entry .box_gray {
	padding: 15px 15px !important;
}

.acms-entry .box_green p {
	padding: 7px 2px !important;
	margin-bottom: 0 !important;
}

.acms-entry .box_green h4 {
	margin-bottom: 0px !important;
	font-size: 1.84rem;
	line-height: 1.5;
}




@media only screen and (max-width: 767px) {
	h2 {
		font-size: 2rem;
		margin-bottom: 15px;
	}
	h2 span {
		font-size: 1.4rem;
	}
	
	.acms-entry h2 ,
	.acms-summary h2 {
		font-size: 1.8rem;
	}
	
	.acms-entry h3 {
		font-size: 108%;
		margin-top: 0;
		margin-bottom: 22px;
		padding: 4px 0 0 30px;
	}
	
	.acms-entry h3::before {
    width: 20px;
    height: 20px;
	}
	.acms-entry h3::after {
    width: 4px;
    height: 4px;
	}
	
	.acms-entry h4 {
    font-size: 108%;
	}
	
	.acms-entry h5 {
    font-size: 100%;
	}
	
	p.txt_read {
		font-size: 1.4rem;
		margin-bottom: 20px;
		letter-spacing: 0.2rem;
	}
	
	.acms-entry p {
		/*font-size: 83% !important;*/
    line-height: 1.45 !important;
    letter-spacing: 0.2rem;
	}
	
/* midasi */
	.acms-entry .kyoucyou-large {
		font-size: 129.2% !important;
	}
	.acms-entry .kyoucyou-medium {
		font-size: 111.2% !important;
	}
	.acms-entry .kyoucyou-small {
		font-size: 105% !important;
	}
	
/* box */
	.acms-entry .box_pink, 
	.acms-entry .box_red, 
	.acms-entry .box_blue, 
	.acms-entry .box_green, 
	.acms-entry .box_orange, 
	.acms-entry .box_gray {
    	padding: 5px 5px !important;
	}


}






/*リスト
-----------------------------------*/
li {
    font-size: 87.5%;
    color: #333;
}


.acms-entry ul,
.acms-entry ol {
	border: solid 2px #121851;
}

.acms-entry ul > li:before {
	background: #b2a58a;
}
.acms-entry ol > li:before {
	background: #b2a58a;
	top: 3px;
}

.acms-entry ol > li:nth-child(2n):before {
	background: #b2a58a;
}

.store .acms-entry ul > li:before {
	display: none;
}


@media screen and (max-width: 480px) {
	li {
		font-size: 14px;
		font-size: 1.4rem;
	}
}



/*example リスト
-----------------------------------*/
.store li {
    font-size: 87.5%;
    color: #333;
}


.acms-entry .store ul,
.acms-entry .store ol {
	border: solid 2px #121851;
}

.acms-entry .store ul > li:before {
	background: #b2a58a;
}
.acms-entry .store ol > li:before {
	background: #b2a58a;
	top: 3px;
}

.acms-entry .store ol > li:nth-child(2n):before {
	background: #b2a58a;
}

.acms-entry .store ul > li:before {
	display: none;
}


@media screen and (max-width: 480px) {
	.store li {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.store li img {
	  margin-bottom: 0;
	}
	
	.acms-entry .store ul > li {
	  padding: 0;
	}
}



/*ヘッダー
-----------------------------------*/
.l-header {
	z-index: 9999;
	position: fixed;
	left: 0;
	width: 100%;
	clear: both;
	border-top: 5px solid #b2a58a;
	background: #121851;
}
.l-header .l-header-inner  {
	max-width: 1452px;
	min-height: 70px;
	margin: 0 auto;
	padding: 20px 10px 0;
}

@media screen and (max-width: 768px) {
	.l-header {
		height: auto;
		min-width: 0;
		top: 0;
		min-height: inherit;
		padding: 10px 0 4px;
	}
	
	.l-header .l-header-inner  {
		padding-top: 0;
		min-height: inherit;
	}
}

@keyframes headerAnimation {
	0% {
		margin-top: -70px;
	}
	100% {
		margin-top: 0;
	}
}



/*ロゴ
-----------------------------------*/
.logo {
	margin: 0;
	float: left;
	margin-left: 2%;
}
.logo-item {
	line-height: 0.45;
	margin: 0;
	height: 100%;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: 5px;
	margin-right: 0;
}
.logo-item span {
	font-size: 11px;
}
.logo-item a {
	height: 100%;
	display: block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.logo-item a:hover {
	opacity: 0.5;
}
.logo-item img {
	height: auto;
}

@media screen and (max-width: 768px) {
	.logo {
		box-sizing: content-box;
		display: table;
		border-right: none;
	}
	.logo-item {
		display: table-cell;
		vertical-align: middle;
		height: auto;
		padding: 5px 10px 0 12px;
		float: none;
	}
	.logo-item img {
		padding: 0;
		width: 100%;
	}
	.logo-item a {
		padding: 0;
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	.logo {
		height: auto;
		box-sizing: content-box;
		display: table;
		border-right: none;
		width: 40%;
	}
	.logo-item {
		display: block;
		vertical-align: middle;
		height: auto;
		padding: 0 10px;
		margin: 0 auto;
		float: none;
	}
	.logo-item img {
		padding: 0;
		width: 100%;
	}
	.logo-item a {
		padding: 0;
		height: auto;
	}
}


/*グローバルナビ
-----------------------------------*/
.nav {
	background: #121851;
}
.gNav {
	margin: 0 auto;
	position: relative;
	padding-left: 235px;
	padding-right: 223px;
}
.gNav-item {
	 width: 16.32%; 
	/*width: 19.58%;*/
	text-align: center;
	float: left;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #ddd;
	line-height: 1.3;
	color: #ffffff;
}
.gNav-item img {
	display: block;
	margin: 0 auto 5px;
}
.gNav-item a {
	display: block;
	color: #ffffff;
	transition: .2s;
	padding: 10px 0 20px;
}
.gNav-item a:hover {
	opacity: 0.5;
}

li.gNav-item:last-child {
	border-right: 1px solid #ddd;
}

.gNav-item a:hover {
}

@media screen and (max-width: 768px) {
	.nav {
		width: 100%;
		min-width: auto;
		display: none;
	}
	.gNav {
		float: none;
		padding-left: 0;
		padding-right: 0;
	}
	.gNav-item {
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		border: none;
		padding: 0;
	}
	.gNav-item a {
		display: block;
		padding: 15px 0;
		position: relative;
		width: 100%;
	}
	li.gNav-item:last-child {
		border: none;
	}
	/*.gNav-item a:before {
		display: block;
		font-family: FontAwesome;
		content: "\f105";
		position: absolute;
		left: 15px;
		top: 50%;
		margin-top: -10px;
		font-size: 20px;
		font-size: 2rem;
		line-height: 20px;
		color: #333;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}*/
}


/*.gNav-kanji {
	letter-spacing: 0.2rem;
}
.gNav-eng {
	margin-top: 3px;
	display: block;
	font-family: "HelveticaNeue-CondensedMedium","Helvetica Neue Condensed Medium","Helvetica-CondensedMedium","Helvetica Condensed Medium","Roboto Condensed",sans-serif;
	font-weight: 700;
	letter-spacing: 0.2rem;
	font-size: 11px;
	font-size: 1.1rem;
}*/


.spNavBtn {
	display: none;
}

@media screen and (max-width: 768px) {
	.spNavBtn {
		display: block;
    position: absolute;
    top: 15px;
    right: 4.68%;
    cursor: pointer;
		background: #121851;
		border-radius: 1px;
	}

	.spNavBtn-item {
		width: 24px;
    height: 18px;
    position: relative;
    margin: 0;
	}
	
	
}


.spNavBtn-bar_01 {
	width: 24px;
	height: 3px;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.spNavBtn-bar_02 {
	width: 24px;
	height: 3px;
	background-color: #ffffff;
	position: absolute;
	top: 7px;
	left: 0;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.spNavBtn-bar_03 {
	width: 24px;
	height: 3px;
	left: 0;
	background-color: #ffffff;
	position: absolute;
	top: 14px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.open .spNavBtn-bar_01 {
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 6px;
}
.open .spNavBtn-bar_02 {
	opacity: 0;
}
.open .spNavBtn-bar_03 {
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
	top: 6px;
}




/* サブナビブロック
--------------------------------------*/
.sub_nav a {
	display: block;
}
.sub_nav span {
	font-size: 13px;
	font-weight: bold;
}

.sub_nav .font_block {
	display: inline-block;
	margin-left: 3.44%;
}
.sub_nav .font_block p {
	margin: 0;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.sub_nav .font_block p img {
	margin-right: 10px;
}
.sub_nav .font_block button {
	border-radius: 5px;
	margin-top: 5px;
	min-width: 65px;
}
.sub_nav .font_block button.font_m {
	border: 1px solid #d0c3ac;
	background: #efede0;
	font-size: 14px !important;
}
.sub_nav .font_block button.font_l {
	border: 1px solid #d0c3ac;
	background: #d0c3ac;
	font-size: 14px !important;
}

@media screen and (max-width: 768px) {
	.sub_nav {
		float: none;
		margin: 0 auto;
		padding: 0 15%;
	}
	
	.sub_nav a {
		width: 9.375%;
    position: absolute;
    right: 17.18%;
	}
	
}


/*ページトップ
-----------------------------------*/
.pageTop {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 10px;
	right: 50px;
	z-index: 9999;
}
.pageTop a {
	display: block;
	position: relative;
	background: #56c0bb;
	color: #FFF;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.pageTop a:after {
	font-family: "FontAwesome";
	display: block;
	content: '\f106';
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 26px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -14px;
}
@media screen and (max-width: 768px) {
	.pageTop {
		display: block;
		position: static;
		width: 100%;
		background: #fff;
		padding: 20px 0 10px;
	}
	.pageTop a {
		float: right;
		margin-right: 10px;
		width: 40px;
		height: 40px;
		background: #333;
		color: #fff;
	}
}




/*メインビジュアル
-----------------------------------*/
body {    
	background-position: center top;
	background-attachment: fixed;
}

.mainV {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	background-image: url(../images/top/img-mainv.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: 95px;
	height: 630px;
	box-shadow: 0px 10px 10px -10px #bababa;
}
.mainV img {
	width: 100%;
	height: auto;
}


@media screen and (max-width: 768px) {
	.mainV {
		height: auto;
    margin-top: 15.5%;
    padding: 85% 0 0;
	}
}



.mainV-catch img {
	width: 100%;
	height: auto;
}

.mainV-catch .logo_m {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -96px;
	height: auto;
	text-align: center;
	
}
.mainV-catch .txt {
 	position: absolute;
	top: 47.85%;
	left: 50%;
	margin-left: -320px;
	height: auto;
	text-align: center;
	
}

@media screen and (max-width: 768px) {
	.mainV-catch .logo_m {
    position: absolute;
    top: 8%;
    left: 50%;
    height: auto;
    text-align: center;
    width: 25%;
    margin-left: -12%;
	}
	
	.mainV-catch .txt {
    position: absolute;
    top: 45%;
    left: 50%;
    height: auto;
    text-align: center;
    width: 90%;
    margin-left: -44%;
	}
}


.mainV-subCatch a {
	position: absolute;
	top: 76.98%;
	left: 50%;
	margin-left: -160px;
	transition: 0.3s;
}

.mainV-subCatch a:hover {
	opacity: 0.6;
}

.mainV-subCatch img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.mainV-subCatch {
		margin: 0 auto;
		font-size: 18px;
		font-size: 1.8rem;
		width: 90.68%;
    right: 15px;
		bottom: -10px;
		z-index: 100;
	}
	
	.mainV-subCatch a {
		position: absolute;
		top: 78.98%;
    left: 50%;
    width: 50%;
    margin-left: -23%;
	}
}


.mainV-btn {
	text-align: center;
	position: absolute;
	right: 18px;
	bottom: 40px;
	width: 30%;
}
.mainV-btn li {
	display: inline-block;
	margin: 7px;
}
.mainV-btn li a {
	transition: 0.3s;
}

@media screen and (max-width: 768px) {
	.mainV-btn {
		right: 10px;
		bottom: 13px;        
	}
	.mainV-btn ul li {
		float: left;
		margin: 10px;
  }
  .mainV-btn li + li {
		margin-top: 5px;
  }
  
}


@media screen and (max-width: 768px) {
	.mainV,
	.pageTitle {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	body.top .mainV {
		/*background-image: url("../images/top/img-maiv-sp.jpg");*/
		overflow: visible;
	}
}



/*top_sp 追加
----------------------------------------*/
@media screen and (max-width: 768px) {
	.mainV_sp{
		background: #fff;
		text-align: center;  
	}

	.mainV-btn_sp ul {
		margin-top: 5px;
		clear: both;
		background: #fff;    
	}

	.mainV-btn_sp li {
		display: inline-block;
		width: 43%;
		margin: 18px auto;
		text-align: center;    
	}

}





/*カラム
-----------------------------------*/
.l-sec-4 {
	background-color: #f6f6f6;
	padding: 90px 0 0 0;
	overflow: hidden;
	margin-bottom: 120px;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.l-sec-4 {
		padding: 30px 0 0;
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 480px) {
	.l-sec-4 {
		padding: 0;
		margin-bottom: 0px;
	}
}


.l-col-2 {
	width: 49.9%;
	float: left;
}
.l-col-3 {
	width: 33.33%;
	float: left;
}
@media screen and (max-width: 768px) {
	.l-col-2,
	.l-col-3 {
		width: 100%;
		float: none;
	}
}


.l-sec-3 {
	background-size: 200% auto;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.l-sec-3 {
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 480px) {
	.l-sec-3 {
		padding: 30px 0 20px 0;
		margin: 0;
	}
}


/*タイトル
-----------------------------------*/
.title,
.title_2 {
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
	.title,
	.title_2 {
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 15px;
		padding: 15px;
	}
}

.title_2 {
	color: #fff;
}
.subTitle,
.subTitle_2 {
	letter-spacing: 0.2rem;
	font-size: 20px;
	font-size: 2rem;
	margin: 0 0 30px;
	color: #333;
}
@media screen and (max-width: 480px) {
	.subTitle,
	.subTitle_2 {
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0 0 10px;
	}
}
.subTitle_2 {
	text-align: center;
}
.subTitle_3 {
	color: #1e76d0;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
}
@media screen and (max-width: 480px) {
	.subTitle_3 {
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0;
	}
}
.subTitle_4 {
	letter-spacing: 0.2rem;
	font-size: 20px;
	font-size: 2rem;
	margin: 0;
	color: #1e76d0;
}
@media screen and (max-width: 480px) {
	.subTitle_4 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}
.subTitle_5 {
	letter-spacing: 0.2rem;
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
	margin: 0 0 10px;
	color: #333;
}
@media screen and (max-width: 480px) {
	.subTitle_5 {
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0 0 5px;
	}
}

.pageTitle {
	margin-top: 100px;
	padding: 20px 0;
	background: #b2a58a;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.pageTitle {
		margin-top: 61px;
		padding: 90px 0;
	}
}
@media screen and (max-width: 480px) {
	.pageTitle {
		margin-top: 62px;
		padding: 15px 0;
	}
}
.pageTitle-item {
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
	color: #fff;
	text-align: center;
	font-size: 3rem;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0.2rem;
}
@media screen and (max-width: 480px) {
	.pageTitle-item {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
	}
}



.title-eng {
	margin-bottom: 10px;
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: 300;
	font-family: "HelveticaNeue-CondensedLight","Helvetica Neue Condensed Light","Helvetica-CondensedLight","Helvetica Condensed Light","Roboto Condensed",sans-serif;
	display: block;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.title-eng {
		font-size: 36px;
		font-size: 3.6rem;
	}
}
@media screen and (max-width: 480px) {
	.title-eng {
		font-size: 28px;
		font-size: 2.8rem;
		margin-bottom: 5px;
	}
}

.subTitle-eng {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
	font-family: "HelveticaNeue-CondensedMedium","Helvetica Neue Condensed Medium","Helvetica-CondensedMedium","Helvetica Condensed Medium","Roboto Condensed",sans-serif;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.subTitle-eng {
		font-size: 36px;
		font-size: 3.6rem;
	}
}
@media screen and (max-width: 480px) {
	.subTitle-eng {
		font-size: 24px;
		font-size: 2.4rem;
	}
}


.pageTitle-eng {
	color: #fff;
	margin-bottom: 10px;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 300;
	font-family: "HelveticaNeue-CondensedLight","Helvetica Neue Condensed Light","Helvetica-CondensedLight","Helvetica Condensed Light","Roboto Condensed",sans-serif;
	display: block;
	letter-spacing: 0.1rem;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.pageTitle-eng {
		font-size: 46px;
		font-size: 4.6rem;
	}
}
@media screen and (max-width: 480px) {
	.pageTitle-eng {
		font-size: 36px;
		font-size: 3.6rem;
		margin-bottom: 5px;
	}
}


/*about_block 
-----------------------------------*/
.about_block {
	margin: 60px 0 85px;
}

.about_block .l-sec-12 .l-col-6 {
	width: 49.4%;
	float: left;
}

.about_block .l-sec-12 .l-col-6:last-child {
	margin-left: 10px;
}


.about_block .l-sec-12 .l-col-4 {
	width: 32.3%;
	float: left;
	margin-left: 15px;
	text-align: center;
}
.about_block .l-sec-12 .l-col-4:first-child {
	margin-left: 0;
}


.about_slide {
	outline: none;
	padding: 55px 0 30px;
}
.about_slide .slick-slide {
    opacity: 0.6;
    transition: 0.3s;
	padding: 0 0.3%;
}
.about_slide .slick-slide img {
    transition: 0.3s;
	width: 100%;
}
.about_slide .slick-slide.slick-active {
    opacity: 1;
}
.about_slide .slick-slide a {
    transition: 0.3s;
}
/*
.about_slide .slick-prev {
	left: 9.5%;
}
.about_slide .slick-next {
	right: 9.5%;
}
.about_slide .slick-prev::before {
	content: "";
	top: 0;
    left: 3px;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
.about_slide .slick-next::before {
	content: "";
	top: 0;
    right: 3px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}*/


.about_block.bg_grey {
	background: #ebf0f4;
	padding: 50px 0;
}
.about_contentslist {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.5%;
}

.about_contentslist li {
	flex: 0 0 22%;
	max-width: 22%;
	padding: 1.5%;
}
.about_contentslist li img {
	transition: 0.3s;
}

.about_contents_bnr {
	text-align: center;
}
.about_contents_bnr li {
	display: inline-block;
}
.about_contents_bnr li img {
	transition: 0.3s;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.about_block {
		margin: 30px 4.68% 40px;
	}

	.about_block .l-sec-12 .l-col-6 {
		width: 100%;
		float: none;
	}
	
	.about_block .l-sec-12 .l-col-4 {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	
	.about_slide {
		padding: 30px 0;
	}
	
	.about_block.bg_grey {
		padding: 30px 4.68%;
		margin: 30px 0 40px;
	}
	.about_contentslist li {
		flex: 0 0 47%;
		max-width: 47%;
	}
	.about_contentslist li img ,
	.about_contents_bnr li img {
		margin-bottom: 0;
	}	

}


/*store_block 
-----------------------------------*/
.store_block {
	background: #f4f5f6;
	padding: 50px 0 85px;
}

.store_block h3 {
	background: #121851;
	color: #ffffff;
	padding: 10px 0;
	font-size: 1.8rem;
	text-align: center;
	margin: 0;
}

.store_block .l-sec-12 .l-col-4 {
	width: 32.3%;
	float: left;
	margin-left: 15px;
}
.store_block .l-sec-12 .l-col-4:first-child {
	margin-left: 0;
}

.store_block .l-sec-12 .l-col-6 {
  width: 49.22222222222222%;
  float: left;
  margin-left: 15px;
}

.store_block .l-sec-12 .l-col-6:first-child {
	margin-left: 0;
}

.store_block .l-sec-12 .l-col-4 .txt div, 
.store_block .l-sec-12 .l-col-6 .txt div {
	padding: 10px;
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}
.store_block .l-sec-12 .l-col-4 .txt .btn-item,
.store_block .l-sec-12 .l-col-6 .txt .btn-item{
	margin: 0 auto;
	width: 100%;
	min-width: auto;
	padding: 0 0 10px;
}
.store_block .l-sec-12 .l-col-4 .txt ul,
.store_block .l-sec-12 .l-col-6 .txt ul {
	padding: 10px 20px;
	background: #ffffff;
	font-size: 1.4rem;
}

.store_block .l-sec-12 .l-col-4 .txt ul li,
.store_block .l-sec-12 .l-col-6 .txt ul li {
	margin-bottom: 5px;
	text-indent: -1.5em;
	margin-left: 1.5em;
	font-size: 112%;
	transition: 0.3s;
}
.store_block .l-sec-12 .l-col-4 .txt ul li:first-child,
.store_block .l-sec-12 .l-col-6 .txt ul li:first-child {
	font-weight: 600;
}

.store_block .l-sec-12 .l-col-4 .txt ul li img,
.store_block .l-sec-12 .l-col-6 .txt ul li img {
	padding-right: 5px;
	vertical-align: sub;
}


@media screen and (max-width: 768px) {
	.store_block {
		padding: 25px 4.68% 40px;
	}

	.store_block h3 {
		padding: 10px 0;
		font-size: 1.6rem;
	}

	.store_block .l-sec-12 .l-col-4,
	.store_block .l-sec-12 .l-col-6 {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	
	.store_block .l-sec-12 .l-col-4 .txt ul li img,
	.store_block .l-sec-12 .l-col-6 .txt ul li img {
		margin-bottom: 0;
	}
	
}


/*example_block 
-----------------------------------*/
.example_block {
	padding: 50px 0 85px;
}


@media screen and (max-width: 768px) {
	.example_block {
		padding: 25px 4.68% 40px;
	}
}


/*ニュースリスト
-----------------------------------*/
.news-list.detail_list {
	width: auto;
	padding: 30px 15px 0;
}

.news-item .btn-item a,
.news-item .btn-item_2 a {
	color: #FFF;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 100px;
	font-weight: bold;
	border: 2px solid #FFF;
	text-align: center;
	position: relative;
	display: inline-block;
	background-color: #FFF;
	background-color: rgba(255,255,255,0.00);
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.news-item .btn-item a:before,
.news-item .btn-item_2 a:before {
	display: block;
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -10px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 20px;
	color: #FFF;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (min-width: 769px) {
	.news-item .btn-item a:hover,
	.news-item .btn-item_2 a:hover {
		background-color: #1e4a2d;
		background-color: rgba(30,74,45,68.00);
		color: #fff;
	}
	.news-item .btn-item a:hover:before,
	.news-item .btn-item_2 a:hover:before {
		color: #fff;
		left: 40px;
	}
}

.news-item,
.news-item_n2 {
	clear: both;
	overflow: hidden;
	background-color: #283a86;
	background-color: rgba(40,58,134,0.68);
}
.news-item_n2 {
	background-color: #102478;
	background-color: rgba(16,36,120,0.55);
}

.news-list.detail_list .news-item,
.news-list.detail_list .news-item_n2 {
	clear: both;
	overflow: hidden;
	background-color: #002033;
	background-color: rgba(204,204,204,0.3);
}
.news-list.detail_list .news-item_n2 {
	background-color: #013350;
	background-color: rgba(255,255,255,0.7);
}



.news-link {
	display: block;
	padding: 20px 30px;
	overflow: hidden;
	position: relative;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #FFF;
}
.news-list.detail_list .news-link {
	color: #000;
}
.news-link:after {
	display: block;
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -10px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 20px;
	color: #ffffff;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.news-list.detail_list .news-link:after {
	color: #000;
}
.news-link:hover {
	opacity: 0.5;
	color: #FFF;
}
.news-list.detail_list .news-link:hover {
	color: #000;
}
.news-link:hover .news-ico {
	background-color: #CEF01C;
}
.news-link:hover:after {
	right: 10px;
	opacity: 0.5;
}
@media screen and (max-width: 768px) {
	.news-link {
		padding: 20px 20px 20px 10px;
	}
	.news-link:after {
		right: 10px;
	}
}
.news-link_no {
	display: block;
	padding: 20px 30px;
	overflow: hidden;
	position: relative;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #333;
}
@media screen and (max-width: 768px) {
	.news-link_no {
		padding: 20px 20px 20px 10px;
	}
}

.news-info {
	float: left;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.news-info {
		margin-bottom: 5px;
		float: none;
	}
}


.news-date {
	display: block;
	float: left;
	margin-right: 20px;
	line-height: 20px;
	color: #ffffff;
}
@media screen and (max-width: 480px) {
	.news-date {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.news-title {
	margin: 0;
	line-height: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	margin-left: 110px;
	color: #ffffff;
}
@media screen and (max-width: 768px) {
	.news-title {
		margin-left: 0;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
}

/*news_block
-----------------------------------*/
.news_block {
	background: #121851;
}

.news_block .txt_box {
	padding: 60px 0 80px;
}

.news_block h2 {
	text-align: center;
	color: #ffffff;
}

.news_block .btn-item {
	margin: 0 auto;
}

.news_block .btn-item a {
	color: #ffffff;
	border: 3px solid #ffffff;
}

.news_block .btn-item a::before {
	color: #ffffff;
}

@media screen and (max-width: 768px) {
	.news_block .txt_box {
		padding: 30px 0;
	}
	
	.news_block .news-list {
		margin-left: 0;
		padding: 0 4.06%;
	}
	
	.news_block .btn-item {
    margin-left: 0;
	}
	.news_block .btn-item a {
		margin: 0 auto;
	}

}



/*ボタン
-----------------------------------*/
@media screen and (max-width: 768px) {
	.btn,
	.btn_center,
	.btn_center2 {
		text-align: center;
	}
}
@media screen and (max-width: 480px) {
	.btn {
		padding-right: 20px;
		padding-left: 20px;
	}

	.btn_center,
	.btn_center2 {
		padding-right: 33px;
		padding-left: 33px;
	}
}

.btn_center {
	text-align: center;
}
.btn_center2 {
	background-color: #f6f6f6;
	background-color: rgba(0,0,0,0.03);
	text-align: center;
}


.btn-item,
.btn-item_2 {
	margin: 0;
	padding: 20px 0;
	letter-spacing: 0.2rem;
	text-align: center;
}
.btn-item a,
.btn-item_2 a {
	color: #000000;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 10px 0;
	font-weight: bold;
	border: 3px solid #1a2057;
	text-align: center;
	position: relative;
	display: inline-block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	min-width: 215px;
}
.btn-item a:before,
.btn-item_2 a:before {
	display: block;
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 20px;
	color: #1a2057;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}




@media screen and (min-width: 769px) {
	.btn-item a:hover,
	.btn-item_2 a:hover {
		background: #1a2057;
		color: #ffffff;
	}

	.btn-item a:hover:before,
	.btn-item_2 a:hover:before {
		left: 20px;
		color: #ffffff;
	}
	
}
@media screen and (max-width: 480px) {
	.btn-item,
	.btn-item_2 {
		width: 100%;
	}
	.btn-item a,
	.btn-item_2 a {
		font-family: "游ゴシック", YuGothic, Meiryo, "メイリオ",sans-serif;
		display: block;
		padding: 7px 0;
		font-size: 1.4rem;
    width: 80%;
    margin: 0 auto;
	}
	
	.btn-item a:before {
		left: 15px;
	}
}
.btn-item_2 {
	padding: 30px 0;
}

.top .btn-item_2 {
	padding: 30px 0 70px 0;
}


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

.l-box_btn,
.l-sec-2 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
@media screen and (min-width: 769px) {
	.l-box_btn,
	.l-sec-2 {
		width: auto;
		max-width: 1200px;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 768px) {
	.l-box_btn,
	.l-sec-2 {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
}



.l-footer {
	background: #fff;
	margin: 0;
	overflow: hidden;
	padding: 100px 0 30px;
	border-top: 1px solid #121851;
}

@media screen and (max-width: 768px) {
	.l-footer {
		padding: 0;
	}
}


.footer-inner > * {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.footer-inner ul {
	float: left;
}

.footer-inner ul li {
	min-width: 165px;
	margin-bottom: 5px;
}

.footer-inner ul li a {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}

.footer-inner ul li a:hover {
	text-decoration: none;
}

.footer-inner ul li.sttl a {
	text-decoration: none;
	color: #3a0a4c;
	font-weight: bold;
	transition: 0.3s;
}

.footer-inner ul li.sttl a:hover {
	opacity: 0.7;
}

.footer-inner span {
	font-size: 11px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.footer-inner > * {
		width: 100%;
	}
	.footer-inner {
		padding: 20px 0 0;
	}

	
	.footer-inner .footer_nav {
		 display: none;
	}
}

.footer-company a img {
	transition: 0.3s;
}
.footer-company a img:hover {
	opacity: 0.5;
}

.footer-company02 {
	text-align: right;
}

.footer-copy {
	position: absolute;
	margin: 0;
	bottom: 0;
	right: 0;
}
@media screen and (max-width: 768px) {
	.footer-company {
		margin: 0 auto 15px;
		text-align: center;
		width: 50%;
	}
	.footer-company02 {
		margin: 0 auto 15px;
		text-align: center;
		width: 10%;
	}
	
	.footer-copy {
		position: static;
		text-align: center;
		margin: 0 0 10px;
		font-size: 11px;
	}
}





/*margin
----------------------------------------*/

/*top*/
.mt0{ margin-top: 0px !important; }
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }

/*bottom*/
.mb0 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }


/*width
----------------------------------------*/
.w05per { width: 5% !important; }
.w10per { width: 10% !important; }
.w15per { width: 15% !important; }
.w20per { width: 20% !important; }
.w25per { width: 25% !important; }
.w30per { width: 30% !important; }
.w33per { width: 33.3333333333333% !important; }
.w35per { width: 35% !important; }
.w40per { width: 40% !important; }
.w45per { width: 45% !important; }
.w50per { width: 50% !important; }
.w55per { width: 55% !important; }
.w60per { width: 60% !important; }
.w65per { width: 65% !important; }
.w70per { width: 70% !important; }
.w75per { width: 75% !important; }
.w80per { width: 80% !important; }
.w85per { width: 85% !important; }
.w90per { width: 90% !important; }
.w95per { width: 95% !important; }








/*ページ内パーツ
----------------------------------------*/


/*表示
----------------------------------------*/
/* PCだけ表示 */
.visible_pc {
	display: block !important;
}
/* SPだけ表示 */
.visible_sp {
	display: none !important;
}

/* PCだけ表示 */
.visible_pc_inline {
	display: inline !important;
}
/* SPだけ表示 */
.visible_sp_inline {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	/* PCだけ表示 */
	.visible_pc {
		display: none !important;
	}
	/* SPだけ表示 */
	.visible_sp {
		display: block !important;
	}

	/* PCだけ表示 */
	.visible_pc_inline {
		display: none !important;
	}
	/* SPだけ表示 */
	.visible_sp_inline {
		display: inline !important;
	}
	/* SPだけ改行 */
	.sp_br {
		display: block;
	}
	img {
		max-width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
}


/* #contants .inbox
--------------------------------------*/
#contants .inbox {
	width: 980px;
	padding: 0;
	margin: 0 auto;
}

#contants .inbox .container {
	width: 700px;
	float: left;
	margin-right: 20px;
}

#contants .inbox .side_block {
	overflow: hidden;
}

@media (max-width: 768px) {
	#contants .inbox {
		width: auto;
    	padding: 0;
    /*margin: 0 2%;*/
		margin: 30px 4.68% 40px;
	}
	#contants .inbox .container {
		width: auto;
		float: none;
		margin-right: 0;
	}
	.acms-entry table th {
		width: 30%;
	}
}

/* .acms-form-action
--------------------------------------*/
.acms-form-action input[type="text"],
.acms-form-action input[type="search"],
.acms-form-action input[type="email"],
.acms-form-action input[type="password"],
.acms-form-action input[type="url"] {
	padding: 1.5px;
}

@media (min-width: 768px) {
	.acms-form-action input[type="text"],
	.acms-form-action input[type="search"],
	.acms-form-action input[type="email"],
	.acms-form-action input[type="password"],
	.acms-form-action input[type="url"] {
		height: 23px;
	}
}

.acms-page-header {
	border-bottom: none;
}

.acms-icon-search:before {
	font-size: 5px;
	line-height: 1.5;
}

.column-file-auto {
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.column-file-auto a {
	display: table;
	position: relative;
	padding: 10px;
	line-height: 1.2;
	cursor: pointer;
	background-color: #eee;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	color: #666;
	width: -webkit-fill-available;
  width: -moz-fill-available;
}
.column-file-auto a:hover{
	color: #018599;
}

.column-file-auto .columnIcon{
	float: left;
	
}
.column-file-auto p.caption{
	color: #666;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	width: 100%;
}
.column-file-auto p.caption:hover{
	color: #018599;
}
.summary_index.acms-col-md-4 {
	width: 100%;
}


/* side_block 
----------------------------------*/
#contants .inbox .side_block .acms-list-group-heading {
	font-size: 84.5%;
	text-align: center;
	border: solid 1px #e1e1e1;
	padding: 3px;
	margin-top: 0;
}
#contants .inbox .side_block .acms-list-group-heading span {
	display: block;
	padding-top: 7px;
	border-bottom: solid 2px #121851;
}
#contants .inbox .side_block .bg_about {
	background: #efede0;
	padding: 8px;
}
#contants .inbox .side_block .acms-list-group {
	background: #ffffff;
	border-radius: 4px;
	padding-bottom: 20px;
}
#contants .inbox .side_block .acms-list-group-item {
	font-size: 81.25%;
	margin: 0 10px;
	padding: 10px;
}
#contants .inbox .side_block .acms-list-group-item .date {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
#contants .inbox .side_block .acms-list-group-item .date .acms-label {
	font-size: 11px;
	font-size: 1.1rem;
	background: none;
	float: right;
}
#contants .inbox .side_block .acms-list-group-title-link {
	margin: 0;
	text-decoration: underline;
	display: inline-table;
}





/* ファイルボタン
--------------------------------------*/
.acms-entry p.btn-pdf a,
.acms-entry p.btn-docx a,
.acms-entry p.btn-excel a {
	display: inline-block;
	position: relative;
	padding: 15px;
	line-height: 1.2;
	cursor: pointer;
	background-color: #eee;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	color: #666;
	width: -webkit-fill-available;
  width: -moz-fill-available;
}
.acms-entry p.btn-pdf a:hover,
.acms-entry p.btn-docx a:hover,
.acms-entry p.btn-excel a:hover {
	color: #018599;
}
.acms-entry p.btn-pdf a::before {
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	background: url(../images/common/icon_pdf.png);
	width: 33px;
	height: 43px;
}
.acms-entry p.btn-docx a::before {
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	background: url(../images/common/icon_docx.png);
	width: 33px;
	height: 43px;
}
.acms-entry p.btn-excel a::before {
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	background: url(../images/common/icon_excel.png);
	width: 33px;
	height: 43px;
}









/* 404
--------------------------------------*/
#contants .inbox .container.error {
	width: 100%;
	margin: 55px 0;
}

@media screen and (max-width: 480px) {
	#contants .inbox .container.error {
		margin-bottom: 0;
	}
}



/*form step
----------------------------------------*/
@media (min-width: 768px) {
	.acms-entry ol.formstep {
		text-align: center;
	}
	.acms-entry ol.formstep > li.mailStepItem {
		display: inline-block;
		margin-bottom: 0;
	}
	.acms-entry ol.formstep > li.mailStepItem + li {
		margin-left: 20px;
	}
}
.acms-entry ol.formstep > li.mailStepItem span {
	display: inline-block;
	padding: 0 0 2px;
}
.acms-entry ol.formstep > li.mailStepItemCurrent span {
	border-bottom: solid 1px #C82119;
}



/*page parts
----------------------------------------*/

.osusume-box {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

.acms-entry .osusume-box li {
	font-size: 1.1em;
}

.osusume-box span {
	margin-bottom: 0px;
}

span.osusume {
	padding: 8px 15px 5px 15px;
	margin: 0 5px;
	color: #FFF;
	border-radius: 26px;
	font-size: 1em;
	background-color: #121851;
	display: block;
}


.seizai-box {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

.seizai-box span {
	margin-bottom: 0px;
}

span.seizai {
	padding: 8px 15px 0px 15px;
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 1em;
	background-color: #121851;
	display: block;
}

span.seizai-cap {
	padding: 0px 5px 5px 5px;
	color: #FFF;
	font-size: .6em;
	background-color: #121851;
	display: block;
}


/*Q&A parts
----------------------------------------*/
p.circle {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #C00953;
	color: #FFFFFF !important;
	text-align:center;
	font-weight: bold;
	font-size: 2.4rem !important;
	line-height: 60px;
	vertical-align: middle;
	margin-bottom: 0 !important;
}

p.circle2 {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #112FB4;
	color: #FFFFFF !important;
	text-align:center;
	font-weight: bold;
	font-size: 2.4rem !important;
	line-height: 60px;
	vertical-align: middle;
	margin-bottom: 0 !important;
}


.qbox{
	padding: 10px;
	background: #F3DFDF;
	border-radius: 20px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	display: flex;
}

p.q-txt {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1rem 2rem 0 3rem !important;
	vertical-align: middle;
}

.abox{
	padding: 10px;
	background: #F0F2F3;
	border-radius: 20px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	display: flex;
}

p.a-txt {
	font-size: 1em;
	margin: .6rem 2rem 0 3rem !important;
	vertical-align: middle;
	line-height: 1.6;
}

hr.qanda {

    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    border-top: none;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: rgb(204, 204, 204);
    margin: 30px 0 30px 0;
	width: auto;
}


@media (max-width: 768px) {
p.circle {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #C00953;
	color: #FFFFFF !important;
	text-align:center;
	font-weight: bold;
	font-size: 1.4rem !important;
	line-height: 2.1em !important;
	vertical-align: middle;
	margin-bottom: 0 !important;
}

p.circle2 {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #112FB4;
	color: #FFFFFF !important;
	text-align:center;
	font-weight: bold;
	font-size: 1.4rem !important;
	line-height: 2.1em !important;
	vertical-align: middle;
	margin-bottom: 0 !important;
}
p.q-txt {
	font-size: 1.2em;
	font-weight: bold;
	margin: .5rem 1rem 0 3rem !important;
	vertical-align: middle;
}

p.a-txt {
	font-size: 1em;
	margin: .6rem 1rem 0 3rem !important;
	vertical-align: middle;
	line-height: 1.6;
}
}



/*seminar
----------------------------------------*/
.seminar .acms-page-header {
	margin-bottom: 0;
}
.seminar .acms-page-header h2 {
    margin-bottom: 0;	
}

.seminar_wrap {
	background: #e7eef5;
	margin-bottom: 40px;
	padding: 10px;
}

.seminar_block {
	background: #a1aecb;
	padding: 10px;
}

/*セミナー概要*/
.seminar_block .seminar_head {
	background: #fff;
}
.seminar_block .seminar_head .num_c_f {
	float: left;
	min-width: 90px;
	padding: 15px 10px;
	background: #f6358b;
	color: #fff;
	text-align: center;
}
.seminar_block .seminar_head .num_c_f.free {
	background: #01aa45;
}

.seminar_block .seminar_head .num_c_f .c_f {
	font-size: 160%;
	margin: 0;
	font-weight: bold;
	line-height: 1.2;
	color: #FFFFFF;
}
.seminar_block .seminar_head .num_c_f .teiin {
	font-size: 160%;
	margin: 0;
	font-weight: bold;
	line-height: 1.2;
	color: #FFFFFF;
}
.seminar_block .seminar_head .num_c_f .teiin span {
	font-size: 75%;
}

.seminar_block .seminar_head .overview {
	padding: 14px 22px 11px;
	overflow: hidden;
}
.seminar_block.index_list .seminar_head .overview  {
	width: 530px;
	float: left;
}
.seminar_block.index_list .seminar_head .img_float_r {
	width: 200px;
	margin: 15px 15px 15px 0;
}
.seminar_block .seminar_head .overview .subttl_box {
	margin-bottom: 12px;
}

.seminar_block .seminar_head .overview .subttl_box .syubetsu {
	margin: 0 15px 0 0;
	/*float: left;
	min-width: 98px;*/
	width: 98px;
	padding: 3px 5px 1px;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
}
.seminar_block .seminar_head .overview .subttl_box .syubetsu.event {
	border: 2px solid #0b7dde;
	border-radius: 5px;	
}
.seminar_block .seminar_head .overview .subttl_box .syubetsu.seminar {
	border: 2px solid #fe8004;
	border-radius: 5px;	
}
.seminar_block .seminar_head .overview .subttl_box .syubetsu.school {
	border: 2px solid #fe75bf;
	border-radius: 5px;	
}

.seminar_block .seminar_head .overview .subttl_box .subttl {
	font-size: 184.6%;
	font-size: 161.6%;
	font-size: 138.5%;
	line-height: 1.3;
	margin: 0;
	padding: 4px 0 0;
	background: 0;
	border: 0;
	overflow: hidden;
}
.seminar_block .seminar_head .overview .subttl_box .subttl::after,
.seminar_block .seminar_head .overview .subttl_box .subttl::before{
	content: none;
}

.seminar_block .seminar_head .overview .bikou {
	font-size: 90%;
	margin-bottom: 5px;
}

.seminar_block .seminar_head .overview .kaisai {
	margin: 0;
	font-weight: bold;
}
.seminar_block .seminar_head .overview .kaisai +  .kaisai {
	margin-top: 8px;
}
/*
.seminar_block .seminar_head .overview .kaisai:first-child {
	margin: 0 0 15px; 
}*/

.seminar_block .seminar_head .overview .kaisai dt {
	/*float: left;
	min-width: 80px;*/
	width: 100px;
	padding: 2px 5px 0 5px;
	font-size: 100%;
	box-sizing: border-box;
	background: #121851;
	color: #ffffff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}
.seminar_block .seminar_head .overview .kaisai dd {
	overflow: hidden;
	font-size: 184.6%;
	font-size: 161.6%;
	font-size: 138.5%;
	margin: 0;
	padding: 0;
}
.seminar_block .seminar_head .overview .kaisai .time_text {
	font-size: 75%;
}

.seminar_block .seminar_head .overview .jyusho {
	font-size: 123%;
	margin-top: 0;
}

.seminar_block .seminar_head .ph {
	text-align: center;
    margin: 0 0 4px;
}
.seminar_block .seminar_head .ph p {
    width: 195px;
    display: inline-block;
    margin: 0 0 10px;
}
.seminar_block .seminar_head .ph p + p {
    margin-left: 14px;
}

/*帯部分*/
.seminar_block .obi {
	background: #121851;
	padding: 8px 0 5px;
	text-align: center;
	margin: 0 0 3px;
}

.seminar_block .obi span {
	display: inline-block;
	font-size: 184.6%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin: 0 5px;
}

/*テーブル部分*/
.seminar_block .enmoku_table {
	width: 100%;
	table-layout: fixed;
}
.seminar_block .enmoku_table th {
	background: #f3ece1;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	width: 267px;
	vertical-align: middle;
	padding: 10px 18px;
}
.seminar_block .enmoku_table td {
	background: #fff;
	font-weight: bold;
	font-size: 100%;
	padding: 10px 18px;
}

.seminar_block .enmoku_table td .katagaki {
	margin-right: 18px;
}
.seminar_block .enmoku_table td .namae {
	margin-right: 40px;
}

.seminar_block .enmoku_table td .enmokubikou {
	display: block;
	font-size: 88.8%;
	font-weight: normal;
}

/*マップ*/
.seminar_block .googlemap {
	margin: 10px 0;
}

.seminar_block .googlemap .js-s2d-ready {
	width: 100% !important;
	height: 390px !important;
}

/*備考*/
.seminar_block .bikou_block .ttl {
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 138.4%;
	color: #fff;
	background: #121851;
	margin: 0;
}

.seminar_block .bikou_block .bikou_box {
	padding: 20px 24px;
	font-size: 123%;
	background: #fff;
}

.seminar_block .bikou_block .bikou_box p {
	margin: 0;
}

/*　ボタン*/
.seminar_wrap .btn_block {
	text-align: center;
	margin: 14px 0 7px;
}

.seminar_wrap .btn_block p {
	display: inline-block;
	margin: 0 5px;
}

.seminar_wrap .btn_block p img {
	vertical-align: top;
}

/* コンタクトT*/
.seminar .contact_block {
	margin-top: 40px;
	padding: 20px;
	border: 2px solid #121851;
}

.seminar .contact_block .sponsor {
	margin: 0 10px;
	font-size: 90%;
}
.seminar .contact_block .sponsor dt {
	float: left;
}
.seminar .contact_block .sponsor dd {
	overflow: hidden;
}
.seminar .contact_block.kanren_url_block .sponsor dt {
	float: left;
	width:  6em;
}
.seminar .contact_block.kanren_url_block .sponsor dd {
	overflow: hidden;
	margin-left: 6em;
}

.seminar .contact_block .contact_box {
	margin: 15px 0 0;
	display: table;
	width: 100%;
}
.seminar .contact_block .contact_box dt {
	display: table-cell;
	width: 200px;
	text-align: center;
	height: 63px;
	font-size: 138.4%;
	font-weight: bold;
	color: #fff;
	background: #121851;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
}
.seminar .contact_block .contact_box dd {
	display: table-cell;
	font-weight: bold;
	background: #f3ece1;
	vertical-align: middle;
	padding: 5px 17px;
	margin: 0;
}

.seminar .contact_block .contact_box dd .contact_name {
	display: inline-block;
	font-size: 18px;
	margin-right: 20px;
}
.seminar .contact_block .contact_box dd .tel {
	display: inline-block;
	font-size: 184.6%;
	margin-right: 5px;	
}
.seminar .contact_block .contact_box dd .contact_bikou {
	display: inline-block;
	font-size: 90%;
}

.seminar_wrap {
	position: relative;
}
.seminar_wrap .kanryo {
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 260px;
}

@media only screen and (max-width: 767px) {
	.seminar .acms-page-header {
		margin-bottom: 0;
	}
	.seminar .acms-page-header h2 {
		margin-bottom: 0;	
	}

	.seminar_wrap {
		margin-bottom: 0;
		padding: 4px;
	}

	.seminar_block {
		padding: 4px;
	}

	/*セミナー概要*/
	.seminar_block .seminar_head .num_c_f {
		/*float: left;*/
		float: none;
		min-width: 0;
		padding: 2px 6px;
	}

	.seminar_block .seminar_head .num_c_f .c_f {
		font-size: 13px;
		margin: 0;
		font-weight: bold;
		line-height: 1.2;
		display: inline-block;
	}
	.seminar_block .seminar_head .num_c_f .teiin {
		font-size: 10px;
		margin: 0;
		display: inline-block;
	}
	.seminar_block .seminar_head .num_c_f .teiin span {
		font-size: 8px;
	}

	.seminar_block .seminar_head .overview {
		padding: 8px 10px 8px;
	}
	.seminar_block.index_list .seminar_head .img_float_r {
		width: auto;
		margin: 2px 10px 0;
		padding-bottom: 8px;
	}
	.seminar_block.index_list .seminar_head .img_float_r img {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}
	.seminar_block.index_list .seminar_head .overview  {
		float: none;
		width: auto;
	}

	.seminar_block .seminar_head .overview .subttl_box {
		margin-bottom: 0;
	}

	.seminar_block .seminar_head .overview .subttl_box .syubetsu {
		margin: 0 15px 0 0;
		float: none;
		display: inline-block;
		min-width: 50px;
		line-height: 15px;
		font-size: 10px;
		text-align: center;
		font-weight: bold;
	}
	.seminar_block .seminar_head .overview .subttl_box .syubetsu.event {
		border: 1px solid #0b7dde;
		border-radius: 3px;	
	}
	.seminar_block .seminar_head .overview .subttl_box .syubetsu.seminar {
		border: 1px solid #fe8004;
		border-radius: 3px;	
	}
	.seminar_block .seminar_head .overview .subttl_box .syubetsu.school {
		border: 1px solid #fe75bf;
		border-radius: 3px;	
	}

	.seminar_block .seminar_head .overview .subttl_box .subttl {
		font-size: 15px;
		line-height: 1.3;
		margin: 0;
		padding: 6px 0 2px;;
		background: 0;
		border: 0;
	}
	.seminar_block .seminar_head .overview .subttl_box .subttl::after,
	.seminar_block .seminar_head .overview .subttl_box .subttl::before{
		content: none;
	}
	
	.seminar_block .seminar_head .overview .bikou {
		font-size: 12px;
		margin: 0;
	}

	.seminar_block .seminar_head .overview .kaisai {
		margin: 0;
		font-weight: bold;
	}
	.seminar_block .seminar_head .overview .kaisai:first-child {
		margin: 0 0 4px; 
	}

	.seminar_block .seminar_head .overview .kaisai dt {
		/*float: left;
		min-width: 52px;
		padding-top: 4px;*/
		width: 52px;
		font-size: 10px;
	}
	.seminar_block .seminar_head .overview .kaisai dd {
		overflow: hidden;
		font-size: 15px;
	}
	.seminar_block .seminar_head .overview .kaisai .time_text {
		font-size: 10px;
	}
	
	.seminar_block .seminar_head .overview .jyusho {
		font-size: 12px;
		margin: 0;
	}

	.seminar_block .seminar_head .ph {
		margin: 11px 7px 0;
	}
	.seminar_block .seminar_head .ph p {
		width: auto;
		display: block;
		margin: 4px 0 0;
	}
	.seminar_block .seminar_head .ph p + p {
		margin-left: 0;
	}

	/*帯部分*/
	.seminar_block .obi {
		padding: 4px 0 3px;
		text-align: center;
		margin: 0 0 1px;
	}

	.seminar_block .obi span {
		display: inline-block;
		font-size: 12px;
		margin: 0 5px;
	}

	/*テーブル部分*/
	.seminar_block .enmoku_table {
		width: 100%;
		table-layout: fixed;
	}
	.seminar_block .enmoku_table th {
		background: #f3ece1;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		width: 31.65%;
		vertical-align: middle;
		padding: 5px 8px;
	}
	.seminar_block .enmoku_table td {
		background: #fff;
		font-weight: bold;
		font-size: 12px;
		padding: 5px 8px;
	}

	.seminar_block .enmoku_table td .katagaki {
		margin-right: 10px;
	}
	.seminar_block .enmoku_table td .namae {
		margin-right: 0;
	}
	
	.seminar_block .enmoku_table td .enmoku1time {
		display: block;
	}

	.seminar_block .enmoku_table td .enmokubikou {
		font-size: 12px;
	}
	/*マップ*/
	.seminar_block .googlemap {
		margin: 5px 0;
	}
	
	.seminar_block .googlemap .js-s2d-ready {
		height: 130px !important;
	}

	/*備考*/
	.seminar_block .bikou_block .ttl {
		padding: 3px 0;
		font-size: 12px;
		margin: 0;
	}

	.seminar_block .bikou_block .bikou_box {
		padding: 10px 12px;
		font-size: 10px;
	}

	.seminar_block .bikou_block .bikou_box p {
		margin: 0;
	}

	/*　ボタン*/
	.seminar_wrap .btn_block {
		margin: 5px 0 5px;
	}

	.seminar_wrap .btn_block p {
		margin: 0;
		width: 49.12%;
	}
	
	/* コンタクトT*/
	.seminar .contact_block {
		margin-top: 20px;
		padding: 10px;
		border: 2px solid #121851;
	}

	.seminar .contact_block .sponsor {
		margin: 0 5px;
		font-size: 12px;
	}
	.seminar .contact_block.kanren_url_block .sponsor dt {
		float: none;
		width:  auto;
	}
	.seminar .contact_block.kanren_url_block .sponsor dd {
		overflow: hidden;
		margin-left: 0;
	}

	.seminar .contact_block .contact_box {
		margin: 10px 0 0;
		display: block;
	}
	.seminar .contact_block .contact_box dt {
		display: block;
		width: 100%;
		height: auto;
		font-size: 12px;
		padding: 5px 0;
	}
	.seminar .contact_block .contact_box dd {
		text-align: center;
		display: block;
		padding: 5px;
	}
	.seminar .contact_block .contact_box dd .contact_name {
		font-size: 11px;
		margin-right: 0;
		display: block;
		text-align: center;
	}
	.seminar .contact_block .contact_box dd .tel {
		font-size: 16px;
	}
	.seminar .contact_block .contact_box dd .contact_bikou {
		font-size: 10px;
	}
	
	.seminar_wrap .kanryo {
		top: 20px;
		width: 230px;
	}
}


/* ------------------------------  
 リスト
------------------------------- */
.topics_list{
	margin-left: 10px;
	margin-right: 10px;
}

.topics_list .acms-list-group-heading {
	margin-bottom: 0;
	padding: 5px 0;
	color: #333;
	border-bottom: 2px solid #333;
}
.topics_list .acms-list-group-heading a {
	color: inherit;
	text-decoration: none;
}

.topics_list .acms-list-group {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #E5E5E5;
	font-size: 1.1em;
}
.topics_list .acms-list-group-heading + .acms-list-group {
	border-top: 0;
}
.topics_list .acms-list-group + .acms-list-group {
	margin: 0;
}

.topics_list .acms-list-group-item {
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #333;
	border-bottom: none;
}
.topics_list .acms-list-group-item:hover {
	background: #EEE;
}
.topics_list .acms-list-group-item:hover,
.topics_list .acms-list-group-item:visited,
.topics_list .acms-list-group-item:active,
.topics_list .acms-list-group-item:focus {
	color: #333;
	text-decoration: none;
}

.topics_list .acms-list-group-title-link {
	margin: 0 10px;
	text-decoration: none;
}
.topics_list .acms-list-group-title-link:hover,
.topics_list .acms-list-group-title-link:visited,
.topics_list .acms-list-group-title-link:active,
.topics_list .acms-list-group-title-link:focus {
	text-decoration: underline;
}


/* ------------------------------
　　ページャー
------------------------------ */
.acms-pager-container {
	text-align: center;
}
.acms-pager-container .acms-pager,
.acms-pager-container .pager,
.acms-entry .acms-pager,
.acms-entry .pager {
	border: none;
    background: none;
    padding: 0;
    margin: 0;
}
.acms-pager-container .acms-pager li,
.acms-pager-container .pager li,
.acms-entry .acms-pager li,
.acms-entry .pager li {
	display: inline-block;
    padding: 0;
	margin-left: 0;
}
.acms-pager-container .acms-pager li+li a,
.acms-pager-container .acms-pager li+li span,
.acms-entry .acms-pager li+li a,
.acms-entry .acms-pager li+li span {
	border-left: none;
}
.acms-pager-container .acms-pager li:before,
.acms-pager-container .pager li:before,
.acms-entry .acms-pager li:before,
.acms-entry .pager li:before {
	display: none;
}
.acms-pager li.cur span,
.acms-pager li>a,
.acms-pager li span>a {
	border-radius: 0;
	background: none;
	color: #121851;
	font-size: 15px;
	font-family: 'Arial', sans-serif;
	padding: 9px 12px;
	border-color: #ddd;
}
.acms-pager.acms-pager-lg li.cur span,
.acms-pager.acms-pager-lg li>a,
.acms-pager.acms-pager-lg li span>a {
	font-size: 18px;
	padding: 13px 16px;
}
.acms-pager.acms-pager-sm li.cur span,
.acms-pager.acms-pager-sm li>a,
.acms-pager.acms-pager-sm li span>a {
	font-size: 13px;
	padding: 7.5px 9.5px;
}
.acms-pager li.cur span {
	background: #121851;
	color: #fff;
	font-weight: bold;
	border-color: #121851;
}
.acms-pager li.previous span,
.acms-pager li.previous>a {
	border-radius: 4px 0 0 4px;
	font-family: inherit;
}
.acms-pager li.next span,
.acms-pager li.next>a {
	border-radius: 0 4px 4px 0;
	font-family: inherit;
}
.acms-pager.acms-pager-lg li.previous span,
.acms-pager.acms-pager-lg li.previous>a {
	border-radius: 6px 0 0 6px;
}
.acms-pager.acms-pager-lg li.next span,
.acms-pager.acms-pager-lg li.next>a {
	border-radius: 0 6px 6px 0;
}
.acms-pager li a:hover {
    border: 1px solid #ddd;
	color: #23527c;
	background: #eee;
}

.acms-entry .pager ul {
	overflow: hidden;
}
.acms-pager-container .pager li.previous,
.acms-entry .pager li.previous {
	float: left;
}
.acms-pager-container .pager li.next,
.acms-entry .pager li.next {
	float: right;
}
.acms-pager-container .pager li.previous>span,
.acms-pager-container .pager li.previous>a,
.acms-pager-container .pager li.next>span,
.acms-pager-container .pager li.next>a,
.acms-entry .pager li.previous>span,
.acms-entry .pager li.previous>a,
.acms-entry .pager li.next>span,
.acms-entry .pager li.next>a {
	color: #121851;
	display: inline-block;
	border-radius: 32px;
	height: 32px;
	line-height: 33px;
	border: solid 1px #ddd;
	padding: 0 13px;
	font-size: 14px;
	text-decoration: none;
}
.acms-pager-container .pager li.previous>a:hover,
.acms-pager-container .pager li.next>a:hover,
.acms-entry .pager li.previous>a:hover,
.acms-entry .pager li.next>a:hover {
	color: #23527c;
	background: #eee;
}
.acms-pager-container .pager li.previous>span span,
.acms-pager-container .pager li.previous>a span,
.acms-entry .pager li.previous>span span,
.acms-entry .pager li.previous>a span {
	margin-right: 5px;
}
.acms-pager-container .pager li.next>span span,
.acms-pager-container .pager li.next>a span,
.acms-entry .pager li.next>span span,
.acms-entry .pager li.next>a span {
	margin-left: 5px;
}

@media only screen and (max-width: 767px) {
	.acms-pager-container {
		margin-left: 10px;
		margin-right: 10px;
	}

	.acms-pager li.cur span,
	.acms-pager li>a,
	.acms-pager li span>a {
		font-size: 13px;
		padding: 7px 10px;
	}
	.acms-pager.acms-pager-lg li.cur span,
	.acms-pager.acms-pager-lg li>a,
	.acms-pager.acms-pager-lg li span>a {
		font-size: 16px;
		padding: 11px 15px;
	}
	.acms-pager.acms-pager-sm li.cur span,
	.acms-pager.acms-pager-sm li>a,
	.acms-pager.acms-pager-sm li span>a {
		font-size: 11px;
		padding: 6px 8px;
	}
}

@media screen and (min-width: 768px) {
	.pager-link {
		padding: 5px 10px;
	}
	.pager li.cur {
		/* 現在いる位置 */
		padding: 5px 10px;
	}
}

/* 前後リンク */
.serial-nav {
	list-style: none;
	margin: -25px 0 60px 0;
	padding: 0;
}
.serial-nav .serial-nav-item {
	display: block;
	float: none;
}
.serial-nav .serial-nav-item-prev {
	text-align: left;
}
.serial-nav .serial-nav-item-next {
	text-align: right;
}
.serial-nav a {
	display: block;
	padding: 25px 0;
	border-bottom: 1px solid #E5E5E5;
	color: #333;
}
.serial-nav a:hover,
.serial-nav a:visited,
.serial-nav a:focus,
.serial-nav a:active {
	color: inherit;
	text-decoration: none;
}
.serial-nav a:hover {
	background: #E5E5E5;
}

@media screen and (min-width: 768px) {
	.serial-nav {
		margin: 0 0 60px 0;
		border: 0;
	}
	.serial-nav .serial-nav-item-prev {
		float: left;
	}
	.serial-nav .serial-nav-item-next {
		float: right;
	}
	.serial-nav a {
		display: inline;
		border: 0;
	}
	.serial-nav a:hover {
		text-decoration: underline;
		background: 0;
	}
}

/*スタッフ紹介
----------------------------------------*/

.staff_profile{
	margin-bottom: 10px;
}

.staff_profile p{
	line-height: 1.4em;
	font-size: 72%;
	margin-bottom: 8px;
}

p.staff_name{
	color: #121851;
	font-size: 94%;
	font-weight: bold;
}

.staff_comment {	
	margin-bottom: 20px;
}

.staff_comment .ttl{
	font-weight: bold;	
	padding: 0.25em 1.2em;
	font-size: 76%;
	margin-bottom: 0;
}

.staff_comment .ttl:before  {
	background: #d0c3ac;
	content: "";
	height: 10px;
	width: 10px;
	left: 0;
	position: absolute;
	top: 6px;
}

@media only screen and (max-width: 767px) {
	p.staff_name{	
		font-size: 94% !important;	
	}
	
}


/*ワード
----------------------------------------*/

.word{
	margin-top: 120px;
	border-top: dotted 1px #d9d9d9;
	text-align: right;
	font-size: 76%;
	padding-top: 16px;
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
	.word{	
		margin: 70px 0 24px;
		font-size: 66%;
		letter-spacing: 0;
		
	}
}






/*改善例 追加
----------------------------------------*/
.example_contents_list {
	margin-bottom: 20px;
}
.example_contents_list h3 {
	color: #121851;
    font-size: 1.8rem;
    margin: 0 0 10px;
    line-height: 1.5;
	height: 54px;
}
.example_contents_list p {
	font-size: 1.3rem;
    line-height: 1.4;
}
.example_contents_list dl {
	display: table;
    width: 100%;
    margin: 0 0 5px;
}
.example_contents_list dt {
	display: table-cell;
    padding: 0;
	font-size: 1.3rem;
}
.example_contents_list dd {
	display: table-cell;
    padding: 0;
}
.example_contents_list dd p {
	margin: 0;
	text-align: right;
}
.example_contents_list dd p a {
	text-decoration: underline;
}
.example_contents_list dd p a:hover {
	text-decoration: none;
}
.example_contents_list .btn {
	text-align: right;
}




.example_contents .example_block {
	margin-bottom: 30px;
}
.entry_body .example_contents .example_block {
	padding: 0;
}
.example_contents .example_block .example_cap {
	margin: 0;
	font-size: 1.3rem;
}
.example_contents .example_block .example_cap span {
	margin-right: 15px;
}
.example_contents .example_block .example_border-box {
	border: 1px solid #ddd;
	padding: 15px 20px;
}
.example_contents .example_block dl {
	display: table;
	width: 100%;
	margin: 0 0 10px;
}
.example_contents .example_block dl:last-child {
	margin: 0;
}
.example_contents .example_block dl dt {
	display: inline-block;
	background: #121851;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	width: 90px;
}
.example_contents .example_block dl dd {
	display: table-cell;
	font-size: 1.3rem;
	padding-left: 10px;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.example_contents_list h3 {
		height: auto;
	}
	
	.example_contents .example_block .example_img img {
		margin-bottom: 0;
	}
	.example_contents .example_block .example_cap {
		margin: 0 0 15px;
	}
}


/*商品紹介
--------------*/
.example_contents .product_block h3 {
    color: #121851;
	padding: 0;	
	margin: 0 0 15px;
}
.example_contents .product_block .acms-grid {
    margin: 0 -10px;
}
.example_contents .product_block .acms-col-sm-4 {
    padding: 0 10px;
}
.example_contents .product_block .acms-col-sm-4 p {
    margin: 0;
}

@media only screen and (max-width: 767px) {
	
}


/*店舗一覧
--------------*/
.example_contents .store_block {
    background: none;
    padding: 40px 0;
}
.example_contents .store_block h3 {
    background: none;
    color: #121851;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.3;
	padding: 10px 10px 0;
}
.example_contents .store_block h3::before,
.example_contents .store_block h3::after {
    display: none;
}

.example_contents .store_block .l-sec-12 {
    margin: 0 10px;
}
.example_contents .store_block .l-sec-12 .l-col-4 {
    border: 1px solid #cccccc;
	width: 31.6%;
	margin-left: 2.1%;
	float: left;
}
.example_contents .store_block .l-sec-12 .l-col-4:first-child {
	margin-left: 0;
}
.example_contents .store_block .l-sec-12 .l-col-4 .txt div {
    padding: 10px;
    border-bottom: none;
}
.example_contents .store_block .l-sec-12 .l-col-4 .txt ul {
	padding: 0;
    border: none;
}
.example_contents .store_block .l-sec-12 .l-col-4 .txt ul li {
    padding-left: 0;
	font-size: 1.3rem;
}
.example_contents .store_block .l-sec-12 .l-col-4 .txt ul li span {
	font-size: 1.2rem;
}

.example_contents .store_block .l-sec-12 .l-col-4 .txt ul > li:before {
	display: none;
}

.example_contents .store_block .l-sec-12 .l-col-4 .txt .btn-item {
    width: auto;
}
.example_contents .store_block .btn-item a {
    color: #1a2057 !important;
    font-size: 1.4rem;
    padding: 5px 0;
    font-weight: bold;
    border: 3px solid #1a2057;
    text-align: center;
    position: relative;
    display: inline-block;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    min-width: 120px;
}
.example_contents .store_block .btn-item a:hover {
    color: #fff !important;
}

@media only screen and (max-width: 767px) {
	.example_contents .store_block .l-sec-12 .l-col-4 {
		width: 100%;
		float: none;
	}
	
}



/*おすすめ記事
--------------*/
.example_contents .osusume_block {
    color: #fff !important;
	margin-bottom: 50px;
}

.example_contents .osusume_block h3 {
	display: block;
    margin: 1.5px 0;
    padding: 11px 12px;
    color: #fff;
    font-weight: bold;
    background: #121851;
    font-size: 1.6rem;
}
.example_contents .osusume_block ul {
	border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.example_contents .osusume_block ul li {
	border-bottom: 2px solid #1a2057;
	padding: 10px 10px 10px 1.7em;
	font-size: 1.4rem;
}
.example_contents .osusume_block ul li a {
	transition: 0.3s;
	color: #000;
}
.example_contents .osusume_block ul li a:hover {
	opacity: 0.5;
}
.example_contents .osusume_block ul li::before {
	display: block;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    font-size: 2rem;
    line-height: 20px;
    color: #1a2057;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	background: none;
}


@media only screen and (max-width: 767px) {
	
	
	
}



/*サイドナビ
--------------*/
.example_contents #contants .inbox .side_block .btn_list_example {
    margin-top: 15px;
}
.example_contents #contants .inbox .side_block .btn_list_example ul li {
    position: relative;
	margin-bottom: 5px;
}

.example_contents #contants .inbox .side_block .btn_list_example ul li .acms-list-group-item {
	color: #1a2057;
    font-size: 1.4rem;
    padding: 10px 10px 10px 1.6em;
    border: 1px solid #1a2057;
    transition: all 0.3s;
    margin: 0;
    font-weight: bold;
}
.example_contents #contants .inbox .side_block .btn_list_example ul li::before {
	display: block;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    font-size: 2rem;
    line-height: 20px;
    color: #1a2057;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	background: none;
}



@media only screen and (max-width: 767px) {
	
	
	
}



/*改善例一覧
--------------*/

.example_contents_list .img-block{
	width:100%;
	height:160px;
	overflow:hidden;
	position:relative;
}

.example_contents_list .img-block img.img-thumb{
	width: 130%;
	height: auto;
	position:relative;
	max-width: inherit;
}



@media only screen and (max-width: 767px) {	
	
	.example_contents_list{
		margin-bottom: 38px;
	}
	
	.example_contents_list .img-block{
		width:100%;
		height:206px;
		overflow:hidden;
		position:relative;
	}
	
	.example_contents_list .img-block img.img-thumb{
		width: 100%;
		height: auto;
		position:relative;
		max-width: inherit
	}
	
	
}






/*体質自己診断
--------------*/
#contants .inbox .container.page-shindan {
    width: 890px;
    float: none;
    margin: 0 auto;
}
.page-shindan h2 {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 300;
    margin-bottom: 70px;
}

.page-shindan .content01 {
    margin-bottom: 25px;
}
.page-shindan .content01 h3 {
    text-align: center;
    font-size: 3.1rem;
    color: #0E0076;
    margin: 20px 0 0;
}
.page-shindan .content01 p {
    text-align: center;
    font-size: 1.6rem;
    margin: 0 0 30px;
}
.page-shindan .content01 .ph {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    max-width: 150px;
    margin: 0 auto;
    padding-top: 50%;
}
.page-shindan .content01 .ph img {
    position: absolute;
    top: 0;
}

.page-shindan .content02 {
    margin-bottom: 60px;
}
.page-shindan .content02 h4 {
    text-align: center;
    font-size: 2.4rem;
    color: #ffffff;
    background: #FC9305;
    border-radius: 6px;
    margin: 0;
    padding: 10px;
    line-height: 1.3;
}
.page-shindan .content02 p {
    font-size: 1.3rem;
    margin: 0;
}

.page-shindan .content03 {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    max-width: 840px;
    margin: 0 auto 130px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.page-shindan .content03 .content03-item {
}
.page-shindan .content03 .content03-item:last-child {
    flex: 0 0 445px;
    margin-left: 30px;
}
.page-shindan .content03 p.txt-midashi {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
.page-shindan .content03 p.txt-midashi > span:first-child {
    font-size: 4.5rem;
    margin-right: 5px;
}
.page-shindan .content03 p.txt-midashi > span:first-child > span {
    font-size: 8.7rem;
    color: #BF175E;
    font-weight: 500;
    margin-right: 7px;
}
.page-shindan .content03 p.txt-midashi > span:last-child {
    font-size: 4.4rem;
    display: block;
    margin-top: 10px;
}
.page-shindan .content03 p.btn-shindan {
    max-width: 445px;
    margin: 0 auto;
}
.page-shindan .content03 p.btn-shindan a {
    display: block;
    width: 100%;
    font-size: 4.5rem;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: #05A0BC;
    border-radius: 6px;
    transition: 0.3s;
    padding: 35px 0 30px;
    line-height: 1;
}
.page-shindan .content03 p.btn-shindan a:hover {
    opacity: 0.5;
}

.page-shindan .content04 {
    max-width: 575px;
    margin: 0 auto 60px;
}
.page-shindan .content04 p {
    font-size: 1.2rem;
}
.page-shindan .content04 p.btn-about {
    max-width: 330px;
    margin: 0 auto 20px;
    position: relative;
}
.page-shindan .content04 p.btn-about::before {
    content: "";
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-left: 7px solid #ffffff;
    z-index: 1;
}
.page-shindan .content04 p.btn-about a {
    display: block;
    width: 100%;
    color: #ffffff;
    background: #2D4074;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px 0;
    transition: 0.3s;
}
.page-shindan .content04 p.btn-about a:hover {
    opacity: 0.5;
}
.page-shindan .content04 p.btn-about a span {
    display: block;
    font-size: 1rem;
    font-weight: normal;
}



@media only screen and (max-width: 767px) {	
    #contants .inbox .container.page-shindan {
        width: 100%;
    }
    .page-shindan h2 {
        font-size: 2.5rem;
        margin-bottom: 40px;
        line-height: 1.4;
    }

    .page-shindan .content01 {
        margin-bottom: 20px;
    }
    .page-shindan .content01 h3 {
        font-size: 1.8rem;
        margin: 15px 0 0;
    }
    .page-shindan .content01 p {
        font-size: 1.3rem;
    }
    .page-shindan .content01 .acms-col-4 {
        width: 50%;
    }
    
    .page-shindan .content01 .ph {
        padding-top: calc(150 / 375 * 100vw);
        max-width: inherit;
        width: 90%;
    }
    
    
    .page-shindan .content02 {
        padding: 0 4.68%;
        margin-bottom: 40px;
    }
    .page-shindan .content02 h4 {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }
    .page-shindan .content02 .acms-col-6 {
        width: 100%;
    }
    
    
    .page-shindan .content03 {
        padding: 0 4.68%;
        max-width: inherit;
        margin: 0 auto 50px;
        display: block;
    }
    .page-shindan .content03 .content03-item:last-child {
        flex: 0 0 100%;
        margin-left: 0;
    }
    .page-shindan .content03 p.txt-midashi {
        font-size: 3rem;
        text-align: center;
        margin-bottom: 20px;
    }
    .page-shindan .content03 p.txt-midashi > span:first-child {
        font-size: 3rem;
    }
    .page-shindan .content03 p.txt-midashi > span:first-child > span {
        font-size: 6rem;
        margin-right: 5px;
    }
    .page-shindan .content03 p.txt-midashi > span:last-child {
        font-size: 4.2rem;
    }
    .page-shindan .content03 p.btn-shindan {
        max-width: 100%;
    }
    .page-shindan .content03 p.btn-shindan a {
        display: block;
        width: 100%;
        font-size: 2.2rem;
        padding: 25px 0 20px;
    }
    
    
    .page-shindan .content04 {
        max-width: inherit;
        margin: 0 auto;
        padding: 0 4.68%;
    }
    .page-shindan .content04 p.btn-about {
        max-width: inherit;
        margin: 0 auto 10px;
    }
}



/*診断結果*/
.checksheet #contants .inbox .container {
    width: 722px;
    float: none;
    margin: 0 auto;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.checksheet .acms-page-header h1 {
    display: none;
}
.checksheet .acms-entry h2 {
    text-align: center;
    font-size: 3.2rem;
    color: #000000;
    background: none;
    margin-bottom: 50px;
}
.checksheet .acms-entry h2::before {
    display: none;
}
.checksheet .txt_midashi_shindan {
    background: #0D2572;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 2.2rem;
    font-weight: bold;
    border-radius: 6px;
}
.checksheet .txt_midashi_shindan span {
    font-size: 2.8rem;
}
.checksheet .txt_midashi_shindan span.txt_color {
    color: #B8CED9;
    font-size: 3.2rem;
}

.checksheet .acms-entry [class*="column-image-"] img {
    border-radius: 6px;
}

.checksheet .bg_txtbox {
    border-radius: 6px;
    background: #FFFDEA;
    border: 2px solid #EEE89A;
    padding: 15px 20px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 40px 0 50px;
}
.checksheet .border-block {
    border-radius: 6px;
    border: 1px solid #0D2572;
    padding: 50px 45px;
    margin-bottom: 70px;
}
.checksheet .border-block .txt_box {
    margin-bottom: 30px;
}
.checksheet .border-block .txt_box h3 {
    background: #0D2572;
    color: #ffffff;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    margin: 0 0 15px;
}
.checksheet .border-block .txt_box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5%;
}
.checksheet .border-block .txt_box ul li {
    flex: 0 0 49%;
    margin: 0 0.5% 5px;
}
.checksheet .border-block .txt_box ul li a {
    color: #000000;
    font-size: 1.4rem;
    display: block;
    transition: 0.3s;
    border: 1px solid #0D2572;
    padding: 2px 0;
    text-align: center;
}
.checksheet .border-block .txt_box ul li a:hover {
    opacity: 0.5;
}

.checksheet .btn_contact {
    max-width: 240px;
    margin: 0 auto;
    position: relative;
}
.checksheet .btn_contact::before {
    content: "";
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 8px solid transparent;
    border-left: 8px solid #ffffff;
    z-index: 1;
}

.checksheet .btn_contact a {
    display: block;
    color: #ffffff;
    background: #00897F;
    border: 1px solid #033431;
    border-radius: 6px;
    font-size: 2.3rem;
    transition: 0.3s;
    text-align: center;
    padding: 15px 0;
}
.checksheet .btn_contact a:hover {
    opacity: 0.5;
}

.checksheet .column-image-center.acms-col-sm-6 {
    width: 100%;
}

@media only screen and (max-width: 767px) {	
    .checksheet #contants .inbox .container {
        width: 100%;
    }
    
    .checksheet .acms-entry h2 {
        font-size: 2.5rem;
        margin-bottom: 30px;
    }
    .checksheet .txt_midashi_shindan {
        font-size: calc(14 / 375 *100vw) !important;
        padding: 8px 0;
        margin-bottom: 20px;
    }
    .checksheet .txt_midashi_shindan span {
        font-size: calc(16 / 375 *100vw) !important;
    }
    .checksheet .txt_midashi_shindan span.txt_color {
        font-size: calc(22 / 375 *100vw) !important;
    }

    .checksheet .bg_txtbox {
        padding: 10px 15px;
        font-size: 1.4rem;
        margin: 10px 0 40px;
    }
    .checksheet .border-block {
        padding: 20px 4.68%;
        margin-bottom: 40px;
    }
    .checksheet .border-block .txt_box {
        margin-bottom: 20px;
    }
    .checksheet .border-block .txt_box h3 {
        font-size: 1.8rem;
    }
    .checksheet .border-block .txt_box ul {
        margin: 0;
    }
    .checksheet .border-block .txt_box ul li {
        flex: 0 0 100%;
        margin: 0 0 10px;
    }
    .checksheet .border-block .txt_box ul li a {
        font-size: 1.4rem;
        padding: 5px 0;
    }
    .checksheet .btn_contact {
        width: 80%;
        max-width: inherit;
    }

    .checksheet .btn_contact a {
        font-size: 1.8rem;
        padding: 10px 0;
    }
}



/*ダイエット診断トップ
--------------*/
#contants .inbox .container.page-diet-shindan {
    width: 890px;
    float: none;
    margin: 0 auto;
}
.page-diet-shindan h2 {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 300;
    margin-bottom: 70px;
}

.page-diet-shindan .content01 {
    margin-bottom: 25px;
}
.page-diet-shindan .content01 h3 {
    text-align: center;
    font-size: 3.1rem;
    color: #0E0076;
    margin: 20px 0 0;
}
.page-diet-shindan .content01 p {
    text-align: center;
    font-size: 1.6rem;
    margin: 0 0 30px;
}
.page-diet-shindan .content01 .ph {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    max-width: 150px;
    margin: 0 auto;
    padding-top: 50%;
}
.page-diet-shindan .content01 .ph img {
    position: absolute;
    top: 0;
}

.page-diet-shindan .content02 {
    margin-bottom: 60px;
}
.page-diet-shindan .content02 h4 {
    text-align: center;
    font-size: 2.4rem;
    color: #ffffff;
    background: #EE5B99;
    border-radius: 6px;
    margin: 0;
    padding: 10px;
    line-height: 1.3;
}
.page-diet-shindan .content02 p {
    font-size: 1.3rem;
    margin: 0;
}

.page-diet-shindan .content03 {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    max-width: 840px;
    margin: 0 auto 130px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.page-diet-shindan .content03 .content03-item {
}
.page-diet-shindan .content03 .content03-item:last-child {
    flex: 0 0 445px;
    margin-left: 30px;
}
.page-diet-shindan .content03 p.txt-midashi {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
.page-diet-shindan .content03 p.txt-midashi > span:first-child {
    font-size: 4.5rem;
    margin-right: 5px;
}
.page-diet-shindan .content03 p.txt-midashi > span:first-child > span {
    font-size: 8.7rem;
    color: #BF175E;
    font-weight: 500;
    margin-right: 7px;
}
.page-diet-shindan .content03 p.txt-midashi > span:last-child {
    font-size: 4.4rem;
    display: block;
    margin-top: 10px;
}
.page-diet-shindan .content03 p.btn-shindan {
    max-width: 445px;
    margin: 0 auto;
}
.page-diet-shindan .content03 p.btn-shindan a {
    display: block;
    width: 100%;
    font-size: 4.5rem;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: #FF8300;
    border-radius: 6px;
    transition: 0.3s;
    padding: 35px 0 30px;
    line-height: 1;
}
.page-diet-shindan .content03 p.btn-shindan a:hover {
    opacity: 0.5;
}

.page-diet-shindan .content04 {
    max-width: 575px;
    margin: 0 auto 60px;
}
.page-diet-shindan .content04 p {
    font-size: 1.2rem;
}
.page-diet-shindan .content04 p.btn-about {
    max-width: 330px;
    margin: 0 auto 20px;
    position: relative;
}
.page-diet-shindan .content04 p.btn-about::before {
    content: "";
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-left: 7px solid #ffffff;
    z-index: 1;
}
.page-diet-shindan .content04 p.btn-about a {
    display: block;
    width: 100%;
    color: #ffffff;
    background: #2D4074;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px 0;
    transition: 0.3s;
}
.page-diet-shindan .content04 p.btn-about a:hover {
    opacity: 0.5;
}
.page-diet-shindan .content04 p.btn-about a span {
    display: block;
    font-size: 1rem;
    font-weight: normal;
}



@media only screen and (max-width: 767px) {	
    #contants .inbox .container.page-diet-shindan {
        width: 100%;
    }
    .page-diet-shindan h2 {
        font-size: 2.5rem;
        margin-bottom: 40px;
        line-height: 1.4;
    }

    .page-diet-shindan .content01 {
        margin-bottom: 20px;
    }
    .page-diet-shindan .content01 h3 {
        font-size: 1.8rem;
        margin: 15px 0 0;
    }
    .page-diet-shindan .content01 p {
        font-size: 1.3rem;
    }
    .page-diet-shindan .content01 .acms-col-4 {
        width: 50%;
    }
    
    .page-diet-shindan .content01 .ph {
        padding-top: calc(150 / 375 * 100vw);
        max-width: inherit;
        width: 90%;
    }
    
    
    .page-diet-shindan .content02 {
        padding: 0 4.68%;
        margin-bottom: 40px;
    }
    .page-diet-shindan .content02 h4 {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }
    .page-diet-shindan .content02 .acms-col-6 {
        width: 100%;
    }
    
    
    .page-diet-shindan .content03 {
        padding: 0 4.68%;
        max-width: inherit;
        margin: 0 auto 50px;
        display: block;
    }
    .page-diet-shindan .content03 .content03-item:last-child {
        flex: 0 0 100%;
        margin-left: 0;
    }
    .page-diet-shindan .content03 p.txt-midashi {
        font-size: 3rem;
        text-align: center;
        margin-bottom: 20px;
    }
    .page-diet-shindan .content03 p.txt-midashi > span:first-child {
        font-size: 3rem;
    }
    .page-diet-shindan .content03 p.txt-midashi > span:first-child > span {
        font-size: 6rem;
        margin-right: 5px;
    }
    .page-diet-shindan .content03 p.txt-midashi > span:last-child {
        font-size: 4.2rem;
    }
    .page-diet-shindan .content03 p.btn-shindan {
        max-width: 100%;
    }
    .page-diet-shindan .content03 p.btn-shindan a {
        display: block;
        width: 100%;
        font-size: 2.2rem;
        padding: 25px 0 20px;
    }
    
    
    .page-diet-shindan .content04 {
        max-width: inherit;
        margin: 0 auto;
        padding: 0 4.68%;
    }
    .page-diet-shindan .content04 p.btn-about {
        max-width: inherit;
        margin: 0 auto 10px;
    }
}



/*ダイエット診断結果*/
.checksheet_diet #contants .inbox .container {
    width: 722px;
    float: none;
    margin: 0 auto;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.checksheet_diet .acms-page-header h1 {
    display: none;
}
.checksheet_diet .acms-entry h2 {
    text-align: center;
    font-size: 3.2rem;
    color: #000000;
    background: none;
    margin-bottom: 50px;
}
.checksheet_diet .acms-entry h2::before {
    display: none;
}
.checksheet_diet .txt_midashi_shindan {
    background: #0D2572;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 2.2rem;
    font-weight: bold;
    border-radius: 6px;
}
.checksheet_diet .txt_midashi_shindan span {
    font-size: 2.8rem;
}
.checksheet_diet .txt_midashi_shindan span.txt_color {
    color: #B8CED9;
    font-size: 3.2rem;
}

.checksheet_diet .acms-entry [class*="column-image-"] img {
    border-radius: 6px;
}

.checksheet_diet .bg_txtbox {
    border-radius: 6px;
    background: #FFFDEA;
    border: 2px solid #EEE89A;
    padding: 15px 20px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 40px 0 50px;
}
.checksheet_diet .border-block {
    border-radius: 6px;
    border: 1px solid #0D2572;
    padding: 50px 45px;
    margin-bottom: 70px;
}
.checksheet_diet .border-block .txt_box {
    margin-bottom: 30px;
}
.checksheet_diet .border-block .txt_box h3 {
    background: #0D2572;
    color: #ffffff;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    margin: 0 0 15px;
}
.checksheet_diet .border-block .txt_box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5%;
}
.checksheet_diet .border-block .txt_box ul li {
    flex: 0 0 49%;
    margin: 0 0.5% 5px;
}
.checksheet_diet .border-block .txt_box ul li a {
    color: #000000;
    font-size: 1.4rem;
    display: block;
    transition: 0.3s;
    border: 1px solid #0D2572;
    padding: 2px 0;
    text-align: center;
}
.checksheet_diet .border-block .txt_box ul li a:hover {
    opacity: 0.5;
}

.checksheet_diet .btn_contact {
    max-width: 240px;
    margin: 0 auto;
    position: relative;
}
.checksheet_diet .btn_contact::before {
    content: "";
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 8px solid transparent;
    border-left: 8px solid #ffffff;
    z-index: 1;
}

.checksheet_diet .btn_contact a {
    display: block;
    color: #ffffff;
    background: #00897F;
    border: 1px solid #033431;
    border-radius: 6px;
    font-size: 2.3rem;
    transition: 0.3s;
    text-align: center;
    padding: 15px 0;
}
.checksheet_diet .btn_contact a:hover {
    opacity: 0.5;
}

.checksheet_diet .column-image-center.acms-col-sm-6 {
    width: 100%;
}

@media only screen and (max-width: 767px) {	
    .checksheet_diet #contants .inbox .container {
        width: 100%;
    }
    
    .checksheet_diet .acms-entry h2 {
        font-size: 2.5rem;
        margin-bottom: 30px;
    }
    .checksheet_diet .txt_midashi_shindan {
        font-size: calc(14 / 375 *100vw) !important;
        padding: 8px 0;
        margin-bottom: 20px;
    }
    .checksheet_diet .txt_midashi_shindan span {
        font-size: calc(16 / 375 *100vw) !important;
    }
    .checksheet_diet .txt_midashi_shindan span.txt_color {
        font-size: calc(22 / 375 *100vw) !important;
    }

    .checksheet_diet .bg_txtbox {
        padding: 10px 15px;
        font-size: 1.4rem;
        margin: 10px 0 40px;
    }
    .checksheet_diet .border-block {
        padding: 20px 4.68%;
        margin-bottom: 40px;
    }
    .checksheet_diet .border-block .txt_box {
        margin-bottom: 20px;
    }
    .checksheet_diet .border-block .txt_box h3 {
        font-size: 1.8rem;
    }
    .checksheet_diet .border-block .txt_box ul {
        margin: 0;
    }
    .checksheet_diet .border-block .txt_box ul li {
        flex: 0 0 100%;
        margin: 0 0 10px;
    }
    .checksheet_diet .border-block .txt_box ul li a {
        font-size: 1.4rem;
        padding: 5px 0;
    }
    .checksheet_diet .btn_contact {
        width: 80%;
        max-width: inherit;
    }

    .checksheet_diet .btn_contact a {
        font-size: 1.8rem;
        padding: 10px 0;
    }
}


/*ダイエットチェック結果のおすすめ記事
--------------*/
.checksheet_diet .osusume_block {
    color: #fff !important;
	margin-bottom: 50px;
	margin-top: 50px;
}

.checksheet_diet .osusume_block h3 {
	display: block;
    margin: 1.5px 0;
    padding: 11px 12px;
    color: #fff;
    font-weight: bold;
    background: #121851;
    font-size: 1.6rem;
}
.checksheet_diet .osusume_block ul {
	border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.checksheet_diet .osusume_block ul li {
	border-bottom: 2px solid #1a2057;
	padding: 10px 10px 10px 1.7em;
	font-size: 1.4rem;
}
.checksheet_diet .osusume_block ul li a {
	transition: 0.3s;
	color: #000;
	margin-left: 15px;
}
.checksheet_diet .osusume_block ul li a:hover {
	opacity: 0.5;
}
.checksheet_diet .osusume_block ul li::before {
	display: block;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    font-size: 2rem;
    line-height: 20px;
    color: #1a2057;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	background: none;
}


@media only screen and (max-width: 767px) {
	
	
	
}