@charset "utf-8";
/********************************************************************************************
汎用クラス
********************************************************************************************/
/*===========================================================================================
 リンクボタン
===========================================================================================*/
.button,
.button:before {
	color: #FFF !important;
}
.button {
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	text-align: center;
	line-height: 1.5;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
    align-items: center;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	white-space: nowrap;
	border-radius: 5px;
	position: relative;
	padding: 10px 70px;
	margin-top: 10px;
	background: rgb(64,134,60);
	background: -moz-linear-gradient(top, rgba(64,134,60,1) 1%, rgba(0,102,0,1) 49%, rgba(0,102,0,1) 70%, rgba(0,102,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(64,134,60,1) 1%,rgba(0,102,0,1) 49%,rgba(0,102,0,1) 70%,rgba(0,102,0,1) 100%);
	background: linear-gradient(to bottom, rgba(64,134,60,1) 1%,rgba(0,102,0,1) 49%,rgba(0,102,0,1) 70%,rgba(0,102,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40863c', endColorstr='#006600',GradientType=0 );
}
.button:hover {
	background: rgb(180,227,145);
	background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(166,224,118,1) 0%, rgba(97,196,25,1) 100%, rgba(170,226,127,1) 100%);
	background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(166,224,118,1) 0%,rgba(97,196,25,1) 100%,rgba(170,226,127,1) 100%);
	background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(166,224,118,1) 0%,rgba(97,196,25,1) 100%,rgba(170,226,127,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#aae27f',GradientType=0 );
}
section.entry-aside .button {
	display: inline-block;	
	margin-left: 15px;
	margin-bottom:15px;
}
#first-aside > div[data-role="hurry"] .button  {
	background: rgb(173,0,45);
	background: -moz-linear-gradient(top, rgba(173,0,45,1) 0%, rgba(173,0,45,1) 0%, rgba(173,0,45,1) 27%, rgba(140,0,0,1) 62%, rgba(140,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(173,0,45,1) 0%,rgba(173,0,45,1) 0%,rgba(173,0,45,1) 27%,rgba(140,0,0,1) 62%,rgba(140,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(173,0,45,1) 0%,rgba(173,0,45,1) 0%,rgba(173,0,45,1) 27%,rgba(140,0,0,1) 62%,rgba(140,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad002d', endColorstr='#8c0000',GradientType=0 );
}
#first-aside > div[data-role="hurry"] .button:hover {
	background: rgb(255,48,25);
	background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );	
}
/*===========================================================================================
 flexbox 
===========================================================================================*/
.theme_wrapper .flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-left: -15px;
	margin-right: -15px;
}
.theme_wrapper ul.flex,
.theme_wrapper ol.flex {
	margin-left: 0;
}
.theme_wrapper .flex img {
	float: left;
}
.theme_wrapper .flex img + * {
	clear: both;
}
/********** 子要素 **********/
.theme_wrapper .flex > * {
	margin-left: 15px;
	margin-right: 15px;
}
.theme_wrapper .flex[class*="width"] {
	margin-left: auto;
	margin-right: auto;
}
/********** オプションクラス **********/
/* 水平方向の揃え方（デフォルト：space-between） */
.theme_wrapper .flex.content-center {
	-webkit-justify-content: center;
    justify-content: center;
}
/* 垂直方向の揃え方（デフォルト：stretch） */
.theme_wrapper .flex.align-start {
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
/* 子要素間の余白（デフォルト：margin:0 10px 20px） */
.theme_wrapper .flex.no-margin,
.theme_wrapper .flex.no-margin > *,
.theme_wrapper .flex *[class*="width"].no-margin,
.theme_wrapper .flex *[class*="width"].no-margin > * {
	margin-left: 0;
	margin-right: 0;
}
/* 子要素の折り返し設定（デフォルト：nowrap） */
.theme_wrapper *[class*="wrap"] {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
.theme_wrapper .flex.wrap-2 > * {
	width: calc(50% - 30px);
	max-width: 50%;
}
.theme_wrapper .flex.wrap-3 > * {
	width: calc(33.3% - 30px);
	max-width: 33.3%;
}
.theme_wrapper .flex.wrap-4 > * {
	width: calc(25% - 30px);
	max-width: 25%;
}
.theme_wrapper .flex.wrap-5 > * {
	width: calc(20% - 30px);
	max-width: 20%;
}
.theme_wrapper .flex.wrap-2.no-margin > * {
	width: 50%;
}
.theme_wrapper .flex.wrap-3.no-margin > * {
	width: 33.3%;
}
.theme_wrapper .flex.wrap-4.no-margin > * {
	width: 25%;
}
.theme_wrapper .flex.wrap-5.no-margin > * {
	width: 20%;
}
/*===========================================================================================
 ストライプテーブル
===========================================================================================*/
table.stripe {
	overflow: hidden;
}
table.stripe thead th:nth-child(2n+2) {
	background: #696252;
}
table.stripe tr:nth-child(2n+2) td {
	background: rgba(255,255,255,0.5);
}
/*===========================================================================================
 症例テーブル
===========================================================================================*/
table.case {
	table-layout: fixed;
	width: 100%;
}
table.case th {
	white-space: normal;
}
table.case th,
table.case td {
	width: 50%;
	border: none;
	background: #F4FDE8;
}
table.case th:nth-child(odd),
table.case td:nth-child(odd) {
	background: #F1F1F1;
}
table.case td {
	text-align: center;
}
table.case td img {
	max-width: 100%;
	height: auto;
}
table.case td h3,
table.case td h4 {
	margin-top:0px !important;
	display: block;
}
table.case td p {
	text-align: left;
}
/********** 症例テーブル　メリット・デメリット **********/
table.case.comparison thead th:first-child {
	background: #06C;
}
table.case.comparison thead th:last-child {
	background: #C00;
}
table.case.comparison tbody tr td {
	text-align: left;
}
table.case.comparison tbody tr ul {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background: none;
}
table.case.comparison tbody tr ul li {
	margin-bottom: 5px;
}
table.case.comparison tbody tr ul li:last-child {
	margin-bottom: 0px;
}
table.case.comparison tbody tr td:first-child ul li:before {
	color: #06C;
}
table.case.comparison tbody tr td:last-child ul li:before {
	color: #C00;
}
/*===========================================================================================
 シンプルテーブル
===========================================================================================*/
table.simple {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: auto;
	margin-right: auto;
}
table.simple thead {
	display: none;
}
table.simple th,
table.simple td {
	background: none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #B4AD9E !important;
}
table.simple th {
	vertical-align: middle;
	text-align: center;
}
table.simple table {
	width: 100%;
}
table.simple table th,
table.simple table td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
table.simple ul {
	padding: 0px;
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table.simple ul li {
	margin-bottom: 5px;
}
table.simple ul li:last-child {
	margin-bottom: 0px;
}
/*===========================================================================================
 インラインリスト
===========================================================================================*/
ol.inline > li,
ul.inline > li {
	display: inline-block;
	margin-right: 10px;
}
/*===========================================================================================
 特徴リスト
===========================================================================================*/
ul.column {
	background: none;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.column > li {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0;
	margin: 0px;
	background: #F9FEF8 url(../images/section-bg.png);
}
.theme_article > section:nth-child(even) ul.column > li {
	background: #FFF;
}
ul.column > li:before {
	display: none !important;
}
ul.column > li > * {
	width: 50%;
}
ul.column > li > div {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	padding: 15px 20px;
}
ul.column > li > img {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}
ul.column > li:nth-child(n+2) {
	margin-top: 30px;
}
/********** 特徴リスト　div内を左右交互レイアウト **********/
ul.column.reversal > li:nth-child(2n+2) > img {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}
/********** 特徴リスト　imgが小さいレイアウト **********/
ul.column.img-small > li > div {
	width: calc(80% - 10px);
}
ul.column.img-small > li > img {
	width: calc(20% - 10px);
}
ul.column.img-middle > li > div {
	width: calc(70% - 10px);
}
ul.column.img-middle > li > img {
	width: calc(30% - 10px);
}
/********** 特徴リスト　div内要素 **********/
ul.column > li > div > *:not(ul) {
	padding: 0px;
	margin-top: 10px !important;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.column > li > div > *:first-child:not(h3) {
	padding: 0px !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
ul.column > li > div > p .button {
	position: relative;
}

/*===========================================================================================
 カタログリスト表示
===========================================================================================*/
/********** 基本3列 **********/
ul.catalog {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 0px;
	border: none;
	background: none;
	position: relative;
}
ul.catalog + ul.catalog {
	margin-top: 0px;
}
ul.catalog > li {
	box-sizing: border-box;
	padding-left: 0em !important;
	padding-bottom: 20px;
	text-indent: 0em !important;
	display: inline-block;
	width: calc(100% / 3 - 20px);
	overflow: hidden;
	margin-top: 2rem;
	margin-right: 0px;
	margin-left: 0px;
	background: #FFF;
	box-shadow: 0px 0px 10px #52B239;
	border-radius: 10px;
}
ul.catalog > li:not(:nth-child(3n)) {
 margin-right: 20px;
}
ul.catalog > li:before {
	display: none;
}
/********** カタログリスト表示　1列・2列用 **********/
ul.catalog > li.col-1 {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}
ul.catalog > li.col-2 {
	width: calc(50% - 7.5px);
	margin-right: 0px;
	margin-left: 0px;
}
ul.catalog > li.col-2 + li.col-2 {
	margin-right: 0px;
	margin-left: 15px;
}
ul.catalog > li.col-2:nth-of-type(2n+2) {
	margin-left: 0px;
}
ul.catalog > li.col-2:nth-of-type(2n+1) {
	margin-right: 0px;
}
/********** カタログリスト表示　li内要素 **********/
ul.catalog > li > *:not(img) {
	padding-left: 20px;
	padding-right: 20px;
}
ul.catalog > li > img {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
}
ul.catalog > li h3,
ul.catalog > li h4 {
	text-align: center;
	margin-bottom: 0px !important;
	border-top-style: none !important;
}
ul.catalog > li h3 + * ~ *,
ul.catalog > li h4 + * ~ * {
	padding-top: 10px !important;
}
ul.catalog > li h3 {
	padding: 15px !important;
}
ul.catalog > li h3:before {
	display: none;
}

ul.catalog > li .button {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0px;
}
ul.catalog > li p {
	line-height: 2 !important;
}
/*===========================================================================================
 ☑マークリスト
===========================================================================================*/
ul.check-list > li {
	padding-left: 25px;	
}
ul.check-list > li:before {
	font-family: FontAwesome;
	color: #D90000;
	content: '\f046';
	font-size: 1.2rem;
	position: absolute;
	top: 0;
}
/*===========================================================================================
 ロゴマーク　margin
===========================================================================================*/
.logomark {
	margin-right: 2px;	
}
/*===========================================================================================
 順序付き記述リスト
===========================================================================================*/
dl.order {
	counter-reset: dl;
}
dl.order dt {
	counter-increment: dl;
	border-left-style: none;
	font-size: 20px;
	color: #330066;
	text-indent: -0.6em;
	padding-left: 1.25em;
}
dl.order dt:before {
	content: counter(dl)".";
}
dl.order dd {
	padding-bottom: 15px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
/********** Q&Aリスト **********/
.qa {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}
.qa dt {
	border-top: 1px dotted #CCCCCC;
	margin-top: 10px;
}
.qa dt:first-child {
	border-top: none;
}
.qa dt p:before {
	background-color: #009C4E;
	padding: 0 4px;
	margin-right: 5px;
	border-radius: 15px;
	content: "？";
	color: #FFF;
}
.qa dt p {
	padding-left: 27px;
	text-indent: -27px;
	color: #009C4E;
	margin-bottom: 0;
	cursor: pointer;
	text-decoration: underline;
}
.qa dd p {
	position: relative;
	background: #FFFFFF;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 0;
}
.qa dd p:after, .qa dd p:before {
	bottom: 100%;
	left: 12%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.qa dd p:after {
	border-bottom-color: #FFF;
	border-width: 0 0 10px 15px;
	border-color: transparent transparent #FFF transparent;
	margin-left: -50px;
	margin-left: -10px;
}
.qa dd p:before {
	border-width: 0 0 14px 20px;
	border-color: transparent transparent #CCC transparent;
	margin-left: -53px;
	margin-left: -13px;
}
.qa dd p a {
	color: #444;
}
/*===========================================================================================
 手順や比較
===========================================================================================*/
.process {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
* + .process,
.process + .process {
	margin-top: 10px;
}
.process li {
	width: 70px;
    margin-right: 25px;
    text-align: center;
    position: relative;
    border: 1px solid #B062A3;
	background: #fff;
    color: #B062A3;
}
.process li:after {
	font-family: "FontAwesome";
	color: #B062A3;
	content: "\f105";
	font-size: 150%;
	position: absolute;
	top: -8px;
    right: -20px;
}
.process li:last-child:after {
	content: "";
}
*[class*="flex"] .process + .process {
	margin-top: 0px;
}
.process > div {
	border: 1px solid #52B239;
	position: relative;
	width: calc(100% / 3 - 30px);
	margin-right: 30px;
	margin-bottom: 2.5rem !important;
	box-sizing: border-box;
}
.process > div:last-child {
	margin-right: 0px;
}
.process > div:after {
	font-family: "FontAwesome";
	color: #52B239;
	content: "\f0da";
	font-size: 200%;
	position: absolute;
	top: calc(50% - 16px);
	right: -20px;
}
.process > div:last-child:after {
	display: none;
}
.process img {
	max-width: 100%;
	box-sizing: border-box;
	height: auto;
	float: left;
}
.process.column img {
	float: right;
}
/********** 手順や比較　n列表示共通設定 **********/
.process[class*="col"] {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 0px;
}
.process[class*="col"] > div {
	margin-bottom: 30px;
}
/* 手順や比較　1列表示 */
.process.col-1 > div {
	width: 100%;
}
/* 手順や比較　2列表示 */
.process.col-2 > div {
	width: calc(50% - 30px);
}
/* 手順や比較　3列表示 */
.process.col-3 > div {
	width: calc(33.3% - 30px);
}
.process.col-3 > div:nth-last-child(2) {
	margin-bottom: 0px !important;
}
/* 手順や比較　4列表示 */
.process.col-4 > div {
	width: calc(25% - 30px);
}
/* 手順や比較　5列表示 */
.process.col-5 > div {
	width: calc(20% - 30px);
}
/********** 手順や比較　内部要素 **********/
.process > div > * {
	margin: 0px !important;
}
.process > div > *:not(img) {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.process > div > *:nth-child(n+2) {
	clear: both;
}
.process > div h3,
.process > div h4 {
	text-align: center;
}
.process > div p {
	line-height: 2 !important;
}

/********** 手順や比較　縦並び **********/
.process.column {
	flex-direction: column;
}
.process.column > div {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	position: relative;
}
.process.column > div + div {
	margin-top: 20px;
}
.process.column > div + div:before {
	content: "\f0d7";
	text-align: center;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
}
.process.column .process-half {
	width: 48%;
}
.process.column > div > *:last-child {
	margin-bottom: 0;
}
/********************************************************************************************
 メディア・クエリ　ブレークポイント：1600,1280,1024,900,640,510,480,400
********************************************************************************************/
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
/*===========================================================================================
 リンクボタン
===========================================================================================*/
.button {
	white-space: normal;
}
}
@media screen and (max-width:900px) {
.theme_wrapper .flex.wrap-2 > *,
.theme_wrapper .flex.wrap-2.no-margin > *,
.theme_wrapper .flex.wrap-3 > *,
.theme_wrapper .flex.wrap-3.no-margin > *,
.theme_wrapper .flex.wrap-4 > *,
.theme_wrapper .flex.wrap-4.no-margin > *,
.theme_wrapper .flex.wrap-5 > *,
.theme_wrapper .flex.wrap-5.no-margin > * {
	width: 100% !important;
	max-width: none;
}
}
@media screen and (max-width:900px) {
/*===========================================================================================
 リンクボタン
===========================================================================================*/
section.entry-aside .button {
    width: 310px;
    justify-content: center;
    margin: 15px auto;
    display: flex;
}
}
@media screen and (max-width:510px) and (orientation:portrait), screen and (max-width:768px) and (orientation:landscape) {
/*===========================================================================================
 リンクボタン
===========================================================================================*/
.button {
	padding: 10px 10px;
}
/********************************************************************************************
汎用クラス
********************************************************************************************/
/*===========================================================================================
 カタログ
===========================================================================================*/
ul.catalog > li {
	width: 100%;
}
ul.catalog > li:not(:nth-child(3n)) {
	margin-right: 0;
}
/*===========================================================================================
 シンプルテーブル
===========================================================================================*/
table.simple th,
table.simple td {
	display: block;
}
table.simple th {
	padding: 10px;
}
table.simple td {
	margin-bottom: 10px;
	background: #F0F0E1;
}
/*===========================================================================================
 カタログリスト表示
===========================================================================================*/
ul.column > li > * {
	width: 100%;
}
ul.column > li > div {
	order: 0;
}
ul.column.reversal > li:nth-child(2n+2) > img {
	order: 1;
}
/*===========================================================================================
 手順や比較
===========================================================================================*/
.process + .process {
	margin-top: 30px;
}
*[class*="flex"] .process + .process {
	margin-top: 0px;
}
.process > div {
	position: relative;
	width: 100% !important;
	margin-right: 0;
	box-sizing: border-box;
}
.theme_article > section > div > *:not(:last-child), .theme_article > section > div > div *:not(:last-child) {
	margin-bottom: 0px;
}
.process > div:last-child {
	margin-right: 0px;
	margin-bottom: 0px;
}
.process > div:after {
	font-family: "FontAwesome";
	content: "\f0dd";
	font-size: 200%;
	position: absolute;
	top: auto;
	right: 0;
	bottom: -35px;
	left: 0;
	text-align: center;
}
.process > div:last-child:after {
	display: none;
}
.process > div img {
	max-width: 100%;
	box-sizing: border-box;
	height: auto;
	float: none;
	display: block;
	margin: 0 auto !important;
}
.process.column img {
	float: right;
}
/********** 手順や比較　n列表示共通設定 **********/
.process[class*="col"] {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 0px;
}
.process[class*="col"] > div {
	margin-bottom: 30px;
}
/* 手順や比較　1列表示 */
.process.col-1 > div {
	width: 100%;
}
/* 手順や比較　2列表示 */
.process.col-2 > div {
	width: calc(50% - 30px);
}
/* 手順や比較　3列表示 */
.process.col-3 > div {
	width: calc(33.3% - 30px);
}
.process.col-3 > div:nth-last-child(2) {
	margin-bottom: 0px !important;
}
/* 手順や比較　4列表示 */
.process.col-4 > div {
	width: calc(25% - 30px);
}
/* 手順や比較　5列表示 */
.process.col-5 > div {
	width: calc(20% - 30px);
}
/********** 手順や比較　内部要素 **********/
.process > div > * {
	margin: 0px !important;
}
.process > div > *:not(img) {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.process > div > *:nth-child(n+2) {
	clear: both;
}
.process > div h3,
.process > div h4 {
	text-align: center;
}
/********** 手順や比較　縦並び **********/
.process.column {
	flex-direction: column;
}
.process.column > div {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	position: relative;
}
.process.column > div + div {
	margin-top: 20px;
}
.process.column > div + div:before {
	content: "\f0d7";
	text-align: center;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
}
.process.column .process-half {
	width: 48%;
}
.process.column > div > *:last-child {
	margin-bottom: 0;
}

}
@media screen and (max-width:510px) and (orientation:portrait) {
}
@media screen and (max-width:480px) {
/*===========================================================================================
 手順や比較
===========================================================================================*/
.process {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.process li {
	width: 62px;
	margin-bottom: 5px;
}
.theme_wrapper .flex {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.theme_wrapper .flex > img {
	display: flex;
		-webkit-justify-content: center;
    justify-content: center;	
}
.theme_wrapper .flex img {
	float: none;
	display: block;
	margin: 10px auto;
}
/********** オプションクラス **********/
/* 水平方向の揃え方（デフォルト：space-between） */
.theme_wrapper .flex.content-center {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
    justify-content: center;
}
.theme_wrapper .flex.content-center img:first-child {
	margin-bottom: 10px;	
}
}